bpmn-js 18.1.2 → 18.2.0

package/lib/features/drilldown/DrilldownBreadcrumbs.d.ts

@@ -1,19 +1,19 @@
-/**
- * Adds overlays that allow switching planes on collapsed subprocesses.
- *
- */
-export default class DrilldownBreadcrumbs {
-    static $inject: string[];
-    /**
-     * @param eventBus
-     * @param elementRegistry
-     * @param canvas
-     */
-    constructor(eventBus: EventBus, elementRegistry: ElementRegistry, canvas: Canvas);
-}
-
-type Canvas = import("diagram-js/lib/core/Canvas").default;
-type ElementRegistry = import("diagram-js/lib/core/ElementRegistry").default;
-type EventBus = import("diagram-js/lib/core/EventBus").default;
-type Element = import("../../model/Types").Element;
-type Shape = import("../../model/Types").Shape;
+/**
+ * Adds overlays that allow switching planes on collapsed subprocesses.
+ *
+ */
+export default class DrilldownBreadcrumbs {
+    static $inject: string[];
+    /**
+     * @param eventBus
+     * @param elementRegistry
+     * @param canvas
+     */
+    constructor(eventBus: EventBus, elementRegistry: ElementRegistry, canvas: Canvas);
+}
+
+type Canvas = import("diagram-js/lib/core/Canvas").default;
+type ElementRegistry = import("diagram-js/lib/core/ElementRegistry").default;
+type EventBus = import("diagram-js/lib/core/EventBus").default;
+type Element = import("../../model/Types").Element;
+type Shape = import("../../model/Types").Shape;

package/lib/features/drilldown/DrilldownBreadcrumbs.js

@@ -1,139 +1,139 @@
-import { domify, classes } from 'min-dom';
-import { find } from 'min-dash';
-
-import { escapeHTML } from 'diagram-js/lib/util/EscapeUtil';
-import { getBusinessObject, is } from '../../util/ModelUtil';
-import {
-  getPlaneIdFromShape
-} from '../../util/DrilldownUtil';
-
-/**
- * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
- * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
- * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
- *
- * @typedef {import('../../model/Types').Element} Element
- * @typedef {import('../../model/Types').Shape} Shape
- */
-
-var OPEN_CLASS = 'bjs-breadcrumbs-shown';
-
-
-/**
- * Adds overlays that allow switching planes on collapsed subprocesses.
- *
- * @param {EventBus} eventBus
- * @param {ElementRegistry} elementRegistry
- * @param {Canvas} canvas
- */
-export default function DrilldownBreadcrumbs(eventBus, elementRegistry, canvas) {
-  var breadcrumbs = domify('<ul class="bjs-breadcrumbs"></ul>');
-  var container = canvas.getContainer();
-  var containerClasses = classes(container);
-  container.appendChild(breadcrumbs);
-
-  var businessObjectParents = [];
-
-  // update breadcrumbs if name or ID of the primary shape changes
-  eventBus.on('element.changed', function(event) {
-    var shape = event.element,
-        businessObject = getBusinessObject(shape);
-
-    var isPresent = find(businessObjectParents, function(element) {
-      return element === businessObject;
-    });
-
-    if (!isPresent) {
-      return;
-    }
-
-    updateBreadcrumbs();
-  });
-
-  /**
-   * Updates the displayed breadcrumbs. If no element is provided, only the
-   * labels are updated.
-   *
-   * @param {Element} [element]
-   */
-  function updateBreadcrumbs(element) {
-    if (element) {
-      businessObjectParents = getBusinessObjectParentChain(element);
-    }
-
-    var path = businessObjectParents.flatMap(function(parent) {
-      var parentPlane =
-        canvas.findRoot(getPlaneIdFromShape(parent)) ||
-        canvas.findRoot(parent.id);
-
-      // when the root is a collaboration, the process does not have a
-      // corresponding element in the elementRegisty. Instead, we search
-      // for the corresponding participant
-      if (!parentPlane && is(parent, 'bpmn:Process')) {
-        var participant = elementRegistry.find(function(element) {
-          var businessObject = getBusinessObject(element);
-
-          return businessObject && businessObject.get('processRef') === parent;
-        });
-
-        parentPlane = participant && canvas.findRoot(participant.id);
-      }
-
-      if (!parentPlane) {
-        return [];
-      }
-
-      var title = escapeHTML(parent.name || parent.id);
-      var link = domify('<li><span class="bjs-crumb"><a title="' + title + '">' + title + '</a></span></li>');
-
-      link.addEventListener('click', function() {
-        canvas.setRootElement(parentPlane);
-      });
-
-      return link;
-    });
-
-    breadcrumbs.innerHTML = '';
-
-    // show breadcrumbs and expose state to .djs-container
-    var visible = path.length > 1;
-
-    containerClasses.toggle(OPEN_CLASS, visible);
-
-    path.forEach(function(element) {
-      breadcrumbs.appendChild(element);
-    });
-  }
-
-  eventBus.on('root.set', function(event) {
-    updateBreadcrumbs(event.element);
-  });
-
-}
-
-DrilldownBreadcrumbs.$inject = [ 'eventBus', 'elementRegistry', 'canvas' ];
-
-
-// helpers //////////
-
-/**
- * Returns the parents for the element using the business object chain,
- * starting with the root element.
- *
- * @param {Shape} child
- *
- * @return {Shape}
- */
-function getBusinessObjectParentChain(child) {
-  var businessObject = getBusinessObject(child);
-
-  var parents = [];
-
-  for (var element = businessObject; element; element = element.$parent) {
-    if (is(element, 'bpmn:SubProcess') || is(element, 'bpmn:Process')) {
-      parents.push(element);
-    }
-  }
-
-  return parents.reverse();
+import { domify, classes } from 'min-dom';
+import { find } from 'min-dash';
+
+import { escapeHTML } from 'diagram-js/lib/util/EscapeUtil';
+import { getBusinessObject, is } from '../../util/ModelUtil';
+import {
+  getPlaneIdFromShape
+} from '../../util/DrilldownUtil';
+
+/**
+ * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
+ * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
+ * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
+ *
+ * @typedef {import('../../model/Types').Element} Element
+ * @typedef {import('../../model/Types').Shape} Shape
+ */
+
+var OPEN_CLASS = 'bjs-breadcrumbs-shown';
+
+
+/**
+ * Adds overlays that allow switching planes on collapsed subprocesses.
+ *
+ * @param {EventBus} eventBus
+ * @param {ElementRegistry} elementRegistry
+ * @param {Canvas} canvas
+ */
+export default function DrilldownBreadcrumbs(eventBus, elementRegistry, canvas) {
+  var breadcrumbs = domify('<ul class="bjs-breadcrumbs"></ul>');
+  var container = canvas.getContainer();
+  var containerClasses = classes(container);
+  container.appendChild(breadcrumbs);
+
+  var businessObjectParents = [];
+
+  // update breadcrumbs if name or ID of the primary shape changes
+  eventBus.on('element.changed', function(event) {
+    var shape = event.element,
+        businessObject = getBusinessObject(shape);
+
+    var isPresent = find(businessObjectParents, function(element) {
+      return element === businessObject;
+    });
+
+    if (!isPresent) {
+      return;
+    }
+
+    updateBreadcrumbs();
+  });
+
+  /**
+   * Updates the displayed breadcrumbs. If no element is provided, only the
+   * labels are updated.
+   *
+   * @param {Element} [element]
+   */
+  function updateBreadcrumbs(element) {
+    if (element) {
+      businessObjectParents = getBusinessObjectParentChain(element);
+    }
+
+    var path = businessObjectParents.flatMap(function(parent) {
+      var parentPlane =
+        canvas.findRoot(getPlaneIdFromShape(parent)) ||
+        canvas.findRoot(parent.id);
+
+      // when the root is a collaboration, the process does not have a
+      // corresponding element in the elementRegisty. Instead, we search
+      // for the corresponding participant
+      if (!parentPlane && is(parent, 'bpmn:Process')) {
+        var participant = elementRegistry.find(function(element) {
+          var businessObject = getBusinessObject(element);
+
+          return businessObject && businessObject.get('processRef') === parent;
+        });
+
+        parentPlane = participant && canvas.findRoot(participant.id);
+      }
+
+      if (!parentPlane) {
+        return [];
+      }
+
+      var title = escapeHTML(parent.name || parent.id);
+      var link = domify('<li><span class="bjs-crumb"><a title="' + title + '">' + title + '</a></span></li>');
+
+      link.addEventListener('click', function() {
+        canvas.setRootElement(parentPlane);
+      });
+
+      return link;
+    });
+
+    breadcrumbs.innerHTML = '';
+
+    // show breadcrumbs and expose state to .djs-container
+    var visible = path.length > 1;
+
+    containerClasses.toggle(OPEN_CLASS, visible);
+
+    path.forEach(function(element) {
+      breadcrumbs.appendChild(element);
+    });
+  }
+
+  eventBus.on('root.set', function(event) {
+    updateBreadcrumbs(event.element);
+  });
+
+}
+
+DrilldownBreadcrumbs.$inject = [ 'eventBus', 'elementRegistry', 'canvas' ];
+
+
+// helpers //////////
+
+/**
+ * Returns the parents for the element using the business object chain,
+ * starting with the root element.
+ *
+ * @param {Shape} child
+ *
+ * @return {Shape}
+ */
+function getBusinessObjectParentChain(child) {
+  var businessObject = getBusinessObject(child);
+
+  var parents = [];
+
+  for (var element = businessObject; element; element = element.$parent) {
+    if (is(element, 'bpmn:SubProcess') || is(element, 'bpmn:Process')) {
+      parents.push(element);
+    }
+  }
+
+  return parents.reverse();
 }

package/lib/features/drilldown/DrilldownCentering.d.ts

@@ -1,17 +1,17 @@
-/**
- * Move collapsed subprocesses into view when drilling down.
- *
- * Zoom and scroll are saved in a session.
- *
- */
-export default class DrilldownCentering {
-    static $inject: string[];
-    /**
-     * @param eventBus
-     * @param canvas
-     */
-    constructor(eventBus: EventBus, canvas: Canvas);
-}
-
-type Canvas = import("diagram-js/lib/core/Canvas").default;
-type EventBus = import("diagram-js/lib/core/EventBus").default;
+/**
+ * Move collapsed subprocesses into view when drilling down.
+ *
+ * Zoom and scroll are saved in a session.
+ *
+ */
+export default class DrilldownCentering {
+    static $inject: string[];
+    /**
+     * @param eventBus
+     * @param canvas
+     */
+    constructor(eventBus: EventBus, canvas: Canvas);
+}
+
+type Canvas = import("diagram-js/lib/core/Canvas").default;
+type EventBus = import("diagram-js/lib/core/EventBus").default;

package/lib/features/drilldown/DrilldownCentering.js

@@ -1,123 +1,123 @@
-import { is } from '../../util/ModelUtil';
-
-/**
- * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
- * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
- */
-
-/**
- * Move collapsed subprocesses into view when drilling down.
- *
- * Zoom and scroll are saved in a session.
- *
- * @param {EventBus} eventBus
- * @param {Canvas} canvas
- */
-export default function DrilldownCentering(eventBus, canvas) {
-
-  var currentRoot = null;
-  var positionMap = new Map();
-
-  eventBus.on('root.set', function(event) {
-    var newRoot = event.element;
-    var currentViewbox = canvas.viewbox();
-    var storedViewbox = positionMap.get(newRoot);
-
-    positionMap.set(currentRoot, {
-      x: currentViewbox.x,
-      y: currentViewbox.y,
-      zoom: currentViewbox.scale
-    });
-
-    currentRoot = newRoot;
-
-    // Keep viewbox when replacing root elements
-    if (!is(newRoot, 'bpmn:SubProcess') && !storedViewbox) {
-      return;
-    }
-
-    storedViewbox = storedViewbox || { x: 0, y: 0, zoom: 1 };
-
-    var dx = (currentViewbox.x - storedViewbox.x) * currentViewbox.scale,
-        dy = (currentViewbox.y - storedViewbox.y) * currentViewbox.scale;
-
-    if (dx !== 0 || dy !== 0) {
-      canvas.scroll({
-        dx: dx,
-        dy: dy
-      });
-    }
-
-    if (storedViewbox.zoom !== currentViewbox.scale) {
-      canvas.zoom(storedViewbox.zoom, { x: 0, y: 0 });
-    }
-  });
-
-  eventBus.on('diagram.clear', function() {
-    positionMap.clear();
-    currentRoot = null;
-  });
-
-}
-
-DrilldownCentering.$inject = [ 'eventBus', 'canvas' ];
-
-
-/**
- * ES5 Map implementation. Works.
- */
-function Map() {
-
-  this._entries = [];
-
-  this.set = function(key, value) {
-
-    var found = false;
-
-    for (var k in this._entries) {
-      if (this._entries[k][0] === key) {
-        this._entries[k][1] = value;
-
-        found = true;
-
-        break;
-      }
-    }
-
-    if (!found) {
-      this._entries.push([ key, value ]);
-    }
-  };
-
-  this.get = function(key) {
-
-    for (var k in this._entries) {
-      if (this._entries[k][0] === key) {
-        return this._entries[k][1];
-      }
-    }
-
-    return null;
-  };
-
-  this.clear = function() {
-    this._entries.length = 0;
-  };
-
-  this.remove = function(key) {
-
-    var idx = -1;
-
-    for (var k in this._entries) {
-      if (this._entries[k][0] === key) {
-        idx = k;
-
-        break;
-      }
-    }
-
-    if (idx !== -1) {
-      this._entries.splice(idx, 1);
-    }
-  };
+import { is } from '../../util/ModelUtil';
+
+/**
+ * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
+ * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
+ */
+
+/**
+ * Move collapsed subprocesses into view when drilling down.
+ *
+ * Zoom and scroll are saved in a session.
+ *
+ * @param {EventBus} eventBus
+ * @param {Canvas} canvas
+ */
+export default function DrilldownCentering(eventBus, canvas) {
+
+  var currentRoot = null;
+  var positionMap = new Map();
+
+  eventBus.on('root.set', function(event) {
+    var newRoot = event.element;
+    var currentViewbox = canvas.viewbox();
+    var storedViewbox = positionMap.get(newRoot);
+
+    positionMap.set(currentRoot, {
+      x: currentViewbox.x,
+      y: currentViewbox.y,
+      zoom: currentViewbox.scale
+    });
+
+    currentRoot = newRoot;
+
+    // Keep viewbox when replacing root elements
+    if (!is(newRoot, 'bpmn:SubProcess') && !storedViewbox) {
+      return;
+    }
+
+    storedViewbox = storedViewbox || { x: 0, y: 0, zoom: 1 };
+
+    var dx = (currentViewbox.x - storedViewbox.x) * currentViewbox.scale,
+        dy = (currentViewbox.y - storedViewbox.y) * currentViewbox.scale;
+
+    if (dx !== 0 || dy !== 0) {
+      canvas.scroll({
+        dx: dx,
+        dy: dy
+      });
+    }
+
+    if (storedViewbox.zoom !== currentViewbox.scale) {
+      canvas.zoom(storedViewbox.zoom, { x: 0, y: 0 });
+    }
+  });
+
+  eventBus.on('diagram.clear', function() {
+    positionMap.clear();
+    currentRoot = null;
+  });
+
+}
+
+DrilldownCentering.$inject = [ 'eventBus', 'canvas' ];
+
+
+/**
+ * ES5 Map implementation. Works.
+ */
+function Map() {
+
+  this._entries = [];
+
+  this.set = function(key, value) {
+
+    var found = false;
+
+    for (var k in this._entries) {
+      if (this._entries[k][0] === key) {
+        this._entries[k][1] = value;
+
+        found = true;
+
+        break;
+      }
+    }
+
+    if (!found) {
+      this._entries.push([ key, value ]);
+    }
+  };
+
+  this.get = function(key) {
+
+    for (var k in this._entries) {
+      if (this._entries[k][0] === key) {
+        return this._entries[k][1];
+      }
+    }
+
+    return null;
+  };
+
+  this.clear = function() {
+    this._entries.length = 0;
+  };
+
+  this.remove = function(key) {
+
+    var idx = -1;
+
+    for (var k in this._entries) {
+      if (this._entries[k][0] === key) {
+        idx = k;
+
+        break;
+      }
+    }
+
+    if (idx !== -1) {
+      this._entries.splice(idx, 1);
+    }
+  };
 }

package/lib/features/drilldown/DrilldownOverlayBehavior.d.ts

@@ -1,20 +1,20 @@
-export default class DrilldownOverlayBehavior extends CommandInterceptor {
-  /**
-   * @param canvas
-   * @param eventBus
-   * @param elementRegistry
-   * @param overlays
-   * @param translate
-   */
-  constructor(canvas: Canvas, eventBus: EventBus, elementRegistry: ElementRegistry, overlays: Overlays, translate: Translate);
-}
-
-type Canvas = import("diagram-js/lib/core/Canvas").default;
-type ElementRegistry = import("diagram-js/lib/core/ElementRegistry").default;
-type EventBus = import("diagram-js/lib/core/EventBus").default;
-type Overlays = import("diagram-js/lib/features/overlays/Overlays").default;
-export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
-type Element = import("../../model/Types").Element;
-type Parent = import("../../model/Types").Parent;
-type Shape = import("../../model/Types").Shape;
-import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
+export default class DrilldownOverlayBehavior extends CommandInterceptor {
+  /**
+   * @param canvas
+   * @param eventBus
+   * @param elementRegistry
+   * @param overlays
+   * @param translate
+   */
+  constructor(canvas: Canvas, eventBus: EventBus, elementRegistry: ElementRegistry, overlays: Overlays, translate: Translate);
+}
+
+type Canvas = import("diagram-js/lib/core/Canvas").default;
+type ElementRegistry = import("diagram-js/lib/core/ElementRegistry").default;
+type EventBus = import("diagram-js/lib/core/EventBus").default;
+type Overlays = import("diagram-js/lib/features/overlays/Overlays").default;
+export type Translate = typeof import("diagram-js/lib/i18n/translate/translate").default;
+type Element = import("../../model/Types").Element;
+type Parent = import("../../model/Types").Parent;
+type Shape = import("../../model/Types").Shape;
+import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';