diagram-js-minimap

WebJar for diagram-js-minimap

License

License

MIT
Categories

Categories

JavaScript Languages Github Development Tools Version Controls
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

github-com-bpmn-io-diagram-js-minimap
Last Version

Last Version

0.5.2
Release Date

Release Date

Type

Type

jar
Description

Description

diagram-js-minimap
WebJar for diagram-js-minimap
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/bpmn-io/diagram-js-minimap

Download github-com-bpmn-io-diagram-js-minimap

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/github-com-bpmn-io-diagram-js-minimap/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>github-com-bpmn-io-diagram-js-minimap</artifactId>
    <version>0.5.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-bpmn-io-diagram-js-minimap/
implementation 'org.webjars.npm:github-com-bpmn-io-diagram-js-minimap:0.5.2'
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-bpmn-io-diagram-js-minimap/
implementation ("org.webjars.npm:github-com-bpmn-io-diagram-js-minimap:0.5.2")
'org.webjars.npm:github-com-bpmn-io-diagram-js-minimap:jar:0.5.2'
<dependency org="org.webjars.npm" name="github-com-bpmn-io-diagram-js-minimap" rev="0.5.2">
  <artifact name="github-com-bpmn-io-diagram-js-minimap" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='github-com-bpmn-io-diagram-js-minimap', version='0.5.2')
)
libraryDependencies += "org.webjars.npm" % "github-com-bpmn-io-diagram-js-minimap" % "0.5.2"
[org.webjars.npm/github-com-bpmn-io-diagram-js-minimap "0.5.2"]

Dependencies

compile (3)

Group / Artifact Type Version
org.webjars.npm : lodash jar [3.0.1,4)
org.webjars.npm : min-dom jar [0.2.0,0.3)
org.webjars.npm : tiny-svg jar [0.1.1,0.2)

Project Modules

There are no modules declared in this project.

diagram-js Minimap

Build Status

A minimap for diagram-js.

Minimap

Features

  • See the whole diagram in the minimap
  • Highlight current viewport
  • Click/drag/scroll the minimap to navigate the diagram

Usage

Extend your diagram-js application with the minimap module. We'll use bpmn-js as an example:

import BpmnModeler from 'bpmn-js/lib/Modeler';

import minimapModule from 'diagram-js-minimap';

var bpmnModeler = new BpmnModeler({
  additionalModules: [
    minimapModule
  ]
});

For proper styling integrate the embedded style sheet:

<link rel="stylesheet" href="diagram-js-minimap/assets/diagram-js-minimap.css" />

Please see this example for a more detailed instruction.

License

MIT

org.webjars.npm

bpmn.io

Rendering toolkits and editors for BPMN 2.0, CMMN, DMN, and forms.

Versions

Version
0.5.2