@gemafajarramadhan/dynamic-ui 1.4.65 → 1.4.66

package/dist/viewer-QJnjFnjH.js

@@ -0,0 +1,3806 @@
+import { p as O, U as W, C as T, i as p, a as H, F as Kn, s as on, I as Zn, B as Qn, o as sn, j as Fe, Y as rn, q as mt, k as Be, K as ti, J as Tt, Z as ei, z as ni, H as It, G as ii, L as an, g as cn } from "./DrilldownUtil-esP8Tbvd.js";
+import { g as oi } from "./index-DEG_oC97.js";
+const N = "tokenSimulation.toggleMode", ln = "tokenSimulation.playSimulation", un = "tokenSimulation.pauseSimulation", tt = "tokenSimulation.resetSimulation", si = "tokenSimulation.animationCreated", hn = "tokenSimulation.animationSpeedChanged", pn = "tokenSimulation.simulator.elementChanged", Gt = "tokenSimulation.simulator.destroyScope", ri = "tokenSimulation.simulator.scopeChanged", vt = "tokenSimulation.simulator.createScope", Bt = "tokenSimulation.scopeFilterChanged", fn = "tokenSimulation.simulator.trace";
+var ai = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"/></svg>', ci = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"/></svg>', li = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>', ui = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"/></svg>', hi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"/></svg>', pi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/></svg>', fi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"/></svg>', mi = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580.5 448">
+  <path fill="currentColor" d="M112 0C85 0 64 22 64 48v196l192-89V48c0-26-22-48-48-48zm256 0c-27 0-48 22-48 48v77l190-89c-5-21-24-36-46-36Zm144 105-192 89v70l192-89zM256 224 64 314v70l192-90zm256 21-192 89v66c0 27 21 48 48 48h96c26 0 48-21 48-48zM256 364 89 442c7 4 14 6 23 6h96c26 0 48-21 48-48z"/>
+  <rect fill="currentColor" width="63.3" height="618.2" x="311.5" y="-469.4" transform="rotate(65)" rx="10"/>
+</svg>
+`, di = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Adapted from Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"/></svg>', gi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z"/></svg>', vi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M288 32C128.94 32 0 160.94 0 320c0 52.8 14.25 102.26 39.06 144.8 5.61 9.62 16.3 15.2 27.44 15.2h443c11.14 0 21.83-5.58 27.44-15.2C561.75 422.26 576 372.8 576 320c0-159.06-128.94-288-288-288zm0 64c14.71 0 26.58 10.13 30.32 23.65-1.11 2.26-2.64 4.23-3.45 6.67l-9.22 27.67c-5.13 3.49-10.97 6.01-17.64 6.01-17.67 0-32-14.33-32-32S270.33 96 288 96zM96 384c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm48-160c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm246.77-72.41l-61.33 184C343.13 347.33 352 364.54 352 384c0 11.72-3.38 22.55-8.88 32H232.88c-5.5-9.45-8.88-20.28-8.88-32 0-33.94 26.5-61.43 59.9-63.59l61.34-184.01c4.17-12.56 17.73-19.45 30.36-15.17 12.57 4.19 19.35 17.79 15.17 30.36zm14.66 57.2l15.52-46.55c3.47-1.29 7.13-2.23 11.05-2.23 17.67 0 32 14.33 32 32s-14.33 32-32 32c-11.38-.01-20.89-6.28-26.57-15.22zM480 384c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"/></svg>', _i = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"/></svg>', yi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>', bi = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M384 64H192C85.961 64 0 149.961 0 256s85.961 192 192 192h192c106.039 0 192-85.961 192-192S490.039 64 384 64zM64 256c0-70.741 57.249-128 128-128 70.741 0 128 57.249 128 128 0 70.741-57.249 128-128 128-70.741 0-128-57.249-128-128zm320 128h-48.905c65.217-72.858 65.236-183.12 0-256H384c70.741 0 128 57.249 128 128 0 70.74-57.249 128-128 128z"/></svg>', Ei = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="currentColor" d="M384 64H192C86 64 0 150 0 256s86 192 192 192h192c106 0 192-86 192-192S490 64 384 64zm0 320c-70.8 0-128-57.3-128-128 0-70.8 57.3-128 128-128 70.8 0 128 57.3 128 128 0 70.8-57.3 128-128 128z"/></svg>';
+function V(t) {
+  return function(n = "") {
+    return `<span class="bts-icon ${n}">${t}</span>`;
+  };
+}
+const Je = V(ai), Si = V(ci), be = V(li), wi = V(mi), mn = V(ui), dn = V(hi), gn = V(pi), Ee = V(fi), vn = V(di), Ci = V(gi), Ti = V(vi), Ii = V(_i), Fi = V(yi), _n = V(bi), Bi = V(Ei);
+function ie(t, e, n) {
+  this._eventBus = t, this._canvas = e, this._active = !1, t.on("diagram.init", () => {
+    this._canvasParent = this._canvas.getContainer().parentNode, this._init();
+  }), t.on("import.parse.start", () => {
+    this._active && (this.toggleMode(!1), t.once("import.done", () => {
+      this.toggleMode(!0);
+    }));
+  });
+}
+ie.prototype._init = function() {
+  this._container = O(`
+    <div class="bts-toggle-mode">
+      Token Simulation <span class="bts-toggle">${_n()}</span>
+    </div>
+  `), W.bind(this._container, "click", () => this.toggleMode()), this._canvas.getContainer().appendChild(this._container);
+};
+ie.prototype.toggleMode = function(t = !this._active) {
+  t !== this._active && (t ? (this._container.innerHTML = `Token Simulation <span class="bts-toggle">${Bi()}</span>`, T(this._canvasParent).add("simulation")) : (this._container.innerHTML = `Token Simulation <span class="bts-toggle">${_n()}</span>`, T(this._canvasParent).remove("simulation")), this._eventBus.fire(N, {
+    active: t
+  }), this._active = t);
+};
+ie.$inject = ["eventBus", "canvas"];
+const xi = {
+  __init__: [
+    "toggleMode"
+  ],
+  toggleMode: ["type", ie]
+}, xe = 1, yn = 2, bn = 4, En = 8, ki = 16, Ai = 32, Mi = 64, Li = 128, Pi = 256, Ri = 512, $i = xe | yn | bn, Oi = xe | En, w = Object.freeze({
+  ACTIVATED: xe,
+  RUNNING: yn,
+  ENDING: bn,
+  ENDED: En,
+  DESTROYED: ki,
+  FAILED: Ai,
+  TERMINATED: Mi,
+  CANCELED: Li,
+  COMPLETED: Pi,
+  COMPENSABLE: Ri,
+  ACTIVE: $i,
+  NOT_DEAD: Oi
+}), jt = {};
+function pt(t, e) {
+  throw new Error(`illegal transition: ${t.name} -> ${e}`);
+}
+function ft(t, e) {
+  return t === jt ? e : t;
+}
+class q {
+  /**
+   * @param {string} name
+   * @param {number} traits
+   * @param {object} [transitions]
+   * @param {ScopeState} [transitions.start]
+   * @param {ScopeState} [transitions.cancel]
+   * @param {ScopeState} [transitions.complete]
+   * @param {ScopeState} [transitions.destroy]
+   * @param {ScopeState} [transitions.fail]
+   * @param {ScopeState} [transitions.terminate]
+   * @param {ScopeState} [transitions.compensable]
+   */
+  constructor(e, n, i = {}) {
+    this.name = e, this.traits = n, this.setTransitions(i);
+  }
+  /**
+   * @param {object} transitions
+   * @param {ScopeState} [transitions.start]
+   * @param {ScopeState} [transitions.cancel]
+   * @param {ScopeState} [transitions.complete]
+   * @param {ScopeState} [transitions.destroy]
+   * @param {ScopeState} [transitions.fail]
+   * @param {ScopeState} [transitions.terminate]
+   * @param {ScopeState} [transitions.compensable]
+   */
+  setTransitions({
+    start: e,
+    cancel: n,
+    complete: i,
+    destroy: o,
+    fail: s,
+    terminate: r,
+    compensable: c
+  }) {
+    this._start = ft(e, this), this._compensable = ft(c, this), this._cancel = ft(n, this), this._complete = ft(i, this), this._destroy = ft(o, this), this._fail = ft(s, this), this._terminate = ft(r, this);
+  }
+  /**
+   * @param {number} trait
+   * @return {boolean}
+   */
+  hasTrait(e) {
+    return (this.traits & e) !== 0;
+  }
+  /**
+   * @return {ScopeState}
+   */
+  complete() {
+    return this._complete || pt(this, "complete");
+  }
+  /**
+   * @return {ScopeState}
+   */
+  destroy() {
+    return this._destroy || pt(this, "destroy");
+  }
+  /**
+   * @return {ScopeState}
+   */
+  cancel() {
+    return this._cancel || pt(this, "cancel");
+  }
+  /**
+   * @return {ScopeState}
+   */
+  fail() {
+    return this._fail || pt(this, "fail");
+  }
+  /**
+   * @return {ScopeState}
+   */
+  terminate() {
+    return this._terminate || pt(this, "terminate");
+  }
+  /**
+   * @return {ScopeState}
+   */
+  compensable() {
+    return this._compensable || pt(this, "compensable");
+  }
+  /**
+   * @return {ScopeState}
+   */
+  start() {
+    return this._start || pt(this, "start");
+  }
+}
+const oe = new q("failed", w.DESTROYED | w.FAILED), se = new q("terminated", w.DESTROYED | w.TERMINATED | w.COMPLETED), ke = new q("completed", w.DESTROYED | w.COMPLETED), st = new q("terminating", w.ENDING | w.TERMINATED | w.COMPLETED, {
+  destroy: se
+}), xt = new q("canceling", w.ENDING | w.FAILED | w.CANCELED, {
+  destroy: oe,
+  complete: jt,
+  terminate: st
+}), Ae = new q("completing", w.ENDING | w.COMPLETED, {
+  destroy: ke,
+  cancel: xt,
+  terminate: st
+}), Sn = new q("failing", w.ENDING | w.FAILED, {
+  cancel: xt,
+  complete: Ae,
+  destroy: oe,
+  terminate: st
+}), Me = new q("compensable:completed", w.ENDED | w.COMPLETED), wn = new q("compensable:completing", w.ENDING | w.COMPLETED, {
+  destroy: Me,
+  terminate: st,
+  compensable: jt
+}), Cn = new q("compensable:failing", w.ENDING | w.FAILED, {
+  complete: wn,
+  terminate: st,
+  destroy: oe
+});
+Me.setTransitions({
+  cancel: xt,
+  fail: Cn,
+  destroy: ke,
+  compensable: jt
+});
+const Ni = new q("compensable:running", w.RUNNING | w.COMPENSABLE, {
+  cancel: xt,
+  complete: wn,
+  compensable: jt,
+  destroy: Me,
+  fail: Cn,
+  terminate: st
+}), Tn = new q("running", w.RUNNING, {
+  cancel: xt,
+  complete: Ae,
+  compensable: Ni,
+  destroy: se,
+  fail: Sn,
+  terminate: st
+}), Di = new q("activated", w.ACTIVATED, {
+  start: Tn,
+  destroy: se
+}), Gi = Object.freeze({
+  ACTIVATED: Di,
+  RUNNING: Tn,
+  CANCELING: xt,
+  COMPLETING: Ae,
+  COMPLETED: ke,
+  FAILING: Sn,
+  FAILED: oe,
+  TERMINATING: st,
+  TERMINATED: se
+});
+class ji {
+  /**
+   * @param {string} id
+   * @param {Element} element
+   * @param {Scope} parent
+   * @param {Scope} initiator
+   *
+   * @constructor
+   */
+  constructor(e, n, i = null, o = null) {
+    this.id = e, this.element = n, this.parent = i, this.initiator = o, this.subscriptions = /* @__PURE__ */ new Set(), this.children = [], this.state = Gi.ACTIVATED;
+  }
+  /**
+   * @return {boolean}
+   */
+  get running() {
+    return this.hasTrait(w.RUNNING);
+  }
+  /**
+   * @return {boolean}
+   */
+  get destroyed() {
+    return this.hasTrait(w.DESTROYED);
+  }
+  /**
+   * @return {boolean}
+   */
+  get completed() {
+    return this.hasTrait(w.COMPLETED);
+  }
+  /**
+   * @return {boolean}
+   */
+  get canceled() {
+    return this.hasTrait(w.CANCELED);
+  }
+  /**
+   * @return {boolean}
+   */
+  get failed() {
+    return this.hasTrait(w.FAILED);
+  }
+  get active() {
+    return this.hasTrait(w.ACTIVE);
+  }
+  /**
+   * @param {number} phase
+   * @return {boolean}
+   */
+  hasTrait(e) {
+    return this.state.hasTrait(e);
+  }
+  /**
+   * Start the scope
+   *
+   * @return {Scope}
+   */
+  start() {
+    return this.state = this.state.start(), this;
+  }
+  /**
+   * Make this scope compensable.
+   *
+   * @return {Scope}
+   */
+  compensable() {
+    return this.state = this.state.compensable(), this;
+  }
+  /**
+   * @param {Scope} initiator
+   *
+   * @return {Scope}
+   */
+  fail(e) {
+    return this.failed || (this.state = this.state.fail(), this.failInitiator = e), this;
+  }
+  cancel(e) {
+    return this.canceled || (this.state = this.state.cancel(), this.cancelInitiator = e), this;
+  }
+  /**
+   * @param {Scope} initiator
+   *
+   * @return {Scope}
+   */
+  terminate(e) {
+    return this.state = this.state.terminate(), this.terminateInitiator = e, this;
+  }
+  /**
+   * @return {Scope}
+   */
+  complete() {
+    return this.state = this.state.complete(), this;
+  }
+  /**
+   * Destroy the scope
+   *
+   * @param {Scope} initiator
+   *
+   * @return {Scope}
+   */
+  destroy(e) {
+    return this.state = this.state.destroy(), this.destroyInitiator = e, this;
+  }
+  /**
+   * @return {number}
+   */
+  getTokens() {
+    return this.children.filter((e) => !e.destroyed).length;
+  }
+  /**
+   * @param {Element} element
+   *
+   * @return {number}
+   */
+  getTokensByElement(e) {
+    return this.children.filter((n) => !n.destroyed && n.element === e).length;
+  }
+}
+function Ct(t, e) {
+  const n = [];
+  for (const i of t)
+    e(i) && n.push(i);
+  return n;
+}
+function Xe(t, e) {
+  for (const n of t)
+    if (e(n))
+      return n;
+  return null;
+}
+function Se(t, e) {
+  const n = ["type", "name", "iref"].every((o) => !(o in t) || t[o] === e[o]), i = !e.ref && (e.type === "error" || e.type === "escalation");
+  return n && (i || In(t, e));
+}
+function In(t, e) {
+  return !("ref" in t) || t.ref === e.ref;
+}
+function Ht(t) {
+  return t.filter((e) => p(e, "bpmn:SequenceFlow"));
+}
+function we(t) {
+  return p(t, "bpmn:MessageFlow");
+}
+function rt(t) {
+  return p(t, "bpmn:SequenceFlow");
+}
+function Le(t) {
+  return Pe(t) && ae(t, "bpmn:LinkEventDefinition");
+}
+function Hi(t) {
+  return p(t, "bpmn:IntermediateThrowEvent") && ae(t, "bpmn:LinkEventDefinition");
+}
+function ne(t) {
+  return Pe(t) && ae(t, "bpmn:CompensateEventDefinition");
+}
+function Fn(t) {
+  return p(t, "bpmn:Activity") && t.businessObject.isForCompensation;
+}
+function Pe(t) {
+  return (p(t, "bpmn:CatchEvent") || p(t, "bpmn:ReceiveTask")) && !re(t);
+}
+function ee(t) {
+  return p(t, "bpmn:BoundaryEvent") && !re(t);
+}
+function Bn(t) {
+  return dt(t) && !ae(t);
+}
+function Re(t) {
+  return !(re(t) || !Vt(t, [
+    "bpmn:Activity",
+    "bpmn:IntermediateCatchEvent",
+    "bpmn:IntermediateThrowEvent",
+    "bpmn:Gateway",
+    "bpmn:EndEvent"
+  ]) || Le(t) || t.incoming.find(rt) || Fn(t) || ot(t));
+}
+function dt(t) {
+  return p(t, "bpmn:StartEvent") && !re(t);
+}
+function re(t) {
+  return !!t.labelTarget;
+}
+function ot(t) {
+  return H(t).triggeredByEvent;
+}
+function xn(t) {
+  return p(t, "bpmn:StartEvent") && H(t).isInterrupting || p(t, "bpmn:BoundaryEvent") && H(t).cancelActivity;
+}
+function Vt(t, e) {
+  return e.some((n) => p(t, n));
+}
+function ae(t, e) {
+  return on(H(t).eventDefinitions, (n) => e ? p(n, e) : !0);
+}
+function Ft(t, e) {
+  return t.children && t.children.length !== 0 ? t.children : p(t, "bpmn:SubProcess") && !t.di.isExpanded ? e.get(Kn(t)).children : [];
+}
+function kn(t, e, n) {
+  const i = t.get("scopeIds", !1) || new Zn([32, 36]), o = {}, s = {}, r = new Vi(), c = /* @__PURE__ */ new Set(), m = [], u = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set();
+  $t("tick", function() {
+    for (const a of c)
+      R("elementChanged", {
+        element: a
+      });
+    c.clear();
+  });
+  function S(a, d) {
+    if (m.push([d, a]), m.length !== 1)
+      return;
+    let v;
+    for (; v = m[0]; ) {
+      const [C, _] = v;
+      _.destroyed || C(), m.shift();
+    }
+    R("tick");
+  }
+  function D(a) {
+    return s[a.type] || r;
+  }
+  function G(a) {
+    const {
+      element: d,
+      parentScope: v,
+      initiator: C = null,
+      scope: _ = Ye({
+        element: d,
+        parent: v,
+        initiator: C
+      })
+    } = a;
+    return S(_, function() {
+      _.running || _.start(), U("signal", {
+        ...a,
+        scope: _
+      }), D(d).signal({
+        ...a,
+        scope: _
+      }), _.parent && Z(_.parent);
+    }), _;
+  }
+  function j(a) {
+    const {
+      element: d,
+      scope: v,
+      initiator: C = v
+    } = a, _ = Ye({
+      element: d,
+      parent: v,
+      initiator: C
+    });
+    return S(_, function() {
+      _.running || _.start(), U("enter", a), D(d).enter({
+        ...a,
+        initiator: C,
+        scope: _
+      }), _.parent && Z(_.parent);
+    }), _;
+  }
+  function k(a) {
+    const {
+      element: d,
+      scope: v,
+      initiator: C = v
+    } = a;
+    S(v, function() {
+      U("exit", a), D(d).exit({
+        ...a,
+        initiator: C
+      }), v.running && v.complete(), Y(v, C), v.parent && Z(v.parent);
+    });
+  }
+  function I(a) {
+    const {
+      event: d,
+      initiator: v,
+      scope: C
+    } = a, _ = wt(d), b = C.subscriptions;
+    let x = Ct(
+      b,
+      (A) => Se(_, A.event)
+    );
+    if (_.type === "error" || _.type === "escalation") {
+      const A = Ct(
+        x,
+        (ht) => In(_, ht.event)
+      );
+      (x.every((ht) => ht.event.boundary) && A.some((ht) => ht.event.boundary) || A.some((ht) => !ht.event.boundary)) && (x = A);
+    }
+    const $ = x.filter(
+      (A) => !A.event.interrupting
+    ), Ot = x.filter(
+      (A) => A.event.interrupting
+    );
+    if (!Ot.length)
+      return $.map(
+        (A) => A.triggerFn(v)
+      ).flat();
+    const We = Ot.find((A) => !A.event.boundary) || Ot[0], Xn = Ct(
+      b,
+      (A) => A.event.persistent || zi(A.event, We.event)
+    );
+    return b.forEach((A) => {
+      Xn.includes(A) || A.remove();
+    }), [We.triggerFn(v)].flat().filter((A) => A);
+  }
+  function M(a, d, v) {
+    d = wt(d);
+    const C = d.element, _ = {
+      scope: a,
+      event: d,
+      element: C,
+      triggerFn: v,
+      remove() {
+        L(_);
+      }
+    };
+    return E.add(_), a.subscriptions.add(_), C && P(C), _;
+  }
+  function L(a) {
+    const {
+      scope: d,
+      event: v
+    } = a;
+    E.delete(a), d.subscriptions.delete(a), v.element && P(v.element);
+  }
+  function Qt(a) {
+    return p(a, "bpmn:StartEvent") || p(a, "bpmn:IntermediateCatchEvent") || p(a, "bpmn:ReceiveTask") || Yi(a) ? H(a).name || a.id : null;
+  }
+  function Pt(a) {
+    return {
+      element: a,
+      interrupting: !1,
+      boundary: !1,
+      iref: a.id,
+      type: "none"
+    };
+  }
+  function wt(a) {
+    if (!a.businessObject)
+      return a;
+    const d = xn(a), v = ee(a), C = Qt(a), _ = {
+      element: a,
+      interrupting: d,
+      boundary: v,
+      ...C ? { iref: C } : {}
+    }, b = An(a)[0];
+    if (!b)
+      return {
+        ..._,
+        type: qi(a) ? "message" : "none"
+      };
+    if (p(b, "bpmn:LinkEventDefinition"))
+      return {
+        ..._,
+        type: "link",
+        name: b.name
+      };
+    if (p(b, "bpmn:SignalEventDefinition"))
+      return {
+        ..._,
+        type: "signal",
+        ref: b.signalRef
+      };
+    if (p(b, "bpmn:TimerEventDefinition"))
+      return {
+        ..._,
+        type: "timer"
+      };
+    if (p(b, "bpmn:ConditionalEventDefinition"))
+      return {
+        ..._,
+        type: "condition"
+      };
+    if (p(b, "bpmn:EscalationEventDefinition"))
+      return {
+        ..._,
+        type: "escalation",
+        ref: b.escalationRef
+      };
+    if (p(b, "bpmn:CancelEventDefinition"))
+      return {
+        ..._,
+        type: "cancel"
+      };
+    if (p(b, "bpmn:ErrorEventDefinition"))
+      return {
+        ..._,
+        type: "error",
+        ref: b.errorRef
+      };
+    if (p(b, "bpmn:MessageEventDefinition"))
+      return {
+        ..._,
+        type: "message",
+        ref: b.messageRef
+      };
+    if (p(b, "bpmn:CompensateEventDefinition")) {
+      let x = b.activityRef && n.get(b.activityRef.id);
+      return x || (dt(a) && ot(a.parent) ? x = a.parent.parent : ee(a) ? x = a.host : x = a.parent), {
+        ..._,
+        type: "compensate",
+        ref: x,
+        persistent: !0
+      };
+    }
+    throw new Error("unknown event definition", b);
+  }
+  function Rt(a, d = !0) {
+    const {
+      element: v,
+      parent: C,
+      initiator: _
+    } = a;
+    d && U("createScope", {
+      element: v,
+      scope: C
+    });
+    const b = new ji(i.next(), v, C, _);
+    return C && C.children.push(b), u.add(b), d && R("createScope", {
+      scope: b
+    }), P(v), C && P(C.element), b;
+  }
+  function l(a) {
+    if (typeof a == "function")
+      return a;
+    const {
+      event: d,
+      element: v,
+      scope: C
+    } = a, _ = a.elements || v && [v], b = d && wt(d);
+    return ((x) => (!b || Se(b, x.event)) && (!_ || _.includes(x.element)) && (!C || C === x.scope));
+  }
+  function f(a) {
+    const d = a === "function" ? a : l(a);
+    return ((v) => Array.from(v.subscriptions).some(d));
+  }
+  function h(a) {
+    if (typeof a == "function")
+      return a;
+    const {
+      element: d,
+      waitsOnElement: v,
+      parent: C,
+      trait: _ = w.RUNNING,
+      subscribedTo: b
+    } = a, x = b ? f(b) : () => !0;
+    return (($) => (!d || $.element === d) && (!C || $.parent === C) && (!v || $.getTokensByElement(v) > 0) && $.hasTrait(_) && x($));
+  }
+  function g(a) {
+    return Ct(E, l(a));
+  }
+  function y(a) {
+    return Xe(E, l(a));
+  }
+  function F(a) {
+    return Ct(u, h(a));
+  }
+  function B(a) {
+    return Xe(u, h(a));
+  }
+  function Y(a, d = null) {
+    if (!a.destroyed) {
+      a.destroy(d);
+      for (const v of a.subscriptions) {
+        const C = v.event.traits || w.ACTIVE;
+        a.hasTrait(C) || L(v);
+      }
+      if (a.destroyed) {
+        for (const v of a.children)
+          v.destroyed || Y(v, d);
+        U("destroyScope", {
+          element: a.element,
+          scope: a
+        }), u.delete(a), R("destroyScope", {
+          scope: a
+        });
+      }
+      P(a.element), a.parent && P(a.parent.element);
+    }
+  }
+  function U(a, d) {
+    R("trace", {
+      ...d,
+      action: a
+    });
+  }
+  function P(a) {
+    c.add(a), m.length || R("tick");
+  }
+  function Z(a) {
+    R("scopeChanged", {
+      scope: a
+    });
+  }
+  function R(a, d = {}) {
+    return e.fire(`tokenSimulation.simulator.${a}`, d);
+  }
+  function $t(a, d) {
+    e.on("tokenSimulation.simulator." + a, d);
+  }
+  function ze(a, d) {
+    e.off("tokenSimulation.simulator." + a, d);
+  }
+  function qe(a, d) {
+    const v = Ue(a);
+    o[a.id || a] = {
+      ...v,
+      ...d
+    }, P(a);
+  }
+  function Yn() {
+    const a = [];
+    return n.forEach((d) => {
+      if (!Vt(d, ["bpmn:Process", "bpmn:Participant"]))
+        return;
+      const v = Rt({
+        element: d
+      }, !1);
+      a.push(v);
+      const C = d.children.filter(dt), _ = d.children.filter(Re);
+      for (const b of C) {
+        const x = {
+          ...wt(b),
+          interrupting: !1
+        };
+        M(v, x, ($) => G({
+          element: d,
+          startEvent: b,
+          initiator: $
+        }));
+      }
+      if (!C.length)
+        for (const b of _) {
+          const x = Pt(b);
+          M(v, x, ($) => G({
+            element: d,
+            initiator: $
+          }));
+        }
+    }), a;
+  }
+  function Ye(a) {
+    const {
+      element: d
+    } = a, v = Rt(a), {
+      attachers: C = []
+    } = d, _ = Ft(d, n);
+    for (const b of _)
+      if (ot(b)) {
+        const x = Ft(b, n).filter(
+          ($) => dt($) && !ne($)
+        );
+        for (const $ of x)
+          M(v, $, (Ot) => G({
+            element: b,
+            parentScope: v,
+            startEvent: $,
+            initiator: Ot
+          }));
+      }
+    for (const b of C)
+      ee(b) && !ne(b) && M(v, b, (x) => G({
+        element: b,
+        parentScope: v.parent,
+        hostScope: v,
+        initiator: x
+      }));
+    return v;
+  }
+  function Ue(a) {
+    return o[a.id || a] || {};
+  }
+  function Un(a, d) {
+    if (!d.length)
+      return;
+    const v = {
+      type: "all-completed",
+      persistent: !1
+    }, C = new Set(d), _ = (b) => {
+      C.delete(b.scope), C.size === 0 && (ze("destroyScope", _), I({
+        scope: a,
+        event: v
+      }));
+    };
+    return $t("destroyScope", _), v;
+  }
+  function Wn(a, d = !0) {
+    qe(a, {
+      wait: d
+    });
+  }
+  function Jn() {
+    for (const a of u)
+      Y(a);
+    for (const a of Yn())
+      u.add(a);
+    R("tick"), R("reset");
+  }
+  this.createScope = Rt, this.destroyScope = Y, this.findScope = B, this.findScopes = F, this.findSubscription = y, this.findSubscriptions = g, this.waitAtElement = Wn, this.waitForScopes = Un, this.setConfig = qe, this.getConfig = Ue, this.signal = G, this.enter = j, this.exit = k, this.subscribe = M, this.trigger = I, this.reset = Jn, this.on = $t, this.off = ze, this.registerBehavior = function(a, d) {
+    s[a] = d;
+  };
+}
+kn.$inject = [
+  "injector",
+  "eventBus",
+  "elementRegistry"
+];
+function Vi() {
+  this.signal = function(t) {
+    console.log("ignored #exit", t.element);
+  }, this.exit = function(t) {
+    console.log("ignored #exit", t.element);
+  }, this.enter = function(t) {
+    console.log("ignored #enter", t.element);
+  };
+}
+function zi(t, e) {
+  return t.boundary && !e.boundary;
+}
+function qi(t) {
+  return p(t, "bpmn:ReceiveTask") || t.incoming.some((e) => p(e, "bpmn:MessageFlow"));
+}
+function Yi(t) {
+  if (!ee(t))
+    return !1;
+  const e = An(t);
+  return !e[0] || Vt(e[0], [
+    "bpmn:ConditionalEventDefinition",
+    "bpmn:TimerEventDefinition"
+  ]);
+}
+function An(t) {
+  return t.businessObject.get("eventDefinitions") || [];
+}
+function ce(t, e) {
+  this._simulator = t, this._activityBehavior = e, t.registerBehavior("bpmn:StartEvent", this);
+}
+ce.prototype.signal = function(t) {
+  this._simulator.exit(t);
+};
+ce.prototype.exit = function(t) {
+  this._activityBehavior.exit(t);
+};
+ce.$inject = [
+  "simulator",
+  "activityBehavior"
+];
+function zt(t, e, n) {
+  this._intermediateThrowEventBehavior = n, this._scopeBehavior = e, t.registerBehavior("bpmn:EndEvent", this);
+}
+zt.$inject = [
+  "simulator",
+  "scopeBehavior",
+  "intermediateThrowEventBehavior"
+];
+zt.prototype.enter = function(t) {
+  this._intermediateThrowEventBehavior.enter(t);
+};
+zt.prototype.signal = function(t) {
+  this._intermediateThrowEventBehavior.signal(t);
+};
+zt.prototype.exit = function(t) {
+  const {
+    scope: e
+  } = t;
+  this._scopeBehavior.tryExit(e.parent, e);
+};
+function le(t, e, n) {
+  this._simulator = t, this._activityBehavior = e, this._scopeBehavior = n, t.registerBehavior("bpmn:BoundaryEvent", this);
+}
+le.prototype.signal = function(t) {
+  const {
+    element: e,
+    scope: n,
+    hostScope: i = this._simulator.findScope({
+      parent: n.parent,
+      element: e.host
+    })
+  } = t;
+  if (!i)
+    throw new Error("host scope not found");
+  if (H(e).cancelActivity) {
+    this._scopeBehavior.interrupt(i, n);
+    const s = this._scopeBehavior.tryExit(i, n);
+    if (s) {
+      const r = this._simulator.subscribe(i, s, (c) => (r.remove(), this._simulator.exit(t)));
+      return;
+    }
+  }
+  this._simulator.exit(t);
+};
+le.prototype.exit = function(t) {
+  this._activityBehavior.exit(t);
+};
+le.$inject = [
+  "simulator",
+  "activityBehavior",
+  "scopeBehavior"
+];
+function qt(t, e) {
+  this._activityBehavior = e, this._simulator = t, t.registerBehavior("bpmn:IntermediateCatchEvent", this), t.registerBehavior("bpmn:ReceiveTask", this);
+}
+qt.$inject = [
+  "simulator",
+  "activityBehavior"
+];
+qt.prototype.signal = function(t) {
+  return this._simulator.exit(t);
+};
+qt.prototype.enter = function(t) {
+  const {
+    element: e
+  } = t;
+  return this._activityBehavior.signalOnEvent(t, e);
+};
+qt.prototype.exit = function(t) {
+  this._activityBehavior.exit(t);
+};
+function Yt(t, e, n) {
+  this._simulator = t, this._activityBehavior = e, this._eventBehaviors = n, t.registerBehavior("bpmn:IntermediateThrowEvent", this), t.registerBehavior("bpmn:SendTask", this);
+}
+Yt.prototype.enter = function(t) {
+  const {
+    element: e
+  } = t, n = this._eventBehaviors.get(e);
+  if (n) {
+    const i = n(t);
+    if (i)
+      return this._activityBehavior.signalOnEvent(t, i);
+  }
+  this._activityBehavior.enter(t);
+};
+Yt.prototype.signal = function(t) {
+  this._activityBehavior.signal(t);
+};
+Yt.prototype.exit = function(t) {
+  this._activityBehavior.exit(t);
+};
+Yt.$inject = [
+  "simulator",
+  "activityBehavior",
+  "eventBehaviors"
+];
+function ue(t, e) {
+  this._scopeBehavior = e, this._simulator = t, t.registerBehavior("bpmn:ExclusiveGateway", this);
+}
+ue.prototype.enter = function(t) {
+  this._simulator.exit(t);
+};
+ue.prototype.exit = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t, i = Ht(e.outgoing);
+  if (i.length === 1)
+    return this._simulator.enter({
+      element: i[0],
+      scope: n.parent
+    });
+  const {
+    activeOutgoing: o
+  } = this._simulator.getConfig(e), s = i.find((r) => r === o);
+  return s ? this._simulator.enter({
+    element: s,
+    scope: n.parent
+  }) : this._scopeBehavior.tryExit(n.parent, n);
+};
+ue.$inject = [
+  "simulator",
+  "scopeBehavior"
+];
+function Ut(t, e) {
+  this._simulator = t, this._activityBehavior = e, t.registerBehavior("bpmn:ParallelGateway", this);
+}
+Ut.prototype.enter = function(t) {
+  const {
+    scope: e
+  } = t, n = this._findJoiningScopes(t);
+  if (n.length) {
+    for (const i of n)
+      i !== e && this._simulator.destroyScope(i.complete(), e);
+    this._simulator.exit(t);
+  }
+};
+Ut.prototype._findJoiningScopes = function(t) {
+  const {
+    scope: e,
+    element: n
+  } = t, i = Ht(n.incoming), {
+    parent: o
+  } = e, s = this._simulator.findScopes({
+    parent: o,
+    element: n
+  }), r = i.map(
+    (c) => s.find((m) => m.initiator.element === c)
+  ).filter((c) => c);
+  return r.length === i.length ? r : [];
+};
+Ut.prototype.exit = function(t) {
+  this._activityBehavior.exit(t);
+};
+Ut.$inject = [
+  "simulator",
+  "activityBehavior"
+];
+function $e(t) {
+  this._simulator = t, t.registerBehavior("bpmn:EventBasedGateway", this);
+}
+$e.$inject = [
+  "simulator"
+];
+$e.prototype.enter = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t, i = n.parent, s = Ui(e).map(
+    (r) => this._simulator.subscribe(i, r, (c) => (s.forEach((m) => m.remove()), this._simulator.destroyScope(n, c), this._simulator.signal({
+      element: r,
+      parentScope: i,
+      initiator: c
+    })))
+  );
+};
+function Ui(t) {
+  return t.outgoing.map(
+    (e) => e.target
+  ).filter((e) => Vt(e, [
+    "bpmn:IntermediateCatchEvent",
+    "bpmn:ReceiveTask"
+  ]));
+}
+function Mn(t, e) {
+  return Qn(H(t).eventDefinitions, (n) => p(n, e));
+}
+function Wi(t, e) {
+  return on(H(t).eventDefinitions, (n) => p(n, e));
+}
+function at(t, e) {
+  this._simulator = t, this._activityBehavior = e, t.registerBehavior("bpmn:InclusiveGateway", this);
+}
+at.prototype.enter = function(t) {
+  this._tryJoin(t);
+};
+at.prototype.exit = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t;
+  if (Ht(e.outgoing).length > 1) {
+    const {
+      activeOutgoing: o = []
+    } = this._simulator.getConfig(e);
+    if (!o.length)
+      throw new Error("no outgoing configured");
+    for (const s of o)
+      this._simulator.enter({
+        element: s,
+        scope: n.parent
+      });
+  } else
+    this._activityBehavior.exit(t);
+};
+at.prototype._tryJoin = function(t) {
+  var e = t.exclude || [];
+  const {
+    scope: n,
+    element: i
+  } = t, {
+    parent: o
+  } = n, s = Ht(i.incoming), r = this._simulator.findScopes({
+    parent: o,
+    element: i
+  }).filter((k) => !e.includes(k)), c = s.filter(
+    (k) => !r.find((I) => I.initiator.element === k)
+  ), m = s.filter(
+    (k) => r.find((I) => I.initiator.element === k)
+  ), S = this._getRemainingScopes(t).filter(
+    (k) => c.some(
+      (I) => this._canReachElement(t, k.element, I)
+    )
+  ).filter(
+    (k) => !m.some(
+      (I) => this._canReachElement(t, k.element, I)
+    )
+  );
+  if (S.length || this._join(t, m, r, e), this._simulator.findScopes({
+    parent: o,
+    element: i
+  }).filter((k) => !e.includes(k))[0] !== n)
+    return;
+  const G = this._simulator.waitForScopes(n, S), j = this._simulator.subscribe(n, G, () => {
+    j.remove(), this._tryJoin(t);
+  });
+};
+at.prototype._getRemainingScopes = function(t) {
+  const {
+    scope: e,
+    element: n
+  } = t, {
+    parent: i
+  } = e;
+  return this._simulator.findScopes(
+    (o) => o.parent === i && o.element !== n
+  );
+};
+at.prototype._join = function(t, e, n, i) {
+  const {
+    scope: o
+  } = t, s = e.map(
+    (c) => n.find((m) => m.initiator.element === c)
+  );
+  for (const c of s)
+    c !== o && this._simulator.destroyScope(c.complete(), o);
+  this._simulator.exit(t), i.push(o);
+  const r = n.filter(
+    (c) => !s.includes(c)
+  );
+  r.length && this._tryJoin({
+    initiator: r[0].initiator,
+    element: r[0].element,
+    scope: r[0],
+    exclude: i
+  });
+};
+at.prototype._canReachElement = function(t, e, n, i = /* @__PURE__ */ new Set()) {
+  return t.element === n || i.has(n) ? !1 : (i.add(n), e === n ? !0 : rt(n) ? this._canReachElement(t, e, n.source, i) : Le(n) ? Ji(
+    n.parent.children,
+    Ln(n)
+  ).some(
+    (r) => this._canReachElement(t, e, r, i)
+  ) : Ht(n.incoming).some(
+    (s) => this._canReachElement(t, e, s, i)
+  ));
+};
+function Ln(t) {
+  return Mn(t, "bpmn:LinkEventDefinition").name;
+}
+function Ji(t, e) {
+  return t.filter(
+    (n) => Hi(n) && Ln(n) === e
+  );
+}
+at.$inject = [
+  "simulator",
+  "activityBehavior"
+];
+function et(t, e, n) {
+  this._simulator = t, this._scopeBehavior = e, this._transactionBehavior = n;
+  const i = [
+    "bpmn:BusinessRuleTask",
+    "bpmn:CallActivity",
+    "bpmn:ManualTask",
+    "bpmn:ScriptTask",
+    "bpmn:ServiceTask",
+    "bpmn:Task",
+    "bpmn:UserTask"
+  ];
+  for (const o of i)
+    t.registerBehavior(o, this);
+}
+et.$inject = [
+  "simulator",
+  "scopeBehavior",
+  "transactionBehavior"
+];
+et.prototype.signal = function(t) {
+  const e = this._triggerMessages(t);
+  if (e)
+    return this.signalOnEvent(t, e);
+  this._simulator.exit(t);
+};
+et.prototype.enter = function(t) {
+  const {
+    element: e
+  } = t, n = this.waitAtElement(e);
+  if (n)
+    return this.signalOnEvent(t, n);
+  const i = this._triggerMessages(t);
+  if (i)
+    return this.signalOnEvent(t, i);
+  this._simulator.exit(t);
+};
+et.prototype.exit = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t, i = n.parent, o = n.active && !n.failed;
+  o && !ot(e) && this._transactionBehavior.registerCompensation(n);
+  const s = o ? e.outgoing.filter(rt) : [];
+  s.forEach(
+    (r) => this._simulator.enter({
+      element: r,
+      scope: i
+    })
+  ), s.length === 0 && this._scopeBehavior.tryExit(i, n);
+};
+et.prototype.signalOnEvent = function(t, e) {
+  const {
+    scope: n,
+    element: i
+  } = t, o = this._simulator.subscribe(n, e, (s) => (o.remove(), this._simulator.signal({
+    scope: n,
+    element: i,
+    initiator: s
+  })));
+};
+et.prototype.waitAtElement = function(t) {
+  return this._simulator.getConfig(t).wait && {
+    element: t,
+    type: "continue",
+    interrupting: !1,
+    boundary: !1
+  };
+};
+et.prototype._getMessageContexts = function(t, e = null) {
+  const n = e ? (o) => o.referencePoint.x > e.x : () => !0, i = (o, s) => o.referencePoint.x - s.referencePoint.x;
+  return [
+    ...t.incoming.filter(we).map((o) => ({
+      incoming: o,
+      referencePoint: Ki(o.waypoints)
+    })),
+    ...t.outgoing.filter(we).map((o) => ({
+      outgoing: o,
+      referencePoint: Xi(o.waypoints)
+    }))
+  ].sort(i).filter(n);
+};
+et.prototype._triggerMessages = function(t) {
+  const {
+    element: e,
+    initiator: n,
+    scope: i
+  } = t;
+  let o = i.messageContexts;
+  o || (o = i.messageContexts = this._getMessageContexts(e));
+  const s = n && n.element;
+  if (we(s) && i.expectedIncoming !== s) {
+    console.debug("Simulator :: ActivityBehavior :: ignoring out-of-bounds message");
+    return;
+  }
+  for (; o.length; ) {
+    const {
+      incoming: r,
+      outgoing: c
+    } = o.shift();
+    if (r) {
+      if (!n)
+        continue;
+      return i.expectedIncoming = r, {
+        element: e,
+        type: "message",
+        name: r.id,
+        interrupting: !1,
+        boundary: !1
+      };
+    }
+    this._simulator.signal({
+      element: c
+    });
+  }
+};
+function Xi(t) {
+  return t && t[0];
+}
+function Ki(t) {
+  return t && t[t.length - 1];
+}
+function _t(t, e, n, i, o) {
+  this._simulator = t, this._activityBehavior = e, this._scopeBehavior = n, this._transactionBehavior = i, this._elementRegistry = o, t.registerBehavior("bpmn:SubProcess", this), t.registerBehavior("bpmn:Transaction", this), t.registerBehavior("bpmn:AdHocSubProcess", this);
+}
+_t.$inject = [
+  "simulator",
+  "activityBehavior",
+  "scopeBehavior",
+  "transactionBehavior",
+  "elementRegistry"
+];
+_t.prototype.signal = function(t) {
+  this._start(t);
+};
+_t.prototype.enter = function(t) {
+  const {
+    element: e
+  } = t, n = this._activityBehavior.waitAtElement(e);
+  if (n)
+    return this._activityBehavior.signalOnEvent(t, n);
+  this._start(t);
+};
+_t.prototype.exit = function(t) {
+  const {
+    scope: e
+  } = t, n = e.parent;
+  n.failInitiator === e && n.complete(), this._activityBehavior.exit(t);
+};
+_t.prototype._start = function(t) {
+  const {
+    element: e,
+    startEvent: n,
+    scope: i
+  } = t, o = i.parent;
+  if (ot(e)) {
+    if (!n)
+      throw new Error("missing <startEvent>: required for event sub-process");
+  } else if (n)
+    throw new Error("unexpected <startEvent>: not allowed for sub-process");
+  if (o.destroyed)
+    throw new Error(`target scope <${o.id}> destroyed`);
+  Zi(e) && this._transactionBehavior.setup(t), n && xn(n) && this._scopeBehavior.interrupt(o, i);
+  const s = this._findStarts(e, n);
+  for (const r of s)
+    dt(r) ? this._simulator.signal({
+      element: r,
+      parentScope: i,
+      initiator: i
+    }) : this._simulator.enter({
+      element: r,
+      scope: i,
+      initiator: i
+    });
+  s.length || this._simulator.exit(t);
+};
+_t.prototype._findStarts = function(t, e) {
+  const n = e ? (i) => e === i : (i) => Bn(i);
+  return Ft(t, this._elementRegistry).filter(
+    (i) => n(i) || Re(i)
+  );
+};
+function Zi(t) {
+  return p(t, "bpmn:Transaction");
+}
+const Ce = {
+  type: "cancel",
+  interrupting: !0,
+  boundary: !1,
+  persistent: !0
+};
+function ct(t, e, n) {
+  this._simulator = t, this._scopeBehavior = e, this._elementRegistry = n;
+}
+ct.$inject = [
+  "simulator",
+  "scopeBehavior",
+  "elementRegistry"
+];
+ct.prototype.setup = function(t) {
+  const {
+    scope: e
+  } = t, n = this._simulator.subscribe(e, Ce, (s) => (n.remove(), this.cancel({
+    scope: e,
+    initiator: s
+  }))), i = {
+    type: "compensate",
+    ref: e.element,
+    persistent: !0,
+    traits: w.NOT_DEAD
+  }, o = this._simulator.subscribe(e, i, (s) => e.canceled ? (o.remove(), this.compensate({
+    scope: e,
+    element: e.element,
+    initiator: s
+  })) : this._simulator.trigger({
+    event: Ce,
+    scope: e
+  }));
+};
+ct.prototype.cancel = function(t) {
+  const {
+    scope: e,
+    initiator: n
+  } = t;
+  if (!e.destroyed)
+    return e.cancel(n), this._simulator.trigger({
+      event: {
+        type: "compensate",
+        ref: e.element
+      },
+      initiator: n,
+      scope: e
+    }), this._simulator.trigger({
+      scope: e,
+      initiator: n,
+      event: Ce
+    });
+};
+ct.prototype.registerCompensation = function(t) {
+  const {
+    element: e
+  } = t, i = Ft(e, this._elementRegistry).filter(
+    ot
+  ).map(
+    (r) => Ft(r, this._elementRegistry).find(
+      (c) => dt(c) && ne(c)
+    )
+  ).filter((r) => r), o = e.attachers.filter(ne);
+  if (!i.length && !o.length)
+    return;
+  const s = this.findTransactionScope(t);
+  p(s.element, "bpmn:Transaction") || this.makeCompensable(s);
+  for (const r of i) {
+    const c = {
+      element: r,
+      type: "compensate",
+      persistent: !0,
+      interrupting: !0,
+      ref: e,
+      traits: w.NOT_DEAD
+    }, m = r.parent, u = this._simulator.subscribe(t, c, (E) => (u.remove(), this._simulator.signal({
+      initiator: E,
+      element: m,
+      startEvent: r,
+      parentScope: t
+    })));
+  }
+  for (const r of o) {
+    const c = {
+      element: r,
+      type: "compensate",
+      persistent: !0,
+      ref: e,
+      traits: w.NOT_DEAD
+    }, m = r.outgoing.map(
+      (E) => E.target
+    ).find(
+      Fn
+    );
+    if (!m)
+      continue;
+    const u = this._simulator.subscribe(s, c, (E) => (u.remove(), this._simulator.enter({
+      initiator: E,
+      element: m,
+      scope: s
+    })));
+  }
+};
+ct.prototype.makeCompensable = function(t) {
+  if (t.hasTrait(w.COMPENSABLE) || !t.parent)
+    return;
+  const e = {
+    type: "compensate",
+    ref: t.element,
+    interrupting: !0,
+    persistent: !0,
+    traits: w.NOT_DEAD
+  };
+  t.compensable();
+  const n = this._simulator.subscribe(t, e, (s) => (n.remove(), t.fail(s), this.compensate({
+    scope: t,
+    element: t.element,
+    initiator: s
+  }), this._scopeBehavior.tryExit(t, s), t)), i = t.parent;
+  if (!i)
+    return;
+  const o = this._simulator.subscribe(i, e, (s) => (o.remove(), this._simulator.trigger({
+    scope: t,
+    event: e,
+    initiator: s
+  })));
+  this.makeCompensable(i);
+};
+ct.prototype.findTransactionScope = function(t) {
+  let e = t;
+  for (; e; ) {
+    const n = e.element;
+    if (p(n, "bpmn:SubProcess") && !ot(n) || Vt(n, [
+      "bpmn:Transaction",
+      "bpmn:Process",
+      "bpmn:Participant"
+    ]))
+      return e;
+    e = e.parent;
+  }
+  throw Qi(t);
+};
+ct.prototype.compensate = function(t) {
+  const {
+    scope: e,
+    element: n
+  } = t, i = Ct(
+    e.subscriptions,
+    (r) => Se({ type: "compensate" }, r.event)
+  ), o = i.filter((r) => r.event.ref === n), s = i.filter((r) => r.event.ref !== n);
+  for (const r of o)
+    this._scopeBehavior.preExit(e, (c) => this._simulator.trigger(r));
+  for (const r of s.reverse())
+    this._scopeBehavior.preExit(e, (c) => this._simulator.trigger(r));
+};
+function Qi(t) {
+  throw new Error(`no transaction context for <${t.id}>`);
+}
+function yt(t, e) {
+  this._simulator = t, this._scopeBehavior = e, t.registerBehavior("bpmn:SequenceFlow", this);
+}
+yt.prototype.enter = function(t) {
+  this._simulator.exit(t);
+};
+yt.prototype.exit = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t;
+  this._simulator.enter({
+    initiator: n,
+    element: e.target,
+    scope: n.parent
+  });
+};
+yt.$inject = [
+  "simulator",
+  "scopeBehavior"
+];
+function bt(t) {
+  this._simulator = t, t.registerBehavior("bpmn:MessageFlow", this);
+}
+bt.$inject = ["simulator"];
+bt.prototype.signal = function(t) {
+  this._simulator.exit(t);
+};
+bt.prototype.exit = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t, i = e.target, o = Pe(i) ? i : {
+    type: "message",
+    element: e,
+    name: e.id
+  }, s = this._simulator.findSubscription({
+    event: o,
+    elements: [i, i.parent]
+  });
+  s && this._simulator.trigger({
+    event: o,
+    initiator: n,
+    scope: s.scope
+  });
+};
+function Oe(t, e, n) {
+  this._simulator = t, this._elementRegistry = e, this._scopeBehavior = n;
+}
+Oe.$inject = [
+  "simulator",
+  "elementRegistry",
+  "scopeBehavior"
+];
+Oe.prototype.get = function(t) {
+  const n = Object.entries({
+    "bpmn:LinkEventDefinition": (i) => {
+      const {
+        element: o,
+        scope: s
+      } = i, r = Ke(o), c = s.parent, m = c.element, E = Ft(m, this._elementRegistry).filter(
+        (S) => Le(S) && Ke(S).name === r.name
+      );
+      for (const S of E)
+        this._simulator.signal({
+          element: S,
+          parentScope: c,
+          initiator: s
+        });
+    },
+    "bpmn:SignalEventDefinition": (i) => {
+      const {
+        element: o,
+        scope: s
+      } = i, r = this._simulator.findSubscriptions({
+        event: o
+      }), c = /* @__PURE__ */ new Set();
+      for (const m of r) {
+        const u = m.scope;
+        c.has(u) || (c.add(u), this._simulator.trigger({
+          event: o,
+          scope: u,
+          initiator: s
+        }));
+      }
+    },
+    "bpmn:EscalationEventDefinition": (i) => {
+      const {
+        element: o,
+        scope: s
+      } = i, r = this._simulator.findScopes({
+        subscribedTo: {
+          event: o
+        },
+        trait: w.ACTIVE
+      });
+      let c = s;
+      for (; c = c.parent; )
+        if (r.includes(c)) {
+          this._simulator.trigger({
+            event: o,
+            scope: c,
+            initiator: s
+          });
+          break;
+        }
+    },
+    "bpmn:ErrorEventDefinition": (i) => {
+      const {
+        element: o,
+        scope: s
+      } = i, r = this._simulator.findScopes({
+        subscribedTo: {
+          event: o
+        },
+        trait: w.ACTIVE
+      });
+      let c = s;
+      for (; c = c.parent; )
+        if (r.includes(c)) {
+          this._simulator.trigger({
+            event: o,
+            scope: c,
+            initiator: s
+          });
+          break;
+        }
+    },
+    "bpmn:TerminateEventDefinition": (i) => {
+      const {
+        scope: o
+      } = i;
+      this._scopeBehavior.terminate(o.parent, o);
+    },
+    "bpmn:CancelEventDefinition": (i) => {
+      const {
+        scope: o,
+        element: s
+      } = i;
+      this._simulator.trigger({
+        event: s,
+        initiator: o,
+        scope: Ze(o)
+      });
+    },
+    "bpmn:CompensateEventDefinition": (i) => {
+      const {
+        scope: o,
+        element: s
+      } = i;
+      return this._simulator.waitForScopes(
+        o,
+        this._simulator.trigger({
+          event: s,
+          scope: Ze(o)
+        })
+      );
+    }
+  }).find(
+    (i) => Wi(t, i[0])
+  );
+  return n && n[1];
+};
+function Ke(t) {
+  return Mn(t, "bpmn:LinkEventDefinition");
+}
+function Ze(t) {
+  for (; ot(t.parent.element); )
+    t = t.parent;
+  return t.parent;
+}
+const Pn = {
+  type: "pre-exit",
+  persistent: !0,
+  interrupting: !0,
+  boundary: !1
+}, ve = {
+  type: "exit",
+  interrupting: !0,
+  boundary: !1,
+  persistent: !0
+};
+function nt(t) {
+  this._simulator = t;
+}
+nt.$inject = [
+  "simulator"
+];
+nt.prototype.isFinished = function(t, e = null) {
+  return e = Rn(e), t.children.every((n) => n.destroyed || n.completed || e(n));
+};
+nt.prototype.destroyChildren = function(t, e, n = null) {
+  n = Rn(n), t.children.filter((i) => !i.destroyed && !n(i)).map((i) => {
+    this._simulator.destroyScope(i, e);
+  });
+};
+nt.prototype.terminate = function(t, e) {
+  this.destroyChildren(t, e), t.terminate(e), this.tryExit(t, e);
+};
+nt.prototype.interrupt = function(t, e) {
+  this.destroyChildren(t, e, e), t.fail(e);
+};
+nt.prototype.tryExit = function(t, e) {
+  if (!t)
+    throw new Error("missing <scope>");
+  if (e || (e = t), !this.isFinished(t, e))
+    return ve;
+  const n = this._simulator.findSubscriptions({
+    event: Pn,
+    scope: t
+  });
+  for (const i of n) {
+    const {
+      event: o,
+      scope: s
+    } = i;
+    if (this._simulator.trigger({
+      event: o,
+      scope: s,
+      initiator: e
+    }).length)
+      return ve;
+  }
+  this._simulator.trigger({
+    event: ve,
+    scope: t,
+    initiator: e
+  }), this.exit({
+    scope: t,
+    initiator: e
+  });
+};
+nt.prototype.exit = function(t) {
+  const {
+    scope: e,
+    initiator: n
+  } = t;
+  if (!n)
+    throw new Error("missing <initiator>");
+  this._simulator.exit({
+    element: e.element,
+    scope: e,
+    initiator: n
+  });
+};
+nt.prototype.preExit = function(t, e) {
+  const n = this._simulator.subscribe(t, Pn, (i) => (n.remove(), e(i)));
+  return n;
+};
+function Rn(t) {
+  return typeof t == "function" ? t : (e) => e === t;
+}
+function Wt(t, e) {
+  this._simulator = t, this._scopeBehavior = e, t.registerBehavior("bpmn:Process", this), t.registerBehavior("bpmn:Participant", this);
+}
+Wt.prototype.signal = function(t) {
+  const {
+    element: e,
+    startEvent: n,
+    startNodes: i = this._findStarts(e, n),
+    scope: o
+  } = t;
+  if (!i.length)
+    throw new Error("missing <startNodes> or <startEvent>");
+  for (const s of i)
+    dt(s) ? this._simulator.signal({
+      element: s,
+      parentScope: o
+    }) : this._simulator.enter({
+      element: s,
+      scope: o
+    });
+};
+Wt.prototype.exit = function(t) {
+  const {
+    scope: e,
+    initiator: n
+  } = t;
+  this._scopeBehavior.destroyChildren(e, n);
+};
+Wt.prototype._findStarts = function(t, e) {
+  const n = e ? (i) => e === i : (i) => Bn(i);
+  return t.children.filter(
+    (i) => n(i) || Re(i)
+  );
+};
+Wt.$inject = [
+  "simulator",
+  "scopeBehavior"
+];
+const to = {
+  __init__: [
+    "startEventBehavior",
+    "endEventBehavior",
+    "boundaryEventBehavior",
+    "intermediateCatchEventBehavior",
+    "intermediateThrowEventBehavior",
+    "exclusiveGatewayBehavior",
+    "parallelGatewayBehavior",
+    "eventBasedGatewayBehavior",
+    "inclusiveGatewayBehavior",
+    "subProcessBehavior",
+    "sequenceFlowBehavior",
+    "messageFlowBehavior",
+    "processBehavior"
+  ],
+  startEventBehavior: ["type", ce],
+  endEventBehavior: ["type", zt],
+  boundaryEventBehavior: ["type", le],
+  intermediateCatchEventBehavior: ["type", qt],
+  intermediateThrowEventBehavior: ["type", Yt],
+  exclusiveGatewayBehavior: ["type", ue],
+  parallelGatewayBehavior: ["type", Ut],
+  eventBasedGatewayBehavior: ["type", $e],
+  inclusiveGatewayBehavior: ["type", at],
+  activityBehavior: ["type", et],
+  subProcessBehavior: ["type", _t],
+  sequenceFlowBehavior: ["type", yt],
+  messageFlowBehavior: ["type", bt],
+  eventBehaviors: ["type", Oe],
+  scopeBehavior: ["type", nt],
+  processBehavior: ["type", Wt],
+  transactionBehavior: ["type", ct]
+}, eo = 5e3, $n = {
+  __depends__: [
+    to
+  ],
+  __init__: [
+    ["eventBus", "simulator", function(t, e) {
+      t.on([
+        "tokenSimulation.toggleMode",
+        "tokenSimulation.resetSimulation"
+      ], eo, (n) => {
+        e.reset();
+      });
+    }]
+  ],
+  simulator: ["type", kn]
+};
+function he(t, e) {
+  t.invoke(bt, this), this._animation = e;
+}
+sn(he, bt);
+he.$inject = [
+  "injector",
+  "animation"
+];
+he.prototype.signal = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t;
+  this._animation.animate(e, n, () => {
+    bt.prototype.signal.call(this, t);
+  });
+};
+function pe(t, e) {
+  t.invoke(yt, this), this._animation = e;
+}
+sn(pe, yt);
+pe.$inject = [
+  "injector",
+  "animation"
+];
+pe.prototype.enter = function(t) {
+  const {
+    element: e,
+    scope: n
+  } = t;
+  this._animation.animate(e, n, () => {
+    yt.prototype.enter.call(this, t);
+  });
+};
+const no = {
+  sequenceFlowBehavior: ["type", pe],
+  messageFlowBehavior: ["type", he]
+}, Qe = (t) => !0;
+function kt(t, e) {
+  this._eventBus = t, this._simulator = e, this._filter = Qe, t.on([
+    N,
+    tt
+  ], () => {
+    this._filter = Qe;
+  }), t.on(Gt, (n) => {
+    const {
+      scope: i
+    } = n;
+    this._scope === i && i.parent && this.toggle(i.parent);
+  }), t.on(vt, (n) => {
+    const {
+      scope: i
+    } = n;
+    !i.parent && this._scope && !On(this._scope, i) && this.toggle(null);
+  });
+}
+kt.prototype.toggle = function(t) {
+  const e = this._scope !== t;
+  this._scope = e ? t : null, this._filter = this._scope ? (n) => On(this._scope, n) : (n) => !0, this._eventBus.fire(Bt, {
+    filter: this._filter,
+    scope: this._scope
+  });
+};
+kt.prototype.isShown = function(t) {
+  return typeof t == "string" && (t = this._simulator.findScope((e) => e.id === t)), t && this._filter(t);
+};
+kt.prototype.isFocused = function(t) {
+  const e = t.id || t;
+  return this._scope?.id === e;
+};
+kt.prototype.findScope = function(t) {
+  return this._simulator.findScopes(t).filter((e) => this.isShown(e))[0];
+};
+kt.$inject = [
+  "eventBus",
+  "simulator"
+];
+function On(t, e) {
+  do
+    if (t === e)
+      return !0;
+  while (e = e.parent);
+  return !1;
+}
+const At = {
+  scopeFilter: ["type", kt]
+}, Nn = getComputedStyle(document.documentElement), io = Nn.getPropertyValue("--token-simulation-green-base-44"), oo = Nn.getPropertyValue("--token-simulation-white");
+function so() {
+}
+function ro(t, e) {
+  return e.length === 2 ? uo : t === 1 ? co : t === e.length - 1 ? lo : ao;
+}
+const ao = function(t) {
+  return t;
+}, co = function(t) {
+  return -Math.cos(t * Math.PI / 2) + 1;
+}, lo = function(t) {
+  return Math.sin(t * Math.PI / 2);
+}, uo = function(t) {
+  return -Math.cos(t * Math.PI) / 2 + 0.5;
+}, Dt = 20;
+function z(t, e, n, i) {
+  this._eventBus = n, this._scopeFilter = i, this._canvas = e, this._randomize = t && t.randomize !== !1, this._animations = /* @__PURE__ */ new Set(), this._speed = 1, n.on([
+    "diagram.destroy",
+    tt
+  ], () => {
+    this.clearAnimations();
+  }), n.on(un, () => {
+    this.pause();
+  }), n.on(ln, () => {
+    this.play();
+  }), n.on(Bt, (o) => {
+    this.each((s) => {
+      this._scopeFilter.isShown(s.scope) ? s.show() : s.hide();
+    });
+  }), n.on(Gt, (o) => {
+    const {
+      scope: s
+    } = o;
+    this.clearAnimations(s);
+  });
+}
+z.prototype.animate = function(t, e, n) {
+  this.createAnimation(t, e, n);
+};
+z.prototype.pause = function() {
+  this.each((t) => t.pause());
+};
+z.prototype.play = function() {
+  this.each((t) => t.play());
+};
+z.prototype.each = function(t) {
+  this._animations.forEach(t);
+};
+z.prototype.createAnimation = function(t, e, n = so) {
+  const i = this._getGroup(e);
+  if (!i)
+    return;
+  const o = this._createTokenGfx(i, e), s = new J(o, t.waypoints, this._randomize, () => {
+    this._clearAnimation(s), n();
+  });
+  return s.setSpeed(this.getAnimationSpeed()), this._scopeFilter.isShown(e) || s.hide(), s.scope = e, s.element = t, this._animations.add(s), this._eventBus.fire(si, {
+    animation: s
+  }), s.play(), s;
+};
+z.prototype.setAnimationSpeed = function(t) {
+  this._speed = t, this.each((e) => e.setSpeed(t)), this._eventBus.fire(hn, {
+    speed: t
+  });
+};
+z.prototype.getAnimationSpeed = function() {
+  return this._speed;
+};
+z.prototype.clearAnimations = function(t) {
+  this.each((e) => {
+    (!t || e.scope === t) && this._clearAnimation(e);
+  });
+};
+z.prototype._clearAnimation = function(t) {
+  t.remove(), this._animations.delete(t);
+};
+z.prototype._createTokenGfx = function(t, e) {
+  const n = Fe(this._getTokenSVG(e).trim());
+  return rn(n, t);
+};
+z.prototype._getTokenSVG = function(t) {
+  const e = t.colors || {
+    primary: io,
+    auxiliary: oo
+  };
+  return `
+    <g class="bts-token">
+      <circle
+        class="bts-circle"
+        r="${Dt / 2}"
+        cx="${Dt / 2}"
+        cy="${Dt / 2}"
+        fill="${e.primary}"
+      />
+      <text
+        class="bts-text"
+        transform="translate(10, 14)"
+        text-anchor="middle"
+        fill="${e.auxiliary}"
+      >1</text>
+    </g>
+  `;
+};
+z.prototype._getGroup = function(t) {
+  var e = this._canvas, n, i;
+  "findRoot" in e ? (i = e.findRoot(t.element), n = e._findPlaneForRoot(i).layer) : n = mt(".viewport", e._svg);
+  var o = mt(".bts-animation-tokens", n);
+  return o || (o = Fe('<g class="bts-animation-tokens" />'), rn(
+    o,
+    n
+  )), o;
+};
+z.$inject = [
+  "config.animation",
+  "canvas",
+  "eventBus",
+  "scopeFilter"
+];
+function J(t, e, n, i) {
+  this.gfx = t, this.waypoints = e, this.done = i, this.randomize = n, this._paused = !0, this._t = 0, this._parts = [], this.create();
+}
+J.prototype.pause = function() {
+  this._paused = !0;
+};
+J.prototype.play = function() {
+  this._paused && (this._paused = !1, this.tick(0)), this.schedule();
+};
+J.prototype.schedule = function() {
+  if (this._paused || this._scheduled)
+    return;
+  const t = Date.now();
+  this._scheduled = !0, requestAnimationFrame(() => {
+    this._scheduled = !1, !this._paused && (this.tick((Date.now() - t) * this._speed), this.schedule());
+  });
+};
+J.prototype.tick = function(t) {
+  const e = this._t = this._t + t, n = this._parts.find(
+    (c) => c.startTime <= e && c.endTime > e
+  );
+  if (!n)
+    return this.completed();
+  const i = e - n.startTime, o = n.length * n.easing(i / n.duration), s = n.startLength + o, r = this._path.getPointAtLength(s);
+  this.move(r.x, r.y);
+};
+J.prototype.move = function(t, e) {
+  Be(this.gfx, "transform", `translate(${t}, ${e})`);
+};
+J.prototype.create = function() {
+  const t = this.waypoints, e = t.reduce((s, r, c) => {
+    const m = t[c - 1];
+    if (m) {
+      const u = s[s.length - 1], E = u && u.endLength || 0, S = fo(m, r);
+      s.push({
+        startLength: E,
+        endLength: E + S,
+        length: S,
+        easing: ro(c, t)
+      });
+    }
+    return s;
+  }, []), n = e.reduce(function(s, r) {
+    return s + r.length;
+  }, 0), i = t.reduce((s, r, c) => {
+    const m = r.x - Dt / 2, u = r.y - Dt / 2;
+    return s.push([c > 0 ? "L" : "M", m, u]), s;
+  }, []).flat().join(" "), o = ho(n, this._randomize);
+  this._parts = e.reduce((s, r, c) => {
+    const m = o / n * r.length, u = c > 0 ? s[c - 1].endTime : 0, E = u + m;
+    return [
+      ...s,
+      {
+        ...r,
+        startTime: u,
+        endTime: E,
+        duration: m
+      }
+    ];
+  }, []), this._path = Fe(`<path d="${i}" />`), this._t = 0;
+};
+J.prototype.show = function() {
+  Be(this.gfx, "display", "");
+};
+J.prototype.hide = function() {
+  Be(this.gfx, "display", "none");
+};
+J.prototype.completed = function() {
+  this.done();
+};
+J.prototype.remove = function() {
+  this.pause(), ti(this.gfx);
+};
+J.prototype.setSpeed = function(t) {
+  this._speed = t;
+};
+function ho(t, e = !1) {
+  return Math.log(t) * (e ? po(250, 300) : 250);
+}
+function po(t, e) {
+  return t + Math.floor(Math.random() * (e - t));
+}
+function fo(t, e) {
+  return Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2));
+}
+const mo = {
+  __depends__: [
+    $n,
+    no,
+    At
+  ],
+  animation: ["type", z]
+};
+var Nt = { exports: {} }, go = Nt.exports, tn;
+function vo() {
+  return tn || (tn = 1, (function(t, e) {
+    (function(n, i) {
+      {
+        var o = i();
+        t && t.exports && (e = t.exports = o), e.randomColor = o;
+      }
+    })(go, function() {
+      var n = null, i = {};
+      M();
+      var o = [], s = function(l) {
+        if (l = l || {}, l.seed !== void 0 && l.seed !== null && l.seed === parseInt(l.seed, 10))
+          n = l.seed;
+        else if (typeof l.seed == "string")
+          n = wt(l.seed);
+        else {
+          if (l.seed !== void 0 && l.seed !== null)
+            throw new TypeError("The seed value must be an integer or string");
+          n = null;
+        }
+        var f, h, g;
+        if (l.count !== null && l.count !== void 0) {
+          for (var y = l.count, F = [], B = 0; B < l.count; B++)
+            o.push(!1);
+          for (l.count = null; y > F.length; ) {
+            var Y = s(l);
+            n !== null && (l.seed = n), F.push(Y);
+          }
+          return l.count = y, F;
+        }
+        return f = r(l), h = c(f, l), g = m(f, h, l), u([f, h, g], l);
+      };
+      function r(l) {
+        if (o.length > 0) {
+          var f = Rt(l.hue), h = j(f), g = (f[1] - f[0]) / o.length, y = parseInt((h - f[0]) / g);
+          o[y] === !0 ? y = (y + 2) % o.length : o[y] = !0;
+          var F = (f[0] + y * g) % 359, B = (f[0] + (y + 1) * g) % 359;
+          return f = [F, B], h = j(f), h < 0 && (h = 360 + h), h;
+        } else {
+          var f = S(l.hue);
+          return h = j(f), h < 0 && (h = 360 + h), h;
+        }
+      }
+      function c(l, f) {
+        if (f.hue === "monochrome")
+          return 0;
+        if (f.luminosity === "random")
+          return j([0, 100]);
+        var h = D(l), g = h[0], y = h[1];
+        switch (f.luminosity) {
+          case "bright":
+            g = 55;
+            break;
+          case "dark":
+            g = y - 10;
+            break;
+          case "light":
+            y = 55;
+            break;
+        }
+        return j([g, y]);
+      }
+      function m(l, f, h) {
+        var g = E(l, f), y = 100;
+        switch (h.luminosity) {
+          case "dark":
+            y = g + 20;
+            break;
+          case "light":
+            g = (y + g) / 2;
+            break;
+          case "random":
+            g = 0, y = 100;
+            break;
+        }
+        return j([g, y]);
+      }
+      function u(l, f) {
+        switch (f.format) {
+          case "hsvArray":
+            return l;
+          case "hslArray":
+            return Pt(l);
+          case "hsl":
+            var h = Pt(l);
+            return "hsl(" + h[0] + ", " + h[1] + "%, " + h[2] + "%)";
+          case "hsla":
+            var g = Pt(l), B = f.alpha || Math.random();
+            return "hsla(" + g[0] + ", " + g[1] + "%, " + g[2] + "%, " + B + ")";
+          case "rgbArray":
+            return L(l);
+          case "rgb":
+            var y = L(l);
+            return "rgb(" + y.join(", ") + ")";
+          case "rgba":
+            var F = L(l), B = f.alpha || Math.random();
+            return "rgba(" + F.join(", ") + ", " + B + ")";
+          default:
+            return k(l);
+        }
+      }
+      function E(l, f) {
+        for (var h = G(l).lowerBounds, g = 0; g < h.length - 1; g++) {
+          var y = h[g][0], F = h[g][1], B = h[g + 1][0], Y = h[g + 1][1];
+          if (f >= y && f <= B) {
+            var U = (Y - F) / (B - y), P = F - U * y;
+            return U * f + P;
+          }
+        }
+        return 0;
+      }
+      function S(l) {
+        if (typeof parseInt(l) == "number") {
+          var f = parseInt(l);
+          if (f < 360 && f > 0)
+            return [f, f];
+        }
+        if (typeof l == "string") {
+          if (i[l]) {
+            var h = i[l];
+            if (h.hueRange)
+              return h.hueRange;
+          } else if (l.match(/^#?([0-9A-F]{3}|[0-9A-F]{6})$/i)) {
+            var g = Qt(l)[0];
+            return [g, g];
+          }
+        }
+        return [0, 360];
+      }
+      function D(l) {
+        return G(l).saturationRange;
+      }
+      function G(l) {
+        l >= 334 && l <= 360 && (l -= 360);
+        for (var f in i) {
+          var h = i[f];
+          if (h.hueRange && l >= h.hueRange[0] && l <= h.hueRange[1])
+            return i[f];
+        }
+        return "Color not found";
+      }
+      function j(l) {
+        if (n === null) {
+          var f = 0.618033988749895, h = Math.random();
+          return h += f, h %= 1, Math.floor(l[0] + h * (l[1] + 1 - l[0]));
+        } else {
+          var g = l[1] || 1, y = l[0] || 0;
+          n = (n * 9301 + 49297) % 233280;
+          var F = n / 233280;
+          return Math.floor(y + F * (g - y));
+        }
+      }
+      function k(l) {
+        var f = L(l);
+        function h(y) {
+          var F = y.toString(16);
+          return F.length == 1 ? "0" + F : F;
+        }
+        var g = "#" + h(f[0]) + h(f[1]) + h(f[2]);
+        return g;
+      }
+      function I(l, f, h) {
+        var g = h[0][0], y = h[h.length - 1][0], F = h[h.length - 1][1], B = h[0][1];
+        i[l] = {
+          hueRange: f,
+          lowerBounds: h,
+          saturationRange: [g, y],
+          brightnessRange: [F, B]
+        };
+      }
+      function M() {
+        I(
+          "monochrome",
+          null,
+          [[0, 0], [100, 0]]
+        ), I(
+          "red",
+          [-26, 18],
+          [[20, 100], [30, 92], [40, 89], [50, 85], [60, 78], [70, 70], [80, 60], [90, 55], [100, 50]]
+        ), I(
+          "orange",
+          [18, 46],
+          [[20, 100], [30, 93], [40, 88], [50, 86], [60, 85], [70, 70], [100, 70]]
+        ), I(
+          "yellow",
+          [46, 62],
+          [[25, 100], [40, 94], [50, 89], [60, 86], [70, 84], [80, 82], [90, 80], [100, 75]]
+        ), I(
+          "green",
+          [62, 178],
+          [[30, 100], [40, 90], [50, 85], [60, 81], [70, 74], [80, 64], [90, 50], [100, 40]]
+        ), I(
+          "blue",
+          [178, 257],
+          [[20, 100], [30, 86], [40, 80], [50, 74], [60, 60], [70, 52], [80, 44], [90, 39], [100, 35]]
+        ), I(
+          "purple",
+          [257, 282],
+          [[20, 100], [30, 87], [40, 79], [50, 70], [60, 65], [70, 59], [80, 52], [90, 45], [100, 42]]
+        ), I(
+          "pink",
+          [282, 334],
+          [[20, 100], [30, 90], [40, 86], [60, 84], [80, 80], [90, 75], [100, 73]]
+        );
+      }
+      function L(l) {
+        var f = l[0];
+        f === 0 && (f = 1), f === 360 && (f = 359), f = f / 360;
+        var h = l[1] / 100, g = l[2] / 100, y = Math.floor(f * 6), F = f * 6 - y, B = g * (1 - h), Y = g * (1 - F * h), U = g * (1 - (1 - F) * h), P = 256, Z = 256, R = 256;
+        switch (y) {
+          case 0:
+            P = g, Z = U, R = B;
+            break;
+          case 1:
+            P = Y, Z = g, R = B;
+            break;
+          case 2:
+            P = B, Z = g, R = U;
+            break;
+          case 3:
+            P = B, Z = Y, R = g;
+            break;
+          case 4:
+            P = U, Z = B, R = g;
+            break;
+          case 5:
+            P = g, Z = B, R = Y;
+            break;
+        }
+        var $t = [Math.floor(P * 255), Math.floor(Z * 255), Math.floor(R * 255)];
+        return $t;
+      }
+      function Qt(l) {
+        l = l.replace(/^#/, ""), l = l.length === 3 ? l.replace(/(.)/g, "$1$1") : l;
+        var f = parseInt(l.substr(0, 2), 16) / 255, h = parseInt(l.substr(2, 2), 16) / 255, g = parseInt(l.substr(4, 2), 16) / 255, y = Math.max(f, h, g), F = y - Math.min(f, h, g), B = y ? F / y : 0;
+        switch (y) {
+          case f:
+            return [60 * ((h - g) / F % 6) || 0, B, y];
+          case h:
+            return [60 * ((g - f) / F + 2) || 0, B, y];
+          case g:
+            return [60 * ((f - h) / F + 4) || 0, B, y];
+        }
+      }
+      function Pt(l) {
+        var f = l[0], h = l[1] / 100, g = l[2] / 100, y = (2 - h) * g;
+        return [
+          f,
+          Math.round(h * g / (y < 1 ? y : 2 - y) * 1e4) / 100,
+          y / 2 * 100
+        ];
+      }
+      function wt(l) {
+        for (var f = 0, h = 0; h !== l.length && !(f >= Number.MAX_SAFE_INTEGER); h++)
+          f += l.charCodeAt(h);
+        return f;
+      }
+      function Rt(l) {
+        if (isNaN(l)) {
+          if (typeof l == "string") {
+            if (i[l]) {
+              var h = i[l];
+              if (h.hueRange)
+                return h.hueRange;
+            } else if (l.match(/^#?([0-9A-F]{3}|[0-9A-F]{6})$/i)) {
+              var g = Qt(l)[0];
+              return G(g).hueRange;
+            }
+          }
+        } else {
+          var f = parseInt(l);
+          if (f < 360 && f > 0)
+            return G(l).hueRange;
+        }
+        return [0, 360];
+      }
+      return s;
+    });
+  })(Nt, Nt.exports)), Nt.exports;
+}
+var _o = vo();
+const yo = /* @__PURE__ */ oi(_o), bo = 1500;
+function Dn(t) {
+  const e = yo({
+    count: 60
+  }).filter((s) => n(s.substring(1)) < 200);
+  function n(s) {
+    var r = parseInt(s.substr(0, 2), 16), c = parseInt(s.substr(2, 2), 16), m = parseInt(s.substr(4, 2), 16), u = (r * 299 + c * 587 + m * 114) / 1e3;
+    return u;
+  }
+  let i = 0;
+  function o(s) {
+    const {
+      element: r
+    } = s;
+    if (r && r.type === "bpmn:MessageFlow")
+      return {
+        primary: "#999",
+        auxiliary: "#FFF"
+      };
+    if (s.parent)
+      return s.parent.colors;
+    const c = e[i++ % e.length];
+    return {
+      primary: c,
+      auxiliary: n(c) >= 128 ? "#111" : "#fff"
+    };
+  }
+  t.on(vt, bo, (s) => {
+    const {
+      scope: r
+    } = s;
+    r.colors = o(r);
+  });
+}
+Dn.$inject = [
+  "eventBus"
+];
+const Eo = {
+  __init__: [
+    "coloredScopes"
+  ],
+  coloredScopes: ["type", Dn]
+};
+function Ne(t) {
+  this._exclusiveGatewaySettings = t;
+}
+Ne.prototype.createContextPads = function(t) {
+  if (t.outgoing.filter(function(o) {
+    return p(o, "bpmn:SequenceFlow");
+  }).length < 2)
+    return;
+  const n = `
+    <button class="bts-context-pad" title="Set Sequence Flow">
+      ${mn()}
+    </button>
+  `;
+  return [
+    {
+      action: () => {
+        this._exclusiveGatewaySettings.setSequenceFlow(t);
+      },
+      element: t,
+      html: n
+    }
+  ];
+};
+Ne.$inject = [
+  "exclusiveGatewaySettings"
+];
+function De(t) {
+  this._inclusiveGatewaySettings = t;
+}
+De.prototype.createContextPads = function(t) {
+  const e = t.outgoing.filter(rt);
+  if (e.length < 2)
+    return;
+  const n = e.filter((o) => {
+    const s = H(o);
+    return H(t).default !== s;
+  }), i = `
+    <button class="bts-context-pad" title="Set Sequence Flow">
+      ${mn()}
+    </button>
+  `;
+  return n.map((o) => ({
+    action: () => {
+      this._inclusiveGatewaySettings.toggleSequenceFlow(t, o);
+    },
+    element: o,
+    html: i
+  }));
+};
+De.$inject = [
+  "inclusiveGatewaySettings"
+];
+function Et(t) {
+  this._simulator = t;
+}
+Et.prototype.createContextPads = function(t) {
+  return p(t, "bpmn:ReceiveTask") || p(t, "bpmn:SubProcess") && H(t).triggeredByEvent ? [] : [
+    this.createPauseContextPad(t)
+  ];
+};
+Et.prototype.createPauseContextPad = function(t) {
+  const e = () => this._findSubscriptions({
+    element: t
+  }), n = this._isPaused(t), i = `
+    <button class="bts-context-pad ${n ? "" : "show-hover"}" title="${n ? "Remove" : "Add"} pause point">
+      ${(n ? wi : Ee)("show-hover")}
+      ${Ee("hide-hover")}
+    </button>
+  `;
+  return {
+    action: () => {
+      this._togglePaused(t);
+    },
+    element: t,
+    hideContexts: e,
+    html: i
+  };
+};
+Et.prototype._isPaused = function(t) {
+  const {
+    wait: e
+  } = this._simulator.getConfig(t);
+  return e;
+};
+Et.prototype._togglePaused = function(t) {
+  const e = !this._isPaused(t);
+  this._simulator.waitAtElement(t, e);
+};
+Et.prototype._findSubscriptions = function(t) {
+  return this._simulator.findSubscriptions(t);
+};
+Et.$inject = [
+  "simulator"
+];
+function gt(t) {
+  this._simulator = t;
+}
+gt.$inject = [
+  "simulator"
+];
+gt.prototype.createContextPads = function(t) {
+  return [
+    this.createTriggerContextPad(t)
+  ];
+};
+gt.prototype.createTriggerContextPad = function(t) {
+  const e = () => this._findSubscriptions({
+    element: t
+  }).slice().sort((r, c) => r.event.type === "none" ? 1 : -1), n = `
+    <button class="bts-context-pad" title="Trigger Event">
+      ${vn()}
+    </button>
+  `;
+  return {
+    action: (o) => {
+      const {
+        event: s,
+        scope: r
+      } = o[0];
+      return this._simulator.trigger({
+        event: s,
+        scope: r
+      });
+    },
+    element: t,
+    html: n,
+    contexts: e
+  };
+};
+gt.prototype._findSubscriptions = function(t) {
+  return this._simulator.findSubscriptions(t);
+};
+const te = 500, So = -15, wo = -15;
+function X(t, e, n, i, o, s) {
+  this._elementRegistry = e, this._overlays = n, this._injector = i, this._canvas = o, this._scopeFilter = s, this._active = !1, this._overlayCache = /* @__PURE__ */ new Map(), this._handlerIdx = 0, this._handlers = [], this.registerHandler("bpmn:ExclusiveGateway", Ne), this.registerHandler("bpmn:InclusiveGateway", De), this.registerHandler("bpmn:Activity", Et), this.registerHandler("bpmn:Event", gt), this.registerHandler("bpmn:Gateway", gt), this.registerHandler("bpmn:Activity", gt), t.on(N, te, (r) => {
+    this._active = r.active, this._active ? this.openContextPads() : this.closeContextPads();
+  }), t.on(tt, te, () => {
+    this.closeContextPads(), this.openContextPads();
+  }), t.on("root.set", te, () => {
+    this._active ? this.openContextPads() : this.closeContextPads();
+  }), t.on(Bt, (r) => {
+    const c = Tt(
+      ".djs-overlay-bts-context-menu [data-scope-ids]",
+      n._overlayRoot
+    );
+    for (const u of c) {
+      const S = u.dataset.scopeIds.split(",").some((D) => s.isShown(D));
+      T(u).toggle("hidden", !S);
+    }
+    const m = Tt(
+      ".djs-overlay-bts-context-menu [data-hide-scope-ids]",
+      n._overlayRoot
+    );
+    for (const u of m) {
+      const S = u.dataset.hideScopeIds.split(",").some((D) => s.isShown(D));
+      T(u).toggle("hidden", S);
+    }
+  }), t.on(pn, te, (r) => {
+    const {
+      element: c
+    } = r;
+    this.updateElementContextPads(c);
+  });
+}
+X.prototype.registerHandler = function(t, e) {
+  const n = this._injector.instantiate(e);
+  n.hash = String(this._handlerIdx++), this._handlers.push({ handler: n, type: t });
+};
+X.prototype.getHandlers = function(t) {
+  return this._handlers.filter(
+    ({ type: e }) => p(t, e)
+  ).map(
+    ({ handler: e }) => e
+  );
+};
+X.prototype.openContextPads = function(t) {
+  t || (t = this._canvas.getRootElement()), this._elementRegistry.forEach((e) => {
+    Co(t, e) && !ei(e) && this.updateElementContextPads(e);
+  });
+};
+X.prototype._getOverlays = function(t) {
+  return this._overlayCache.get(t) || [];
+};
+X.prototype._addOverlay = function(t, e) {
+  const {
+    handlerHash: n
+  } = e;
+  if (!n)
+    throw new Error("<handlerHash> required");
+  const i = this._overlays.add(t, "bts-context-menu", {
+    ...e,
+    position: {
+      top: So,
+      left: wo
+    },
+    show: {
+      minZoom: 0.5
+    }
+  }), o = this._overlays.get(i), s = this._overlayCache;
+  s.has(n) || s.set(n, []), s.get(n).push(o);
+};
+X.prototype._removeOverlay = function(t) {
+  const {
+    id: e,
+    handlerHash: n
+  } = t;
+  this._overlays.remove(e);
+  const i = this._overlayCache.get(n) || [], o = i.indexOf(t);
+  o !== -1 && i.splice(o, 1);
+};
+X.prototype.updateElementContextPads = function(t) {
+  for (const e of this.getHandlers(t))
+    this._updateElementContextPads(t, e);
+};
+X.prototype._updateElementContextPads = function(t, e) {
+  const n = this._canvas, i = (e.createContextPads(t) || []).filter((c) => c), o = `${t.id}------${e.hash}`, s = this._getOverlays(o), r = [];
+  for (const c of i) {
+    const {
+      element: m,
+      contexts: u,
+      hideContexts: E,
+      action: S,
+      html: D
+    } = c, G = `${c.element.id}-------${D}`;
+    let j = s.find(
+      (I) => I.hash === G
+    );
+    const k = j && j.html || O(D);
+    if (u) {
+      const I = u();
+      k.dataset.scopeIds = I.map((L) => L.scope.id).join(",");
+      const M = I.filter((L) => this._scopeFilter.isShown(L.scope));
+      T(k).toggle("hidden", M.length === 0);
+    }
+    if (E) {
+      const I = E();
+      k.dataset.hideScopeIds = I.map((L) => L.scope.id).join(",");
+      const M = I.filter((L) => this._scopeFilter.isShown(L.scope));
+      T(k).toggle("hidden", M.length > 0);
+    }
+    if (j) {
+      r.push(j);
+      continue;
+    }
+    if (S) {
+      const I = () => {
+        const M = u ? u().filter((L) => this._scopeFilter.isShown(L.scope)) : null;
+        S(M);
+      };
+      W.bind(k, "click", (M) => {
+        M.preventDefault(), I(), "focus" in n && n.focus();
+      }), W.bind(k, "keydown", (M) => {
+        To(M) && (M.preventDefault(), I());
+      });
+    }
+    this._addOverlay(m, {
+      hash: G,
+      handlerHash: o,
+      html: k
+    });
+  }
+  for (const c of s)
+    r.includes(c) || this._removeOverlay(c);
+};
+X.prototype.closeContextPads = function() {
+  for (const t of this._overlayCache.values())
+    for (const e of t)
+      this._closeOverlay(e);
+  this._overlayCache.clear();
+};
+X.prototype._closeOverlay = function(t) {
+  this._overlays.remove(t.id);
+};
+X.$inject = [
+  "eventBus",
+  "elementRegistry",
+  "overlays",
+  "injector",
+  "canvas",
+  "scopeFilter"
+];
+function Co(t, e) {
+  do {
+    if (t === e)
+      return !0;
+    e = e.parent;
+  } while (e);
+  return !1;
+}
+function To(t) {
+  return ["Enter", " ", "Spacebar"].includes(t.key);
+}
+const Io = {
+  __depends__: [
+    At
+  ],
+  __init__: [
+    "contextPads"
+  ],
+  contextPads: ["type", X]
+};
+function Gn(t, e, n) {
+  t.on(Gt, (i) => {
+    const {
+      scope: o
+    } = i, {
+      destroyInitiator: s,
+      element: r
+    } = o;
+    !o.completed || !s || ![
+      "bpmn:Process",
+      "bpmn:Participant"
+    ].includes(r.type) || n.addElementNotification(s.element, {
+      type: "success",
+      icon: be(),
+      text: "Finished",
+      scope: o
+    });
+  });
+}
+Gn.$inject = [
+  "eventBus",
+  "simulator",
+  "elementNotifications"
+];
+const Fo = -15, Bo = 15;
+function Jt(t, e) {
+  this._overlays = t, e.on([
+    tt,
+    vt,
+    N
+  ], () => {
+    this.clear();
+  });
+}
+Jt.prototype.addElementNotification = function(t, e) {
+  const n = {
+    top: Fo,
+    right: Bo
+  }, {
+    type: i,
+    icon: o,
+    text: s,
+    scope: r = {}
+  } = e, c = r.colors, m = c ? `style="color: ${c.auxiliary}; background: ${c.primary}"` : "", u = O(`
+    <div class="bts-element-notification ${i || ""}" ${m}>
+      ${o || ""}
+      <span class="bts-text">${s}</span>
+    </div>
+  `);
+  this._overlays.add(t, "bts-element-notification", {
+    position: n,
+    html: u,
+    show: {
+      minZoom: 0.5
+    }
+  });
+};
+Jt.prototype.clear = function() {
+  this._overlays.remove({ type: "bts-element-notification" });
+};
+Jt.prototype.removeElementNotification = function(t) {
+  this._overlays.remove({ element: t });
+};
+Jt.$inject = ["overlays", "eventBus"];
+const jn = {
+  elementNotifications: ["type", Jt]
+}, xo = 2e3, ko = gn();
+function Xt(t, e, n) {
+  this._eventBus = t, this._canvas = e, this._scopeFilter = n, this._init(), t.on([
+    N,
+    tt
+  ], (i) => {
+    this.clear();
+  });
+}
+Xt.prototype._init = function() {
+  this.container = O('<div class="bts-notifications"></div>'), this._canvas.getContainer().appendChild(this.container);
+};
+Xt.prototype.showNotification = function(t) {
+  const {
+    text: e,
+    type: n = "info",
+    icon: i = ko,
+    scope: o,
+    ttl: s = xo
+  } = t;
+  if (o && !this._scopeFilter.isShown(o))
+    return;
+  const r = i.startsWith("<") ? i : `<i class="${i}"></i>`, c = o && o.colors, m = c ? `style="color: ${c.auxiliary}; background: ${c.primary}"` : "", u = O(`
+    <div class="bts-notification ${n}">
+      <span class="bts-icon">${r}</span>
+      <span class="bts-text" title="${e}">${e}</span>
+      ${o ? `<span class="bts-scope" ${m}>${o.id}</span>` : ""}
+    </div>
+  `);
+  for (this.container.appendChild(u); this.container.children.length > 5; )
+    this.container.children[0].remove();
+  setTimeout(function() {
+    u.remove();
+  }, s);
+};
+Xt.prototype.clear = function() {
+  for (; this.container.children.length; )
+    this.container.children[0].remove();
+};
+Xt.$inject = [
+  "eventBus",
+  "canvas",
+  "scopeFilter"
+];
+const Kt = {
+  __depends__: [
+    At
+  ],
+  notifications: ["type", Xt]
+}, Ao = {
+  __depends__: [
+    jn,
+    Kt
+  ],
+  __init__: [
+    "simulationState"
+  ],
+  simulationState: ["type", Gn]
+}, Mo = "--token-simulation-silver-base-97", Lo = "--token-simulation-green-base-44", Hn = "show-scopes", Po = 3e3;
+function K(t, e, n, i, o) {
+  this._eventBus = t, this._canvas = e, this._scopeFilter = n, this._elementColors = i, this._simulationStyles = o, this._highlight = null, this._init(), t.on(N, (s) => {
+    s.active ? T(this._container).remove("hidden") : (T(this._container).add("hidden"), ni(this._container), this.unhighlightScope());
+  }), t.on(Bt, (s) => {
+    const r = this.getScopeElements();
+    for (const c of r) {
+      const m = c.dataset.scopeId;
+      T(c).toggle("inactive", !this._scopeFilter.isShown(m)), T(c).toggle("focussed", this._scopeFilter.isFocused(m)), c.setAttribute("aria-pressed", String(this._scopeFilter.isFocused(m)));
+    }
+  }), t.on(vt, (s) => {
+    this.addScope(s.scope);
+  }), t.on(Gt, (s) => {
+    this.removeScope(s.scope);
+  }), t.on(ri, (s) => {
+    this.updateScope(s.scope);
+  }), t.on(tt, () => {
+    this.removeAllInstances();
+  });
+}
+K.prototype._init = function() {
+  this._container = O('<div class="bts-scopes hidden"></div>'), this._canvas.getContainer().appendChild(this._container);
+};
+K.prototype.addScope = function(t) {
+  const e = [
+    "bpmn:Process",
+    "bpmn:SubProcess",
+    "bpmn:Participant"
+  ], {
+    element: n
+  } = t;
+  if (!It(n, e))
+    return;
+  const i = t.colors, o = i ? `style="color: ${i.auxiliary}; background: ${i.primary}; --scope-color: ${i.primary}"` : "", s = O(`
+    <button data-scope-id="${t.id}" class="bts-scope"
+         aria-pressed="false"
+         title="Focus process instance ${t.id}" ${o}>
+      ${t.getTokens()}
+    </button>
+  `);
+  W.bind(s, "click", () => {
+    this._scopeFilter.toggle(t);
+  }), W.bind(s, "mouseenter", () => {
+    this.highlightScope(n);
+  }), W.bind(s, "mouseleave", () => {
+    this.unhighlightScope();
+  }), this._scopeFilter.isShown(t) || T(s).add("inactive"), T(s).toggle("focussed", this._scopeFilter.isFocused(t)), s.setAttribute("aria-pressed", String(this._scopeFilter.isFocused(t))), this._container.appendChild(s);
+};
+K.prototype.getScopeElements = function() {
+  return Tt("[data-scope-id]", this._container);
+};
+K.prototype.getScopeElement = function(t) {
+  return mt(`[data-scope-id="${t.id}"]`, this._container);
+};
+K.prototype.updateScope = function(t) {
+  const e = this.getScopeElement(t);
+  e && (e.textContent = t.getTokens());
+};
+K.prototype.removeScope = function(t) {
+  const e = this.getScopeElement(t);
+  e && e.remove();
+};
+K.prototype.removeAllInstances = function() {
+  this._container.innerHTML = "";
+};
+K.prototype.highlightScope = function(t) {
+  this.unhighlightScope(), this._highlight = t, this._elementColors.add(t, Hn, this._getHighlightColors(), Po), t.parent || T(this._canvas.getContainer()).add("highlight");
+};
+K.prototype.unhighlightScope = function() {
+  if (!this._highlight)
+    return;
+  const t = this._highlight;
+  this._elementColors.remove(t, Hn), t.parent || T(this._canvas.getContainer()).remove("highlight"), this._highlight = null;
+};
+K.prototype._getHighlightColors = function() {
+  return {
+    fill: this._simulationStyles.get(Mo),
+    stroke: this._simulationStyles.get(Lo)
+  };
+};
+K.$inject = [
+  "eventBus",
+  "canvas",
+  "scopeFilter",
+  "elementColors",
+  "simulationStyles"
+];
+function fe() {
+  this._cache = {};
+}
+fe.$inject = [];
+fe.prototype.get = function(t) {
+  const e = this._cache[t];
+  return e || (this._computedStyle || (this._computedStyle = this._getComputedStyle()), this._cache[t] = this._computedStyle.getPropertyValue(t).trim());
+};
+fe.prototype._getComputedStyle = function() {
+  const t = typeof getComputedStyle == "function" ? getComputedStyle : Ro, e = typeof document < "u" ? document.documentElement : {};
+  return t(e);
+};
+function Ro() {
+  return {
+    getPropertyValue() {
+      return "";
+    }
+  };
+}
+const me = {
+  simulationStyles: ["type", fe]
+}, $o = {
+  __depends__: [
+    At,
+    me
+  ],
+  __init__: [
+    "showScopes"
+  ],
+  showScopes: ["type", K]
+}, Oo = gn();
+function _e(t) {
+  const e = t && t.businessObject.name;
+  return e && ii(e);
+}
+function ye(t, e) {
+  const n = Te(t);
+  return n === "none" ? "bpmn-icon-intermediate-event-none" : `bpmn-icon-intermediate-event-${e}-${n}`;
+}
+function Te(t) {
+  const e = H(t);
+  if (e.get("eventDefinitions").length === 0)
+    return "none";
+  const n = e.eventDefinitions[0];
+  return p(n, "bpmn:MessageEventDefinition") ? "message" : p(n, "bpmn:TimerEventDefinition") ? "timer" : p(n, "bpmn:SignalEventDefinition") ? "signal" : p(n, "bpmn:ErrorEventDefinition") ? "error" : p(n, "bpmn:EscalationEventDefinition") ? "escalation" : p(n, "bpmn:CompensateEventDefinition") ? "compensation" : p(n, "bpmn:ConditionalEventDefinition") ? "condition" : p(n, "bpmn:LinkEventDefinition") ? "link" : p(n, "bpmn:CancelEventDefinition") ? "cancel" : p(n, "bpmn:TerminateEventDefinition") ? "terminate" : "none";
+}
+function St(t, e, n, i, o, s) {
+  this._notifications = e, this._tokenSimulationPalette = n, this._canvas = i, this._scopeFilter = o, this._init(), t.on(Bt, (r) => {
+    const c = Tt(".bts-entry[data-scope-id]", this._container);
+    for (const m of c) {
+      const u = m.dataset.scopeId;
+      T(m).toggle("inactive", !this._scopeFilter.isShown(u));
+    }
+  }), t.on(Gt, (r) => {
+    const {
+      scope: c
+    } = r, {
+      element: m
+    } = c, u = c.completed;
+    if (!It(m, [
+      "bpmn:Process",
+      "bpmn:Participant",
+      "bpmn:SubProcess"
+    ]))
+      return;
+    const D = `${p(m, "bpmn:SubProcess") ? _e(m) || "SubProcess" : "Process"} ${u ? "finished" : "canceled"}`;
+    this.log({
+      text: D,
+      icon: u ? be() : Ii(),
+      scope: c
+    });
+  }), t.on(vt, (r) => {
+    const {
+      scope: c
+    } = r, {
+      element: m
+    } = c;
+    if (!It(m, [
+      "bpmn:Process",
+      "bpmn:Participant",
+      "bpmn:SubProcess"
+    ]))
+      return;
+    const S = `${p(m, "bpmn:SubProcess") ? _e(m) || "SubProcess" : "Process"} started`;
+    this.log({
+      text: S,
+      icon: be(),
+      scope: c
+    });
+  }), t.on(fn, (r) => {
+    const {
+      action: c,
+      scope: m,
+      element: u
+    } = r;
+    if (c !== "exit")
+      return;
+    const E = m.parent, S = _e(u);
+    if (p(u, "bpmn:ServiceTask"))
+      return this.log({
+        text: S || "Service Task",
+        icon: "bpmn-icon-service",
+        scope: E
+      });
+    if (p(u, "bpmn:UserTask"))
+      return this.log({
+        text: S || "User Task",
+        icon: "bpmn-icon-user",
+        scope: E
+      });
+    if (p(u, "bpmn:CallActivity"))
+      return this.log({
+        text: S || "Call Activity",
+        icon: "bpmn-icon-call-activity",
+        scope: E
+      });
+    if (p(u, "bpmn:ScriptTask"))
+      return this.log({
+        text: S || "Script Task",
+        icon: "bpmn-icon-script",
+        scope: E
+      });
+    if (p(u, "bpmn:BusinessRuleTask"))
+      return this.log({
+        text: S || "Business Rule Task",
+        icon: "bpmn-icon-business-rule",
+        scope: E
+      });
+    if (p(u, "bpmn:ManualTask"))
+      return this.log({
+        text: S || "Manual Task",
+        icon: "bpmn-icon-manual-task",
+        scope: E
+      });
+    if (p(u, "bpmn:ReceiveTask"))
+      return this.log({
+        text: S || "Receive Task",
+        icon: "bpmn-icon-receive",
+        scope: E
+      });
+    if (p(u, "bpmn:SendTask"))
+      return this.log({
+        text: S || "Send Task",
+        icon: "bpmn-icon-send",
+        scope: E
+      });
+    if (p(u, "bpmn:Task"))
+      return this.log({
+        text: S || "Task",
+        icon: "bpmn-icon-task",
+        scope: E
+      });
+    if (p(u, "bpmn:ExclusiveGateway"))
+      return this.log({
+        text: S || "Exclusive Gateway",
+        icon: "bpmn-icon-gateway-xor",
+        scope: E
+      });
+    if (p(u, "bpmn:ParallelGateway"))
+      return this.log({
+        text: S || "Parallel Gateway",
+        icon: "bpmn-icon-gateway-parallel",
+        scope: E
+      });
+    if (p(u, "bpmn:InclusiveGateway"))
+      return this.log({
+        text: S || "Inclusive Gateway",
+        icon: "bpmn-icon-gateway-or",
+        scope: E
+      });
+    if (p(u, "bpmn:StartEvent"))
+      return this.log({
+        text: S || "Start Event",
+        icon: `bpmn-icon-start-event-${Te(u)}`,
+        scope: E
+      });
+    if (p(u, "bpmn:IntermediateCatchEvent"))
+      return this.log({
+        text: S || "Intermediate Event",
+        icon: ye(u, "catch"),
+        scope: E
+      });
+    if (p(u, "bpmn:IntermediateThrowEvent"))
+      return this.log({
+        text: S || "Intermediate Event",
+        icon: ye(u, "throw"),
+        scope: E
+      });
+    if (p(u, "bpmn:BoundaryEvent"))
+      return this.log({
+        text: S || "Boundary Event",
+        icon: ye(u, "catch"),
+        scope: E
+      });
+    if (p(u, "bpmn:EndEvent"))
+      return this.log({
+        text: S || "End Event",
+        icon: `bpmn-icon-end-event-${Te(u)}`,
+        scope: E
+      });
+  }), t.on([
+    N,
+    tt
+  ], (r) => {
+    this.clear(), this.toggle(!1);
+  });
+}
+St.prototype._init = function() {
+  this._container = O(`
+    <div class="bts-log hidden djs-scrollable">
+      <div class="bts-header">
+        ${Je("bts-log-icon")}
+        Simulation Log
+        <button class="bts-close" aria-label="Close">
+          ${Fi()}
+        </button>
+      </div>
+      <div class="bts-content">
+        <p class="bts-entry placeholder">No Entries</p>
+      </div>
+    </div>
+  `), this._placeholder = mt(".bts-placeholder", this._container), this._content = mt(".bts-content", this._container), W.bind(this._content, "mousedown", (t) => {
+    t.stopPropagation();
+  }), this._close = mt(".bts-close", this._container), W.bind(this._close, "click", () => {
+    this.toggle(!1);
+  }), this._icon = mt(".bts-log-icon", this._container), W.bind(this._icon, "click", () => {
+    this.toggle();
+  }), this._canvas.getContainer().appendChild(this._container), this.paletteEntry = O(`
+    <button class="bts-entry" title="Toggle Simulation Log">
+      ${Je()}
+    </button>
+  `), W.bind(this.paletteEntry, "click", () => {
+    this.toggle();
+  }), this._tokenSimulationPalette.addEntry(this.paletteEntry, 3);
+};
+St.prototype.isShown = function() {
+  const t = this._container;
+  return !T(t).has("hidden");
+};
+St.prototype.toggle = function(t = !this.isShown()) {
+  const e = this._container;
+  t ? T(e).remove("hidden") : T(e).add("hidden");
+};
+St.prototype.log = function(t) {
+  const {
+    text: e,
+    type: n = "info",
+    icon: i = Oo,
+    scope: o
+  } = t, s = this._content;
+  T(this._placeholder).add("hidden"), this.isShown() || this._notifications.showNotification(t);
+  const r = i.startsWith("<") ? i : `<i class="${i}"></i>`, c = o && o.colors, m = c ? `style="background: ${c.primary}; color: ${c.auxiliary}"` : "", u = O(`
+    <p class="bts-entry ${n} ${o && this._scopeFilter.isShown(o) ? "" : "inactive"}" ${o ? `data-scope-id="${o.id}"` : ""}>
+      <span class="bts-icon">${r}</span>
+      <span class="bts-text" title="${e}">${e}</span>
+      ${o ? `<span class="bts-scope" data-scope-id="${o.id}" ${m}>${o.id}</span>` : ""}
+    </p>
+  `);
+  an.bind(u, ".bts-scope[data-scope-id]", "click", (S) => {
+    this._scopeFilter.toggle(o);
+  });
+  const E = Math.abs(s.clientHeight + s.scrollTop - s.scrollHeight) < 2;
+  s.appendChild(u), E && (s.scrollTop = s.scrollHeight);
+};
+St.prototype.clear = function() {
+  for (; this._content.firstChild; )
+    this._content.removeChild(this._content.firstChild);
+  this._placeholder = O('<p class="bts-entry placeholder">No Entries</p>'), this._content.appendChild(this._placeholder);
+};
+St.$inject = [
+  "eventBus",
+  "notifications",
+  "tokenSimulationPalette",
+  "canvas",
+  "scopeFilter",
+  "simulator"
+];
+const No = {
+  __depends__: [
+    Kt,
+    At
+  ],
+  __init__: [
+    "log"
+  ],
+  log: ["type", St]
+}, Do = [
+  "bpmn:ComplexGateway"
+];
+function Go(t) {
+  return t.labelTarget;
+}
+function Mt(t, e, n, i, o) {
+  this._eventBus = t, this._elementRegistry = e, this._elementNotifications = o, this._notifications = i, this._canvasParent = n.getContainer().parentNode, t.on(N, (s) => {
+    s.active ? this.enable() : this.clear();
+  });
+}
+Mt.prototype.getUnsupportedElements = function() {
+  return this._unsupportedElements;
+};
+Mt.prototype.enable = function() {
+  const t = [];
+  this._elementRegistry.forEach((e) => {
+    Go(e) || It(e, Do) && (this.showWarning(e), t.push(e));
+  }), t.length && this._notifications.showNotification({
+    text: "Found unsupported elements",
+    icon: dn(),
+    type: "warning",
+    ttl: 5e3
+  }), this._unsupportedElements = t;
+};
+Mt.prototype.clear = function() {
+  T(this._canvasParent).remove("warning");
+};
+Mt.prototype.showWarning = function(t) {
+  this._elementNotifications.addElementNotification(t, {
+    type: "warning",
+    icon: dn(),
+    text: "Not supported"
+  });
+};
+Mt.$inject = [
+  "eventBus",
+  "elementRegistry",
+  "canvas",
+  "notifications",
+  "elementNotifications"
+];
+const jo = {
+  __depends__: [
+    jn,
+    Kt
+  ],
+  __init__: ["elementSupport"],
+  elementSupport: ["type", Mt]
+}, Vn = vn(), Ho = Ee(), en = 1500;
+function lt(t, e, n, i) {
+  this._eventBus = t, this._tokenSimulationPalette = e, this._notifications = n, this.canvasParent = i.getContainer().parentNode, this.isActive = !1, this.isPaused = !0, this._init(), t.on(vt, en, (o) => {
+    this.activate(), this.unpause();
+  }), t.on([
+    tt,
+    N
+  ], () => {
+    this.deactivate(), this.pause();
+  }), t.on(fn, en, (o) => {
+    this.unpause();
+  });
+}
+lt.prototype._init = function() {
+  this.paletteEntry = O(`
+    <button class="bts-entry disabled" title="Play/Pause Simulation" disabled>
+      ${Vn}
+    </button>
+  `), W.bind(this.paletteEntry, "click", this.toggle.bind(this)), this._tokenSimulationPalette.addEntry(this.paletteEntry, 1);
+};
+lt.prototype.toggle = function() {
+  this.isPaused ? this.unpause() : this.pause();
+};
+lt.prototype.pause = function() {
+  this.isActive && (T(this.paletteEntry).remove("active"), T(this.canvasParent).add("paused"), this.paletteEntry.innerHTML = Vn, this._eventBus.fire(un), this._notifications.showNotification({
+    text: "Pause Simulation"
+  }), this.isPaused = !0);
+};
+lt.prototype.unpause = function() {
+  !this.isActive || !this.isPaused || (T(this.paletteEntry).add("active"), T(this.canvasParent).remove("paused"), this.paletteEntry.innerHTML = Ho, this._eventBus.fire(ln), this._notifications.showNotification({
+    text: "Play Simulation"
+  }), this.isPaused = !1);
+};
+lt.prototype.activate = function() {
+  this.isActive = !0, T(this.paletteEntry).remove("disabled"), this.paletteEntry.removeAttribute("disabled");
+};
+lt.prototype.deactivate = function() {
+  this.isActive = !1, T(this.paletteEntry).remove("active"), T(this.paletteEntry).add("disabled"), this.paletteEntry.setAttribute("disabled", "");
+};
+lt.$inject = [
+  "eventBus",
+  "tokenSimulationPalette",
+  "notifications",
+  "canvas"
+];
+const Vo = {
+  __depends__: [
+    Kt
+  ],
+  __init__: [
+    "pauseSimulation"
+  ],
+  pauseSimulation: ["type", lt]
+};
+function de(t, e, n) {
+  this._eventBus = t, this._tokenSimulationPalette = e, this._notifications = n, this._init(), t.on(vt, () => {
+    T(this._paletteEntry).remove("disabled"), this._paletteEntry.removeAttribute("disabled");
+  }), t.on(N, (i) => {
+    (this._active = i.active) || this.resetSimulation();
+  });
+}
+de.prototype._init = function() {
+  this._paletteEntry = O(`
+    <button class="bts-entry disabled" title="Reset Simulation" disabled>
+      ${Ci()}
+    </button>
+  `), W.bind(this._paletteEntry, "click", () => {
+    this.resetSimulation(), this._notifications.showNotification({
+      text: "Reset Simulation",
+      type: "info"
+    });
+  }), this._tokenSimulationPalette.addEntry(this._paletteEntry, 2);
+};
+de.prototype.resetSimulation = function() {
+  T(this._paletteEntry).add("disabled"), this._paletteEntry.setAttribute("disabled", ""), this._eventBus.fire(tt);
+};
+de.$inject = [
+  "eventBus",
+  "tokenSimulationPalette",
+  "notifications"
+];
+const zo = {
+  __depends__: [
+    Kt
+  ],
+  __init__: [
+    "resetSimulation"
+  ],
+  resetSimulation: ["type", de]
+}, qo = 10, Yo = -15, Uo = 500, Wo = "--token-simulation-green-base-44", Jo = "--token-simulation-white";
+function ut(t, e, n, i, o) {
+  this._overlays = e, this._scopeFilter = i, this._simulator = n, this._simulationStyles = o, this.overlayIds = {}, t.on(pn, Uo, (s) => {
+    const {
+      element: r
+    } = s;
+    this.removeTokenCounts(r), this.addTokenCounts(r);
+  }), t.on(Bt, (s) => {
+    const r = Tt(".bts-token-count[data-scope-id]", e._overlayRoot);
+    for (const c of r) {
+      const m = c.dataset.scopeId;
+      T(c).toggle("inactive", !this._scopeFilter.isShown(m));
+    }
+  });
+}
+ut.prototype.addTokenCounts = function(t) {
+  if (p(t, "bpmn:MessageFlow") || p(t, "bpmn:SequenceFlow"))
+    return;
+  const e = this._simulator.findScopes((n) => !n.destroyed && n.children.some((i) => !i.destroyed && i.element === t));
+  this.addTokenCount(t, e);
+};
+ut.prototype.addTokenCount = function(t, e) {
+  if (!e.length)
+    return;
+  const n = e.map((r) => this._getTokenHTML(t, r)).join(""), i = O(`
+    <div class="bts-token-count-parent">
+      ${n}
+    </div>
+  `), o = { bottom: qo, left: Yo }, s = this._overlays.add(t, "bts-token-count", {
+    position: o,
+    html: i,
+    show: {
+      minZoom: 0.5
+    }
+  });
+  this.overlayIds[t.id] = s;
+};
+ut.prototype.removeTokenCounts = function(t) {
+  this.removeTokenCount(t);
+};
+ut.prototype.removeTokenCount = function(t) {
+  const e = this.overlayIds[t.id];
+  e && (this._overlays.remove(e), delete this.overlayIds[t.id]);
+};
+ut.prototype._getTokenHTML = function(t, e) {
+  const n = e.colors || this._getDefaultColors();
+  return `
+    <div data-scope-id="${e.id}" class="bts-token-count waiting ${this._scopeFilter.isShown(e) ? "" : "inactive"}"
+         style="color: ${n.auxiliary}; background: ${n.primary}">
+      ${e.getTokensByElement(t)}
+    </div>
+  `;
+};
+ut.prototype._getDefaultColors = function() {
+  return {
+    primary: this._simulationStyles.get(Wo),
+    auxiliary: this._simuationStyles.get(Jo)
+  };
+};
+ut.$inject = [
+  "eventBus",
+  "overlays",
+  "simulator",
+  "scopeFilter",
+  "simulationStyles"
+];
+const Xo = {
+  __depends__: [
+    At,
+    me
+  ],
+  __init__: [
+    "tokenCount"
+  ],
+  tokenCount: ["type", ut]
+}, Ko = [
+  ["Slow", 0.5],
+  ["Normal", 1],
+  ["Fast", 2]
+];
+function Zt(t, e, n) {
+  this._canvas = t, this._animation = e, this._eventBus = n, this._init(e.getAnimationSpeed()), n.on(N, (i) => {
+    i.active ? T(this._container).remove("hidden") : T(this._container).add("hidden");
+  }), n.on(hn, (i) => {
+    this.setActive(i.speed);
+  });
+}
+Zt.prototype.getToggleSpeed = function(t) {
+  return parseFloat(t.dataset.speed);
+};
+Zt.prototype._init = function(t) {
+  this._container = O(`
+    <div class="bts-set-animation-speed hidden">
+      ${Ti()}
+      <div class="bts-animation-speed-buttons">
+        ${Ko.map(([e, n], i) => `
+            <button title="Set animation speed = ${e}" data-speed="${n}" class="bts-animation-speed-button ${n === t ? "active" : ""}">
+              ${Array.from({ length: i + 1 }).map(
+    () => Si()
+  ).join("")}
+            </button>
+          `).join("")}
+      </div>
+    </div>
+  `), an.bind(this._container, "[data-speed]", "click", (e) => {
+    const n = e.delegateTarget, i = this.getToggleSpeed(n);
+    this._animation.setAnimationSpeed(i);
+  }), this._canvas.getContainer().appendChild(this._container);
+};
+Zt.prototype.setActive = function(t) {
+  Tt("[data-speed]", this._container).forEach((e) => {
+    const n = this.getToggleSpeed(e) === t;
+    T(e)[n ? "add" : "remove"]("active");
+  });
+};
+Zt.$inject = [
+  "canvas",
+  "animation",
+  "eventBus"
+];
+const Zo = {
+  __init__: [
+    "setAnimationSpeed"
+  ],
+  setAnimationSpeed: ["type", Zt]
+}, Qo = "--token-simulation-grey-darken-30", ts = "--token-simulation-grey-lighten-56";
+function es(t, e) {
+  var n = t.outgoing.filter(Ge), i = n.indexOf(e || t.sequenceFlow);
+  return n[i + 1] ? n[i + 1] : n[0];
+}
+function Ge(t) {
+  return p(t, "bpmn:SequenceFlow");
+}
+const ns = "exclusive-gateway-settings", is = 2e3;
+function Lt(t, e, n, i, o) {
+  this._elementRegistry = e, this._elementColors = n, this._simulator = i, this._simulationStyles = o, t.on(N, (s) => {
+    s.active ? this.setSequenceFlowsDefault() : this.resetSequenceFlows();
+  });
+}
+Lt.prototype.setSequenceFlowsDefault = function() {
+  const t = this._elementRegistry.filter((e) => p(e, "bpmn:ExclusiveGateway"));
+  for (const e of t)
+    this.setSequenceFlow(e);
+};
+Lt.prototype.resetSequenceFlows = function() {
+  this._elementRegistry.filter((e) => p(e, "bpmn:ExclusiveGateway")).forEach((e) => {
+    e.outgoing.filter(Ge).length && this.resetSequenceFlow(e);
+  });
+};
+Lt.prototype.resetSequenceFlow = function(t) {
+  this._simulator.setConfig(t, { activeOutgoing: void 0 });
+};
+Lt.prototype.setSequenceFlow = function(t) {
+  const e = t.outgoing.filter(Ge);
+  if (e.length < 2)
+    return;
+  const {
+    activeOutgoing: n
+  } = this._simulator.getConfig(t);
+  let i;
+  n ? i = es(t, n) : i = e[0], this._simulator.setConfig(t, { activeOutgoing: i }), t.outgoing.forEach((o) => {
+    const s = o === i ? Qo : ts, r = this._simulationStyles.get(s);
+    this._elementColors.add(o, ns, {
+      stroke: r
+    }, is);
+  });
+};
+Lt.$inject = [
+  "eventBus",
+  "elementRegistry",
+  "elementColors",
+  "simulator",
+  "simulationStyles"
+];
+const nn = 5e4;
+function Q(t, e, n) {
+  this._elementRegistry = t, this._eventBus = e, this._graphicsFactory = n, this._originalColors = {}, this._customColors = {}, e.on(N, nn, (i) => {
+    i.active ? this._saveOriginalColors() : (this._applyOriginalColors(), this._originalColors = {}, this._customColors = {});
+  }), e.on("saveXML.start", nn, () => {
+    this._applyOriginalColors(), e.once("saveXML.done", () => this._applyCustomColors());
+  });
+}
+Q.$inject = [
+  "elementRegistry",
+  "eventBus",
+  "graphicsFactory"
+];
+Q.prototype.add = function(t, e, n, i = 1e3) {
+  let o = this._customColors[t.id];
+  o || (o = this._customColors[t.id] = {}), o[e] = {
+    ...n,
+    priority: i
+  }, this._applyHighestPriorityColor(t);
+};
+Q.prototype.remove = function(t, e) {
+  const n = this._customColors[t.id];
+  n && (delete n[e], Object.keys(n) || delete this._customColors[t.id]), this._applyHighestPriorityColor(t);
+};
+Q.prototype._get = function(t) {
+  const e = cn(t);
+  if (e) {
+    if (zn(t))
+      return {
+        stroke: e.label && e.label.get("color")
+      };
+    if (It(e, ["bpmndi:BPMNEdge", "bpmndi:BPMNShape"]))
+      return {
+        fill: e.get("background-color"),
+        stroke: e.get("border-color")
+      };
+  }
+};
+Q.prototype._set = function(t, e = {}) {
+  const {
+    fill: n,
+    stroke: i
+  } = e, o = cn(t);
+  o && (zn(t) ? o.label && o.label.set("color", i) : It(o, ["bpmndi:BPMNEdge", "bpmndi:BPMNShape"]) && (o.set("background-color", n), o.set("border-color", i)), this._forceRedraw(t));
+};
+Q.prototype._saveOriginalColors = function() {
+  this._originalColors = {}, this._elementRegistry.forEach((t) => {
+    this._originalColors[t.id] = this._get(t);
+  });
+};
+Q.prototype._applyOriginalColors = function() {
+  this._elementRegistry.forEach((t) => {
+    const e = this._originalColors[t.id];
+    e && this._set(t, e);
+  });
+};
+Q.prototype._applyCustomColors = function() {
+  this._elementRegistry.forEach((t) => {
+    const e = this._customColors[t.id];
+    e && this._set(t, qn(e));
+  });
+};
+Q.prototype._applyHighestPriorityColor = function(t) {
+  const e = this._customColors[t.id];
+  if (!e) {
+    this._set(t, this._originalColors[t.id]);
+    return;
+  }
+  this._set(t, qn(e));
+};
+Q.prototype._forceRedraw = function(t) {
+  const e = this._elementRegistry.getGraphics(t), n = t.waypoints ? "connection" : "shape";
+  this._graphicsFactory.update(n, t, e);
+};
+function zn(t) {
+  return "labelTarget" in t;
+}
+function qn(t = {}) {
+  const e = Object.values(t).reduce((n, i) => {
+    const { priority: o = 1e3 } = i;
+    return !n || o > n.priority ? i : n;
+  }, void 0);
+  if (e) {
+    const { priority: n, ...i } = e;
+    return i;
+  }
+}
+const je = {
+  elementColors: ["type", Q]
+}, os = {
+  __depends__: [
+    je,
+    me
+  ],
+  exclusiveGatewaySettings: ["type", Lt]
+}, ss = "neutral-element-colors";
+function He(t, e, n) {
+  this._elementRegistry = e, this._elementColors = n, t.on(N, (i) => {
+    const { active: o } = i;
+    o && this._setNeutralColors();
+  });
+}
+He.prototype._setNeutralColors = function() {
+  this._elementRegistry.forEach((t) => {
+    this._elementColors.add(t, ss, {
+      stroke: "#212121",
+      fill: "#fff"
+    });
+  });
+};
+He.$inject = [
+  "eventBus",
+  "elementRegistry",
+  "elementColors"
+];
+const rs = {
+  __depends__: [je],
+  __init__: [
+    "neutralElementColors"
+  ],
+  neutralElementColors: ["type", He]
+}, as = "--token-simulation-grey-darken-30", cs = "--token-simulation-grey-lighten-56", ls = "inclusive-gateway-settings";
+function it(t, e, n, i, o) {
+  this._elementRegistry = e, this._elementColors = n, this._simulator = i, this._simulationStyles = o, t.on(N, (s) => {
+    s.active ? this.setDefaults() : this.reset();
+  });
+}
+it.prototype.setDefaults = function() {
+  this._elementRegistry.filter((e) => p(e, "bpmn:InclusiveGateway")).forEach((e) => {
+    e.outgoing.filter(rt).length > 1 && this._setGatewayDefaults(e);
+  });
+};
+it.prototype.reset = function() {
+  this._elementRegistry.filter((e) => p(e, "bpmn:InclusiveGateway")).forEach((e) => {
+    e.outgoing.filter(rt).length > 1 && this._resetGateway(e);
+  });
+};
+it.prototype.toggleSequenceFlow = function(t, e) {
+  const n = this._getActiveOutgoing(t), i = Ve(t), o = us(t);
+  let s;
+  n.includes(e) ? s = Ie(n, e) : s = Ie(n, i).concat(e), s.length || (i ? s = [i] : s = [o.find((r) => r !== e)]), this._setActiveOutgoing(t, s);
+};
+it.prototype._getActiveOutgoing = function(t) {
+  const {
+    activeOutgoing: e
+  } = this._simulator.getConfig(t);
+  return e;
+};
+it.prototype._setActiveOutgoing = function(t, e) {
+  this._simulator.setConfig(t, { activeOutgoing: e }), t.outgoing.filter(rt).forEach((i) => {
+    const o = !e || e.includes(i) ? as : cs, s = this._simulationStyles.get(o);
+    this._elementColors.add(i, ls, {
+      stroke: s
+    });
+  });
+};
+it.prototype._setGatewayDefaults = function(t) {
+  const e = t.outgoing.filter(rt), n = Ve(t), i = Ie(e, n);
+  this._setActiveOutgoing(t, i);
+};
+it.prototype._resetGateway = function(t) {
+  this._simulator.setConfig(t, { activeOutgoing: void 0 });
+};
+it.$inject = [
+  "eventBus",
+  "elementRegistry",
+  "elementColors",
+  "simulator",
+  "simulationStyles"
+];
+function Ve(t) {
+  const e = H(t).default;
+  if (e)
+    return t.outgoing.find((n) => H(n) === e);
+}
+function us(t) {
+  const e = Ve(t);
+  return t.outgoing.filter((n) => H(n) !== e);
+}
+function Ie(t, e) {
+  return t.filter((n) => n !== e);
+}
+const hs = {
+  __depends__: [
+    je,
+    me
+  ],
+  inclusiveGatewaySettings: ["type", it]
+};
+function ge(t, e) {
+  var n = this;
+  this._canvas = e, this.entries = [], this._init(), t.on(N, function(i) {
+    var o = i.active;
+    o ? T(n.container).remove("hidden") : T(n.container).add("hidden");
+  });
+}
+ge.prototype._init = function() {
+  this.container = O('<div class="bts-palette hidden"></div>'), this._canvas.getContainer().appendChild(this.container);
+};
+ge.prototype.addEntry = function(t, e) {
+  var n = 0;
+  this.entries.forEach(function(i) {
+    e >= i.index && n++;
+  }), this.container.insertBefore(t, this.container.childNodes[n]), this.entries.push({
+    entry: t,
+    index: e
+  });
+};
+ge.$inject = ["eventBus", "canvas"];
+const ps = {
+  __init__: [
+    "tokenSimulationPalette"
+  ],
+  tokenSimulationPalette: ["type", ge]
+}, fs = {
+  __depends__: [
+    $n,
+    mo,
+    Eo,
+    Io,
+    Ao,
+    $o,
+    No,
+    jo,
+    Vo,
+    zo,
+    Xo,
+    Zo,
+    os,
+    rs,
+    hs,
+    ps
+  ]
+}, gs = {
+  __depends__: [
+    fs,
+    xi
+  ]
+};
+export {
+  gs as default
+};