camunda-bpmn-js 2.4.0 → 2.5.0

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

@@ -722,6 +722,28 @@
     return element && !!getBusinessObject(element).triggeredByEvent;
   }
 
+  /**
+   * Checks whether a value is an instance of Connection.
+   *
+   * @param {any} value
+   *
+   * @return {boolean}
+   */
+  function isConnection(value) {
+    return isObject(value) && has$1(value, 'waypoints');
+  }
+
+  /**
+   * Checks whether a value is an instance of Label.
+   *
+   * @param {any} value
+   *
+   * @return {boolean}
+   */
+  function isLabel(value) {
+    return isObject(value) && has$1(value, 'labelTarget');
+  }
+
   /**
    * @typedef {import('diagram-js/lib/util/Types').Point} Point
    * @typedef {import('diagram-js/lib/util/Types').Rect} Rect
@@ -878,19 +900,10 @@
   }
 
   /**
-   * @param {Element} element
+   * @param {ModdleElement} semantic
    *
-   * @return {boolean}
+   * @returns {string}
    */
-  function isLabel(element) {
-    return element && !!element.labelTarget;
-  }
-
-
-  /**
-   * @typedef { import('../model').DiagramElement } DiagramElement
-   */
-
   function getLabelAttr(semantic) {
     if (
       is$1(semantic, 'bpmn:FlowElement') ||
@@ -913,6 +926,11 @@
     }
   }
 
+  /**
+   * @param {ModdleElement} semantic
+   *
+   * @returns {string}
+   */
   function getCategoryValue(semantic) {
     var categoryValueRef = semantic['categoryValueRef'];
 
@@ -925,9 +943,9 @@
   }
 
   /**
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
-   * @return {string} label
+   * @return {string}
    */
   function getLabel(element) {
     var semantic = element.businessObject,
@@ -2750,7 +2768,7 @@
    */
 
   /**
-   * @typedef { import('../model').DiagramElement } DiagramElement
+   * @typedef { import('../model/Types').Element } Element
    */
 
   /**
@@ -3116,8 +3134,8 @@
     }
 
     function as(type) {
-      return function(parentGfx, element) {
-        return renderer(type)(parentGfx, element);
+      return function(parentGfx, element, options) {
+        return renderer(type)(parentGfx, element, options);
       };
     }
 
@@ -3256,7 +3274,7 @@
 
         return drawCircle(parentGfx, element.width, element.height, attrs);
       },
-      'bpmn:StartEvent': function(parentGfx, element) {
+      'bpmn:StartEvent': function(parentGfx, element, options) {
         var attrs = {
           fill: getFillColor(element, defaultFillColor),
           stroke: getStrokeColor(element, defaultStrokeColor)
@@ -3274,7 +3292,9 @@
 
         var circle = renderer('bpmn:Event')(parentGfx, element, attrs);
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return circle;
       },
@@ -3527,14 +3547,16 @@
           stroke: getStrokeColor(event, defaultStrokeColor)
         });
       },
-      'bpmn:EndEvent': function(parentGfx, element) {
+      'bpmn:EndEvent': function(parentGfx, element, options) {
         var circle = renderer('bpmn:Event')(parentGfx, element, {
           strokeWidth: 4,
           fill: getFillColor(element, defaultFillColor),
           stroke: getStrokeColor(element, defaultStrokeColor)
         });
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return circle;
       },
@@ -3547,7 +3569,7 @@
 
         return circle;
       },
-      'bpmn:IntermediateEvent': function(parentGfx, element) {
+      'bpmn:IntermediateEvent': function(parentGfx, element, options) {
         var outer = renderer('bpmn:Event')(parentGfx, element, {
           strokeWidth: 1.5,
           fill: getFillColor(element, defaultFillColor),
@@ -3561,7 +3583,9 @@
           stroke: getStrokeColor(element, defaultStrokeColor)
         });
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return outer;
       },
@@ -4279,7 +4303,7 @@
 
         return elementStore;
       },
-      'bpmn:BoundaryEvent': function(parentGfx, element) {
+      'bpmn:BoundaryEvent': function(parentGfx, element, options) {
 
         var semantic = getBusinessObject(element),
             cancel = semantic.cancelActivity;
@@ -4310,7 +4334,9 @@
 
         /* inner path */ drawCircle(parentGfx, element.width, element.height, INNER_OUTER_DIST, innerAttrs);
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return outer;
       },
@@ -4591,7 +4617,7 @@
 
 
   /**
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {boolean}
    */
@@ -4603,7 +4629,7 @@
    * Draw shape into parentGfx.
    *
    * @param {SVGElement} parentGfx
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {SVGElement} mainGfx
    */
@@ -4619,7 +4645,7 @@
    * Draw connection into parentGfx.
    *
    * @param {SVGElement} parentGfx
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {SVGElement} mainGfx
    */
@@ -4634,7 +4660,7 @@
   /**
    * Get shape path.
    *
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {string} path
    */
@@ -5898,10 +5924,6 @@
     return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
   }
 
-  function isConnection(element) {
-    return !!element.waypoints;
-  }
-
   function elementToString(e) {
     if (!e) {
       return '<null>';
@@ -12382,6 +12404,7 @@
    *
    * @return {Root}
    */
+
   /**
    * Creates a connection.
    *
@@ -12405,6 +12428,7 @@
    *
    * @return {Connection}
    */
+
   /**
    * Creates a shape.
    *
@@ -12428,6 +12452,7 @@
    *
    * @return {Shape}
    */
+
   /**
    * Creates a label.
    *
@@ -12447,6 +12472,7 @@
    *
    * @param {'label'} type
    * @param {Object} [attrs]
+   *
    * @return {Label}
    */
   function create(type, attrs) {
@@ -16653,7 +16679,7 @@
     }
   }
 
-  function inherits$1(ctor, superCtor) {
+  function inherits(ctor, superCtor) {
     ctor.super_ = superCtor;
     ctor.prototype = Object.create(superCtor.prototype, {
       constructor: {
@@ -16819,7 +16845,7 @@
     this.tagName = tagName;
   }
 
-  inherits$1(ValueSerializer, BodySerializer);
+  inherits(ValueSerializer, BodySerializer);
 
   ValueSerializer.prototype.serializeTo = function(writer) {
 
@@ -17312,7 +17338,7 @@
     ElementSerializer.call(this, parent, propertyDescriptor);
   }
 
-  inherits$1(TypeSerializer, ElementSerializer);
+  inherits(TypeSerializer, ElementSerializer);
 
   TypeSerializer.prototype.parseNsAttributes = function(element) {
 
@@ -22901,100 +22927,100 @@
   // default moddle extensions the viewer is composed of
   Viewer$1.prototype._moddleExtensions = {};
 
-  var inherits_browser = {exports: {}};
-
-  if (typeof Object.create === 'function') {
-    // implementation from standard node.js 'util' module
-    inherits_browser.exports = function inherits(ctor, superCtor) {
-      if (superCtor) {
-        ctor.super_ = superCtor;
-        ctor.prototype = Object.create(superCtor.prototype, {
-          constructor: {
-            value: ctor,
-            enumerable: false,
-            writable: true,
-            configurable: true
-          }
-        });
-      }
-    };
-  } else {
-    // old school shim for old browsers
-    inherits_browser.exports = function inherits(ctor, superCtor) {
-      if (superCtor) {
-        ctor.super_ = superCtor;
-        var TempCtor = function () {};
-        TempCtor.prototype = superCtor.prototype;
-        ctor.prototype = new TempCtor();
-        ctor.prototype.constructor = ctor;
-      }
-    };
-  }
-
-  var inherits_browserExports = inherits_browser.exports;
-  var inherits = /*@__PURE__*/getDefaultExportFromCjs(inherits_browserExports);
+  /**
+   * Get icon defined on a moddle element.
+   *
+   * @param { ModdleElement } element
+   * @param { string } iconProperty
+   *
+   * @return { string }
+   */
+  function getModelerTemplateIcon(element, iconProperty) {
+    iconProperty = iconProperty || 'zeebe:modelerTemplateIcon';
 
-  function getModelerTemplateIcon(element) {
-    var modelerTemplateIcon = getBusinessObject(element).get('zeebe:modelerTemplateIcon');
-    return modelerTemplateIcon;
+    return getBusinessObject(element).get(iconProperty);
   }
 
   var HIGH_PRIORITY = 1250;
 
 
-  function IconsRenderer(
+  function ElementTemplateIconRenderer(
+      config,
       bpmnRenderer,
-      eventBus
-  ) {
+      eventBus) {
+
     this._bpmnRenderer = bpmnRenderer;
 
+    this._iconProperty = config && config.iconProperty;
+
     BaseRenderer.call(this, eventBus, HIGH_PRIORITY);
   }
 
-  inherits(IconsRenderer, BaseRenderer);
+  e(ElementTemplateIconRenderer, BaseRenderer);
 
-  IconsRenderer.prototype.canRender = function(element) {
+  ElementTemplateIconRenderer.prototype.canRender = function(element) {
 
     if (isLabel(element)) {
       return false;
     }
 
-    return (
-      is$1(element, 'bpmn:Task') &&
-      !!getModelerTemplateIcon(element)
+    return !!(
+      isAny(element, [ 'bpmn:Task', 'bpmn:Event' ]) && this._getIcon(element)
     );
   };
 
-  IconsRenderer.prototype.drawShape = function(parentGfx, element) {
+  ElementTemplateIconRenderer.prototype._getIcon = function(element) {
+    return getModelerTemplateIcon(element, this._iconProperty);
+  };
+
+  ElementTemplateIconRenderer.prototype.drawShape = function(parentGfx, element) {
 
-    var renderer = this._bpmnRenderer.handlers['bpmn:Task'];
+    var renderer = this._bpmnRenderer.handlers[
+      [
+        'bpmn:Task',
+        'bpmn:StartEvent',
+        'bpmn:IntermediateEvent',
+        'bpmn:BoundaryEvent',
+        'bpmn:EndEvent'
+      ].find(t => is$1(element, t))
+    ];
+
+    var gfx = renderer(parentGfx, element, { renderIcon: false });
 
-    var gfx = renderer(parentGfx, element);
+    var icon = this._getIcon(element);
 
-    var modelerTemplateIcon = getModelerTemplateIcon(element);
+    var size = 18;
 
-    var icon = create$1('image');
-    attr$1(icon, {
-      href: modelerTemplateIcon,
+    var padding = is$1(element, 'bpmn:Task') ? {
       x: 5,
-      y: 5,
-      width: 18,
-      height: 18
+      y: 5
+    } : {
+      x: (element.width - size) / 2,
+      y: (element.height - size) / 2
+    };
+
+    var img = create$1('image');
+    attr$1(img, {
+      href: icon,
+      width: size,
+      height: size,
+      ...padding
     });
 
-    append(parentGfx, icon);
+    append(parentGfx, img);
 
     return gfx;
   };
 
-  IconsRenderer.$inject = [
+  ElementTemplateIconRenderer.$inject = [
+    'config.elementTemplateIconRenderer',
     'bpmnRenderer',
     'eventBus'
   ];
 
   var iconRendererModule = {
-    __init__: [ 'elementTemplatesIconsRenderer' ],
-    elementTemplatesIconsRenderer: [ 'type', IconsRenderer ]
+    __init__: [ 'elementTemplateIconRenderer' ],
+    elementTemplateIconRenderer: [ 'type', ElementTemplateIconRenderer ]
   };
 
   var name = "zeebe";