camunda-bpmn-js 2.3.1 → 2.5.0

package/dist/base-modeler.development.js

@@ -4783,7 +4783,29 @@
 
   var intersect = findPathIntersections;
 
-  var intersectPaths = intersect;
+  var intersectPaths = /*@__PURE__*/getDefaultExportFromCjs(intersect);
+
+  /**
+   * Checks whether a value is an instance of Connection.
+   *
+   * @param {any} value
+   *
+   * @return {boolean}
+   */
+  function isConnection$1(value) {
+    return isObject(value) && has$1(value, 'waypoints');
+  }
+
+  /**
+   * Checks whether a value is an instance of Label.
+   *
+   * @param {any} value
+   *
+   * @return {boolean}
+   */
+  function isLabel$1(value) {
+    return isObject(value) && has$1(value, 'labelTarget');
+  }
 
   /**
    * @typedef {import('../core/Types').ElementLike} Element
@@ -4939,7 +4961,7 @@
    * @return {Point}
    */
   function getMid(element) {
-    if (isConnection$g(element)) {
+    if (isConnection$1(element)) {
       return getConnectionMid(element);
     }
 
@@ -5079,10 +5101,6 @@
     return Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2));
   }
 
-  function isConnection$g(element) {
-    return !!element.waypoints;
-  }
-
   /**
    * @typedef {import('./Types').ConnectionLike} ConnectionLike
    * @typedef {import('./Types').RootLike} RootLike
@@ -6826,11 +6844,7 @@
     }
   };
 
-  var objectRefsExports = {};
-  var objectRefs = {
-    get exports(){ return objectRefsExports; },
-    set exports(v){ objectRefsExports = v; },
-  };
+  var objectRefs = {exports: {}};
 
   var collection = {};
 
@@ -7144,12 +7158,11 @@
 
   var refs = Refs$1;
 
-  (function (module) {
-  	module.exports = refs;
+  objectRefs.exports = refs;
 
-  	module.exports.Collection = collection;
-  } (objectRefs));
+  objectRefs.exports.Collection = collection;
 
+  var objectRefsExports = objectRefs.exports;
   var Refs = /*@__PURE__*/getDefaultExportFromCjs(objectRefsExports);
 
   var parentRefs = new Refs({ name: 'children', enumerable: true, collection: true }, { name: 'parent' }),
@@ -7391,6 +7404,7 @@
    *
    * @return {Root}
    */
+
   /**
    * Creates a connection.
    *
@@ -7414,6 +7428,7 @@
    *
    * @return {Connection}
    */
+
   /**
    * Creates a shape.
    *
@@ -7437,6 +7452,7 @@
    *
    * @return {Shape}
    */
+
   /**
    * Creates a label.
    *
@@ -7456,6 +7472,7 @@
    *
    * @param {'label'} type
    * @param {Object} [attrs]
+   *
    * @return {Label}
    */
   function create(type, attrs) {
@@ -7470,6 +7487,7 @@
    * Checks whether an object is a model instance.
    *
    * @param {any} obj
+   *
    * @return {boolean}
    */
   function isModelElement(obj) {
@@ -18171,7 +18189,7 @@
    * @return {boolean}
    */
   function hasExternalLabel(element) {
-    return isLabel$6(element.label);
+    return isLabel$1(element.label);
   }
 
   /**
@@ -18295,19 +18313,10 @@
   }
 
   /**
-   * @param {Element} element
+   * @param {ModdleElement} semantic
    *
-   * @return {boolean}
-   */
-  function isLabel$6(element) {
-    return element && !!element.labelTarget;
-  }
-
-
-  /**
-   * @typedef { import('../model').DiagramElement } DiagramElement
+   * @returns {string}
    */
-
   function getLabelAttr(semantic) {
     if (
       is$5(semantic, 'bpmn:FlowElement') ||
@@ -18330,6 +18339,11 @@
     }
   }
 
+  /**
+   * @param {ModdleElement} semantic
+   *
+   * @returns {string}
+   */
   function getCategoryValue(semantic) {
     var categoryValueRef = semantic['categoryValueRef'];
 
@@ -18342,9 +18356,9 @@
   }
 
   /**
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
-   * @return {string} label
+   * @return {string}
    */
   function getLabel(element) {
     var semantic = element.businessObject,
@@ -18363,10 +18377,10 @@
 
 
   /**
-   * @param {DiagramElement} element
+   * @param {Element} element
    * @param {string} text
    *
-   * @return {DiagramElement} element
+   * @return {Element}
    */
   function setLabel(element, text) {
     var semantic = element.businessObject,
@@ -18588,7 +18602,7 @@
    */
 
   /**
-   * @typedef { import('../model').DiagramElement } DiagramElement
+   * @typedef { import('../model/Types').Element } Element
    */
 
   /**
@@ -18954,8 +18968,8 @@
     }
 
     function as(type) {
-      return function(parentGfx, element) {
-        return renderer(type)(parentGfx, element);
+      return function(parentGfx, element, options) {
+        return renderer(type)(parentGfx, element, options);
       };
     }
 
@@ -19094,7 +19108,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$1(element, defaultStrokeColor)
@@ -19112,7 +19126,9 @@
 
         var circle = renderer('bpmn:Event')(parentGfx, element, attrs);
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return circle;
       },
@@ -19365,14 +19381,16 @@
           stroke: getStrokeColor$1(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$1(element, defaultStrokeColor)
         });
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return circle;
       },
@@ -19385,7 +19403,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),
@@ -19399,7 +19417,9 @@
           stroke: getStrokeColor$1(element, defaultStrokeColor)
         });
 
-        renderEventContent(element, parentGfx);
+        if (!options || options.renderIcon !== false) {
+          renderEventContent(element, parentGfx);
+        }
 
         return outer;
       },
@@ -20117,7 +20137,7 @@
 
         return elementStore;
       },
-      'bpmn:BoundaryEvent': function(parentGfx, element) {
+      'bpmn:BoundaryEvent': function(parentGfx, element, options) {
 
         var semantic = getBusinessObject$1(element),
             cancel = semantic.cancelActivity;
@@ -20148,7 +20168,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;
       },
@@ -20429,7 +20451,7 @@
 
 
   /**
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {boolean}
    */
@@ -20441,7 +20463,7 @@
    * Draw shape into parentGfx.
    *
    * @param {SVGElement} parentGfx
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {SVGElement} mainGfx
    */
@@ -20457,7 +20479,7 @@
    * Draw connection into parentGfx.
    *
    * @param {SVGElement} parentGfx
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {SVGElement} mainGfx
    */
@@ -20472,7 +20494,7 @@
   /**
    * Get shape path.
    *
-   * @param {DiagramElement} element
+   * @param {Element} element
    *
    * @return {string} path
    */
@@ -26189,11 +26211,7 @@
     NavigatedViewer.prototype._navigationModules
   );
 
-  var hammerExports = {};
-  var hammer = {
-    get exports(){ return hammerExports; },
-    set exports(v){ hammerExports = v; },
-  };
+  var hammer = {exports: {}};
 
   /*! Hammer.JS - v2.0.7 - 2016-04-22
    * http://hammerjs.github.io/
@@ -28838,10 +28856,11 @@
   	    window[exportName] = Hammer;
   	}
 
-  	})(window, document, 'Hammer');
+  	})(window, document, 'Hammer'); 
   } (hammer));
 
-  var Hammer = hammerExports;
+  var hammerExports = hammer.exports;
+  var Hammer = /*@__PURE__*/getDefaultExportFromCjs(hammerExports);
 
   /**
    * @typedef {import('didi').Injector} Injector
@@ -30985,7 +31004,7 @@
       let element = closest(event.delegateTarget || event.target, '.entry', true);
       let entryId = attr$1(element, DATA_REF);
 
-      entry = this._getEntry(entryId);
+      entry = { id: entryId, ...this._getEntry(entryId) };
     }
 
     const handler = entry.action;
@@ -31958,7 +31977,7 @@
       y: sourceTrbl.top - 50 - element.height / 2
     };
 
-    if (isConnection$f(source)) {
+    if (isConnection$1(source)) {
       position = getMid(source);
       position.x += 100;
       position.y -= 50;
@@ -32003,10 +32022,6 @@
     return findFreePosition(source, element, position, generateGetNextPosition(nextPositionDirection));
   }
 
-  function isConnection$f(element) {
-    return !!element.waypoints;
-  }
-
   /**
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
    */
@@ -32444,7 +32459,7 @@
 
     forEach$1(elements, function(element) {
 
-      if (is$5(element, 'bpmn:Lane') || isLabel$6(element)) {
+      if (is$5(element, 'bpmn:Lane') || isLabel$1(element)) {
         canResize = false;
         return;
       }
@@ -35458,7 +35473,7 @@
           hoverMid = hover && getSnapPoint(hover, event);
 
       // only snap on connections, elements can have multiple connect endpoints
-      if (!isConnection$e(hover) || !hoverMid || !hoverMid.x || !hoverMid.y) {
+      if (!isConnection$1(hover) || !hoverMid || !hoverMid.x || !hoverMid.y) {
         return;
       }
 
@@ -35510,13 +35525,6 @@
 
   BendpointSnapping.$inject = [ 'eventBus' ];
 
-
-  // helpers //////////////////////
-
-  function isConnection$e(element) {
-    return element && !!element.waypoints;
-  }
-
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -37043,11 +37051,11 @@
       elements = filter(elements, function(element) {
         var labelTarget = element.labelTarget;
 
-        return !element.parent && !(isLabel$5(element) && elements.indexOf(labelTarget) !== -1);
+        return !element.parent && !(isLabel$1(element) && elements.indexOf(labelTarget) !== -1);
       });
 
       var shape = find$1(elements, function(element) {
-        return !isConnection$d(element);
+        return !isConnection$1(element);
       });
 
       var attach = false,
@@ -37202,7 +37210,7 @@
 
         // update shape
         shape = find$1(elements, function(element) {
-          return !isConnection$d(element);
+          return !isConnection$1(element);
         });
       }
 
@@ -37243,7 +37251,7 @@
       }
 
       var shape = find$1(elements, function(element) {
-        return !isConnection$d(element);
+        return !isConnection$1(element);
       });
 
       if (!shape) {
@@ -37277,7 +37285,7 @@
 
       // center elements around cursor
       forEach$1(elements, function(element) {
-        if (isConnection$d(element)) {
+        if (isConnection$1(element)) {
           element.waypoints = map$2(element.waypoints, function(waypoint) {
             return {
               x: waypoint.x - bbox.x - bbox.width / 2,
@@ -37339,16 +37347,8 @@
     }
   }
 
-  function isConnection$d(element) {
-    return !!element.waypoints;
-  }
-
   function isSingleShape(elements) {
-    return elements && elements.length === 1 && !isConnection$d(elements[0]);
-  }
-
-  function isLabel$5(element) {
-    return !!element.labelTarget;
+    return elements && elements.length === 1 && !isConnection$1(elements[ 0 ]);
   }
 
   /**
@@ -37681,7 +37681,7 @@
       }
 
       // connections (priority = 3)
-      if (isConnection$c(element)) {
+      if (isConnection$1(element)) {
         descriptor.priority = 3;
 
         descriptor.source = element.source.id;
@@ -37691,7 +37691,7 @@
       }
 
       // labels (priority = 4)
-      if (isLabel$4(element)) {
+      if (isLabel$1(element)) {
         descriptor.priority = 4;
 
         descriptor.labelTarget = element.labelTarget.id;
@@ -37824,7 +37824,7 @@
 
     // center elements around cursor
     forEach$1(elements, function(element) {
-      if (isConnection$c(element)) {
+      if (isConnection$1(element)) {
         element.waypoints = map$2(element.waypoints, function(waypoint) {
           return {
             x: waypoint.x - bbox.x - bbox.width / 2,
@@ -37877,7 +37877,7 @@
 
         var element;
 
-        if (isConnection$c(attrs)) {
+        if (isConnection$1(attrs)) {
           attrs.source = cache[ descriptor.source ];
           attrs.target = cache[ descriptor.target ];
 
@@ -37888,7 +37888,7 @@
           return;
         }
 
-        if (isLabel$4(attrs)) {
+        if (isLabel$1(attrs)) {
           attrs.labelTarget = cache[ attrs.labelTarget ];
 
           element = cache[ descriptor.id ] = self.createLabel(attrs);
@@ -37943,7 +37943,7 @@
         source,
         target;
 
-    if (isConnection$c(element)) {
+    if (isConnection$1(element)) {
       source = find$1(elements, matchPattern({ id: element.source.id }));
       target = find$1(elements, matchPattern({ id: element.target.id }));
 
@@ -37952,7 +37952,7 @@
       }
     }
 
-    if (isLabel$4(element)) {
+    if (isLabel$1(element)) {
       labelTarget = find$1(elements, matchPattern({ id: element.labelTarget.id }));
 
       if (!labelTarget) {
@@ -38045,7 +38045,7 @@
     eachElement$2(parents, function(element, _index, depth) {
 
       // do NOT add external labels directly
-      if (isLabel$4(element)) {
+      if (isLabel$1(element)) {
         return;
       }
 
@@ -38143,14 +38143,6 @@
     return !!element.host;
   }
 
-  function isConnection$c(element) {
-    return !!element.waypoints;
-  }
-
-  function isLabel$4(element) {
-    return !!element.labelTarget;
-  }
-
   function copyWaypoints$1(element) {
     return map$2(element.waypoints, function(waypoint) {
 
@@ -38234,7 +38226,7 @@
 
       // do not copy business object + di for labels;
       // will be pulled from the referenced label target
-      if (isLabel$6(element)) {
+      if (isLabel$1(element)) {
         return descriptor;
       }
 
@@ -38302,7 +38294,7 @@
           di = descriptor.di;
 
       // wire existing di + businessObject for external label
-      if (isLabel$6(descriptor)) {
+      if (isLabel$1(descriptor)) {
         descriptor.businessObject = getBusinessObject$1(cache[ descriptor.labelTarget ]);
         descriptor.di = getDi(cache[ descriptor.labelTarget ]);
 
@@ -44383,7 +44375,7 @@
   ResizeHandles.prototype.addResizer = function(element) {
     var self = this;
 
-    if (isConnection$b(element) || !this._resize.canResize({ shape: element })) {
+    if (isConnection$1(element) || !this._resize.canResize({ shape: element })) {
       return;
     }
 
@@ -44435,10 +44427,6 @@
     return offset;
   }
 
-  function isConnection$b(element) {
-    return !!element.waypoints;
-  }
-
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -44798,7 +44786,7 @@
     // external label not yet created
     if (isLabelExternal(target)
         && !hasExternalLabel(target)
-        && !isLabel$6(target)) {
+        && !isLabel$1(target)) {
 
       var externalLabelMid = getExternalLabelMid(element);
 
@@ -45475,7 +45463,7 @@
   }
 
   function shouldReplace$1(shape, host) {
-    return !isLabel$6(shape) &&
+    return !isLabel$1(shape) &&
       isAny(shape, [ 'bpmn:IntermediateThrowEvent', 'bpmn:IntermediateCatchEvent' ]) && !!host;
   }
 
@@ -45652,8 +45640,8 @@
       // ignore connections, groups and labels
       var children = rootElement.children.filter(function(element) {
         return !is$5(element, 'bpmn:Group') &&
-          !isLabel$6(element) &&
-          !isConnection$a(element);
+          !isLabel$1(element) &&
+          !isConnection$1(element);
       });
 
       // ensure for available children to calculate bounds
@@ -45824,10 +45812,6 @@
     };
   }
 
-  function isConnection$a(element) {
-    return !!element.waypoints;
-  }
-
   function findParticipant(elements) {
     return find$1(elements, function(element) {
       return is$5(element, 'bpmn:Participant');
@@ -46432,7 +46416,7 @@
   }
 
   function shouldReplace(shape, host) {
-    return !isLabel$6(shape) && is$5(shape, 'bpmn:BoundaryEvent') && !host;
+    return !isLabel$1(shape) && is$5(shape, 'bpmn:BoundaryEvent') && !host;
   }
 
   function includes$6(array, item) {
@@ -48139,7 +48123,7 @@
 
       var element = context.shape || context.connection;
 
-      if (isLabel$6(element) || !isLabelExternal(element)) {
+      if (isLabel$1(element) || !isLabelExternal(element)) {
         return;
       }
 
@@ -50678,7 +50662,7 @@
           shape = context.shape,
           shapeBo = shape.businessObject;
 
-      if (isLabel$6(shape)) {
+      if (isLabel$1(shape)) {
         return;
       }
 
@@ -51127,12 +51111,12 @@
           position = context.position,
           target = context.target;
 
-      if (isConnection$9(target) && !canInsert(elements, target)) {
+      if (isConnection$1(target) && !canInsert(elements, target)) {
         return false;
       }
 
       return every(elements, function(element) {
-        if (isConnection$9(element)) {
+        if (isConnection$1(element)) {
           return canConnect(element.source, element.target, element);
         }
 
@@ -51241,7 +51225,7 @@
    * @return {boolean}
    */
   function nonExistingOrLabel(element) {
-    return !element || isLabel$6(element);
+    return !element || isLabel$1(element);
   }
 
   function isSame$1(a, b) {
@@ -51475,15 +51459,6 @@
     );
   }
 
-  /**
-   * @param {Element} element
-   *
-   * @return {boolean}
-   */
-  function isConnection$9(element) {
-    return element.waypoints;
-  }
-
   /**
    * @param {Element} element
    *
@@ -51574,7 +51549,7 @@
   function canDrop(element, target) {
 
     // can move labels and groups everywhere
-    if (isLabel$6(element) || isGroup(element)) {
+    if (isLabel$1(element) || isGroup(element)) {
       return true;
     }
 
@@ -51664,7 +51639,7 @@
    * @return {boolean}
    */
   function isBoundaryEvent(element) {
-    return !isLabel$6(element) && is$5(element, 'bpmn:BoundaryEvent');
+    return !isLabel$1(element) && is$5(element, 'bpmn:BoundaryEvent');
   }
 
   /**
@@ -51773,7 +51748,7 @@
     var element = elements[0];
 
     // do not attach labels
-    if (isLabel$6(element)) {
+    if (isLabel$1(element)) {
       return false;
     }
 
@@ -51945,7 +51920,7 @@
       return false;
     }
 
-    if (isLabel$6(shape) || isGroup(shape)) {
+    if (isLabel$1(shape) || isGroup(shape)) {
       return true;
     }
 
@@ -52126,7 +52101,7 @@
     // return true if shape can be inserted into connection parent
     return (
       isAny(connection, [ 'bpmn:SequenceFlow', 'bpmn:MessageFlow' ]) &&
-      !isLabel$6(connection) &&
+      !isLabel$1(connection) &&
       is$5(shape, 'bpmn:FlowNode') &&
       !is$5(shape, 'bpmn:BoundaryEvent') &&
       canDrop(shape, connection.parent));
@@ -52149,7 +52124,7 @@
    * @return {boolean}
    */
   function canCopy(elements, element) {
-    if (isLabel$6(element)) {
+    if (isLabel$1(element)) {
       return true;
     }
 
@@ -53057,12 +53032,12 @@
     }
 
     forEach$1(elements, function(element) {
-      if (!element.parent || isLabel$3(element)) {
+      if (!element.parent || isLabel$1(element)) {
         return;
       }
 
       // handle connections separately
-      if (isConnection$8(element)) {
+      if (isConnection$1(element)) {
         connections.push(element);
 
         return;
@@ -53233,15 +53208,15 @@
 
       // find children that are not moving or resizing
       var nonMovingResizingChildren = filter(children, function(child) {
-        return !isConnection$8(child) &&
-          !isLabel$3(child) &&
+        return !isConnection$1(child) &&
+          !isLabel$1(child) &&
           !includes$3(movingShapes, child) &&
           !includes$3(resizingShapes, child);
       });
 
       // find children that are moving
       var movingChildren = filter(children, function(child) {
-        return !isConnection$8(child) && !isLabel$3(child) && includes$3(movingShapes, child);
+        return !isConnection$1(child) && !isLabel$1(child) && includes$3(movingShapes, child);
       });
 
       var minOrMax,
@@ -53375,14 +53350,6 @@
     return !!element.host;
   }
 
-  function isConnection$8(element) {
-    return !!element.waypoints;
-  }
-
-  function isLabel$3(element) {
-    return !!element.labelTarget;
-  }
-
   var MARKER_DRAGGING$1 = 'djs-dragging',
       MARKER_RESIZING = 'djs-resizing';
 
@@ -53541,7 +53508,7 @@
             });
           });
 
-          return isConnection$7(element)
+          return isConnection$1(element)
             && (sourceIsMoving || sourceIsResizing)
             && (targetIsMoving || targetIsResizing);
         });
@@ -53671,16 +53638,6 @@
     'previewSupport'
   ];
 
-
-  // helpers //////////////////////
-
-  /**
-   * Checks if an element is a connection.
-   */
-  function isConnection$7(element) {
-    return element.waypoints;
-  }
-
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -55720,7 +55677,7 @@
   BpmnUpdater.prototype.updateParent = function(element, oldParent) {
 
     // do not update BPMN 2.0 label parent
-    if (isLabel$6(element)) {
+    if (isLabel$1(element)) {
       return;
     }
 
@@ -55785,7 +55742,7 @@
       });
     }
 
-    var target = isLabel$6(shape) ? this._getLabel(di) : di;
+    var target = isLabel$1(shape) ? this._getLabel(di) : di;
 
     var bounds = target.bounds;
 
@@ -56846,7 +56803,7 @@
 
     // center elements around position
     forEach$1(elements, function(element) {
-      if (isConnection$6(element)) {
+      if (isConnection$1(element)) {
         element.waypoints = map$2(element.waypoints, function(waypoint) {
           return {
             x: round$3(waypoint.x - bbox.x - bbox.width / 2 + position.x),
@@ -56866,7 +56823,7 @@
     var cache = {};
 
     forEach$1(elements, function(element) {
-      if (isConnection$6(element)) {
+      if (isConnection$1(element)) {
         cache[ element.id ] = isNumber(parentIndex) ?
           modeling.createConnection(
             cache[ element.source.id ],
@@ -56893,6 +56850,10 @@
         createShapeHints.autoResize = false;
       }
 
+      if (isLabel$1(element)) {
+        createShapeHints = omit(createShapeHints, [ 'attach' ]);
+      }
+
       cache[ element.id ] = isNumber(parentIndex) ?
         modeling.createShape(
           element,
@@ -56910,13 +56871,7 @@
     });
 
     context.elements = values(cache);
-  };
-
-  // helpers //////////
-
-  function isConnection$6(element) {
-    return !!element.waypoints;
-  }
+  };
 
   /**
    * @typedef {import('../../../model/Types').Element} Element
@@ -57239,7 +57194,7 @@
 
     // remove child shapes and connections
     saveClear(shape.children, function(child) {
-      if (isConnection$5(child)) {
+      if (isConnection$1(child)) {
         modeling.removeConnection(child, { nested: true });
       } else {
         modeling.removeShape(child, { nested: true });
@@ -57287,10 +57242,6 @@
     return shape;
   };
 
-  function isConnection$5(element) {
-    return element.waypoints;
-  }
-
   /**
    * @typedef {import('../Modeling').default} Modeling
    */
@@ -60421,13 +60372,13 @@
     }
 
     forEach$1(elements, function(element) {
-      var assignedDi = isConnection$4(element) ? pick(di, [ 'border-color' ]) : di,
+      var assignedDi = isConnection$1(element) ? pick(di, [ 'border-color' ]) : di,
           elementDi = getDi(element);
 
       // TODO @barmac: remove once we drop bpmn.io properties
       ensureLegacySupport(assignedDi);
 
-      if (isLabel$6(element)) {
+      if (isLabel$1(element)) {
 
         // set label colors as bpmndi:BPMNLabel#color
         self._commandStack.execute('element.updateModdleProperties', {
@@ -60487,10 +60438,6 @@
     return /^#[0-9a-fA-F]{6}$/.test(context.fillStyle) ? context.fillStyle : null;
   }
 
-  function isConnection$4(element) {
-    return !!element.waypoints;
-  }
-
   /**
    * Add legacy properties if required.
    *
@@ -60553,7 +60500,7 @@
           businessObject = element.businessObject,
           newLabel = ctx.newLabel;
 
-      if (!isLabel$6(element)
+      if (!isLabel$1(element)
           && isLabelExternal(element)
           && !hasExternalLabel(element)
           && !isEmptyText(newLabel)) {
@@ -60593,11 +60540,11 @@
           hints = ctx.hints || {};
 
       // ignore internal labels for elements except text annotations
-      if (!isLabel$6(label) && !is$5(label, 'bpmn:TextAnnotation')) {
+      if (!isLabel$1(label) && !is$5(label, 'bpmn:TextAnnotation')) {
         return;
       }
 
-      if (isLabel$6(label) && isEmptyText(newLabel)) {
+      if (isLabel$1(label) && isEmptyText(newLabel)) {
 
         if (hints.removeShape !== false) {
           modeling.removeShape(label, { unsetLabel: false });
@@ -62706,7 +62653,7 @@
 
     var filteredElements = filter(elements, function(element) {
 
-      if (!isConnection$3(element)) {
+      if (!isConnection$1(element)) {
         return true;
       } else {
 
@@ -62724,13 +62671,6 @@
     return size(groupBy(elements, function(e) { return e.parent && e.parent.id; })) !== 1;
   }
 
-  /**
-   * Checks if an element is a connection.
-   */
-  function isConnection$3(element) {
-    return element.waypoints;
-  }
-
   /**
    * @type { import('didi').ModuleDeclaration }
    */
@@ -64787,7 +64727,7 @@
     });
 
     // snap labels to mid only
-    if (isLabel$2(shape)) {
+    if (isLabel$1(shape)) {
       return snapContext;
     }
 
@@ -64810,9 +64750,9 @@
     forEach$1(snapTargets, function(snapTarget) {
 
       // handle labels
-      if (isLabel$2(snapTarget)) {
+      if (isLabel$1(snapTarget)) {
 
-        if (isLabel$2(shape)) {
+        if (isLabel$1(shape)) {
           snapPoints.add('mid', mid$2(snapTarget));
         }
 
@@ -64820,7 +64760,7 @@
       }
 
       // handle connections
-      if (isConnection$2(snapTarget)) {
+      if (isConnection$1(snapTarget)) {
 
         // ignore single segment connections
         if (snapTarget.waypoints.length < 3) {
@@ -64861,16 +64801,8 @@
 
   // helpers //////////
 
-  function isConnection$2(element) {
-    return !!element.waypoints;
-  }
-
   function isHidden$1(element) {
     return !!element.hidden;
-  }
-
-  function isLabel$2(element) {
-    return !!element.labelTarget;
   }
 
   /**
@@ -65279,18 +65211,10 @@
     return element.host === host;
   }
 
-  function isConnection$1(element) {
-    return !!element.waypoints;
-  }
-
   function isHidden(element) {
     return !!element.hidden;
   }
 
-  function isLabel$1(element) {
-    return !!element.labelTarget;
-  }
-
   function isHorizontal(direction) {
     return direction === 'n' || direction === 's';
   }
@@ -67820,11 +67744,7 @@
 
   var t$1,u,r,o$2=0,i$2=[],c=n$1.__b,f=n$1.__r,e$1=n$1.diffed,a$1=n$1.__c,v=n$1.unmount;function m(t,r){n$1.__h&&n$1.__h(u,t,o$2||r),o$2=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function l$1(n){return o$2=1,p$1(w$1,n)}function p$1(n,r,o){var i=m(t$1++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function y(r,o){var i=m(t$1++,3);!n$1.__s&&k$1(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i));}function h(r,o){var i=m(t$1++,4);!n$1.__s&&k$1(i.__H,o)&&(i.__=r,i.__H=o,u.__h.push(i));}function s(n){return o$2=5,d(function(){return {current:n}},[])}function _(n,t,u){o$2=6,h(function(){"function"==typeof n?n(t()):n&&(n.current=t());},null==u?u:u.concat(n));}function d(n,u){var r=m(t$1++,7);return k$1(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function A$1(n,t){return o$2=8,d(function(){return n},t)}function F$1(n){var r=u.context[n.__c],o=m(t$1++,9);return o.__c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function T$1(t,u){n$1.useDebugValue&&n$1.useDebugValue(u?u(t):t);}function x$1(){i$2.forEach(function(t){if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],n$1.__e(u,t.__v);}}),i$2=[];}n$1.__b=function(n){u=null,c&&c(n);},n$1.__r=function(n){f&&f(n),t$1=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},n$1.diffed=function(t){e$1&&e$1(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i$2.push(o)&&r===n$1.requestAnimationFrame||((r=n$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u));})(x$1)),u=void 0;},n$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],n$1.__e(r,t.__v);}}),a$1&&a$1(t,u);},n$1.unmount=function(t){v&&v(t);var u=t.__c;if(u&&u.__H)try{u.__H.__.forEach(g$1);}catch(t){n$1.__e(t,u.__v);}};var b="function"==typeof requestAnimationFrame;function g$1(n){var t=u;"function"==typeof n.__c&&n.__c(),u=t;}function j$1(n){var t=u;n.__c=n.__(),u=t;}function k$1(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
 
-  var classnamesExports = {};
-  var classnames$1 = {
-    get exports(){ return classnamesExports; },
-    set exports(v){ classnamesExports = v; },
-  };
+  var classnames$1 = {exports: {}};
 
   /*!
     Copyright (c) 2018 Jed Watson.
@@ -67879,10 +67799,11 @@
   		} else {
   			window.classNames = classNames;
   		}
-  	}());
+  	}()); 
   } (classnames$1));
 
-  var classnames = classnamesExports;
+  var classnamesExports = classnames$1.exports;
+  var classnames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
   function C$1(n,t){for(var e in t)n[e]=t[e];return n}function S(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function E(n){this.props=n;}function g(n,t){function e(n){var e=this.props.ref,r=e==n.ref;return !r&&e&&(e.call?e(null):e.current=null),t?!t(this.props,n)||!r:S(this.props,n)}function r(t){return this.shouldComponentUpdate=e,a$2(n,t)}return r.displayName="Memo("+(n.displayName||n.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(E.prototype=new p$2).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return S(this.props,n)||S(this.state,t)};var w=n$1.__b;n$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),w&&w(n);};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function x(n){function t(t,e){var r=C$1({},t);return delete r.ref,n(r,(e=t.ref||e)&&("object"!=typeof e||"current"in e)?e:null)}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var N=function(n,t){return null==n?null:w$2(w$2(n).map(t))},k={map:N,forEach:N,count:function(n){return n?w$2(n).length:0},only:function(n){var t=w$2(n);if(1!==t.length)throw "Children.only";return t[0]},toArray:w$2},A=n$1.__e;n$1.__e=function(n,t,e){if(n.then)for(var r,u=t;u=u.__;)if((r=u.__c)&&r.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),r.__c(n,t);A(n,t,e);};var O=n$1.unmount;function L(){this.__u=0,this.t=null,this.__b=null;}function U(n){var t=n.__.__c;return t&&t.__e&&t.__e(n)}function D(n){var t,e,r;function u(u){if(t||(t=n()).then(function(n){e=n.default||n;},function(n){r=n;}),r)throw r;if(!e)throw t;return a$2(e,u)}return u.displayName="Lazy",u.__f=!0,u}function F(){this.u=null,this.o=null;}n$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),O&&O(n);},(L.prototype=new p$2).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=U(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__e){var n=r.state.__e;r.__v.__k[0]=function n(t,e,r){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)}),t.__c&&t.__c.__P===e&&(t.__e&&r.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=r)),t}(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__e:r.__b=null});t=r.t.pop();)t.forceUpdate();}},f=!0===t.__h;r.__u++||f||r.setState({__e:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var e=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function n(t,e,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),t.__c.__H=null),null!=(t=C$1({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=e),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)})),t}(this.__b,e,r.__O=r.__P);}this.__b=null;}var u=t.__e&&a$2(y$1,null,n.fallback);return u&&(u.__h=null),[a$2(y$1,null,t.__e?null:n.children),u]};var M=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};function T(n){return this.getChildContext=function(){return n.context},n.children}function j(n){var t=this,e=n.i;t.componentWillUnmount=function(){N$1(null,t.l),t.l=null,t.i=null;},t.i&&t.i!==e&&t.componentWillUnmount(),n.__v?(t.l||(t.i=e,t.l={nodeType:1,parentNode:e,childNodes:[],appendChild:function(n){this.childNodes.push(n),t.i.appendChild(n);},insertBefore:function(n,e){this.childNodes.push(n),t.i.appendChild(n);},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),t.i.removeChild(n);}}),N$1(a$2(T,{context:t.context},n.__v),t.l)):t.l&&t.componentWillUnmount();}function I(n,t){return a$2(j,{__v:n,i:t})}(F.prototype=new p$2).__e=function(n){var t=this,e=U(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),M(t,n,r)):u();};e?e(o):o();}},F.prototype.render=function(n){this.u=null,this.o=new Map;var t=w$2(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},F.prototype.componentDidUpdate=F.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){M(n,e,t);});};var W="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,P=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,V=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function z(n,t,e){return null==t.__k&&(t.textContent=""),N$1(n,t),"function"==typeof e&&e(),n?n.__c:null}function B(n,t,e){return O$1(n,t),"function"==typeof e&&e(),n?n.__c:null}p$2.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(p$2.prototype,n,{configurable:!0,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:!0,writable:!0,value:t});}});});var H=n$1.event;function Z(){}function Y(){return this.cancelBubble}function $(){return this.defaultPrevented}n$1.event=function(n){return H&&(n=H(n)),n.persist=Z,n.isPropagationStopped=Y,n.isDefaultPrevented=$,n.nativeEvent=n};var q,G={configurable:!0,get:function(){return this.class}},J=n$1.vnode;n$1.vnode=function(n){var t=n.type,e=n.props,r=e;if("string"==typeof t){for(var u in r={},e){var o=e[u];"value"===u&&"defaultValue"in e&&null==o||("defaultValue"===u&&"value"in e&&null==e.value?u="value":"download"===u&&!0===o?o="":/ondoubleclick/i.test(u)?u="ondblclick":/^onchange(textarea|input)/i.test(u+t)&&!V(e.type)?u="oninput":/^on(Ani|Tra|Tou|BeforeInp)/.test(u)?u=u.toLowerCase():P.test(u)?u=u.replace(/[A-Z0-9]/,"-$&").toLowerCase():null===o&&(o=void 0),r[u]=o);}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=w$2(e.children).forEach(function(n){n.props.selected=-1!=r.value.indexOf(n.props.value);})),"select"==t&&null!=r.defaultValue&&(r.value=w$2(e.children).forEach(function(n){n.props.selected=r.multiple?-1!=r.defaultValue.indexOf(n.props.value):r.defaultValue==n.props.value;})),n.props=r;}t&&e.class!=e.className&&(G.enumerable="className"in e,null!=e.className&&(r.class=e.className),Object.defineProperty(r,"className",G)),n.$$typeof=W,J&&J(n);};var K=n$1.__r;n$1.__r=function(n){K&&K(n),q=n.__c;};var Q={ReactCurrentDispatcher:{current:{readContext:function(n){return q.__n[n.__c].props.value}}}};"object"==typeof performance&&"function"==typeof performance.now?performance.now.bind(performance):function(){return Date.now()};function fn(n){return a$2.bind(null,n)}function cn(n){return !!n&&n.$$typeof===W}function an(n){return cn(n)?S$1.apply(null,arguments):n}function sn(n){return !!n.__k&&(N$1(null,n),!0)}function hn(n){return n&&(n.base||1===n.nodeType&&n)||null}var pn=function(n,t){return n(t)};var React = {useState:l$1,useReducer:p$1,useEffect:y,useLayoutEffect:h,useRef:s,useImperativeHandle:_,useMemo:d,useCallback:A$1,useContext:F$1,useDebugValue:T$1,version:"16.8.0",Children:k,render:z,hydrate:B,unmountComponentAtNode:sn,createPortal:I,createElement:a$2,createContext:q$1,createFactory:fn,cloneElement:an,createRef:h$1,Fragment:y$1,isValidElement:cn,findDOMNode:hn,Component:p$2,PureComponent:E,memo:g,forwardRef:x,unstable_batchedUpdates:pn,StrictMode:y$1,Suspense:L,SuspenseList:F,lazy:D,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Q};
 
@@ -97437,11 +97358,7 @@
   zeebe.getVariablesForElement = getVariablesForElement;
   zeebe.getVariablesForScope = getVariablesForScope$1;
 
-  var arrayMoveExports = {};
-  var arrayMove$1 = {
-    get exports(){ return arrayMoveExports; },
-    set exports(v){ arrayMoveExports = v; },
-  };
+  var arrayMove$1 = {exports: {}};
 
   const arrayMoveMutate = (array, from, to) => {
   	const startIndex = from < 0 ? array.length + from : from;
@@ -97461,7 +97378,7 @@
   };
 
   arrayMove$1.exports = arrayMove;
-  arrayMoveExports.mutate = arrayMoveMutate;
+  arrayMove$1.exports.mutate = arrayMoveMutate;
 
   var dist = {};
 
@@ -99887,7 +99804,7 @@
       eventBus.fire('propertiesPanel.layoutChanged', {
         layout: newLayout
       });
-    }, [eventBus, layoutConfig]);
+    }, [eventBus]);
 
     // React to external layout changes
     y(() => {
@@ -100214,17 +100131,17 @@
   function getLinkEventDefinition(element) {
     return getEventDefinition$1(element, 'bpmn:LinkEventDefinition');
   }
-  function getSignalEventDefinition(element) {
+  function getSignalEventDefinition$1(element) {
     return getEventDefinition$1(element, 'bpmn:SignalEventDefinition');
   }
   function isLinkSupported(element) {
     return isAny(element, ['bpmn:IntermediateThrowEvent', 'bpmn:IntermediateCatchEvent']) && !!getLinkEventDefinition(element);
   }
-  function isSignalSupported(element) {
-    return is$5(element, 'bpmn:Event') && !!getSignalEventDefinition(element);
+  function isSignalSupported$1(element) {
+    return is$5(element, 'bpmn:Event') && !!getSignalEventDefinition$1(element);
   }
-  function getSignal(element) {
-    const signalEventDefinition = getSignalEventDefinition(element);
+  function getSignal$1(element) {
+    const signalEventDefinition = getSignalEventDefinition$1(element);
     return signalEventDefinition && signalEventDefinition.get('signalRef');
   }
   function getEscalationEventDefinition(element) {
@@ -101777,24 +101694,24 @@
     return is$5(element, 'bpmn:Participant') && element.businessObject.get('processRef');
   }
 
-  const EMPTY_OPTION$3 = '';
-  const CREATE_NEW_OPTION$2 = 'create-new';
-
   /**
    * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
+  const EMPTY_OPTION$3 = '';
+  const CREATE_NEW_OPTION$2 = 'create-new';
+
   /**
-   * @returns {Array<Entry>} entries
+   * @returns {Entry[]}
    */
-  function SignalProps(props) {
+  function SignalProps$1(props) {
     const {
       element
     } = props;
-    if (!isSignalSupported(element)) {
+    if (!isSignalSupported$1(element)) {
       return [];
     }
-    const signal = getSignal(element);
+    const signal = getSignal$1(element);
     let entries = [{
       id: 'signalRef',
       component: SignalRef,
@@ -101803,7 +101720,7 @@
     if (signal) {
       entries = [...entries, {
         id: 'signalName',
-        component: SignalName,
+        component: SignalName$1,
         isEdited: isEdited$1
       }];
     }
@@ -101816,9 +101733,9 @@
     const bpmnFactory = useService('bpmnFactory');
     const commandStack = useService('commandStack');
     const translate = useService('translate');
-    const signalEventDefinition = getSignalEventDefinition(element);
+    const signalEventDefinition = getSignalEventDefinition$1(element);
     const getValue = () => {
-      const signal = getSignal(element);
+      const signal = getSignal$1(element);
       if (signal) {
         return signal.get('id');
       }
@@ -101892,14 +101809,14 @@
       getOptions
     });
   }
-  function SignalName(props) {
+  function SignalName$1(props) {
     const {
       element
     } = props;
     const commandStack = useService('commandStack');
     const translate = useService('translate');
     const debounce = useService('debounceInput');
-    const signal = getSignal(element);
+    const signal = getSignal$1(element);
     const getValue = () => {
       return signal.get('name');
     };
@@ -102277,7 +102194,7 @@
       id: 'signal',
       label: translate('Signal'),
       component: Group,
-      entries: [...SignalProps({
+      entries: [...SignalProps$1({
         element
       })]
     };
@@ -103353,7 +103270,11 @@
   }
 
   function unlinkTemplate$1(element, injector) {
-    const modeling = injector.get('modeling');
+    const modeling = injector.get('modeling'),
+      eventBus = injector.get('eventBus');
+    eventBus.fire('elementTemplates.unlink', {
+      element
+    });
     modeling.updateProperties(element, {
       'camunda:modelerTemplate': null,
       'camunda:modelerTemplateVersion': null
@@ -103361,7 +103282,11 @@
   }
 
   function unlinkTemplate(element, injector) {
-    const modeling = injector.get('modeling');
+    const modeling = injector.get('modeling'),
+      eventBus = injector.get('eventBus');
+    eventBus.fire('elementTemplates.unlink', {
+      element
+    });
 
     // remove template attributes
     modeling.updateProperties(element, {
@@ -103746,7 +103671,7 @@
     }
 
     /**
-     * Remove referenced element when template is unlinked.
+     * Unlink referenced element when template is unlinked.
      */
     _handlePropertiesUpdate(context) {
       const {
@@ -103762,11 +103687,9 @@
       const bo = getBusinessObject$1(element);
       const message = findMessage(bo);
       if (message && getTemplateId$1(message)) {
-        const messageEventDefinition = bo.eventDefinitions[0];
-        this._modeling.updateModdleProperties(element, messageEventDefinition, {
-          'messageRef': undefined
+        this._modeling.updateModdleProperties(element, message, {
+          [TEMPLATE_ID_ATTR$1]: null
         });
-        this._removeRootElement(message);
       }
     }