camunda-bpmn-js 5.11.0 → 5.12.0

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2021-present Camunda Services GmbH
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+The MIT License (MIT)
+
+Copyright (c) 2021-present Camunda Services GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.

package/README.md

@@ -1,88 +1,88 @@
-# camunda-bpmn-js
-
-[![CI](https://github.com/camunda/camunda-bpmn-js/workflows/CI/badge.svg)](https://github.com/camunda/camunda-bpmn-js/actions?query=workflow%3ACI)
-
-Embeddable Camunda modeling distributions based on [bpmn-js](https://github.com/bpmn-io/bpmn-js).
-
-## Usage
-
-This project is designed to deliver different BPMN modeling distributions. Instead of creating custom Modeler implementations based on [bpmn-js](https://github.com/bpmn-io/bpmn-js), choose one of the existing packages to mirror the modeling experience of [Camunda's modeling](https://github.com/camunda/camunda-modeler/) products.
-
-Use a pre-packaged distribution
-
-```html
-<link rel="stylesheet" href="https://unpkg.com/camunda-bpmn-js@0.1.0/dist/assets/camunda-platform-modeler.css" />
-
-<script src="https://unpkg.com/camunda-bpmn-js@0.1.0/dist/camunda-platform-modeler.development.js"></script>
-```
-
-or install it via npm
-
-```js
-import BpmnModeler from 'camunda-bpmn-js/lib/camunda-platform/Modeler';
-
-import 'camunda-bpmn-js/dist/assets/camunda-platform-modeler.css';
-```
-
-into your web-application.
-
-```js
-var bpmnModeler = new BpmnModeler({
-  container: '#canvas',
-  propertiesPanel: {
-    parent: '#properties'
-  }
-});
-
-try {
-
-  await bpmnModeler.importXML(someDiagram);
-
-  console.log('success!');
-  bpmnModeler.get('canvas').zoom('fit-viewport');
-} catch (err) {
-
-  console.error('something went wrong:', err);
-}
-```
-
-Checkout [the docs](./docs/DISTRIBUTIONS.md) to learn more about the available distributions.
-
-## Build and Run
-
-Prepare the project by installing all dependencies:
-
-```sh
-npm install
-```
-
-Then, depending on your use-case, you may run any of the following commands:
-
-```sh
-# build the library and run all tests
-npm run all
-
-# spin up a single local camunda platform modeler instance
-npm run start:platform
-
-# run the full development setup
-npm run dev
-```
-
-## Related
-
-camunda-bpmn-js builds on top of a few powerful tools:
-
-* [bpmn-js](https://github.com/bpmn-io/bpmn-js): View and edit BPMN 2.0 diagrams in the browser
-* [diagram-js](https://github.com/bpmn-io/diagram-js): Diagram rendering and editing toolkit
-* [bpmn-js-properties-panel](https://github.com/bpmn-io/bpmn-js-properties-panel): A panel for (technical) properties editing
-* [bpmn-js-element-templates](https://github.com/bpmn-io/bpmn-js-element-templates): Domain specific editing for bpmn-js
-* [bpmn-js-create-append-anything](bpmn-js-create-append-anything): A create/append anything extension for bpmn-js
-* [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle): A BPMN 2.0 diagram reader/writer with extensions for [Camunda 7](https://github.com/camunda/camunda-bpmn-moddle) and [Camunda 8](https://github.com/camunda/zeebe-bpmn-moddle)
-* [camunda-bpmn-js-behaviors](https://github.com/camunda/camunda-bpmn-js-behaviors): Camunda specific behaviors for bpmn-js
-
-## License
-
-MIT
-
-Uses [bpmn-js](https://github.com/bpmn-io/bpmn-js) licensed under the bpmn.io license.
+# camunda-bpmn-js
+
+[![CI](https://github.com/camunda/camunda-bpmn-js/workflows/CI/badge.svg)](https://github.com/camunda/camunda-bpmn-js/actions?query=workflow%3ACI)
+
+Embeddable Camunda modeling distributions based on [bpmn-js](https://github.com/bpmn-io/bpmn-js).
+
+## Usage
+
+This project is designed to deliver different BPMN modeling distributions. Instead of creating custom Modeler implementations based on [bpmn-js](https://github.com/bpmn-io/bpmn-js), choose one of the existing packages to mirror the modeling experience of [Camunda's modeling](https://github.com/camunda/camunda-modeler/) products.
+
+Use a pre-packaged distribution
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/camunda-bpmn-js@0.1.0/dist/assets/camunda-platform-modeler.css" />
+
+<script src="https://unpkg.com/camunda-bpmn-js@0.1.0/dist/camunda-platform-modeler.development.js"></script>
+```
+
+or install it via npm
+
+```js
+import BpmnModeler from 'camunda-bpmn-js/lib/camunda-platform/Modeler';
+
+import 'camunda-bpmn-js/dist/assets/camunda-platform-modeler.css';
+```
+
+into your web-application.
+
+```js
+var bpmnModeler = new BpmnModeler({
+  container: '#canvas',
+  propertiesPanel: {
+    parent: '#properties'
+  }
+});
+
+try {
+
+  await bpmnModeler.importXML(someDiagram);
+
+  console.log('success!');
+  bpmnModeler.get('canvas').zoom('fit-viewport');
+} catch (err) {
+
+  console.error('something went wrong:', err);
+}
+```
+
+Checkout [the docs](./docs/DISTRIBUTIONS.md) to learn more about the available distributions.
+
+## Build and Run
+
+Prepare the project by installing all dependencies:
+
+```sh
+npm install
+```
+
+Then, depending on your use-case, you may run any of the following commands:
+
+```sh
+# build the library and run all tests
+npm run all
+
+# spin up a single local camunda platform modeler instance
+npm run start:platform
+
+# run the full development setup
+npm run dev
+```
+
+## Related
+
+camunda-bpmn-js builds on top of a few powerful tools:
+
+* [bpmn-js](https://github.com/bpmn-io/bpmn-js): View and edit BPMN 2.0 diagrams in the browser
+* [diagram-js](https://github.com/bpmn-io/diagram-js): Diagram rendering and editing toolkit
+* [bpmn-js-properties-panel](https://github.com/bpmn-io/bpmn-js-properties-panel): A panel for (technical) properties editing
+* [bpmn-js-element-templates](https://github.com/bpmn-io/bpmn-js-element-templates): Domain specific editing for bpmn-js
+* [bpmn-js-create-append-anything](bpmn-js-create-append-anything): A create/append anything extension for bpmn-js
+* [bpmn-moddle](https://github.com/bpmn-io/bpmn-moddle): A BPMN 2.0 diagram reader/writer with extensions for [Camunda 7](https://github.com/camunda/camunda-bpmn-moddle) and [Camunda 8](https://github.com/camunda/zeebe-bpmn-moddle)
+* [camunda-bpmn-js-behaviors](https://github.com/camunda/camunda-bpmn-js-behaviors): Camunda specific behaviors for bpmn-js
+
+## License
+
+MIT
+
+Uses [bpmn-js](https://github.com/bpmn-io/bpmn-js) licensed under the bpmn.io license.

package/dist/assets/base-modeler.css

@@ -1,6 +1,6 @@
-@import './diagram-js.css';
-@import './bpmn-js.css';
-@import './bpmn-font/css/bpmn-embedded.css';
-@import './diagram-js-minimap.css';
-@import './properties-panel.css';
+@import './diagram-js.css';
+@import './bpmn-js.css';
+@import './bpmn-font/css/bpmn-embedded.css';
+@import './diagram-js-minimap.css';
+@import './properties-panel.css';
 @import './color-picker.css';

package/dist/assets/base-navigated-viewer.css

@@ -1,2 +1,2 @@
-@import './diagram-js.css';
+@import './diagram-js.css';
 @import './bpmn-js.css';

package/dist/assets/base-viewer.css

@@ -1,2 +1,2 @@
-@import './diagram-js.css';
+@import './diagram-js.css';
 @import './bpmn-js.css';

package/dist/assets/bpmn-js.css

@@ -1,145 +1,145 @@
-.bjs-container {
-  --bjs-font-family: Arial, sans-serif;
-
-  --color-grey-225-10-15: hsl(225, 10%, 15%);
-  --color-grey-225-10-35: hsl(225, 10%, 35%);
-  --color-grey-225-10-55: hsl(225, 10%, 55%);
-  --color-grey-225-10-75: hsl(225, 10%, 75%);
-  --color-grey-225-10-80: hsl(225, 10%, 80%);
-  --color-grey-225-10-85: hsl(225, 10%, 85%);
-  --color-grey-225-10-90: hsl(225, 10%, 90%);
-  --color-grey-225-10-95: hsl(225, 10%, 95%);
-  --color-grey-225-10-97: hsl(225, 10%, 97%);
-
-  --color-blue-205-100-45: hsl(205, 100%, 45%);
-  --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
-  --color-blue-205-100-50: hsl(205, 100%, 50%);
-  --color-blue-205-100-95: hsl(205, 100%, 95%);
-
-  --color-green-150-86-44: hsl(150, 86%, 44%);
-
-  --color-red-360-100-40: hsl(360, 100%, 40%);
-  --color-red-360-100-45: hsl(360, 100%, 45%);
-  --color-red-360-100-92: hsl(360, 100%, 92%);
-  --color-red-360-100-97: hsl(360, 100%, 97%);
-
-  --color-white: hsl(0, 0%, 100%);
-  --color-black: hsl(0, 0%, 0%);
-  --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
-  --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
-
-  --breadcrumbs-font-family: var(--bjs-font-family);
-  --breadcrumbs-item-color: var(--color-blue-205-100-50);
-  --breadcrumbs-arrow-color: var(--color-black);
-  --drilldown-fill-color: var(--color-white);
-  --drilldown-background-color: var(--color-blue-205-100-50);
-}
-
-.bjs-breadcrumbs {
-  position: absolute;
-  display: none;
-  flex-wrap: wrap;
-  align-items: center;
-  top: 30px;
-  left: 30px;
-  padding: 0px;
-  margin: 0px;
-  font-family: var(--breadcrumbs-font-family);
-  font-size: 16px;
-  line-height: normal;
-}
-
-.bjs-breadcrumbs-shown .bjs-breadcrumbs {
-  display: flex;
-}
-
-.djs-palette-shown .bjs-breadcrumbs {
-  left: 90px;
-}
-
-.djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
-  left: 140px;
-}
-
-.bjs-breadcrumbs li {
-  display: inline-flex;
-  padding-bottom: 5px;
-  align-items: center;
-}
-
-.bjs-breadcrumbs li a {
-  cursor: pointer;
-  color: var(--breadcrumbs-item-color);
-}
-
-.bjs-breadcrumbs li:last-of-type a {
-  color: inherit;
-  cursor: default;
-}
-
-.bjs-breadcrumbs li:not(:first-child)::before {
-  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
-  padding: 0 8px;
-  color: var(--breadcrumbs-arrow-color);
-  height: 1em;
-}
-
-.bjs-breadcrumbs .bjs-crumb {
-  display: inline-block;
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.bjs-drilldown {
-  width: 20px;
-  height: 20px;
-
-  padding: 0px;
-  margin-left: -20px;
-
-  cursor: pointer;
-  border: none;
-  border-radius: 2px;
-  outline: none;
-
-  fill: var(--drilldown-fill-color);
-  background-color: var(--drilldown-background-color);
-}
-
-.bjs-drilldown-empty {
-  display: none;
-}
-
-.selected .bjs-drilldown-empty {
-  display: inherit;
-}
-
-[data-popup="align-elements"] .djs-popup-results {
-  display: flex;
-}
-
-[data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
-  border-left: 1px solid var(--popup-border-color);
-}
-
-[data-popup="align-elements"] [data-group="align"] {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-}
-
-[data-popup="align-elements"] .djs-popup-body .entry {
-  padding: 6px 8px;
-}
-
-[data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
-  margin-top: 0;
-}
-
-[data-popup="align-elements"] .djs-popup-entry-icon {
-  display: block;
-  margin: 0;
-  height: 20px;
-  width: 20px;
-}
+.bjs-container {
+  --bjs-font-family: Arial, sans-serif;
+
+  --color-grey-225-10-15: hsl(225, 10%, 15%);
+  --color-grey-225-10-35: hsl(225, 10%, 35%);
+  --color-grey-225-10-55: hsl(225, 10%, 55%);
+  --color-grey-225-10-75: hsl(225, 10%, 75%);
+  --color-grey-225-10-80: hsl(225, 10%, 80%);
+  --color-grey-225-10-85: hsl(225, 10%, 85%);
+  --color-grey-225-10-90: hsl(225, 10%, 90%);
+  --color-grey-225-10-95: hsl(225, 10%, 95%);
+  --color-grey-225-10-97: hsl(225, 10%, 97%);
+
+  --color-blue-205-100-45: hsl(205, 100%, 45%);
+  --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
+  --color-blue-205-100-50: hsl(205, 100%, 50%);
+  --color-blue-205-100-95: hsl(205, 100%, 95%);
+
+  --color-green-150-86-44: hsl(150, 86%, 44%);
+
+  --color-red-360-100-40: hsl(360, 100%, 40%);
+  --color-red-360-100-45: hsl(360, 100%, 45%);
+  --color-red-360-100-92: hsl(360, 100%, 92%);
+  --color-red-360-100-97: hsl(360, 100%, 97%);
+
+  --color-white: hsl(0, 0%, 100%);
+  --color-black: hsl(0, 0%, 0%);
+  --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
+  --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
+
+  --breadcrumbs-font-family: var(--bjs-font-family);
+  --breadcrumbs-item-color: var(--color-blue-205-100-50);
+  --breadcrumbs-arrow-color: var(--color-black);
+  --drilldown-fill-color: var(--color-white);
+  --drilldown-background-color: var(--color-blue-205-100-50);
+}
+
+.bjs-breadcrumbs {
+  position: absolute;
+  display: none;
+  flex-wrap: wrap;
+  align-items: center;
+  top: 30px;
+  left: 30px;
+  padding: 0px;
+  margin: 0px;
+  font-family: var(--breadcrumbs-font-family);
+  font-size: 16px;
+  line-height: normal;
+}
+
+.bjs-breadcrumbs-shown .bjs-breadcrumbs {
+  display: flex;
+}
+
+.djs-palette-shown .bjs-breadcrumbs {
+  left: 90px;
+}
+
+.djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
+  left: 140px;
+}
+
+.bjs-breadcrumbs li {
+  display: inline-flex;
+  padding-bottom: 5px;
+  align-items: center;
+}
+
+.bjs-breadcrumbs li a {
+  cursor: pointer;
+  color: var(--breadcrumbs-item-color);
+}
+
+.bjs-breadcrumbs li:last-of-type a {
+  color: inherit;
+  cursor: default;
+}
+
+.bjs-breadcrumbs li:not(:first-child)::before {
+  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
+  padding: 0 8px;
+  color: var(--breadcrumbs-arrow-color);
+  height: 1em;
+}
+
+.bjs-breadcrumbs .bjs-crumb {
+  display: inline-block;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.bjs-drilldown {
+  width: 20px;
+  height: 20px;
+
+  padding: 0px;
+  margin-left: -20px;
+
+  cursor: pointer;
+  border: none;
+  border-radius: 2px;
+  outline: none;
+
+  fill: var(--drilldown-fill-color);
+  background-color: var(--drilldown-background-color);
+}
+
+.bjs-drilldown-empty {
+  display: none;
+}
+
+.selected .bjs-drilldown-empty {
+  display: inherit;
+}
+
+[data-popup="align-elements"] .djs-popup-results {
+  display: flex;
+}
+
+[data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
+  border-left: 1px solid var(--popup-border-color);
+}
+
+[data-popup="align-elements"] [data-group="align"] {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+}
+
+[data-popup="align-elements"] .djs-popup-body .entry {
+  padding: 6px 8px;
+}
+
+[data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
+  margin-top: 0;
+}
+
+[data-popup="align-elements"] .djs-popup-entry-icon {
+  display: block;
+  margin: 0;
+  height: 20px;
+  width: 20px;
+}

package/dist/assets/camunda-cloud-modeler.css

@@ -1,3 +1,3 @@
-@import './base-modeler.css';
-@import './element-templates.css';
+@import './base-modeler.css';
+@import './element-templates.css';
 @import './element-template-chooser.css';

package/dist/assets/camunda-platform-modeler.css

@@ -1,2 +1,2 @@
-@import './base-modeler.css';
+@import './base-modeler.css';
 @import './element-templates.css';