camunda-bpmn-js 4.14.0 → 4.15.0

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

@@ -27832,7 +27832,7 @@
 
   var m$3=e$5.bind(h$3);
 
-  var t$2,r$3,u$3,i$4,o$4=0,f$3=[],c$2=[],e$4=l$5.__b,a$3=l$5.__r,v$2=l$5.diffed,l$4=l$5.__c,m$2=l$5.unmount;function d$2(t,u){l$5.__h&&l$5.__h(r$3,t,o$4||u),o$4=0;var i=r$3.__H||(r$3.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c$2}),i.__[t]}function p$3(n){return o$4=1,y$2(B$4,n)}function y$2(n,u,i){var o=d$2(t$2++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$4(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r$3,!r$3.u)){r$3.u=!0;var f=r$3.shouldComponentUpdate;r$3.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function h$2(u,i){var o=d$2(t$2++,3);!l$5.__s&&z$4(o.__H,i)&&(o.__=u,o.i=i,r$3.__H.__h.push(o));}function s$3(u,i){var o=d$2(t$2++,4);!l$5.__s&&z$4(o.__H,i)&&(o.__=u,o.i=i,r$3.__h.push(o));}function _$3(n){return o$4=5,F$4(function(){return {current:n}},[])}function F$4(n,r){var u=d$2(t$2++,7);return z$4(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$4(n,t){return o$4=8,F$4(function(){return n},t)}function q$3(n){var u=r$3.context[n.__c],i=d$2(t$2++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r$3)),u.props.value):n.__}function b$2(){for(var t;t=f$3.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$3),t.__H.__h.forEach(w$4),t.__H.__h=[];}catch(r){t.__H.__h=[],l$5.__e(r,t.__v);}}l$5.__b=function(n){r$3=null,e$4&&e$4(n);},l$5.__r=function(n){a$3&&a$3(n),t$2=0;var i=(r$3=n.__c).__H;i&&(u$3===r$3?(i.__h=[],r$3.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c$2,n.__N=n.i=void 0;})):(i.__h.forEach(k$3),i.__h.forEach(w$4),i.__h=[])),u$3=r$3;},l$5.diffed=function(t){v$2&&v$2(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f$3.push(o)&&i$4===l$5.requestAnimationFrame||((i$4=l$5.requestAnimationFrame)||j$3)(b$2)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c$2&&(n.__=n.__V),n.i=void 0,n.__V=c$2;})),u$3=r$3=null;},l$5.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$3),t.__h=t.__h.filter(function(n){return !n.__||w$4(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$5.__e(u,t.__v);}}),l$4&&l$4(t,r);},l$5.unmount=function(t){m$2&&m$2(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$3(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$5.__e(r,u.__v));};var g$4="function"==typeof requestAnimationFrame;function j$3(n){var t,r=function(){clearTimeout(u),g$4&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$4&&(t=requestAnimationFrame(r));}function k$3(n){var t=r$3,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$3=t;}function w$4(n){var t=r$3;n.__c=n.__(),r$3=t;}function z$4(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$4(n,t){return "function"==typeof t?t(n):t}
+  var t$2,r$3,u$3,i$5,o$4=0,f$3=[],c$2=[],e$4=l$5.__b,a$3=l$5.__r,v$2=l$5.diffed,l$4=l$5.__c,m$2=l$5.unmount;function d$2(t,u){l$5.__h&&l$5.__h(r$3,t,o$4||u),o$4=0;var i=r$3.__H||(r$3.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c$2}),i.__[t]}function p$3(n){return o$4=1,y$2(B$4,n)}function y$2(n,u,i){var o=d$2(t$2++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$4(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r$3,!r$3.u)){r$3.u=!0;var f=r$3.shouldComponentUpdate;r$3.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function h$2(u,i){var o=d$2(t$2++,3);!l$5.__s&&z$4(o.__H,i)&&(o.__=u,o.i=i,r$3.__H.__h.push(o));}function s$3(u,i){var o=d$2(t$2++,4);!l$5.__s&&z$4(o.__H,i)&&(o.__=u,o.i=i,r$3.__h.push(o));}function _$3(n){return o$4=5,F$4(function(){return {current:n}},[])}function F$4(n,r){var u=d$2(t$2++,7);return z$4(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$4(n,t){return o$4=8,F$4(function(){return n},t)}function q$3(n){var u=r$3.context[n.__c],i=d$2(t$2++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r$3)),u.props.value):n.__}function b$2(){for(var t;t=f$3.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$3),t.__H.__h.forEach(w$4),t.__H.__h=[];}catch(r){t.__H.__h=[],l$5.__e(r,t.__v);}}l$5.__b=function(n){r$3=null,e$4&&e$4(n);},l$5.__r=function(n){a$3&&a$3(n),t$2=0;var i=(r$3=n.__c).__H;i&&(u$3===r$3?(i.__h=[],r$3.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c$2,n.__N=n.i=void 0;})):(i.__h.forEach(k$3),i.__h.forEach(w$4),i.__h=[])),u$3=r$3;},l$5.diffed=function(t){v$2&&v$2(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f$3.push(o)&&i$5===l$5.requestAnimationFrame||((i$5=l$5.requestAnimationFrame)||j$3)(b$2)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c$2&&(n.__=n.__V),n.i=void 0,n.__V=c$2;})),u$3=r$3=null;},l$5.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$3),t.__h=t.__h.filter(function(n){return !n.__||w$4(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$5.__e(u,t.__v);}}),l$4&&l$4(t,r);},l$5.unmount=function(t){m$2&&m$2(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$3(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$5.__e(r,u.__v));};var g$4="function"==typeof requestAnimationFrame;function j$3(n){var t,r=function(){clearTimeout(u),g$4&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$4&&(t=requestAnimationFrame(r));}function k$3(n){var t=r$3,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$3=t;}function w$4(n){var t=r$3;n.__c=n.__(),r$3=t;}function z$4(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$4(n,t){return "function"==typeof t?t(n):t}
 
   function r$2(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$2(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -35104,7 +35104,7 @@
       const source = context.source,
             target = context.target;
 
-      if (isCompensationBoundaryEvent(source) && isForCompensation$1(target)) {
+      if (isCompensationBoundaryEvent$1(source) && isForCompensation$1(target)) {
         removeIsForCompensationProperty(target);
       }
     }
@@ -35117,7 +35117,7 @@
             source = context.source,
             target = context.target;
 
-      if (isCompensationBoundaryEvent(source) && isForCompensationAllowed(target)) {
+      if (isCompensationBoundaryEvent$1(source) && isForCompensationAllowed(target)) {
         addIsForCompensationProperty(target);
         removeExistingAssociations(source, [ connection ]);
       }
@@ -35138,7 +35138,7 @@
         }
 
         // newTarget perspective
-        if (isCompensationBoundaryEvent(source) && isForCompensationAllowed(newTarget)) {
+        if (isCompensationBoundaryEvent$1(source) && isForCompensationAllowed(newTarget)) {
           addIsForCompensationProperty(newTarget);
         }
       }
@@ -35166,7 +35166,7 @@
       } = context;
 
       // from compensate boundary event
-      if (isCompensationBoundaryEvent(context.oldShape) &&
+      if (isCompensationBoundaryEvent$1(context.oldShape) &&
         newData.eventDefinitionType !== 'bpmn:CompensateEventDefinition' ||
         newData.type !== 'bpmn:BoundaryEvent'
       ) {
@@ -35181,7 +35181,7 @@
 
       // to compensate boundary event
       else if (
-        !isCompensationBoundaryEvent(context.oldShape) &&
+        !isCompensationBoundaryEvent$1(context.oldShape) &&
         newData.eventDefinitionType === 'bpmn:CompensateEventDefinition' &&
         newData.type === 'bpmn:BoundaryEvent'
       ) {
@@ -35250,7 +35250,7 @@
 
     function removeIncomingCompensationAssociations(element) {
       const compensationAssociations = element.incoming.filter(
-        connection => isCompensationBoundaryEvent(connection.source)
+        connection => isCompensationBoundaryEvent$1(connection.source)
       );
 
       modeling.removeElements(compensationAssociations);
@@ -35280,7 +35280,7 @@
     return bo && bo.get('isForCompensation');
   }
 
-  function isCompensationBoundaryEvent(element) {
+  function isCompensationBoundaryEvent$1(element) {
     return element && is$6(element, 'bpmn:BoundaryEvent') &&
       hasEventDefinition$3(element, 'bpmn:CompensateEventDefinition');
   }
@@ -66989,9 +66989,9 @@
     ]
   };
 
-  var n$2,l$3,u$2,i$3,o$3,r$1,f$2,e$3,c$1={},s$2=[],a$2=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,h$1=Array.isArray;function v$1(n,l){for(var u in l)n[u]=l[u];return n}function p$2(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n$2.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,i,o,null)}function d$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u$2:r,__i:-1,__u:0};return null==r&&null!=l$3.vnode&&l$3.vnode(f),f}function _$2(){return {current:null}}function g$3(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function m$1(n,l){if(null==l)return n.__?m$1(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?m$1(n):null}function k$2(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k$2(n)}}function w$3(n){(!n.__d&&(n.__d=!0)&&i$3.push(n)&&!x$3.__r++||o$3!==l$3.debounceRendering)&&((o$3=l$3.debounceRendering)||r$1)(x$3);}function x$3(){var n,u,t,o,r,e,c,s,a;for(i$3.sort(f$2);n=i$3.shift();)n.__d&&(u=i$3.length,o=void 0,e=(r=(t=n).__v).__e,s=[],a=[],(c=t.__P)&&((o=v$1({},r)).__v=r.__v+1,l$3.vnode&&l$3.vnode(o),L$2(c,o,r,t.__n,void 0!==c.ownerSVGElement,32&r.__u?[e]:null,s,null==e?m$1(r):e,!!(32&r.__u),a),o.__.__k[o.__i]=o,M$1(s,o,a),o.__e!=e&&k$2(o)),i$3.length>u&&i$3.sort(f$2));x$3.__r=0;}function C$3(n,l,u,t,i,o,r,f,e,a,h){var v,p,y,d,_,g=t&&t.__k||s$2,b=l.length;for(u.__d=e,P$2(u,l,g),e=u.__d,v=0;v<b;v++)null!=(y=u.__k[v])&&"boolean"!=typeof y&&"function"!=typeof y&&(p=-1===y.__i?c$1:g[y.__i]||c$1,y.__i=v,L$2(n,y,p,i,o,r,f,e,a,h),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&z$3(p.ref,null,y),h.push(y.ref,y.__c||d,y)),null==_&&null!=d&&(_=d),65536&y.__u||p.__k===y.__k?e=S(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=_;}function P$2(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?d$1(null,i,null,null,i):h$1(i)?d$1(g$3,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?d$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=H$2(i,u,r=t+a,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:a=f<r&&f==r-1?f-r:0,f!==t+a&&(i.__u|=65536))):(o=u[t])&&null==o.key&&o.__e&&(o.__e==n.__d&&(n.__d=m$1(o)),N$1(o,o,!1),u[t]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=m$1(o)),N$1(o,o));}function S(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=S(t[i],l,u));return l}return n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e),l&&l.nextSibling}function $$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(h$1(n)?n.some(function(n){$$1(n,l);}):l.push(n)),l}function H$2(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type)return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}function I$2(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$2.test(l)?u:u+"px";}function T$3(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||I$2(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||I$2(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/,"$1")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=Date.now(),n.addEventListener(l,o?D$2:A$2,o)):n.removeEventListener(l,o?D$2:A$2,o);else {if(i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&"role"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function A$2(n){var u=this.l[n.type+!1];if(n.t){if(n.t<=u.u)return}else n.t=Date.now();return u(l$3.event?l$3.event(n):n)}function D$2(n){return this.l[n.type+!0](l$3.event?l$3.event(n):n)}function L$2(n,u,t,i,o,r,f,e,c,s){var a,p,y,d,_,m,k,w,x,P,S,$,H,I,T,A=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l$3.__b)&&a(u);n:if("function"==typeof A)try{if(w=u.props,x=(a=A.contextType)&&i[a.__c],P=a?x?x.props.value:a.__:i,t.__c?k=(p=u.__c=t.__c).__=p.__E:("prototype"in A&&A.prototype.render?u.__c=p=new A(w,P):(u.__c=p=new b$1(w,P),p.constructor=A,p.render=O$1),x&&x.sub(p),p.props=w,p.state||(p.state={}),p.context=P,p.__n=i,y=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=A.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=v$1({},p.__s)),v$1(p.__s,A.getDerivedStateFromProps(w,p.__s))),d=p.props,_=p.state,p.__v=u,y)null==A.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else {if(null==A.getDerivedStateFromProps&&w!==d&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(w,P),!p.__e&&(null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(w,p.__s,P)||u.__v===t.__v)){for(u.__v!==t.__v&&(p.props=w,p.state=p.__s,p.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),S=0;S<p._sb.length;S++)p.__h.push(p._sb[S]);p._sb=[],p.__h.length&&f.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(w,p.__s,P),null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(d,_,m);});}if(p.context=P,p.props=w,p.__P=n,p.__e=!1,$=l$3.__r,H=0,"prototype"in A&&A.prototype.render){for(p.state=p.__s,p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),I=0;I<p._sb.length;I++)p.__h.push(p._sb[I]);p._sb=[];}else do{p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),p.state=p.__s;}while(p.__d&&++H<25);p.state=p.__s,null!=p.getChildContext&&(i=v$1(v$1({},i),p.getChildContext())),y||null==p.getSnapshotBeforeUpdate||(m=p.getSnapshotBeforeUpdate(d,_)),C$3(n,h$1(T=null!=a&&a.type===g$3&&null==a.key?a.props.children:a)?T:[T],u,t,i,o,r,f,e,c,s),p.base=u.__e,u.__u&=-161,p.__h.length&&f.push(p),k&&(p.__E=p.__=null);}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l$3.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=j$2(t.__e,u,t,i,o,r,f,c,s);(a=l$3.diffed)&&a(u);}function M$1(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)z$3(t[i],t[++i],t[++i]);l$3.__c&&l$3.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$3.__e(n,u.__v);}});}function j$2(l,u,t,i,o,r,f,e,s){var a,v,y,d,_,g,b,k=t.props,w=u.props,x=u.type;if("svg"===x&&(o=!0),null!=r)for(a=0;a<r.length;a++)if((_=r[a])&&"setAttribute"in _==!!x&&(x?_.localName===x:3===_.nodeType)){l=_,r[a]=null;break}if(null==l){if(null===x)return document.createTextNode(w);l=o?document.createElementNS("http://www.w3.org/2000/svg",x):document.createElement(x,w.is&&w),r=null,e=!1;}if(null===x)k===w||e&&l.data===w||(l.data=w);else {if(r=r&&n$2.call(l.childNodes),k=t.props||c$1,!e&&null!=r)for(k={},a=0;a<l.attributes.length;a++)k[(_=l.attributes[a]).name]=_.value;for(a in k)_=k[a],"children"==a||("dangerouslySetInnerHTML"==a?y=_:"key"===a||a in w||T$3(l,a,null,_,o));for(a in w)_=w[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?b=_:"key"===a||e&&"function"!=typeof _||k[a]===_||T$3(l,a,_,k[a],o);if(v)e||y&&(v.__html===y.__html||v.__html===l.innerHTML)||(l.innerHTML=v.__html),u.__k=[];else if(y&&(l.innerHTML=""),C$3(l,h$1(d)?d:[d],u,t,i,o&&"foreignObject"!==x,r,f,r?r[0]:t.__k&&m$1(t,0),e,s),null!=r)for(a=r.length;a--;)null!=r[a]&&p$2(r[a]);e||(a="value",void 0!==g&&(g!==l[a]||"progress"===x&&!g||"option"===x&&g!==k[a])&&T$3(l,a,g,k[a],!1),a="checked",void 0!==b&&b!==l[a]&&T$3(l,a,b,k[a],!1));}return l}function z$3(n,u,t){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$3.__e(n,t);}}function N$1(n,u,t){var i,o;if(l$3.unmount&&l$3.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||z$3(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$3.__e(n,u);}i.base=i.__P=null,n.__c=void 0;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&N$1(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||p$2(n.__e),n.__=n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function q$2(u,t,i){var o,r,f,e;l$3.__&&l$3.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],L$2(t,u=(!o&&i||t).__k=y$1(g$3,null,[u]),r||c$1,c$1,void 0!==t.ownerSVGElement,!o&&i?[i]:r?null:t.firstChild?n$2.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),M$1(f,u,e);}function B$3(n,l){q$2(n,l,B$3);}function E$1(l,u,t){var i,o,r,f,e=v$1({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n$2.call(arguments,2):t),d$1(l.type,e,i||l.key,o||l.ref,null)}function F$3(n,l){var u={__c:l="__cC"+e$3++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w$3(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n$2=s$2.slice,l$3={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v$1({},this.state),"function"==typeof n&&(n=n(v$1({},u),this.props)),n&&v$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w$3(this));},b$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w$3(this));},b$1.prototype.render=g$3,i$3=[],r$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$2=function(n,l){return n.__v.__b-l.__v.__b},x$3.__r=0,e$3=0;
+  var n$2,l$3,u$2,i$4,o$3,r$1,f$2,e$3,c$1={},s$2=[],a$2=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,h$1=Array.isArray;function v$1(n,l){for(var u in l)n[u]=l[u];return n}function p$2(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n$2.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,i,o,null)}function d$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u$2:r,__i:-1,__u:0};return null==r&&null!=l$3.vnode&&l$3.vnode(f),f}function _$2(){return {current:null}}function g$3(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function m$1(n,l){if(null==l)return n.__?m$1(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?m$1(n):null}function k$2(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k$2(n)}}function w$3(n){(!n.__d&&(n.__d=!0)&&i$4.push(n)&&!x$3.__r++||o$3!==l$3.debounceRendering)&&((o$3=l$3.debounceRendering)||r$1)(x$3);}function x$3(){var n,u,t,o,r,e,c,s,a;for(i$4.sort(f$2);n=i$4.shift();)n.__d&&(u=i$4.length,o=void 0,e=(r=(t=n).__v).__e,s=[],a=[],(c=t.__P)&&((o=v$1({},r)).__v=r.__v+1,l$3.vnode&&l$3.vnode(o),L$2(c,o,r,t.__n,void 0!==c.ownerSVGElement,32&r.__u?[e]:null,s,null==e?m$1(r):e,!!(32&r.__u),a),o.__.__k[o.__i]=o,M$1(s,o,a),o.__e!=e&&k$2(o)),i$4.length>u&&i$4.sort(f$2));x$3.__r=0;}function C$3(n,l,u,t,i,o,r,f,e,a,h){var v,p,y,d,_,g=t&&t.__k||s$2,b=l.length;for(u.__d=e,P$2(u,l,g),e=u.__d,v=0;v<b;v++)null!=(y=u.__k[v])&&"boolean"!=typeof y&&"function"!=typeof y&&(p=-1===y.__i?c$1:g[y.__i]||c$1,y.__i=v,L$2(n,y,p,i,o,r,f,e,a,h),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&z$3(p.ref,null,y),h.push(y.ref,y.__c||d,y)),null==_&&null!=d&&(_=d),65536&y.__u||p.__k===y.__k?e=S(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=_;}function P$2(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?d$1(null,i,null,null,i):h$1(i)?d$1(g$3,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?d$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=H$2(i,u,r=t+a,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:a=f<r&&f==r-1?f-r:0,f!==t+a&&(i.__u|=65536))):(o=u[t])&&null==o.key&&o.__e&&(o.__e==n.__d&&(n.__d=m$1(o)),N$1(o,o,!1),u[t]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=m$1(o)),N$1(o,o));}function S(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=S(t[i],l,u));return l}return n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e),l&&l.nextSibling}function $$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(h$1(n)?n.some(function(n){$$1(n,l);}):l.push(n)),l}function H$2(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type)return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}function I$2(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$2.test(l)?u:u+"px";}function T$3(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||I$2(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||I$2(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/,"$1")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=Date.now(),n.addEventListener(l,o?D$2:A$2,o)):n.removeEventListener(l,o?D$2:A$2,o);else {if(i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&"role"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function A$2(n){var u=this.l[n.type+!1];if(n.t){if(n.t<=u.u)return}else n.t=Date.now();return u(l$3.event?l$3.event(n):n)}function D$2(n){return this.l[n.type+!0](l$3.event?l$3.event(n):n)}function L$2(n,u,t,i,o,r,f,e,c,s){var a,p,y,d,_,m,k,w,x,P,S,$,H,I,T,A=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l$3.__b)&&a(u);n:if("function"==typeof A)try{if(w=u.props,x=(a=A.contextType)&&i[a.__c],P=a?x?x.props.value:a.__:i,t.__c?k=(p=u.__c=t.__c).__=p.__E:("prototype"in A&&A.prototype.render?u.__c=p=new A(w,P):(u.__c=p=new b$1(w,P),p.constructor=A,p.render=O$1),x&&x.sub(p),p.props=w,p.state||(p.state={}),p.context=P,p.__n=i,y=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=A.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=v$1({},p.__s)),v$1(p.__s,A.getDerivedStateFromProps(w,p.__s))),d=p.props,_=p.state,p.__v=u,y)null==A.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else {if(null==A.getDerivedStateFromProps&&w!==d&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(w,P),!p.__e&&(null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(w,p.__s,P)||u.__v===t.__v)){for(u.__v!==t.__v&&(p.props=w,p.state=p.__s,p.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),S=0;S<p._sb.length;S++)p.__h.push(p._sb[S]);p._sb=[],p.__h.length&&f.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(w,p.__s,P),null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(d,_,m);});}if(p.context=P,p.props=w,p.__P=n,p.__e=!1,$=l$3.__r,H=0,"prototype"in A&&A.prototype.render){for(p.state=p.__s,p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),I=0;I<p._sb.length;I++)p.__h.push(p._sb[I]);p._sb=[];}else do{p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),p.state=p.__s;}while(p.__d&&++H<25);p.state=p.__s,null!=p.getChildContext&&(i=v$1(v$1({},i),p.getChildContext())),y||null==p.getSnapshotBeforeUpdate||(m=p.getSnapshotBeforeUpdate(d,_)),C$3(n,h$1(T=null!=a&&a.type===g$3&&null==a.key?a.props.children:a)?T:[T],u,t,i,o,r,f,e,c,s),p.base=u.__e,u.__u&=-161,p.__h.length&&f.push(p),k&&(p.__E=p.__=null);}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l$3.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=j$2(t.__e,u,t,i,o,r,f,c,s);(a=l$3.diffed)&&a(u);}function M$1(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)z$3(t[i],t[++i],t[++i]);l$3.__c&&l$3.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$3.__e(n,u.__v);}});}function j$2(l,u,t,i,o,r,f,e,s){var a,v,y,d,_,g,b,k=t.props,w=u.props,x=u.type;if("svg"===x&&(o=!0),null!=r)for(a=0;a<r.length;a++)if((_=r[a])&&"setAttribute"in _==!!x&&(x?_.localName===x:3===_.nodeType)){l=_,r[a]=null;break}if(null==l){if(null===x)return document.createTextNode(w);l=o?document.createElementNS("http://www.w3.org/2000/svg",x):document.createElement(x,w.is&&w),r=null,e=!1;}if(null===x)k===w||e&&l.data===w||(l.data=w);else {if(r=r&&n$2.call(l.childNodes),k=t.props||c$1,!e&&null!=r)for(k={},a=0;a<l.attributes.length;a++)k[(_=l.attributes[a]).name]=_.value;for(a in k)_=k[a],"children"==a||("dangerouslySetInnerHTML"==a?y=_:"key"===a||a in w||T$3(l,a,null,_,o));for(a in w)_=w[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?b=_:"key"===a||e&&"function"!=typeof _||k[a]===_||T$3(l,a,_,k[a],o);if(v)e||y&&(v.__html===y.__html||v.__html===l.innerHTML)||(l.innerHTML=v.__html),u.__k=[];else if(y&&(l.innerHTML=""),C$3(l,h$1(d)?d:[d],u,t,i,o&&"foreignObject"!==x,r,f,r?r[0]:t.__k&&m$1(t,0),e,s),null!=r)for(a=r.length;a--;)null!=r[a]&&p$2(r[a]);e||(a="value",void 0!==g&&(g!==l[a]||"progress"===x&&!g||"option"===x&&g!==k[a])&&T$3(l,a,g,k[a],!1),a="checked",void 0!==b&&b!==l[a]&&T$3(l,a,b,k[a],!1));}return l}function z$3(n,u,t){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$3.__e(n,t);}}function N$1(n,u,t){var i,o;if(l$3.unmount&&l$3.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||z$3(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$3.__e(n,u);}i.base=i.__P=null,n.__c=void 0;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&N$1(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||p$2(n.__e),n.__=n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function q$2(u,t,i){var o,r,f,e;l$3.__&&l$3.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],L$2(t,u=(!o&&i||t).__k=y$1(g$3,null,[u]),r||c$1,c$1,void 0!==t.ownerSVGElement,!o&&i?[i]:r?null:t.firstChild?n$2.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),M$1(f,u,e);}function B$3(n,l){q$2(n,l,B$3);}function E$1(l,u,t){var i,o,r,f,e=v$1({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n$2.call(arguments,2):t),d$1(l.type,e,i||l.key,o||l.ref,null)}function F$3(n,l){var u={__c:l="__cC"+e$3++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w$3(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n$2=s$2.slice,l$3={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u$2=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v$1({},this.state),"function"==typeof n&&(n=n(v$1({},u),this.props)),n&&v$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w$3(this));},b$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w$3(this));},b$1.prototype.render=g$3,i$4=[],r$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$2=function(n,l){return n.__v.__b-l.__v.__b},x$3.__r=0,e$3=0;
 
-  var t$1,r,u$1,i$2,o$2=0,f$1=[],c=[],e$2=l$3.__b,a$1=l$3.__r,v=l$3.diffed,l$2=l$3.__c,m=l$3.unmount;function d(t,u){l$3.__h&&l$3.__h(r,t,o$2||u),o$2=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o$2=1,s$1(B$2,n)}function s$1(n,u,i){var o=d(t$1++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$2(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function p$1(u,i){var o=d(t$1++,3);!l$3.__s&&z$2(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function y(u,i){var o=d(t$1++,4);!l$3.__s&&z$2(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _$1(n){return o$2=5,F$2(function(){return {current:n}},[])}function A$1(n,t,r){o$2=6,y(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n));}function F$2(n,r){var u=d(t$1++,7);return z$2(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$2(n,t){return o$2=8,F$2(function(){return n},t)}function q$1(n){var u=r.context[n.__c],i=d(t$1++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function x$2(t,r){l$3.useDebugValue&&l$3.useDebugValue(r?r(t):t);}function V$2(){var n=d(t$1++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++;}return n.__}function b(){for(var t;t=f$1.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$1),t.__H.__h.forEach(w$2),t.__H.__h=[];}catch(r){t.__H.__h=[],l$3.__e(r,t.__v);}}l$3.__b=function(n){r=null,e$2&&e$2(n);},l$3.__r=function(n){a$1&&a$1(n),t$1=0;var i=(r=n.__c).__H;i&&(u$1===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k$1),i.__h.forEach(w$2),i.__h=[],t$1=0)),u$1=r;},l$3.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f$1.push(o)&&i$2===l$3.requestAnimationFrame||((i$2=l$3.requestAnimationFrame)||j$1)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u$1=r=null;},l$3.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$1),t.__h=t.__h.filter(function(n){return !n.__||w$2(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$3.__e(u,t.__v);}}),l$2&&l$2(t,r);},l$3.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$3.__e(r,u.__v));};var g$2="function"==typeof requestAnimationFrame;function j$1(n){var t,r=function(){clearTimeout(u),g$2&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$2&&(t=requestAnimationFrame(r));}function k$1(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w$2(n){var t=r;n.__c=n.__(),r=t;}function z$2(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$2(n,t){return "function"==typeof t?t(n):t}
+  var t$1,r,u$1,i$3,o$2=0,f$1=[],c=[],e$2=l$3.__b,a$1=l$3.__r,v=l$3.diffed,l$2=l$3.__c,m=l$3.unmount;function d(t,u){l$3.__h&&l$3.__h(r,t,o$2||u),o$2=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o$2=1,s$1(B$2,n)}function s$1(n,u,i){var o=d(t$1++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$2(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r.shouldComponentUpdate=f;}return o.__N||o.__}function p$1(u,i){var o=d(t$1++,3);!l$3.__s&&z$2(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function y(u,i){var o=d(t$1++,4);!l$3.__s&&z$2(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _$1(n){return o$2=5,F$2(function(){return {current:n}},[])}function A$1(n,t,r){o$2=6,y(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n));}function F$2(n,r){var u=d(t$1++,7);return z$2(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$2(n,t){return o$2=8,F$2(function(){return n},t)}function q$1(n){var u=r.context[n.__c],i=d(t$1++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function x$2(t,r){l$3.useDebugValue&&l$3.useDebugValue(r?r(t):t);}function V$2(){var n=d(t$1++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++;}return n.__}function b(){for(var t;t=f$1.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$1),t.__H.__h.forEach(w$2),t.__H.__h=[];}catch(r){t.__H.__h=[],l$3.__e(r,t.__v);}}l$3.__b=function(n){r=null,e$2&&e$2(n);},l$3.__r=function(n){a$1&&a$1(n),t$1=0;var i=(r=n.__c).__H;i&&(u$1===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k$1),i.__h.forEach(w$2),i.__h=[],t$1=0)),u$1=r;},l$3.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f$1.push(o)&&i$3===l$3.requestAnimationFrame||((i$3=l$3.requestAnimationFrame)||j$1)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u$1=r=null;},l$3.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$1),t.__h=t.__h.filter(function(n){return !n.__||w$2(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$3.__e(u,t.__v);}}),l$2&&l$2(t,r);},l$3.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$3.__e(r,u.__v));};var g$2="function"==typeof requestAnimationFrame;function j$1(n){var t,r=function(){clearTimeout(u),g$2&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$2&&(t=requestAnimationFrame(r));}function k$1(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w$2(n){var t=r;n.__c=n.__(),r=t;}function z$2(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$2(n,t){return "function"==typeof t?t(n):t}
 
   function g$1(n,t){for(var e in t)n[e]=t[e];return n}function C$2(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 w$1(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return !r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C$2(this.props,n)}function u(e){return this.shouldComponentUpdate=r,y$1(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(E.prototype=new b$1).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return C$2(this.props,n)||C$2(this.state,t)};var x$1=l$3.__b;l$3.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),x$1&&x$1(n);};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function N(n){function t(t){var e=g$1({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var k=function(n,t){return null==n?null:$$1($$1(n).map(t))},A={map:k,forEach:k,count:function(n){return n?$$1(n).length:0},only:function(n){var t=$$1(n);if(1!==t.length)throw "Children.only";return t[0]},toArray:$$1},O=l$3.__e;l$3.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);O(n,t,e,r);};var T$1=l$3.unmount;function F$1(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g$1({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return F$1(n,t,e)})),n}function I$1(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return I$1(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function L$1(){this.__u=0,this.t=null,this.__b=null;}function U$1(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function D$1(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n;},function(n){u=n;}),u)throw u;if(!r)throw e;return y$1(r,o)}return o.displayName="Lazy",o.__f=!0,o}function M(){this.u=null,this.o=null;}l$3.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),T$1&&T$1(n);},(L$1.prototype=new b$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=U$1(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.__a){var n=r.state.__a;r.__v.__k[0]=I$1(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},L$1.prototype.componentWillUnmount=function(){this.t=[];},L$1.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=F$1(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&y$1(g$3,null,n.fallback);return i&&(i.__u&=-33),[y$1(g$3,null,e.__a?null:n.children),i]};var V$1=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 W$1(n){return this.getChildContext=function(){return n.context},n.children}function P$1(n){var e=this,r=n.i;e.componentWillUnmount=function(){q$2(null,e.l),e.l=null,e.i=null;},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n);},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n);},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n);}}),q$2(y$1(W$1,{context:e.context},n.__v),e.l);}function j(n,e){var r=y$1(P$1,{__v:n,i:e});return r.containerInfo=e,r}(M.prototype=new b$1).__a=function(n){var t=this,e=U$1(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),V$1(t,n,r)):u();};e?e(o):o();}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=$$1(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},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){V$1(n,e,t);});};var z$1="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,B$1=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,H$1=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Z$1=/[A-Z0-9]/g,Y="undefined"!=typeof document,$=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function q(n,t,e){return null==t.__k&&(t.textContent=""),q$2(n,t),"function"==typeof e&&e(),n?n.__c:null}function G$1(n,t,e){return B$3(n,t),"function"==typeof e&&e(),n?n.__c:null}b$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(b$1.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var J$1=l$3.event;function K$1(){}function Q$1(){return this.cancelBubble}function X(){return this.defaultPrevented}l$3.event=function(n){return J$1&&(n=J$1(n)),n.persist=K$1,n.isPropagationStopped=Q$1,n.isDefaultPrevented=X,n.nativeEvent=n};var nn$1,tn$1={enumerable:!1,configurable:!0,get:function(){return this.class}},en$1=l$3.vnode;l$3.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!("value"===o&&"defaultValue"in t&&null==i||Y&&"children"===o&&"noscript"===e||"class"===o||"className"===o)){var l=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===i?i="":"ondoubleclick"===l?o="ondblclick":"onchange"!==l||"input"!==e&&"textarea"!==e||$(t.type)?"onfocus"===l?o="onfocusin":"onblur"===l?o="onfocusout":H$1.test(o)?o=l:-1===e.indexOf("-")&&B$1.test(o)?o=o.replace(Z$1,"-$&").toLowerCase():null===i&&(i=void 0):l=o="oninput","oninput"===l&&u[o=l]&&(o="oninputCapture"),u[o]=i;}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=$$1(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=$$1(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",tn$1)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=z$1,en$1&&en$1(n);};var rn=l$3.__r;l$3.__r=function(n){rn&&rn(n),nn$1=n.__c;};var un=l$3.diffed;l$3.diffed=function(n){un&&un(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value),nn$1=null;};var on={ReactCurrentDispatcher:{current:{readContext:function(n){return nn$1.__n[n.__c].props.value}}}};function cn(n){return y$1.bind(null,n)}function fn$1(n){return !!n&&n.$$typeof===z$1}function an(n){return fn$1(n)&&n.type===g$3}function sn(n){return fn$1(n)?E$1.apply(null,arguments):n}function hn(n){return !!n.__k&&(q$2(null,n),!0)}function vn(n){return n&&(n.base||1===n.nodeType&&n)||null}var dn=function(n,t){return n(t)},pn=function(n,t){return n(t)},mn=g$3;function yn(n){n();}function _n(n){return n}function bn(){return [!1,yn]}var Sn=y,gn=fn$1;function Cn(n,t){var e=t(),r=h({h:{__:e,v:t}}),u=r[0].h,o=r[1];return y(function(){u.__=e,u.v=t,En(u)&&o({h:u});},[n,e,t]),p$1(function(){return En(u)&&o({h:u}),n(function(){En(u)&&o({h:u});})},[n]),e}function En(n){var t,e,r=n.v,u=n.__;try{var o=r();return !((t=u)===(e=o)&&(0!==t||1/t==1/e)||t!=t&&e!=e)}catch(n){return !0}}var wn={useState:h,useId:V$2,useReducer:s$1,useEffect:p$1,useLayoutEffect:y,useInsertionEffect:Sn,useTransition:bn,useDeferredValue:_n,useSyncExternalStore:Cn,startTransition:yn,useRef:_$1,useImperativeHandle:A$1,useMemo:F$2,useCallback:T$2,useContext:q$1,useDebugValue:x$2,version:"17.0.2",Children:A,render:q,hydrate:G$1,unmountComponentAtNode:hn,createPortal:j,createElement:y$1,createContext:F$3,createFactory:cn,cloneElement:sn,createRef:_$2,Fragment:g$3,isValidElement:fn$1,isElement:gn,isFragment:an,findDOMNode:vn,Component:b$1,PureComponent:E,memo:w$1,forwardRef:N,flushSync:pn,unstable_batchedUpdates:dn,StrictMode:mn,Suspense:L$1,SuspenseList:M,lazy:D$1,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:on};
 
@@ -86961,15 +86961,15 @@
   var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
 
   // Fill in the digit keys
-  for (var i$1 = 0; i$1 < 10; i$1++) base[48 + i$1] = base[96 + i$1] = String(i$1);
+  for (var i$2 = 0; i$2 < 10; i$2++) base[48 + i$2] = base[96 + i$2] = String(i$2);
 
   // The function keys
-  for (var i$1 = 1; i$1 <= 24; i$1++) base[i$1 + 111] = "F" + i$1;
+  for (var i$2 = 1; i$2 <= 24; i$2++) base[i$2 + 111] = "F" + i$2;
 
   // And the alphabetic keys
-  for (var i$1 = 65; i$1 <= 90; i$1++) {
-    base[i$1] = String.fromCharCode(i$1 + 32);
-    shift[i$1] = String.fromCharCode(i$1);
+  for (var i$2 = 65; i$2 <= 90; i$2++) {
+    base[i$2] = String.fromCharCode(i$2 + 32);
+    shift[i$2] = String.fromCharCode(i$2);
   }
 
   // For each code that doesn't have a shift-equivalent, copy the base name
@@ -115926,13 +115926,13 @@
     return escalationEventDefinition && escalationEventDefinition.get('escalationRef');
   }
   function isCompensationSupported(element) {
-    return isAny$1(element, ['bpmn:EndEvent', 'bpmn:IntermediateThrowEvent']) && !!getCompensateEventDefinition(element);
+    return isAny$1(element, ['bpmn:EndEvent', 'bpmn:IntermediateThrowEvent']) && !!getCompensateEventDefinition$1(element);
   }
-  function getCompensateEventDefinition(element) {
+  function getCompensateEventDefinition$1(element) {
     return getEventDefinition$1(element, 'bpmn:CompensateEventDefinition');
   }
   function getCompensateActivity(element) {
-    const compensateEventDefinition = getCompensateEventDefinition(element);
+    const compensateEventDefinition = getCompensateEventDefinition$1(element);
     return compensateEventDefinition && compensateEventDefinition.get('activityRef');
   }
 
@@ -115966,7 +115966,7 @@
     } = props;
     const commandStack = useService$1('commandStack');
     const translate = useService$1('translate');
-    const compensateEventDefinition = getCompensateEventDefinition(element);
+    const compensateEventDefinition = getCompensateEventDefinition$1(element);
     const getValue = () => {
       return compensateEventDefinition.get('waitForCompletion');
     };
@@ -115994,7 +115994,7 @@
     const commandStack = useService$1('commandStack');
     const elementRegistry = useService$1('elementRegistry');
     const translate = useService$1('translate');
-    const compensateEventDefinition = getCompensateEventDefinition(element);
+    const compensateEventDefinition = getCompensateEventDefinition$1(element);
     const getValue = () => {
       const activityRef = getCompensateActivity(element);
       return activityRef && activityRef.get('id');
@@ -116066,7 +116066,7 @@
       const {
         attachedToRef
       } = boundaryEvent;
-      const compensateEventDefinition = getCompensateEventDefinition(boundaryEvent);
+      const compensateEventDefinition = getCompensateEventDefinition$1(boundaryEvent);
       return attachedToRef && compensateEventDefinition && attachedToRef.id === activityId;
     });
   }
@@ -117622,6 +117622,9 @@
     return sortBy$1(elements, e => (e.name || '').toLowerCase());
   }
 
+  function getErrorEventDefinition$2(element) {
+    return getEventDefinition$3(element, 'bpmn:ErrorEventDefinition');
+  }
   function isTimerSupported(element) {
     return isAny$1(element, ['bpmn:StartEvent', 'bpmn:IntermediateCatchEvent', 'bpmn:BoundaryEvent']) && !!getTimerEventDefinition$1(element);
   }
@@ -117670,6 +117673,9 @@
     const signalEventDefinition = getSignalEventDefinition(element);
     return signalEventDefinition && signalEventDefinition.get('signalRef');
   }
+  function getCompensateEventDefinition(element) {
+    return getEventDefinition$3(element, 'bpmn:CompensateEventDefinition');
+  }
 
   function TimerProps$2(props) {
     const {
@@ -119051,6 +119057,307 @@
     });
   }
 
+  const EVENT_TO_LABEL$1 = {
+    'start': 'Start',
+    'end': 'End'
+  };
+  function ExecutionListenerEntries(props) {
+    const {
+      element,
+      idPrefix,
+      listener
+    } = props;
+    const eventTypes = getEventTypes(element);
+    const entries = eventTypes.length > 1 ? [{
+      id: idPrefix + '-eventType',
+      component: EventType$1,
+      idPrefix,
+      listener,
+      eventTypes
+    }] : [];
+    entries.push({
+      id: idPrefix + '-listenerType',
+      component: ListenerType$1,
+      idPrefix,
+      listener
+    }, {
+      id: idPrefix + '-retries',
+      component: Retries,
+      idPrefix,
+      listener
+    });
+    return entries;
+  }
+  function EventType$1(props) {
+    const {
+      idPrefix,
+      element,
+      listener,
+      eventTypes
+    } = props;
+    const modeling = useService$1('modeling');
+    const translate = useService$1('translate');
+    const getOptions = () => {
+      return eventTypes.map(eventType => ({
+        value: eventType,
+        label: translate(EVENT_TO_LABEL$1[eventType])
+      }));
+    };
+    const setValue = value => {
+      modeling.updateModdleProperties(element, listener, {
+        eventType: value
+      });
+    };
+    const getValue = () => {
+      return listener.get('eventType');
+    };
+    return SelectEntry({
+      element,
+      id: idPrefix + '-eventType',
+      label: translate('Event type'),
+      getValue,
+      setValue,
+      getOptions
+    });
+  }
+  function ListenerType$1(props) {
+    const {
+      idPrefix,
+      element,
+      listener
+    } = props;
+    const modeling = useService$1('modeling');
+    const translate = useService$1('translate');
+    const debounce = useService$1('debounceInput');
+    const setValue = value => {
+      modeling.updateModdleProperties(element, listener, {
+        type: value
+      });
+    };
+    const getValue = () => {
+      return listener.get('type');
+    };
+    return FeelEntryWithVariableContext$1({
+      element,
+      id: idPrefix + '-listenerType',
+      label: translate('Listener type'),
+      getValue,
+      setValue,
+      debounce,
+      feel: 'optional'
+    });
+  }
+  function Retries(props) {
+    const {
+      idPrefix,
+      element,
+      listener
+    } = props;
+    const modeling = useService$1('modeling');
+    const translate = useService$1('translate');
+    const debounce = useService$1('debounceInput');
+    const setValue = value => {
+      modeling.updateModdleProperties(element, listener, {
+        retries: value
+      });
+    };
+    const getValue = () => {
+      return listener.get('retries');
+    };
+    return FeelEntryWithVariableContext$1({
+      element,
+      id: idPrefix + '-retries',
+      label: translate('Retries'),
+      getValue,
+      setValue,
+      debounce,
+      feel: 'optional'
+    });
+  }
+  function getEventTypes(element) {
+    if (isAny$1(element, ['bpmn:BoundaryEvent', 'bpmn:StartEvent'])) {
+      return ['end'];
+    }
+    if (is$6(element, 'bpmn:EndEvent') && getErrorEventDefinition$2(element)) {
+      return ['start'];
+    }
+    if (is$6(element, 'bpmn:Gateway')) {
+      return ['start'];
+    }
+    return ['start', 'end'];
+  }
+
+  function ExecutionListenersProps({
+    element,
+    injector
+  }) {
+    let businessObject = getRelevantBusinessObject$1(element);
+
+    // not allowed in empty pools
+    if (!businessObject) {
+      return;
+    }
+    const moddle = injector.get('moddle');
+    if (!canHaveExecutionListeners(businessObject, moddle)) {
+      return;
+    }
+    const listeners = getListenersList(businessObject) || [];
+    const bpmnFactory = injector.get('bpmnFactory'),
+      commandStack = injector.get('commandStack'),
+      modeling = injector.get('modeling'),
+      translate = injector.get('translate');
+    const items = listeners.map((listener, index) => {
+      const id = element.id + '-executionListener-' + index;
+      const type = listener.get('type') || '<no type>';
+      return {
+        id,
+        label: translate(`${EVENT_TO_LABEL$1[listener.get('eventType')]}: {type}`, {
+          type
+        }),
+        entries: ExecutionListenerEntries({
+          idPrefix: id,
+          element,
+          listener
+        }),
+        autoFocusEntry: id + '-eventType',
+        remove: removeFactory$d({
+          modeling,
+          element,
+          listener
+        })
+      };
+    });
+    return {
+      items,
+      add: addFactory$a({
+        bpmnFactory,
+        commandStack,
+        element
+      })
+    };
+  }
+  function removeFactory$d({
+    modeling,
+    element,
+    listener
+  }) {
+    return function (event) {
+      event.stopPropagation();
+      const businessObject = getRelevantBusinessObject$1(element);
+      const container = getExecutionListenersContainer$1(businessObject);
+      if (!container) {
+        return;
+      }
+      const listeners = without$1(container.get('listeners'), listener);
+      modeling.updateModdleProperties(element, container, {
+        listeners
+      });
+    };
+  }
+  function addFactory$a({
+    bpmnFactory,
+    commandStack,
+    element
+  }) {
+    return function (event) {
+      event.stopPropagation();
+      let commands = [];
+      const businessObject = getRelevantBusinessObject$1(element);
+      let extensionElements = businessObject.get('extensionElements');
+
+      // (1) ensure extension elements
+      if (!extensionElements) {
+        extensionElements = createElement$3('bpmn:ExtensionElements', {
+          values: []
+        }, businessObject, bpmnFactory);
+        commands.push({
+          cmd: 'element.updateModdleProperties',
+          context: {
+            element,
+            moddleElement: businessObject,
+            properties: {
+              extensionElements
+            }
+          }
+        });
+      }
+
+      // (2) ensure zeebe:ExecutionListeners
+      let executionListeners = getExecutionListenersContainer$1(businessObject);
+      if (!executionListeners) {
+        const parent = extensionElements;
+        executionListeners = createElement$3('zeebe:ExecutionListeners', {
+          listeners: []
+        }, parent, bpmnFactory);
+        commands.push({
+          cmd: 'element.updateModdleProperties',
+          context: {
+            element,
+            moddleElement: extensionElements,
+            properties: {
+              values: [...extensionElements.get('values'), executionListeners]
+            }
+          }
+        });
+      }
+
+      // (3) create zeebe:ExecutionListener
+      const executionListener = createElement$3('zeebe:ExecutionListener', getDefaultListenerProps(element), executionListeners, bpmnFactory);
+
+      // (4) add executionListener to list
+      commands.push({
+        cmd: 'element.updateModdleProperties',
+        context: {
+          element,
+          moddleElement: executionListeners,
+          properties: {
+            listeners: [...executionListeners.get('listeners'), executionListener]
+          }
+        }
+      });
+
+      // (5) commit all updates
+      commandStack.execute('properties-panel.multi-command-executor', commands);
+    };
+  }
+
+  // helper //////////////////
+
+  function getRelevantBusinessObject$1(element) {
+    let businessObject = getBusinessObject$2(element);
+    if (is$6(element, 'bpmn:Participant')) {
+      return businessObject.get('processRef');
+    }
+    return businessObject;
+  }
+  function getExecutionListenersContainer$1(element) {
+    const executionListeners = getExtensionElementsList$2(element, 'zeebe:ExecutionListeners');
+    return executionListeners && executionListeners[0];
+  }
+  function getListenersList(element) {
+    const executionListeners = getExecutionListenersContainer$1(element);
+    return executionListeners && executionListeners.get('listeners');
+  }
+  function canHaveExecutionListeners(bo, moddle) {
+    const executionListenersDescriptor = moddle.getTypeDescriptor('zeebe:ExecutionListeners');
+    if (!isAny$1(bo, executionListenersDescriptor.meta.allowedIn)) {
+      return false;
+    }
+    if (isCompensationBoundaryEvent(bo)) {
+      return false;
+    }
+    return true;
+  }
+  function isCompensationBoundaryEvent(bo) {
+    return is$6(bo, 'bpmn:BoundaryEvent') && getCompensateEventDefinition(bo);
+  }
+  function getDefaultListenerProps(element) {
+    const eventTypes = getEventTypes(element);
+    return {
+      eventType: eventTypes[0]
+    };
+  }
+
   const FORM_KEY_PREFIX$1 = 'camunda-forms:bpmn:',
     USER_TASK_FORM_ID_PREFIX$1 = 'UserTaskForm_';
   const FORM_TYPES = {
@@ -122317,7 +122624,7 @@
    */
 
   const LOW_PRIORITY$1$1 = 500;
-  const ZEEBE_GROUPS = [BusinessRuleImplementationGroup, CalledDecisionGroup, ScriptImplementationGroup, ScriptGroup$1, UserTaskImplementationGroup, TaskDefinitionGroup, AssignmentDefinitionGroup, FormGroup$1, ConditionGroup$1, TargetGroup, InputPropagationGroup, InputGroup$1, OutputPropagationGroup, OutputGroup$1, HeaderGroup, ExtensionPropertiesGroup$1];
+  const ZEEBE_GROUPS = [BusinessRuleImplementationGroup, CalledDecisionGroup, ScriptImplementationGroup, ScriptGroup$1, UserTaskImplementationGroup, TaskDefinitionGroup, AssignmentDefinitionGroup, FormGroup$1, ConditionGroup$1, TargetGroup, InputPropagationGroup, InputGroup$1, OutputPropagationGroup, OutputGroup$1, HeaderGroup, ExecutionListenersGroup, ExtensionPropertiesGroup$1];
   let ZeebePropertiesProvider$1 = class ZeebePropertiesProvider {
     constructor(propertiesPanel, injector) {
       propertiesPanel.registerProvider(LOW_PRIORITY$1$1, this);
@@ -122533,6 +122840,22 @@
     };
     return group.entries.length ? group : null;
   }
+  function ExecutionListenersGroup(element, injector) {
+    const translate = injector.get('translate');
+    const group = {
+      label: translate('Execution listeners'),
+      id: 'Zeebe__ExecutionListeners',
+      component: ListGroup,
+      ...ExecutionListenersProps({
+        element,
+        injector
+      })
+    };
+    if (group.items) {
+      return group;
+    }
+    return null;
+  }
   function ExtensionPropertiesGroup$1(element, injector) {
     const translate = injector.get('translate');
     const group = {
@@ -124251,43 +124574,42 @@
     removeTaskScheduleBehavior: [ 'type', RemoveTaskScheduleBehavior ]
   };
 
+  /**
+   * Convert array of 16 byte values to UUID string format of the form:
+   * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+   */
+  var byteToHex = [];
+  for (var i$1 = 0; i$1 < 256; ++i$1) {
+    byteToHex.push((i$1 + 0x100).toString(16).slice(1));
+  }
+  function unsafeStringify(arr, offset = 0) {
+    // Note: Be careful editing this code!  It's been tuned for performance
+    // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+    //
+    // Note to future-self: No, you can't remove the `toLowerCase()` call.
+    // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
+    return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  }
+
   // Unique ID creation requires a high quality random # generator. In the browser we therefore
   // require the crypto API and do not support built-in fallback to lower quality random number
   // generators (like Math.random()).
-  let getRandomValues;
-  const rnds8 = new Uint8Array(16);
+
+  var getRandomValues;
+  var rnds8 = new Uint8Array(16);
   function rng() {
     // lazy load so that environments that need to polyfill have a chance to do so
     if (!getRandomValues) {
       // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
       getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
       if (!getRandomValues) {
         throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
       }
     }
-
     return getRandomValues(rnds8);
   }
 
-  /**
-   * Convert array of 16 byte values to UUID string format of the form:
-   * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
-   */
-
-  const byteToHex = [];
-
-  for (let i = 0; i < 256; ++i) {
-    byteToHex.push((i + 0x100).toString(16).slice(1));
-  }
-
-  function unsafeStringify(arr, offset = 0) {
-    // Note: Be careful editing this code!  It's been tuned for performance
-    // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-    return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-  }
-
-  const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+  var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
   var native = {
     randomUUID
   };
@@ -124296,13 +124618,12 @@
     if (native.randomUUID && !buf && !options) {
       return native.randomUUID();
     }
-
     options = options || {};
-    const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+    var rnds = options.random || (options.rng || rng)();
 
+    // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
     rnds[6] = rnds[6] & 0x0f | 0x40;
-    rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
+    rnds[8] = rnds[8] & 0x3f | 0x80;
     return unsafeStringify(rnds);
   }
 
@@ -126739,7 +127060,13 @@
       if (!newProperties.length && !removedProperties.length) {
         return;
       }
-      const message = this._getOrCreateMessage(element, newTemplate);
+      let message = this._getMessage(element);
+
+      // no new properties and no message -> nothing to do
+      if (!newProperties.length && !message) {
+        return;
+      }
+      message = this._getOrCreateMessage(element, newTemplate);
       const messageExtensionElements = this._getOrCreateExtensionElements(element, message);
       const zeebeSubscription = this._getSubscription(element, message);
       const propertiesToSet = newProperties.reduce((properties, newProperty) => {
@@ -126919,13 +127246,8 @@
         return element;
       }
 
-      // TODO(nre): handle old event definition
-      const oldType = oldTemplate && oldTemplate.elementType || {
-        value: element.type
-      };
-
       // Do not replace if the element type did not change
-      if (oldType && oldType.value === newType.value && oldType.eventDefinition === newType.eventDefinition) {
+      if (!shouldUpdateElementType(element, oldTemplate, newType)) {
         return element;
       }
       const replacement = {
@@ -127179,6 +127501,33 @@
   function hasMessageProperties(template) {
     return template.properties.some(p => MESSAGE_BINDING_TYPES.includes(p.binding.type));
   }
+  function shouldUpdateElementType(element, oldTemplate, newType) {
+    // Never reuse existing eventDefinition when applying a new template
+    if (!oldTemplate && newType.eventDefinition) {
+      return true;
+    }
+    const oldType = oldTemplate && oldTemplate.elementType || {
+      value: element.type,
+      eventDefinition: getEventDefinitionType(element)
+    };
+
+    // Do not update if the element type did not change
+    if (oldType && oldType.value === newType.value && oldType.eventDefinition === newType.eventDefinition) {
+      return false;
+    }
+    return true;
+  }
+  function getEventDefinitionType(element) {
+    const businessObject = getBusinessObject$2(element);
+    if (!businessObject.eventDefinitions) {
+      return;
+    }
+    const eventDefinition = businessObject.eventDefinitions[0];
+    if (!eventDefinition) {
+      return;
+    }
+    return eventDefinition.$type;
+  }
 
   class RemoveElementTemplateHandler {
     constructor(modeling, elementFactory, elementRegistry, canvas, bpmnFactory, replace, commandStack) {
@@ -128383,6 +128732,13 @@
    * corresponding properties on the element.
    */
   class ConditionalBehavior extends CommandInterceptor$1 {
+    /**
+     * @param {import('diagram-js/lib/core/EventBus').default} eventBus
+     * @param {import('../ElementTemplates').default} elementTemplates
+     * @param {import('diagram-js/lib/command/CommandStack').default} commandStack
+     * @param {import('bpmn-js/lib/features/modeling/BpmnFactory').default} bpmnFactory
+     * @param {import('didi').Injector} injector
+     */
     constructor(eventBus, elementTemplates, commandStack, bpmnFactory, injector) {
       super(eventBus);
       this._eventBus = eventBus;
@@ -128416,12 +128772,17 @@
       }
       context.oldTemplateWithConditions = applyConditions(element, template);
     }
-    _applyConditions(context) {
+    _applyConditions(context, event) {
       const {
         element,
         newTemplate,
         oldTemplateWithConditions
       } = context;
+
+      // do not apply conditions if we only update meta information
+      if (isMetaUpdate(event, context)) {
+        return;
+      }
       const template = this._elementTemplates.get(element);
 
       // new Template is persisted before applying default values,
@@ -128522,6 +128883,21 @@
     return JSON.stringify(a, normalizeReplacer$1) === JSON.stringify(b, normalizeReplacer$1);
   }
 
+  /**
+   * Checks if the event only updates "meta" properties:
+   *
+   *   * `zeebe:modelerTemplate`
+   *   * `zeebe:modelerTemplateVersion`
+   *
+   * @param {string} event
+   * @param {any} context
+   *
+   * @return {boolean}
+   */
+  function isMetaUpdate(event, context) {
+    return event === 'element.updateProperties' && Object.keys(context.properties).every(key => ['zeebe:modelerTemplate', 'zeebe:modelerTemplateVersion'].includes(key));
+  }
+
   /**
    * This Behavior checks if the new element's type is in
    * the list of elements the template applies to and unlinks
@@ -128843,7 +129219,12 @@
   }
   ReferencedElementBehavior.$inject = ['eventBus', 'elementTemplates', 'modeling', 'injector', 'moddleCopy', 'bpmnFactory'];
   function canHaveReferencedElement(element) {
-    return isAny$1(element, ['bpmn:ReceiveTask', 'bpmn:SendTask', 'bpmn:Event']);
+    // Blank-Events can't have referenced elements
+    if (is$6(element, 'bpmn:Event')) {
+      const bo = getBusinessObject$2(element);
+      return bo.get('eventDefinitions') && bo.get('eventDefinitions')[0];
+    }
+    return isAny$1(element, ['bpmn:ReceiveTask', 'bpmn:SendTask']);
   }
   function isLabel$1(element) {
     return element.type === 'label';
@@ -156324,7 +156705,7 @@
       label: 'Sub-process (expanded)',
       search: 'subprocess',
       actionName: 'expanded-subprocess',
-      className: 'bpmn-icon-subprocess-collapsed',
+      className: 'bpmn-icon-subprocess-expanded',
       target: {
         type: 'bpmn:SubProcess',
         isExpanded: true
@@ -156639,102 +157020,102 @@
     return true;
   };
 
-  const appendIcon = `<svg width="22" height="22" viewBox="0 0 5.82 5.82" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M1.3 3.4c.3 0 .5-.2.5-.5s-.2-.4-.5-.4c-.2 0-.4.1-.4.4 0 .3.2.5.4.5zM3 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5zM4.6 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5z"/>
-</svg>`;
-  const createIcon = `<svg width="46" height="46" viewBox="-2 -2 9.82 9.82" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M1.3 3.4c.3 0 .5-.2.5-.5s-.2-.4-.5-.4c-.2 0-.4.1-.4.4 0 .3.2.5.4.5zM3 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5zM4.6 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5z"/>
+  const appendIcon = `<svg width="22" height="22" viewBox="0 0 5.82 5.82" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+  <path d="M1.3 3.4c.3 0 .5-.2.5-.5s-.2-.4-.5-.4c-.2 0-.4.1-.4.4 0 .3.2.5.4.5zM3 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5zM4.6 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5z"/>
+</svg>`;
+  const createIcon = `<svg width="46" height="46" viewBox="-2 -2 9.82 9.82" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+  <path d="M1.3 3.4c.3 0 .5-.2.5-.5s-.2-.4-.5-.4c-.2 0-.4.1-.4.4 0 .3.2.5.4.5zM3 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5zM4.6 3.4c.2 0 .4-.2.4-.5s-.2-.4-.4-.4c-.3 0-.5.1-.5.4 0 .3.2.5.5.5z"/>
 </svg>`;
 
-  /**
-   * A provider for append context pad button
-   */
-  function AppendContextPadProvider(contextPad, popupMenu, translate, canvas, rules) {
-
-    this._contextPad = contextPad;
-    this._popupMenu = popupMenu;
-    this._translate = translate;
-    this._canvas = canvas;
-    this._rules = rules;
-
-    this.register();
-  }
-
-  AppendContextPadProvider.$inject = [
-    'contextPad',
-    'popupMenu',
-    'translate',
-    'canvas',
-    'rules'
-  ];
-
-  /**
-   * Register append button provider in the context pad
-   */
-  AppendContextPadProvider.prototype.register = function() {
-    this._contextPad.registerProvider(this);
-  };
-
-  /**
-   * Gets the append context pad entry
-   *
-   * @param {djs.model.Base} element
-   * @returns {Object} entries
-   */
-  AppendContextPadProvider.prototype.getContextPadEntries = function(element) {
-    const popupMenu = this._popupMenu;
-    const translate = this._translate;
-    const rules = this._rules;
-    const getAppendMenuPosition = this._getAppendMenuPosition.bind(this);
-
-    if (rules.allowed('shape.append', { element })) {
-
-      // append menu entry
-      return {
-        'append': {
-          group: 'model',
-          html: `<div class="entry">${appendIcon}</div>`,
-          title: translate('Append element'),
-          action: {
-            click: function(event, element) {
-
-              const position = assign(getAppendMenuPosition(element), {
-                cursor: { x: event.x, y: event.y }
-              });
-
-              popupMenu.open(element, 'bpmn-append', position, {
-                title: translate('Append element'),
-                width: 300,
-                search: true
-              });
-            }
-          }
-        }
-      };
-    }
-  };
-
-  /**
-   * Calculates the position for the append menu relatively to the element
-   *
-   * @param {djs.model.Base} element
-   * @returns {Object}
-   */
-  AppendContextPadProvider.prototype._getAppendMenuPosition = function(element) {
-    const contextPad = this._contextPad;
-
-    const X_OFFSET = 5;
-
-    const pad = contextPad.getPad(element).html;
-
-    const padRect = pad.getBoundingClientRect();
-
-    const pos = {
-      x: padRect.right + X_OFFSET,
-      y: padRect.top
-    };
-
-    return pos;
+  /**
+   * A provider for append context pad button
+   */
+  function AppendContextPadProvider(contextPad, popupMenu, translate, canvas, rules) {
+
+    this._contextPad = contextPad;
+    this._popupMenu = popupMenu;
+    this._translate = translate;
+    this._canvas = canvas;
+    this._rules = rules;
+
+    this.register();
+  }
+
+  AppendContextPadProvider.$inject = [
+    'contextPad',
+    'popupMenu',
+    'translate',
+    'canvas',
+    'rules'
+  ];
+
+  /**
+   * Register append button provider in the context pad
+   */
+  AppendContextPadProvider.prototype.register = function() {
+    this._contextPad.registerProvider(this);
+  };
+
+  /**
+   * Gets the append context pad entry
+   *
+   * @param {djs.model.Base} element
+   * @returns {Object} entries
+   */
+  AppendContextPadProvider.prototype.getContextPadEntries = function(element) {
+    const popupMenu = this._popupMenu;
+    const translate = this._translate;
+    const rules = this._rules;
+    const getAppendMenuPosition = this._getAppendMenuPosition.bind(this);
+
+    if (rules.allowed('shape.append', { element })) {
+
+      // append menu entry
+      return {
+        'append': {
+          group: 'model',
+          html: `<div class="entry">${appendIcon}</div>`,
+          title: translate('Append element'),
+          action: {
+            click: function(event, element) {
+
+              const position = assign(getAppendMenuPosition(element), {
+                cursor: { x: event.x, y: event.y }
+              });
+
+              popupMenu.open(element, 'bpmn-append', position, {
+                title: translate('Append element'),
+                width: 300,
+                search: true
+              });
+            }
+          }
+        }
+      };
+    }
+  };
+
+  /**
+   * Calculates the position for the append menu relatively to the element
+   *
+   * @param {djs.model.Base} element
+   * @returns {Object}
+   */
+  AppendContextPadProvider.prototype._getAppendMenuPosition = function(element) {
+    const contextPad = this._contextPad;
+
+    const X_OFFSET = 5;
+
+    const pad = contextPad.getPad(element).html;
+
+    const padRect = pad.getBoundingClientRect();
+
+    const pos = {
+      x: padRect.right + X_OFFSET,
+      y: padRect.top
+    };
+
+    return pos;
   };
 
   function e(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}));}
@@ -157347,87 +157728,87 @@
     return el.querySelector(selector);
   }
 
-  const LOWER_PRIORITY = 900;
-
-  /**
-   * A palette provider for the create elements menu.
-   */
-  function CreatePaletteProvider(palette, translate, popupMenu, canvas, mouse) {
-
-    this._palette = palette;
-    this._translate = translate;
-    this._popupMenu = popupMenu;
-    this._canvas = canvas;
-    this._mouse = mouse;
-
-    this.register();
-  }
-
-  CreatePaletteProvider.$inject = [
-    'palette',
-    'translate',
-    'popupMenu',
-    'canvas',
-    'mouse'
-  ];
-
-  /**
-   * Register create button provider in the palette
-   */
-  CreatePaletteProvider.prototype.register = function() {
-    this._palette.registerProvider(LOWER_PRIORITY, this);
-  };
-
-  /**
-   * Gets the palette create entry
-   *
-   * @param {djs.model.Base} element
-   * @returns {Object}
-   */
-  CreatePaletteProvider.prototype.getPaletteEntries = function(element) {
-    const translate = this._translate,
-          popupMenu = this._popupMenu,
-          canvas = this._canvas,
-          mouse = this._mouse;
-
-    const getPosition = (event) => {
-      const X_OFFSET = 35;
-      const Y_OFFSET = 10;
-
-      if (event instanceof KeyboardEvent) {
-        event = mouse.getLastMoveEvent();
-        return { x: event.x, y: event.y };
-      }
-
-      const target = event && event.target || query('.djs-palette [data-action="create"]');
-      const targetPosition = target.getBoundingClientRect();
-
-      return target && {
-        x: targetPosition.left + targetPosition.width / 2 + X_OFFSET,
-        y: targetPosition.top + targetPosition.height / 2 + Y_OFFSET
-      };
-    };
-
-    return {
-      'create': {
-        group: 'create',
-        html: `<div class="entry"> ${createIcon}</div>`,
-        title: translate('Create element'),
-        action: {
-          click: function(event) {
-            const position = getPosition(event);
-
-            const element = canvas.getRootElement();
-
-            popupMenu.open(element, 'bpmn-create', position, {
-              title: translate('Create element'),
-              width: 300,
-              search: true
-            });
-          }
-        }
-      }
-    };
+  const LOWER_PRIORITY = 900;
+
+  /**
+   * A palette provider for the create elements menu.
+   */
+  function CreatePaletteProvider(palette, translate, popupMenu, canvas, mouse) {
+
+    this._palette = palette;
+    this._translate = translate;
+    this._popupMenu = popupMenu;
+    this._canvas = canvas;
+    this._mouse = mouse;
+
+    this.register();
+  }
+
+  CreatePaletteProvider.$inject = [
+    'palette',
+    'translate',
+    'popupMenu',
+    'canvas',
+    'mouse'
+  ];
+
+  /**
+   * Register create button provider in the palette
+   */
+  CreatePaletteProvider.prototype.register = function() {
+    this._palette.registerProvider(LOWER_PRIORITY, this);
+  };
+
+  /**
+   * Gets the palette create entry
+   *
+   * @param {djs.model.Base} element
+   * @returns {Object}
+   */
+  CreatePaletteProvider.prototype.getPaletteEntries = function(element) {
+    const translate = this._translate,
+          popupMenu = this._popupMenu,
+          canvas = this._canvas,
+          mouse = this._mouse;
+
+    const getPosition = (event) => {
+      const X_OFFSET = 35;
+      const Y_OFFSET = 10;
+
+      if (event instanceof KeyboardEvent) {
+        event = mouse.getLastMoveEvent();
+        return { x: event.x, y: event.y };
+      }
+
+      const target = event && event.target || query('.djs-palette [data-action="create"]');
+      const targetPosition = target.getBoundingClientRect();
+
+      return target && {
+        x: targetPosition.left + targetPosition.width / 2 + X_OFFSET,
+        y: targetPosition.top + targetPosition.height / 2 + Y_OFFSET
+      };
+    };
+
+    return {
+      'create': {
+        group: 'create',
+        html: `<div class="entry"> ${createIcon}</div>`,
+        title: translate('Create element'),
+        action: {
+          click: function(event) {
+            const position = getPosition(event);
+
+            const element = canvas.getRootElement();
+
+            popupMenu.open(element, 'bpmn-create', position, {
+              title: translate('Create element'),
+              width: 300,
+              search: true
+            });
+          }
+        }
+      }
+    };
   };
 
   var CreateMenuModule = {
@@ -159273,194 +159654,194 @@
     return ALL_OPTIONS;
   }
 
-  /**
-   * A replace menu provider that allows to replace elements with
-   * templates applied with the correspondent plain element.
-   */
-  function RemoveTemplateReplaceProvider(popupMenu, translate, elementTemplates) {
-
-    this._popupMenu = popupMenu;
-    this._translate = translate;
-    this._elementTemplates = elementTemplates;
-
-    this.register();
-  }
-
-  RemoveTemplateReplaceProvider.$inject = [
-    'popupMenu',
-    'translate',
-    'elementTemplates'
-  ];
-
-  /**
-   * Register replace menu provider in the popup menu
-   */
-  RemoveTemplateReplaceProvider.prototype.register = function() {
-    this._popupMenu.registerProvider('bpmn-replace', this);
-  };
-
-  /**
-   * Adds the element templates to the replace menu.
-   * @param {djs.model.Base} element
-   *
-   * @returns {Object}
-   */
-  RemoveTemplateReplaceProvider.prototype.getPopupMenuEntries = function(element) {
-
-    return (entries) => {
-
-      // convert our entries into something sortable
-      let entrySet = Object.entries(entries);
-
-      if (this._elementTemplates && this._elementTemplates.get(element)) {
-
-        // add remove template option
-        this.addPlainElementEntry(element, entrySet, this._translate, this._elementTemplates);
-      }
-
-      // convert back to object
-      return entrySet.reduce((entries, [ key, value ]) => {
-        entries[key] = value;
-
-        return entries;
-      }, {});
-    };
-  };
-
-
-  /**
-   * Adds the option to replace with plain element (remove template).
-   *
-   * @param {djs.model.Base} element
-   * @param {Array<Object>} entries
-   */
-  RemoveTemplateReplaceProvider.prototype.addPlainElementEntry = function(element, entries, translate, elementTemplates) {
-
-    const replaceOption = this.getPlainEntry(element, entries, translate, elementTemplates);
-
-    if (!replaceOption) {
-      return;
-    }
-
-    const [
-      insertIndex,
-      entry
-    ] = replaceOption;
-
-    // insert remove entry
-    entries.splice(insertIndex, 0, [ entry.id, entry ]);
-  };
-
-  /**
-   * Returns the option to replace with plain element and the index where it should be inserted.
-   *
-   * @param {djs.model.Base} element
-   * @param {Array<Object>} entries
-   *
-   * @returns {Array<Object, number>}
-   */
-  RemoveTemplateReplaceProvider.prototype.getPlainEntry = function(element, entries, translate, elementTemplates) {
-
-    const {
-      options,
-      option,
-      optionIndex
-    } = findReplaceOptions(element) || { };
-
-    if (!options) {
-      return null;
-    }
-
-    const entry = {
-      id: 'replace-remove-element-template',
-      action: () => {
-        elementTemplates.removeTemplate(element);
-      },
-      label: translate(option.label),
-      className: option.className
-    };
-
-    // insert after previous option, if it exists
-    const previousIndex = getOptionIndex(options, optionIndex - 1, entries);
-
-    if (previousIndex) {
-      return [
-        previousIndex + 1,
-        entry
-      ];
-    }
-
-    // insert before next option, if it exists
-    const nextIndex = getOptionIndex(options, optionIndex + 1, entries);
-
-    if (nextIndex) {
-      return [
-        nextIndex,
-        entry
-      ];
-    }
-
-    // fallback to insert at start
-    return [
-      0,
-      entry
-    ];
-  };
-
-
-  /**
-   * @param {ModdleElement} element
-   *
-   * @return { { options: Array<any>, option: any, optionIndex: number } | null }
-   */
-  function findReplaceOptions(element) {
-
-    const isSameType = (element, option) => option.target && !isDifferentType(element)(option);
-
-    return getReplaceOptionGroups().reduce((result, options) => {
-
-      if (result) {
-        return result;
-      }
-
-      const optionIndex = options.findIndex(option => isSameType(element, option));
-
-      if (optionIndex === -1) {
-        return;
-      }
-
-      return {
-        options,
-        option: options[optionIndex],
-        optionIndex
-      };
-    }, null);
-  }
-
-  function getOptionIndex(options, index, entries) {
-    const option = options[index];
-
-    if (!option) {
-      return false;
-    }
-
-    return entries.findIndex(
-      ([ key ]) => key === option.actionName
-    );
+  /**
+   * A replace menu provider that allows to replace elements with
+   * templates applied with the correspondent plain element.
+   */
+  function RemoveTemplateReplaceProvider(popupMenu, translate, elementTemplates) {
+
+    this._popupMenu = popupMenu;
+    this._translate = translate;
+    this._elementTemplates = elementTemplates;
+
+    this.register();
+  }
+
+  RemoveTemplateReplaceProvider.$inject = [
+    'popupMenu',
+    'translate',
+    'elementTemplates'
+  ];
+
+  /**
+   * Register replace menu provider in the popup menu
+   */
+  RemoveTemplateReplaceProvider.prototype.register = function() {
+    this._popupMenu.registerProvider('bpmn-replace', this);
+  };
+
+  /**
+   * Adds the element templates to the replace menu.
+   * @param {djs.model.Base} element
+   *
+   * @returns {Object}
+   */
+  RemoveTemplateReplaceProvider.prototype.getPopupMenuEntries = function(element) {
+
+    return (entries) => {
+
+      // convert our entries into something sortable
+      let entrySet = Object.entries(entries);
+
+      if (this._elementTemplates && this._elementTemplates.get(element)) {
+
+        // add remove template option
+        this.addPlainElementEntry(element, entrySet, this._translate, this._elementTemplates);
+      }
+
+      // convert back to object
+      return entrySet.reduce((entries, [ key, value ]) => {
+        entries[key] = value;
+
+        return entries;
+      }, {});
+    };
+  };
+
+
+  /**
+   * Adds the option to replace with plain element (remove template).
+   *
+   * @param {djs.model.Base} element
+   * @param {Array<Object>} entries
+   */
+  RemoveTemplateReplaceProvider.prototype.addPlainElementEntry = function(element, entries, translate, elementTemplates) {
+
+    const replaceOption = this.getPlainEntry(element, entries, translate, elementTemplates);
+
+    if (!replaceOption) {
+      return;
+    }
+
+    const [
+      insertIndex,
+      entry
+    ] = replaceOption;
+
+    // insert remove entry
+    entries.splice(insertIndex, 0, [ entry.id, entry ]);
+  };
+
+  /**
+   * Returns the option to replace with plain element and the index where it should be inserted.
+   *
+   * @param {djs.model.Base} element
+   * @param {Array<Object>} entries
+   *
+   * @returns {Array<Object, number>}
+   */
+  RemoveTemplateReplaceProvider.prototype.getPlainEntry = function(element, entries, translate, elementTemplates) {
+
+    const {
+      options,
+      option,
+      optionIndex
+    } = findReplaceOptions(element) || { };
+
+    if (!options) {
+      return null;
+    }
+
+    const entry = {
+      id: 'replace-remove-element-template',
+      action: () => {
+        elementTemplates.removeTemplate(element);
+      },
+      label: translate(option.label),
+      className: option.className
+    };
+
+    // insert after previous option, if it exists
+    const previousIndex = getOptionIndex(options, optionIndex - 1, entries);
+
+    if (previousIndex) {
+      return [
+        previousIndex + 1,
+        entry
+      ];
+    }
+
+    // insert before next option, if it exists
+    const nextIndex = getOptionIndex(options, optionIndex + 1, entries);
+
+    if (nextIndex) {
+      return [
+        nextIndex,
+        entry
+      ];
+    }
+
+    // fallback to insert at start
+    return [
+      0,
+      entry
+    ];
+  };
+
+
+  /**
+   * @param {ModdleElement} element
+   *
+   * @return { { options: Array<any>, option: any, optionIndex: number } | null }
+   */
+  function findReplaceOptions(element) {
+
+    const isSameType = (element, option) => option.target && !isDifferentType(element)(option);
+
+    return getReplaceOptionGroups().reduce((result, options) => {
+
+      if (result) {
+        return result;
+      }
+
+      const optionIndex = options.findIndex(option => isSameType(element, option));
+
+      if (optionIndex === -1) {
+        return;
+      }
+
+      return {
+        options,
+        option: options[optionIndex],
+        optionIndex
+      };
+    }, null);
   }
 
-  var RemoveTemplatesModule = {
-    __init__: [ 'removeTemplateReplaceProvider' ],
-    removeTemplateReplaceProvider: [ 'type', RemoveTemplateReplaceProvider ]
+  function getOptionIndex(options, index, entries) {
+    const option = options[index];
+
+    if (!option) {
+      return false;
+    }
+
+    return entries.findIndex(
+      ([ key ]) => key === option.actionName
+    );
+  }
+
+  var RemoveTemplatesModule = {
+    __init__: [ 'removeTemplateReplaceProvider' ],
+    removeTemplateReplaceProvider: [ 'type', RemoveTemplateReplaceProvider ]
   };
 
-  var index = {
-    __depends__: [
-      AppendElementTemplatesModule,
-      CreateElementTemplatesModule,
-      ReplaceElementTemplatesModule,
-      RemoveTemplatesModule
-    ]
+  var index = {
+    __depends__: [
+      AppendElementTemplatesModule,
+      CreateElementTemplatesModule,
+      ReplaceElementTemplatesModule,
+      RemoveTemplatesModule
+    ]
   };
 
   /**