bpmn-js 18.2.0 → 18.3.1

package/lib/features/align-elements/AlignElementsContextPadProvider.js

@@ -1,105 +1,105 @@
-import {
-  assign
-} from 'min-dash';
-
-import ICONS from './AlignElementsIcons';
-
-/**
- * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
- * @typedef {import('diagram-js/lib/features/context-pad/ContextPad').default} ContextPad
- * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').default} PopupMenu
- * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
- *
- * @typedef {import('../../model/Types').Element} Element
- * @typedef {import('diagram-js/lib/features/context-pad/ContextPad').ContextPadEntries} ContextPadEntries
- * @typedef {import('diagram-js/lib/features/context-pad/ContextPadProvider').default<Element>} ContextPadProvider
- */
-
-var LOW_PRIORITY = 900;
-
-/**
- * A provider for the `Align elements` context pad entry.
- *
- * @implements {ContextPadProvider}
- *
- * @param {ContextPad} contextPad
- * @param {PopupMenu} popupMenu
- * @param {Translate} translate
- * @param {Canvas} canvas
- */
-export default function AlignElementsContextPadProvider(contextPad, popupMenu, translate, canvas) {
-
-  contextPad.registerProvider(LOW_PRIORITY, this);
-
-  this._contextPad = contextPad;
-  this._popupMenu = popupMenu;
-  this._translate = translate;
-  this._canvas = canvas;
-}
-
-AlignElementsContextPadProvider.$inject = [
-  'contextPad',
-  'popupMenu',
-  'translate',
-  'canvas'
-];
-
-/**
- * @param {Element[]} elements
- *
- * @return {ContextPadEntries}
- */
-AlignElementsContextPadProvider.prototype.getMultiElementContextPadEntries = function(elements) {
-  var actions = {};
-
-  if (this._isAllowed(elements)) {
-    assign(actions, this._getEntries(elements));
-  }
-
-  return actions;
-};
-
-AlignElementsContextPadProvider.prototype._isAllowed = function(elements) {
-  return !this._popupMenu.isEmpty(elements, 'align-elements');
-};
-
-AlignElementsContextPadProvider.prototype._getEntries = function() {
-  var self = this;
-
-  return {
-    'align-elements': {
-      group: 'align-elements',
-      title: self._translate('Align elements'),
-      html: `<div class="entry">${ICONS['align']}</div>`,
-      action: {
-        click: function(event, target) {
-          var position = self._getMenuPosition(target);
-
-          assign(position, {
-            cursor: {
-              x: event.x,
-              y: event.y
-            }
-          });
-
-          self._popupMenu.open(target, 'align-elements', position);
-        }
-      }
-    }
-  };
-};
-
-AlignElementsContextPadProvider.prototype._getMenuPosition = function(elements) {
-  var Y_OFFSET = 5;
-
-  var pad = this._contextPad.getPad(elements).html;
-
-  var padRect = pad.getBoundingClientRect();
-
-  var pos = {
-    x: padRect.left,
-    y: padRect.bottom + Y_OFFSET
-  };
-
-  return pos;
-};
+import {
+  assign
+} from 'min-dash';
+
+import ICONS from './AlignElementsIcons';
+
+/**
+ * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
+ * @typedef {import('diagram-js/lib/features/context-pad/ContextPad').default} ContextPad
+ * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').default} PopupMenu
+ * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
+ *
+ * @typedef {import('../../model/Types').Element} Element
+ * @typedef {import('diagram-js/lib/features/context-pad/ContextPad').ContextPadEntries} ContextPadEntries
+ * @typedef {import('diagram-js/lib/features/context-pad/ContextPadProvider').default<Element>} ContextPadProvider
+ */
+
+var LOW_PRIORITY = 900;
+
+/**
+ * A provider for the `Align elements` context pad entry.
+ *
+ * @implements {ContextPadProvider}
+ *
+ * @param {ContextPad} contextPad
+ * @param {PopupMenu} popupMenu
+ * @param {Translate} translate
+ * @param {Canvas} canvas
+ */
+export default function AlignElementsContextPadProvider(contextPad, popupMenu, translate, canvas) {
+
+  contextPad.registerProvider(LOW_PRIORITY, this);
+
+  this._contextPad = contextPad;
+  this._popupMenu = popupMenu;
+  this._translate = translate;
+  this._canvas = canvas;
+}
+
+AlignElementsContextPadProvider.$inject = [
+  'contextPad',
+  'popupMenu',
+  'translate',
+  'canvas'
+];
+
+/**
+ * @param {Element[]} elements
+ *
+ * @return {ContextPadEntries}
+ */
+AlignElementsContextPadProvider.prototype.getMultiElementContextPadEntries = function(elements) {
+  var actions = {};
+
+  if (this._isAllowed(elements)) {
+    assign(actions, this._getEntries(elements));
+  }
+
+  return actions;
+};
+
+AlignElementsContextPadProvider.prototype._isAllowed = function(elements) {
+  return !this._popupMenu.isEmpty(elements, 'align-elements');
+};
+
+AlignElementsContextPadProvider.prototype._getEntries = function() {
+  var self = this;
+
+  return {
+    'align-elements': {
+      group: 'align-elements',
+      title: self._translate('Align elements'),
+      html: `<div class="entry">${ICONS['align']}</div>`,
+      action: {
+        click: function(event, target) {
+          var position = self._getMenuPosition(target);
+
+          assign(position, {
+            cursor: {
+              x: event.x,
+              y: event.y
+            }
+          });
+
+          self._popupMenu.open(target, 'align-elements', position);
+        }
+      }
+    }
+  };
+};
+
+AlignElementsContextPadProvider.prototype._getMenuPosition = function(elements) {
+  var Y_OFFSET = 5;
+
+  var pad = this._contextPad.getPad(elements).html;
+
+  var padRect = pad.getBoundingClientRect();
+
+  var pos = {
+    x: padRect.left,
+    y: padRect.bottom + Y_OFFSET
+  };
+
+  return pos;
+};

package/lib/features/align-elements/AlignElementsIcons.d.ts

@@ -1,10 +1,10 @@
-export default icons;
-declare namespace icons {
-    let align: string;
-    let bottom: string;
-    let center: string;
-    let left: string;
-    let right: string;
-    let top: string;
-    let middle: string;
-}
+export default icons;
+declare namespace icons {
+    let align: string;
+    let bottom: string;
+    let center: string;
+    let left: string;
+    let right: string;
+    let top: string;
+    let middle: string;
+}

package/lib/features/align-elements/AlignElementsIcons.js

@@ -1,43 +1,43 @@
-/**
- * To change the icons, modify the SVGs in `./resources`, execute `npx svgo -f resources --datauri enc -o dist`,
- * and then replace respective icons with the optimized data URIs in `./dist`.
- */
-var icons = {
-  align:  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
-              <line x1="200" y1="150" x2="200" y2="1850" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-              <rect x="500" y="150" width="1300" height="700" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-              <rect x="500" y="1150" width="700" height="700" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`,
-  bottom: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
-            <line x1="150" y1="1650" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-            <rect x="150" y="350" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-            <rect x="1050" y="850" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`,
-  center: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
-            <line x1="900" y1="150" x2="900" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-            <rect x="250" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-            <rect x="500" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`,
-  left:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
-            <line x1="100" y1="150" x2="100" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-            <rect x="100" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-            <rect x="100" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`,
-  right:  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
-            <line x1="1650" y1="150" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-            <rect x="350" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-            <rect x="850" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`,
-  top:    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
-            <line x1="150" y1="150" x2="1650" y2="150" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-            <rect x="150" y="150" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-            <rect x="1050" y="150" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`,
-  middle: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
-            <line x1="150" y1="900" x2="1650" y2="900" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
-            <rect x="150" y="250" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
-            <rect x="1050" y="500" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
-          </svg>`
-};
-
-export default icons;
+/**
+ * To change the icons, modify the SVGs in `./resources`, execute `npx svgo -f resources --datauri enc -o dist`,
+ * and then replace respective icons with the optimized data URIs in `./dist`.
+ */
+var icons = {
+  align:  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
+              <line x1="200" y1="150" x2="200" y2="1850" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+              <rect x="500" y="150" width="1300" height="700" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+              <rect x="500" y="1150" width="700" height="700" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`,
+  bottom: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
+            <line x1="150" y1="1650" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+            <rect x="150" y="350" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+            <rect x="1050" y="850" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`,
+  center: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
+            <line x1="900" y1="150" x2="900" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+            <rect x="250" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+            <rect x="500" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`,
+  left:   `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
+            <line x1="100" y1="150" x2="100" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+            <rect x="100" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+            <rect x="100" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`,
+  right:  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
+            <line x1="1650" y1="150" x2="1650" y2="1650" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+            <rect x="350" y="150" width="1300" height="600" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+            <rect x="850" y="1050" width="800" height="600" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`,
+  top:    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
+            <line x1="150" y1="150" x2="1650" y2="150" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+            <rect x="150" y="150" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+            <rect x="1050" y="150" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`,
+  middle: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1800 1800">
+            <line x1="150" y1="900" x2="1650" y2="900" style="stroke:currentColor;stroke-width:100;stroke-linecap:round;"/>
+            <rect x="150" y="250" width="600" height="1300" rx="1" style="fill:none;stroke:currentColor;stroke-width:100;"></rect>
+            <rect x="1050" y="500" width="600" height="800" rx="1" style="fill:currentColor;stroke:currentColor;stroke-width:100;opacity:.5;"></rect>
+          </svg>`
+};
+
+export default icons;

package/lib/features/align-elements/AlignElementsMenuProvider.d.ts

@@ -1,32 +1,32 @@
-/**
- * A provider for the `Align elements` popup menu.
- *
- * @implements {PopupMenuProvider}
- *
- */
-export default class AlignElementsMenuProvider implements PopupMenuProvider {
-  static $inject: string[];
-
-  /**
-   * @param popupMenu
-   * @param alignElements
-   * @param translate
-   * @param rules
-   */
-  constructor(popupMenu: PopupMenu, alignElements: AlignElements, translate: Translate, rules: Rules);
-
-  /**
-   * @param target
-   *
-   * @return
-   */
-  getPopupMenuEntries(target: PopupMenuTarget): PopupMenuEntries;
-}
-
-type AlignElements = import("diagram-js/lib/features/align-elements/AlignElements").default;
-type PopupMenu = import("diagram-js/lib/features/popup-menu/PopupMenu").default;
-type Rules = import("diagram-js/lib/features/rules/Rules").default;
-export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
-type PopupMenuEntries = import("diagram-js/lib/features/popup-menu/PopupMenu").PopupMenuEntries;
-type PopupMenuProvider = import("diagram-js/lib/features/popup-menu/PopupMenuProvider").default;
-type PopupMenuTarget = import("diagram-js/lib/features/popup-menu/PopupMenu").PopupMenuTarget;
+/**
+ * A provider for the `Align elements` popup menu.
+ *
+ * @implements {PopupMenuProvider}
+ *
+ */
+export default class AlignElementsMenuProvider implements PopupMenuProvider {
+  static $inject: string[];
+
+  /**
+   * @param popupMenu
+   * @param alignElements
+   * @param translate
+   * @param rules
+   */
+  constructor(popupMenu: PopupMenu, alignElements: AlignElements, translate: Translate, rules: Rules);
+
+  /**
+   * @param target
+   *
+   * @return
+   */
+  getPopupMenuEntries(target: PopupMenuTarget): PopupMenuEntries;
+}
+
+type AlignElements = import("diagram-js/lib/features/align-elements/AlignElements").default;
+type PopupMenu = import("diagram-js/lib/features/popup-menu/PopupMenu").default;
+type Rules = import("diagram-js/lib/features/rules/Rules").default;
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
+type PopupMenuEntries = import("diagram-js/lib/features/popup-menu/PopupMenu").PopupMenuEntries;
+type PopupMenuProvider = import("diagram-js/lib/features/popup-menu/PopupMenuProvider").default;
+type PopupMenuTarget = import("diagram-js/lib/features/popup-menu/PopupMenu").PopupMenuTarget;

package/lib/features/align-elements/AlignElementsMenuProvider.js

@@ -1,100 +1,100 @@
-import ICONS from './AlignElementsIcons';
-
-import {
-  assign,
-  forEach,
-} from 'min-dash';
-
-/**
- * @typedef {import('diagram-js/lib/features/align-elements/AlignElements').default} AlignElements
- * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').default} PopupMenu
- * @typedef {import('diagram-js/lib/features/rules/Rules').default} Rules
- * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
- *
- * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').PopupMenuEntries} PopupMenuEntries
- * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenuProvider').default} PopupMenuProvider
- * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').PopupMenuTarget} PopupMenuTarget
- */
-
-var ALIGNMENT_OPTIONS = [
-  'left',
-  'center',
-  'right',
-  'top',
-  'middle',
-  'bottom'
-];
-
-/**
- * A provider for the `Align elements` popup menu.
- *
- * @implements {PopupMenuProvider}
- *
- * @param {PopupMenu} popupMenu
- * @param {AlignElements} alignElements
- * @param {Translate} translate
- * @param {Rules} rules
- */
-export default function AlignElementsMenuProvider(popupMenu, alignElements, translate, rules) {
-
-  this._alignElements = alignElements;
-  this._translate = translate;
-  this._popupMenu = popupMenu;
-  this._rules = rules;
-
-  popupMenu.registerProvider('align-elements', this);
-}
-
-AlignElementsMenuProvider.$inject = [
-  'popupMenu',
-  'alignElements',
-  'translate',
-  'rules'
-];
-
-/**
- * @param {PopupMenuTarget} target
- *
- * @return {PopupMenuEntries}
- */
-AlignElementsMenuProvider.prototype.getPopupMenuEntries = function(target) {
-  var entries = {};
-
-  if (this._isAllowed(target)) {
-    assign(entries, this._getEntries(target));
-  }
-
-  return entries;
-};
-
-AlignElementsMenuProvider.prototype._isAllowed = function(target) {
-  return this._rules.allowed('elements.align', { elements: target });
-};
-
-/**
- * @param {PopupMenuTarget} target
- *
- * @return {PopupMenuEntries}
- */
-AlignElementsMenuProvider.prototype._getEntries = function(target) {
-  var alignElements = this._alignElements,
-      translate = this._translate,
-      popupMenu = this._popupMenu;
-
-  var entries = {};
-
-  forEach(ALIGNMENT_OPTIONS, function(alignment) {
-    entries[ 'align-elements-' + alignment ] = {
-      group: 'align',
-      title: translate('Align elements ' + alignment),
-      className: 'bjs-align-elements-menu-entry',
-      imageHtml: ICONS[ alignment ],
-      action: function() {
-        alignElements.trigger(target, alignment);
-        popupMenu.close();
-      }
-    };
-  });
-
-  return entries;
-};
+import ICONS from './AlignElementsIcons';
+
+import {
+  assign,
+  forEach,
+} from 'min-dash';
+
+/**
+ * @typedef {import('diagram-js/lib/features/align-elements/AlignElements').default} AlignElements
+ * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').default} PopupMenu
+ * @typedef {import('diagram-js/lib/features/rules/Rules').default} Rules
+ * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
+ *
+ * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').PopupMenuEntries} PopupMenuEntries
+ * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenuProvider').default} PopupMenuProvider
+ * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').PopupMenuTarget} PopupMenuTarget
+ */
+
+var ALIGNMENT_OPTIONS = [
+  'left',
+  'center',
+  'right',
+  'top',
+  'middle',
+  'bottom'
+];
+
+/**
+ * A provider for the `Align elements` popup menu.
+ *
+ * @implements {PopupMenuProvider}
+ *
+ * @param {PopupMenu} popupMenu
+ * @param {AlignElements} alignElements
+ * @param {Translate} translate
+ * @param {Rules} rules
+ */
+export default function AlignElementsMenuProvider(popupMenu, alignElements, translate, rules) {
+
+  this._alignElements = alignElements;
+  this._translate = translate;
+  this._popupMenu = popupMenu;
+  this._rules = rules;
+
+  popupMenu.registerProvider('align-elements', this);
+}
+
+AlignElementsMenuProvider.$inject = [
+  'popupMenu',
+  'alignElements',
+  'translate',
+  'rules'
+];
+
+/**
+ * @param {PopupMenuTarget} target
+ *
+ * @return {PopupMenuEntries}
+ */
+AlignElementsMenuProvider.prototype.getPopupMenuEntries = function(target) {
+  var entries = {};
+
+  if (this._isAllowed(target)) {
+    assign(entries, this._getEntries(target));
+  }
+
+  return entries;
+};
+
+AlignElementsMenuProvider.prototype._isAllowed = function(target) {
+  return this._rules.allowed('elements.align', { elements: target });
+};
+
+/**
+ * @param {PopupMenuTarget} target
+ *
+ * @return {PopupMenuEntries}
+ */
+AlignElementsMenuProvider.prototype._getEntries = function(target) {
+  var alignElements = this._alignElements,
+      translate = this._translate,
+      popupMenu = this._popupMenu;
+
+  var entries = {};
+
+  forEach(ALIGNMENT_OPTIONS, function(alignment) {
+    entries[ 'align-elements-' + alignment ] = {
+      group: 'align',
+      title: translate('Align elements ' + alignment),
+      className: 'bjs-align-elements-menu-entry',
+      imageHtml: ICONS[ alignment ],
+      action: function() {
+        alignElements.trigger(target, alignment);
+        popupMenu.close();
+      }
+    };
+  });
+
+  return entries;
+};

package/lib/features/align-elements/BpmnAlignElements.d.ts

@@ -1,9 +1,9 @@
-/**
- * Rule provider for aligning BPMN elements.
- *
- */
-export default class BpmnAlignElements extends RuleProvider {
-}
-
-type EventBus = import("diagram-js/lib/core/EventBus").default;
-import RuleProvider from 'diagram-js/lib/features/rules/RuleProvider';
+/**
+ * Rule provider for aligning BPMN elements.
+ *
+ */
+export default class BpmnAlignElements extends RuleProvider {
+}
+
+type EventBus = import("diagram-js/lib/core/EventBus").default;
+import RuleProvider from 'diagram-js/lib/features/rules/RuleProvider';