camunda-bpmn-js 4.11.0 → 4.12.1

package/dist/camunda-cloud-viewer.development.js

@@ -492,7 +492,7 @@
    *
    * @return {T}
    */
-  function set$1(target, path, value) {
+  function set(target, path, value) {
 
     let currentTarget = target;
 
@@ -1514,9 +1514,7 @@
   }
 
   function createTransform(matrix) {
-    if (matrix) {
-      return getNode().createSVGTransformFromMatrix(matrix);
-    } else {
+    {
       return getNode().createSVGTransform();
     }
   }
@@ -1598,39 +1596,6 @@
     return output;
   }
 
-  /**
-   * innerHTML like functionality for SVG elements.
-   * based on innerSVG (https://code.google.com/p/innersvg)
-   */
-
-
-
-  function set(element, svg) {
-
-    var parsed = parse$1(svg);
-
-    // clear element contents
-    clear$1(element);
-
-    if (!svg) {
-      return;
-    }
-
-    if (!isFragment(parsed)) {
-
-      // extract <svg> from parsed document
-      parsed = parsed.documentElement;
-    }
-
-    var nodes = slice$1(parsed.childNodes);
-
-    // import + append each node
-    for (var i = 0; i < nodes.length; i++) {
-      appendTo(nodes[i], element);
-    }
-
-  }
-
   function get(element) {
     var child = element.firstChild,
         output = [];
@@ -1643,31 +1608,13 @@
     return output.join('');
   }
 
-  function isFragment(node) {
-    return node.nodeName === '#document-fragment';
-  }
-
   function innerSVG(element, svg) {
 
-    if (svg !== undefined) {
-
-      try {
-        set(element, svg);
-      } catch (e) {
-        throw new Error('error parsing SVG: ' + e.message);
-      }
-
-      return element;
-    } else {
+    {
       return get(element);
     }
   }
 
-
-  function slice$1(arr) {
-    return Array.prototype.slice.call(arr);
-  }
-
   function remove$2(element) {
     var parent = element.parentNode;
 
@@ -2672,7 +2619,7 @@
     rotate.setRotate(angle || 0, 0, 0);
 
     var scale = createTransform();
-    scale.setScale(amount || 1, amount || 1);
+    scale.setScale(1, 1);
 
     transform$1(gfx, [ translate, rotate, scale ]);
   }
@@ -8505,6 +8452,7 @@
    * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
    * @typedef {import('diagram-js/lib/features/overlays/Overlays').default} Overlays
+   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
    *
    * @typedef {import('../../model/Types').Element} Element
    * @typedef {import('../../model/Types').Parent} Parent
@@ -8521,9 +8469,10 @@
    * @param {EventBus} eventBus
    * @param {ElementRegistry} elementRegistry
    * @param {Overlays} overlays
+   * @param {Translate} translate
    */
   function DrilldownOverlayBehavior(
-      canvas, eventBus, elementRegistry, overlays
+      canvas, eventBus, elementRegistry, overlays, translate
   ) {
     CommandInterceptor.call(this, eventBus);
 
@@ -8531,6 +8480,7 @@
     this._eventBus = eventBus;
     this._elementRegistry = elementRegistry;
     this._overlays = overlays;
+    this._translate = translate;
 
     var self = this;
 
@@ -8664,7 +8614,8 @@
    */
   DrilldownOverlayBehavior.prototype._addOverlay = function(element) {
     var canvas = this._canvas,
-        overlays = this._overlays;
+        overlays = this._overlays,
+        bo = getBusinessObject(element);
 
     var existingOverlays = overlays.get({ element: element, type: 'drilldown' });
 
@@ -8672,7 +8623,10 @@
       this._removeOverlay(element);
     }
 
-    var button = domify$1('<button class="bjs-drilldown">' + ARROW_DOWN_SVG + '</button>');
+    var button = domify$1('<button type="button" class="bjs-drilldown">' + ARROW_DOWN_SVG + '</button>'),
+        elementName = bo.get('name') || bo.get('id'),
+        title = this._translate('Open {element}', { element: elementName });
+    button.setAttribute('title', title);
 
     button.addEventListener('click', function() {
       canvas.setRootElement(canvas.findRoot(getPlaneIdFromShape(element)));
@@ -8702,7 +8656,8 @@
     'canvas',
     'eventBus',
     'elementRegistry',
-    'overlays'
+    'overlays',
+    'translate'
   ];
 
   var DrilldownModdule = {
@@ -11336,6 +11291,8 @@
       element = this._elementRegistry.get(element);
     }
 
+    element.markers = element.markers || new Set();
+
     // we need to access all
     container = this._elementRegistry._elements[element.id];
 
@@ -11348,8 +11305,10 @@
 
         // invoke either addClass or removeClass based on mode
         if (add) {
+          element.markers.add(marker);
           classes$1(gfx).add(marker);
         } else {
+          element.markers.delete(marker);
           classes$1(gfx).remove(marker);
         }
       }
@@ -11417,9 +11376,11 @@
       element = this._elementRegistry.get(element);
     }
 
-    const gfx = this.getGraphics(element);
+    if (!element.markers) {
+      return false;
+    }
 
-    return classes$1(gfx).has(marker);
+    return element.markers.has(marker);
   };
 
   /**
@@ -15322,7 +15283,7 @@
         return this[key];
       },
       set: function(key, value) {
-        set$1(this, [ key ], value);
+        set(this, [ key ], value);
       }
     };