@zenuml/core 3.16.1 → 3.17.0

package/dist/{core.50792979.js → core.08e5aec1.js}

@@ -24842,7 +24842,7 @@ const V0 = VC, zC = V0(/[\n\r]/g, " "), GC = V0(/\s+/g, " "), jC = V0(/\s*([,;.(
     r--;
   }
   return 0;
-}, WO = (t, e) => {
+}, qO = (t, e) => {
   const n = nh(t, e);
   if (n === 0)
     return "";
@@ -25295,7 +25295,7 @@ const uh = () => (ch = Y9(), {
     }
   },
   setup(t) {
-    const e = t, n = cs(() => Lv(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close.90d091e8.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded.eb9a3ba5.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded.8d026d8d.js"), "./icons/debug.svg": () => import("./debug.23f6d4bc.js"), "./icons/message-arrow.svg": () => import("./message-arrow.8c08ef8c.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle.c3e29d31.js"), "./icons/numbering.svg": () => import("./numbering.dccc49de.js"), "./icons/privacy.svg": () => import("./privacy.a3d6717f.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle.370422da.js"), "./icons/theme.svg": () => import("./theme.1e951585.js"), "./icons/tip.svg": () => import("./tip.1aa8e520.js"), "./icons/zoom-in.svg": () => import("./zoom-in.00a1db1c.js"), "./icons/zoom-out.svg": () => import("./zoom-out.eeb65c14.js") }), `./icons/${e.name}.svg`));
+    const e = t, n = cs(() => Lv(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close.fb6e16c8.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded.00b3d687.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded.4372fb21.js"), "./icons/debug.svg": () => import("./debug.fbc802ca.js"), "./icons/message-arrow.svg": () => import("./message-arrow.df3d65eb.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle.2f730d84.js"), "./icons/numbering.svg": () => import("./numbering.19c007c4.js"), "./icons/privacy.svg": () => import("./privacy.ad24827f.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle.7ddebd65.js"), "./icons/theme.svg": () => import("./theme.ae2dfd95.js"), "./icons/tip.svg": () => import("./tip.3dac22d8.js"), "./icons/zoom-in.svg": () => import("./zoom-in.4a1b1709.js"), "./icons/zoom-out.svg": () => import("./zoom-out.be32153d.js") }), `./icons/${e.name}.svg`));
     return (r, s) => (R(), K("span", {
       class: be(["flex items-center justify-center", t.iconClass]),
       onClick: s[0] || (s[0] = (i) => r.$emit("icon-click"))
@@ -26842,7 +26842,7 @@ const Ew = /* @__PURE__ */ Ge(vw, [["render", ww]]), ru = b0.child({ name: "Life
       let i = n.value + r.value;
       n.value > Sw && (e == null ? void 0 : e.state.stickyOffset) && (i += e == null ? void 0 : e.state.stickyOffset);
       const o = ((a = e == null ? void 0 : e.state.diagramElement) == null ? void 0 : a.clientHeight) || 0, l = e != null && e.state.diagramElement ? xh(e == null ? void 0 : e.state.diagramElement) : 0;
-      return i < 0 + l ? 0 : Math.min(i - l, o - Tw) - 0;
+      return i <= 0 + l ? 0 : Math.min(i - l, o - Tw) - 0;
     }) };
   },
   computed: {
@@ -26930,7 +26930,7 @@ const su = /* @__PURE__ */ Ge(Aw, [["render", kw]]), Ow = { class: "message-laye
     context: null
   },
   setup(t) {
-    const e = t, n = cs(() => import("./StylePanel.9d0b732b.js")), r = b0.child({ name: "MessageLayer" }), s = zr(), i = ne(() => s.getters.participants), o = ne(() => s.getters.centerOf), l = ne(() => {
+    const e = t, n = cs(() => import("./StylePanel.8a51b701.js")), r = b0.child({ name: "MessageLayer" }), s = zr(), i = ne(() => s.getters.participants), o = ne(() => s.getters.centerOf), l = ne(() => {
       var x, y;
       const c = (x = e.context) == null ? void 0 : x.stat()[0].message();
       if (!c)
@@ -27431,7 +27431,7 @@ const _E = /* @__PURE__ */ Ge(hE, [["render", LE], ["__scopeId", "data-v-ca07199
   mounted() {
     this.$store.state.widthProvider = this;
   }
-}, wE = { class: "invisible" };
+}, wE = { class: "hidden" };
 function EE(t, e, n, r, s, i) {
   const o = xe("message");
   return R(), K("div", wE, [
@@ -28573,7 +28573,7 @@ function Lc({ slot: t = ge({}), name: e = "Description", props: n = {} } = {}) {
   }
   return Ut(Wh, { register: s, slot: t, name: e, props: n }), ne(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-let qO = Ye({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Bn()}` } }, setup(t, { attrs: e, slots: n }) {
+let KO = Ye({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Bn()}` } }, setup(t, { attrs: e, slots: n }) {
   let r = iS();
   return We(() => ht(r.register(t.id))), () => {
     let { name: s = "Description", slot: i = ge({}), props: o = {} } = r, { id: l, ...a } = t, c = { ...Object.entries(o).reduce((u, [h, f]) => Object.assign(u, { [h]: Te(f) }), {}), id: l };
@@ -29439,16 +29439,16 @@ const kS = `<svg width="100%" height="100%" viewBox="0 0 200 130" fill="none" xm
   "aria-labelledby": "modal-title",
   role: "dialog",
   "aria-modal": "true"
-}, YS = { class: "footer text-skin-control px-4 py-1 flex justify-between items-center" }, XS = { class: "flex items-center gap-3 color-base" }, QS = { class: "flex items-center" }, JS = ["checked"], eA = {
+}, YS = { class: "footer text-skin-control px-4 py-1 flex justify-between items-center gap-3" }, XS = { class: "flex items-center gap-3 color-base" }, QS = { class: "flex items-center" }, JS = ["checked"], eA = {
   for: "order-display",
   title: "Numbering the diagram",
   class: "select-none"
-}, tA = { class: "zoom-controls bg-skin-base flex justify-between w-28 hide-export" }, nA = /* @__PURE__ */ S("a", {
+}, tA = { class: "zoom-controls bg-skin-base flex hide-export gap-1" }, nA = { class: "w-12 block text-center" }, rA = /* @__PURE__ */ S("a", {
   target: "_blank",
   href: "https://zenuml.com",
-  class: "brand absolute bottom-1 right-4 text-xs hover:underline"
+  class: "brand text-xs hover:underline"
 }, "ZenUML.com", -1);
-function rA(t, e, n, r, s, i) {
+function sA(t, e, n, r, s, i) {
   const o = xe("debug"), l = xe("diagram-title"), a = xe("privacy"), c = xe("TipsDialog"), u = xe("seq-diagram"), h = xe("Icon"), f = xe("ThemeSelect"), p = xe("width-provider");
   return R(), K("div", {
     ref: "export",
@@ -29508,7 +29508,7 @@ function rA(t, e, n, r, s, i) {
         ]),
         S("div", tA, [
           S("button", {
-            class: "zoom-in px-1",
+            class: "zoom-in",
             onClick: e[2] || (e[2] = (x) => i.zoomIn())
           }, [
             z(h, {
@@ -29516,9 +29516,9 @@ function rA(t, e, n, r, s, i) {
               "icon-class": "w-4 h-4"
             })
           ]),
-          S("label", null, $e(Number(t.scale * 100).toFixed(0)) + " %", 1),
+          S("label", nA, $e(Number(t.scale * 100).toFixed(0)) + "%", 1),
           S("button", {
-            class: "zoom-out px-1",
+            class: "zoom-out",
             onClick: e[3] || (e[3] = (x) => i.zoomOut())
           }, [
             z(h, {
@@ -29527,13 +29527,13 @@ function rA(t, e, n, r, s, i) {
             })
           ])
         ]),
-        z(p),
-        nA
-      ])
+        rA
+      ]),
+      z(p)
     ])
   ], 2);
 }
-const n6 = /* @__PURE__ */ Ge(zS, [["render", rA]]);
+const n6 = /* @__PURE__ */ Ge(zS, [["render", sA]]);
 function r6() {
   return {
     baseUrl: null,
@@ -29558,50 +29558,50 @@ function r6() {
   };
 }
 let Ds = r6();
-function sA(t) {
+function iA(t) {
   Ds = t;
 }
-const iA = /[&<>"']/, oA = /[&<>"']/g, lA = /[<>"']|&(?!#?\w+;)/, aA = /[<>"']|&(?!#?\w+;)/g, cA = {
+const oA = /[&<>"']/, lA = /[&<>"']/g, aA = /[<>"']|&(?!#?\w+;)/, cA = /[<>"']|&(?!#?\w+;)/g, uA = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
-}, mu = (t) => cA[t];
+}, mu = (t) => uA[t];
 function pt(t, e) {
   if (e) {
-    if (iA.test(t))
-      return t.replace(oA, mu);
-  } else if (lA.test(t))
-    return t.replace(aA, mu);
+    if (oA.test(t))
+      return t.replace(lA, mu);
+  } else if (aA.test(t))
+    return t.replace(cA, mu);
   return t;
 }
-const uA = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+const hA = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
 function s6(t) {
-  return t.replace(uA, (e, n) => (n = n.toLowerCase(), n === "colon" ? ":" : n.charAt(0) === "#" ? n.charAt(1) === "x" ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1)) : ""));
+  return t.replace(hA, (e, n) => (n = n.toLowerCase(), n === "colon" ? ":" : n.charAt(0) === "#" ? n.charAt(1) === "x" ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1)) : ""));
 }
-const hA = /(^|[^\[])\^/g;
+const dA = /(^|[^\[])\^/g;
 function Ze(t, e) {
   t = t.source || t, e = e || "";
   const n = {
-    replace: (r, s) => (s = s.source || s, s = s.replace(hA, "$1"), t = t.replace(r, s), n),
+    replace: (r, s) => (s = s.source || s, s = s.replace(dA, "$1"), t = t.replace(r, s), n),
     getRegex: () => new RegExp(t, e)
   };
   return n;
 }
-const dA = /[^\w:]/g, fA = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
+const fA = /[^\w:]/g, pA = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
 function xu(t, e, n) {
   if (t) {
     let r;
     try {
-      r = decodeURIComponent(s6(n)).replace(dA, "").toLowerCase();
+      r = decodeURIComponent(s6(n)).replace(fA, "").toLowerCase();
     } catch {
       return null;
     }
     if (r.indexOf("javascript:") === 0 || r.indexOf("vbscript:") === 0 || r.indexOf("data:") === 0)
       return null;
   }
-  e && !fA.test(n) && (n = xA(e, n));
+  e && !pA.test(n) && (n = LA(e, n));
   try {
     n = encodeURI(n).replace(/%25/g, "%");
   } catch {
@@ -29609,11 +29609,11 @@ function xu(t, e, n) {
   }
   return n;
 }
-const Li = {}, pA = /^[^:]+:\/*[^/]*$/, gA = /^([^:]+:)[\s\S]*$/, mA = /^([^:]+:\/*[^/]*)[\s\S]*$/;
-function xA(t, e) {
-  Li[" " + t] || (pA.test(t) ? Li[" " + t] = t + "/" : Li[" " + t] = wi(t, "/", !0)), t = Li[" " + t];
+const Li = {}, gA = /^[^:]+:\/*[^/]*$/, mA = /^([^:]+:)[\s\S]*$/, xA = /^([^:]+:\/*[^/]*)[\s\S]*$/;
+function LA(t, e) {
+  Li[" " + t] || (gA.test(t) ? Li[" " + t] = t + "/" : Li[" " + t] = wi(t, "/", !0)), t = Li[" " + t];
   const n = t.indexOf(":") === -1;
-  return e.substring(0, 2) === "//" ? n ? e : t.replace(gA, "$1") + e : e.charAt(0) === "/" ? n ? e : t.replace(mA, "$1") + e : t + e;
+  return e.substring(0, 2) === "//" ? n ? e : t.replace(mA, "$1") + e : e.charAt(0) === "/" ? n ? e : t.replace(xA, "$1") + e : t + e;
 }
 const Wi = { exec: function() {
 } };
@@ -29659,7 +29659,7 @@ function wi(t, e, n) {
   }
   return t.substr(0, r - s);
 }
-function LA(t, e) {
+function _A(t, e) {
   if (t.indexOf(e[1]) === -1)
     return -1;
   const n = t.length;
@@ -29706,7 +29706,7 @@ function yu(t, e, n, r) {
       text: pt(o)
     };
 }
-function _A(t, e) {
+function yA(t, e) {
   const n = t.match(/^(\s+)(?:```)/);
   if (n === null)
     return e;
@@ -29749,7 +29749,7 @@ class Cc {
   fences(e) {
     const n = this.rules.block.fences.exec(e);
     if (n) {
-      const r = n[0], s = _A(r, n[3] || "");
+      const r = n[0], s = yA(r, n[3] || "");
       return {
         type: "code",
         raw: r,
@@ -29975,7 +29975,7 @@ class Cc {
         if ((r.length - o.length) % 2 === 0)
           return;
       } else {
-        const o = LA(n[2], "()");
+        const o = _A(n[2], "()");
         if (o > -1) {
           const a = (n[0].indexOf("!") === 0 ? 5 : 4) + n[1].length + o;
           n[2] = n[2].substring(0, o), n[0] = n[0].substring(0, a).trim(), n[3] = "";
@@ -30250,7 +30250,7 @@ ee.breaks = mn({}, ee.gfm, {
   br: Ze(ee.br).replace("{2,}", "*").getRegex(),
   text: Ze(ee.gfm.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
 });
-function yA(t) {
+function CA(t) {
   return t.replace(/---/g, "\u2014").replace(/--/g, "\u2013").replace(/(^|[-\u2014/(\[{"\s])'/g, "$1\u2018").replace(/'/g, "\u2019").replace(/(^|[-\u2014/(\[{\u2018\s])"/g, "$1\u201C").replace(/"/g, "\u201D").replace(/\.{3}/g, "\u2026");
 }
 function Cu(t) {
@@ -30446,7 +30446,7 @@ class Wn {
             f = p.call({ lexer: this }, h), typeof f == "number" && f >= 0 && (u = Math.min(u, f));
           }), u < 1 / 0 && u >= 0 && (i = e.substring(0, u + 1));
         }
-        if (r = this.tokenizer.inlineText(i, yA)) {
+        if (r = this.tokenizer.inlineText(i, CA)) {
           e = e.substring(r.raw.length), r.raw.slice(-1) !== "_" && (c = r.raw.slice(-1)), a = !0, s = n[n.length - 1], s && s.type === "text" ? (s.raw += r.raw, s.text += r.text) : n.push(r);
           continue;
         }
@@ -30821,7 +30821,7 @@ Please report this to https://github.com/markedjs/marked.`, e.silent)
   }
 }
 pe.options = pe.setOptions = function(t) {
-  return mn(pe.defaults, t), sA(pe.defaults), pe;
+  return mn(pe.defaults, t), iA(pe.defaults), pe;
 };
 pe.getDefaults = r6;
 pe.defaults = Ds;
@@ -30939,8 +30939,8 @@ function bc(t) {
     typeof n == "object" && !Object.isFrozen(n) && bc(n);
   }), t;
 }
-var a6 = bc, CA = bc;
-a6.default = CA;
+var a6 = bc, vA = bc;
+a6.default = vA;
 class vu {
   constructor(e) {
     e.data === void 0 && (e.data = {}), this.data = e.data, this.isMatchIgnored = !1;
@@ -30961,8 +30961,8 @@ function lr(t, ...e) {
       n[s] = r[s];
   }), n;
 }
-const vA = "</span>", bu = (t) => !!t.kind;
-class bA {
+const bA = "</span>", bu = (t) => !!t.kind;
+class wA {
   constructor(e, n) {
     this.buffer = "", this.classPrefix = n.classPrefix, e.walk(this);
   }
@@ -30976,7 +30976,7 @@ class bA {
     e.sublanguage || (n = `${this.classPrefix}${n}`), this.span(n);
   }
   closeNode(e) {
-    !bu(e) || (this.buffer += vA);
+    !bu(e) || (this.buffer += bA);
   }
   value() {
     return this.buffer;
@@ -31025,7 +31025,7 @@ class wc {
     })));
   }
 }
-class wA extends wc {
+class EA extends wc {
   constructor(e) {
     super(), this.options = e;
   }
@@ -31040,40 +31040,40 @@ class wA extends wc {
     r.kind = n, r.sublanguage = !0, this.add(r);
   }
   toHTML() {
-    return new bA(this, this.options).value();
+    return new wA(this, this.options).value();
   }
   finalize() {
     return !0;
   }
 }
-function EA(t) {
+function TA(t) {
   return new RegExp(t.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), "m");
 }
 function C0(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
-function TA(...t) {
+function SA(...t) {
   return t.map((n) => C0(n)).join("");
 }
-function SA(...t) {
+function AA(...t) {
   return "(" + t.map((n) => C0(n)).join("|") + ")";
 }
-function AA(t) {
+function RA(t) {
   return new RegExp(t.toString() + "|").exec("").length - 1;
 }
-function RA(t, e) {
+function kA(t, e) {
   const n = t && t.exec(e);
   return n && n.index === 0;
 }
-const kA = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
-function OA(t, e = "|") {
+const OA = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
+function IA(t, e = "|") {
   let n = 0;
   return t.map((r) => {
     n += 1;
     const s = n;
     let i = C0(r), o = "";
     for (; i.length > 0; ) {
-      const l = kA.exec(i);
+      const l = OA.exec(i);
       if (!l) {
         o += i;
         break;
@@ -31083,9 +31083,9 @@ function OA(t, e = "|") {
     return o;
   }).map((r) => `(${r})`).join(e);
 }
-const IA = /\b\B/, c6 = "[a-zA-Z]\\w*", Ec = "[a-zA-Z_]\\w*", Tc = "\\b\\d+(\\.\\d+)?", u6 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", h6 = "\\b(0b[01]+)", MA = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", NA = (t = {}) => {
+const MA = /\b\B/, c6 = "[a-zA-Z]\\w*", Ec = "[a-zA-Z_]\\w*", Tc = "\\b\\d+(\\.\\d+)?", u6 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", h6 = "\\b(0b[01]+)", NA = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", PA = (t = {}) => {
   const e = /^#![ ]*\//;
-  return t.binary && (t.begin = TA(
+  return t.binary && (t.begin = SA(
     e,
     /.*\b/,
     t.binary,
@@ -31102,13 +31102,13 @@ const IA = /\b\B/, c6 = "[a-zA-Z]\\w*", Ec = "[a-zA-Z_]\\w*", Tc = "\\b\\d+(\\.\
 }, v0 = {
   begin: "\\\\[\\s\\S]",
   relevance: 0
-}, PA = {
+}, FA = {
   className: "string",
   begin: "'",
   end: "'",
   illegal: "\\n",
   contains: [v0]
-}, FA = {
+}, DA = {
   className: "string",
   begin: '"',
   end: '"',
@@ -31131,23 +31131,23 @@ const IA = /\b\B/, c6 = "[a-zA-Z]\\w*", Ec = "[a-zA-Z_]\\w*", Tc = "\\b\\d+(\\.\
     begin: "(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",
     relevance: 0
   }), r;
-}, DA = V1("//", "$"), BA = V1("/\\*", "\\*/"), $A = V1("#", "$"), HA = {
+}, BA = V1("//", "$"), $A = V1("/\\*", "\\*/"), HA = V1("#", "$"), UA = {
   className: "number",
   begin: Tc,
   relevance: 0
-}, UA = {
+}, VA = {
   className: "number",
   begin: u6,
   relevance: 0
-}, VA = {
+}, zA = {
   className: "number",
   begin: h6,
   relevance: 0
-}, zA = {
+}, GA = {
   className: "number",
   begin: Tc + "(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",
   relevance: 0
-}, GA = {
+}, jA = {
   begin: /(?=\/[^/\n]*\/)/,
   contains: [{
     className: "regexp",
@@ -31164,18 +31164,18 @@ const IA = /\b\B/, c6 = "[a-zA-Z]\\w*", Ec = "[a-zA-Z_]\\w*", Tc = "\\b\\d+(\\.\
       }
     ]
   }]
-}, jA = {
+}, ZA = {
   className: "title",
   begin: c6,
   relevance: 0
-}, ZA = {
+}, WA = {
   className: "title",
   begin: Ec,
   relevance: 0
-}, WA = {
+}, qA = {
   begin: "\\.\\s*" + Ec,
   relevance: 0
-}, qA = function(t) {
+}, KA = function(t) {
   return Object.assign(
     t,
     {
@@ -31190,52 +31190,52 @@ const IA = /\b\B/, c6 = "[a-zA-Z]\\w*", Ec = "[a-zA-Z_]\\w*", Tc = "\\b\\d+(\\.\
 };
 var _i = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  MATCH_NOTHING_RE: IA,
+  MATCH_NOTHING_RE: MA,
   IDENT_RE: c6,
   UNDERSCORE_IDENT_RE: Ec,
   NUMBER_RE: Tc,
   C_NUMBER_RE: u6,
   BINARY_NUMBER_RE: h6,
-  RE_STARTERS_RE: MA,
-  SHEBANG: NA,
+  RE_STARTERS_RE: NA,
+  SHEBANG: PA,
   BACKSLASH_ESCAPE: v0,
-  APOS_STRING_MODE: PA,
-  QUOTE_STRING_MODE: FA,
+  APOS_STRING_MODE: FA,
+  QUOTE_STRING_MODE: DA,
   PHRASAL_WORDS_MODE: d6,
   COMMENT: V1,
-  C_LINE_COMMENT_MODE: DA,
-  C_BLOCK_COMMENT_MODE: BA,
-  HASH_COMMENT_MODE: $A,
-  NUMBER_MODE: HA,
-  C_NUMBER_MODE: UA,
-  BINARY_NUMBER_MODE: VA,
-  CSS_NUMBER_MODE: zA,
-  REGEXP_MODE: GA,
-  TITLE_MODE: jA,
-  UNDERSCORE_TITLE_MODE: ZA,
-  METHOD_GUARD: WA,
-  END_SAME_AS_BEGIN: qA
+  C_LINE_COMMENT_MODE: BA,
+  C_BLOCK_COMMENT_MODE: $A,
+  HASH_COMMENT_MODE: HA,
+  NUMBER_MODE: UA,
+  C_NUMBER_MODE: VA,
+  BINARY_NUMBER_MODE: zA,
+  CSS_NUMBER_MODE: GA,
+  REGEXP_MODE: jA,
+  TITLE_MODE: ZA,
+  UNDERSCORE_TITLE_MODE: WA,
+  METHOD_GUARD: qA,
+  END_SAME_AS_BEGIN: KA
 });
-function KA(t, e) {
-  t.input[t.index - 1] === "." && e.ignoreMatch();
-}
 function YA(t, e) {
-  !e || !t.beginKeywords || (t.begin = "\\b(" + t.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", t.__beforeBegin = KA, t.keywords = t.keywords || t.beginKeywords, delete t.beginKeywords, t.relevance === void 0 && (t.relevance = 0));
+  t.input[t.index - 1] === "." && e.ignoreMatch();
 }
 function XA(t, e) {
-  !Array.isArray(t.illegal) || (t.illegal = SA(...t.illegal));
+  !e || !t.beginKeywords || (t.begin = "\\b(" + t.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", t.__beforeBegin = YA, t.keywords = t.keywords || t.beginKeywords, delete t.beginKeywords, t.relevance === void 0 && (t.relevance = 0));
 }
 function QA(t, e) {
+  !Array.isArray(t.illegal) || (t.illegal = AA(...t.illegal));
+}
+function JA(t, e) {
   if (!!t.match) {
     if (t.begin || t.end)
       throw new Error("begin & end are not supported with match");
     t.begin = t.match, delete t.match;
   }
 }
-function JA(t, e) {
+function eR(t, e) {
   t.relevance === void 0 && (t.relevance = 1);
 }
-const eR = [
+const tR = [
   "of",
   "and",
   "for",
@@ -31247,8 +31247,8 @@ const eR = [
   "parent",
   "list",
   "value"
-], tR = "keyword";
-function f6(t, e, n = tR) {
+], nR = "keyword";
+function f6(t, e, n = nR) {
   const r = {};
   return typeof t == "string" ? s(n, t.split(" ")) : Array.isArray(t) ? s(n, t) : Object.keys(t).forEach(function(i) {
     Object.assign(
@@ -31259,17 +31259,17 @@ function f6(t, e, n = tR) {
   function s(i, o) {
     e && (o = o.map((l) => l.toLowerCase())), o.forEach(function(l) {
       const a = l.split("|");
-      r[a[0]] = [i, nR(a[0], a[1])];
+      r[a[0]] = [i, rR(a[0], a[1])];
     });
   }
 }
-function nR(t, e) {
-  return e ? Number(e) : rR(t) ? 0 : 1;
+function rR(t, e) {
+  return e ? Number(e) : sR(t) ? 0 : 1;
 }
-function rR(t) {
-  return eR.includes(t.toLowerCase());
+function sR(t) {
+  return tR.includes(t.toLowerCase());
 }
-function sR(t, { plugins: e }) {
+function iR(t, { plugins: e }) {
   function n(l, a) {
     return new RegExp(
       C0(l),
@@ -31281,12 +31281,12 @@ function sR(t, { plugins: e }) {
       this.matchIndexes = {}, this.regexes = [], this.matchAt = 1, this.position = 0;
     }
     addRule(a, c) {
-      c.position = this.position++, this.matchIndexes[this.matchAt] = c, this.regexes.push([c, a]), this.matchAt += AA(a) + 1;
+      c.position = this.position++, this.matchIndexes[this.matchAt] = c, this.regexes.push([c, a]), this.matchAt += RA(a) + 1;
     }
     compile() {
       this.regexes.length === 0 && (this.exec = () => null);
       const a = this.regexes.map((c) => c[1]);
-      this.matcherRe = n(OA(a), !0), this.lastIndex = 0;
+      this.matcherRe = n(IA(a), !0), this.lastIndex = 0;
     }
     exec(a) {
       this.matcherRe.lastIndex = this.lastIndex;
@@ -31336,17 +31336,17 @@ function sR(t, { plugins: e }) {
     if (l.isCompiled)
       return c;
     [
-      QA
+      JA
     ].forEach((h) => h(l, a)), t.compilerExtensions.forEach((h) => h(l, a)), l.__beforeBegin = null, [
-      YA,
       XA,
-      JA
+      QA,
+      eR
     ].forEach((h) => h(l, a)), l.isCompiled = !0;
     let u = null;
     if (typeof l.keywords == "object" && (u = l.keywords.$pattern, delete l.keywords.$pattern), l.keywords && (l.keywords = f6(l.keywords, t.case_insensitive)), l.lexemes && u)
       throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ");
     return u = u || l.lexemes || /\w+/, c.keywordPatternRe = n(u, !0), a && (l.begin || (l.begin = /\B|\b/), c.beginRe = n(l.begin), l.endSameAsBegin && (l.end = l.begin), !l.end && !l.endsWithParent && (l.end = /\B|\b/), l.end && (c.endRe = n(l.end)), c.terminatorEnd = C0(l.end) || "", l.endsWithParent && a.terminatorEnd && (c.terminatorEnd += (l.end ? "|" : "") + a.terminatorEnd)), l.illegal && (c.illegalRe = n(l.illegal)), l.contains || (l.contains = []), l.contains = [].concat(...l.contains.map(function(h) {
-      return iR(h === "self" ? l : h);
+      return oR(h === "self" ? l : h);
     })), l.contains.forEach(function(h) {
       o(h, c);
     }), l.starts && o(l.starts, a), c.matcher = i(c), c;
@@ -31358,16 +31358,16 @@ function sR(t, { plugins: e }) {
 function p6(t) {
   return t ? t.endsWithParent || p6(t.starts) : !1;
 }
-function iR(t) {
+function oR(t) {
   return t.variants && !t.cachedVariants && (t.cachedVariants = t.variants.map(function(e) {
     return lr(t, { variants: null }, e);
   })), t.cachedVariants ? t.cachedVariants : p6(t) ? lr(t, { starts: t.starts ? lr(t.starts) : null }) : Object.isFrozen(t) ? lr(t) : t;
 }
-var oR = "10.7.3";
-function lR(t) {
+var lR = "10.7.3";
+function aR(t) {
   return Boolean(t || t === "");
 }
-function aR(t) {
+function cR(t) {
   const e = {
     props: ["language", "code", "autodetect"],
     data: function() {
@@ -31387,7 +31387,7 @@ function aR(t) {
         return this.autoDetect ? (r = t.highlightAuto(this.code), this.detectedLanguage = r.language) : (r = t.highlight(this.language, this.code, this.ignoreIllegals), this.detectedLanguage = this.language), r.value;
       },
       autoDetect() {
-        return !this.language || lR(this.autodetect);
+        return !this.language || aR(this.autodetect);
       },
       ignoreIllegals() {
         return !0;
@@ -31408,13 +31408,13 @@ function aR(t) {
     }
   } };
 }
-const cR = {
+const uR = {
   "after:highlightElement": ({ el: t, result: e, text: n }) => {
     const r = wu(t);
     if (!r.length)
       return;
     const s = document.createElement("div");
-    s.innerHTML = e.value, e.value = uR(r, wu(s), n);
+    s.innerHTML = e.value, e.value = hR(r, wu(s), n);
   }
 };
 function gl(t) {
@@ -31436,7 +31436,7 @@ function wu(t) {
     return s;
   }(t, 0), e;
 }
-function uR(t, e, n) {
+function hR(t, e, n) {
   let r = 0, s = "";
   const i = [];
   function o() {
@@ -31473,7 +31473,7 @@ const Eu = {}, mo = (t) => {
   console.log(`WARN: ${t}`, ...e);
 }, sn = (t, e) => {
   Eu[`${t}/${e}`] || (console.log(`Deprecated as of ${t}. ${e}`), Eu[`${t}/${e}`] = !0);
-}, xo = fs, Su = lr, Au = Symbol("nomatch"), hR = function(t) {
+}, xo = fs, Su = lr, Au = Symbol("nomatch"), dR = function(t) {
   const e = /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null), r = [];
   let s = !0;
   const i = /(^(<[^>]+>|\t|)+|\n)/gm, o = "Could not find the language '{}', did you forget to load/include a language module?", l = { disableAutodetect: !0, name: "Plain text", contains: [] };
@@ -31484,7 +31484,7 @@ const Eu = {}, mo = (t) => {
     tabReplace: null,
     useBR: !1,
     languages: null,
-    __emitter: wA
+    __emitter: EA
   };
   function c(M) {
     return a.noHighlightRe.test(M);
@@ -31562,7 +31562,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = M, tt = se);
       return Q.className && X.openNode(H.classNameAliases[Q.className] || Q.className), F = Object.create(Q, { parent: { value: F } }), F;
     }
     function g(Q, ce, we) {
-      let Ie = RA(Q.endRe, we);
+      let Ie = kA(Q.endRe, we);
       if (Ie) {
         if (Q["on:end"]) {
           const xt = new vu(Q);
@@ -31585,7 +31585,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = M, tt = se);
       for (const ft of xt)
         if (!!ft && (ft(Q, Ie), Ie.isMatchIgnored))
           return L(ce);
-      return we && we.endSameAsBegin && (we.endRe = EA(ce)), we.skip ? te += ce : (we.excludeBegin && (te += ce), It(), !we.returnBegin && !we.excludeBegin && (te = ce)), Mt(we), we.returnBegin ? 0 : ce.length;
+      return we && we.endSameAsBegin && (we.endRe = TA(ce)), we.skip ? te += ce : (we.excludeBegin && (te += ce), It(), !we.returnBegin && !we.excludeBegin && (te = ce)), Mt(we), we.returnBegin ? 0 : ce.length;
     }
     function I(Q) {
       const ce = Q[0], we = se.substr(Q.index), Ie = g(F, Q, we);
@@ -31635,7 +31635,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = M, tt = se);
     const H = Ne(M);
     if (!H)
       throw mo(o.replace("{}", M)), new Error('Unknown language: "' + M + '"');
-    const V = sR(H, { plugins: r });
+    const V = iR(H, { plugins: r });
     let N = "", F = Re || V;
     const ie = {}, X = new a.__emitter(a);
     O();
@@ -31865,18 +31865,18 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = M, tt = se);
     autoDetection: Y,
     inherit: Su,
     addPlugin: Xe,
-    vuePlugin: aR(t).VuePlugin
+    vuePlugin: cR(t).VuePlugin
   }), t.debugMode = function() {
     s = !1;
   }, t.safeMode = function() {
     s = !0;
-  }, t.versionString = oR;
+  }, t.versionString = lR;
   for (const M in _i)
     typeof _i[M] == "object" && a6(_i[M]);
-  return Object.assign(t, _i), t.addPlugin(_), t.addPlugin(cR), t.addPlugin(C), t;
+  return Object.assign(t, _i), t.addPlugin(_), t.addPlugin(uR), t.addPlugin(C), t;
 };
-var dR = hR({}), Pr = dR;
-function fR(t) {
+var fR = dR({}), Pr = fR;
+function pR(t) {
   return {
     name: "Plain text",
     aliases: [
@@ -31886,8 +31886,8 @@ function fR(t) {
     disableAutodetect: !0
   };
 }
-var pR = fR;
-const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", gR = [
+var gR = pR;
+const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", mR = [
   "as",
   "in",
   "of",
@@ -31926,14 +31926,14 @@ const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", gR = [
   "from",
   "export",
   "extends"
-], mR = [
+], xR = [
   "true",
   "false",
   "null",
   "undefined",
   "NaN",
   "Infinity"
-], xR = [
+], LR = [
   "Intl",
   "DataView",
   "Number",
@@ -31968,7 +31968,7 @@ const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", gR = [
   "BigInt64Array",
   "BigUint64Array",
   "BigInt"
-], LR = [
+], _R = [
   "EvalError",
   "InternalError",
   "RangeError",
@@ -31976,7 +31976,7 @@ const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", gR = [
   "SyntaxError",
   "TypeError",
   "URIError"
-], _R = [
+], yR = [
   "setInterval",
   "setTimeout",
   "clearInterval",
@@ -31994,7 +31994,7 @@ const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", gR = [
   "encodeURIComponent",
   "escape",
   "unescape"
-], yR = [
+], CR = [
   "arguments",
   "this",
   "super",
@@ -32004,22 +32004,22 @@ const Ru = "[A-Za-z$_][0-9A-Za-z$_]*", gR = [
   "localStorage",
   "module",
   "global"
-], CR = [].concat(
-  _R,
+], vR = [].concat(
   yR,
-  xR,
-  LR
+  CR,
+  LR,
+  _R
 );
-function vR(t) {
+function bR(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
 function ku(t) {
   return ml("(?=", t, ")");
 }
 function ml(...t) {
-  return t.map((n) => vR(n)).join("");
+  return t.map((n) => bR(n)).join("");
 }
-function bR(t) {
+function wR(t) {
   const e = (E, { after: P }) => {
     const U = "</" + E[0].slice(1);
     return E.input.indexOf(U, P) !== -1;
@@ -32039,9 +32039,9 @@ function bR(t) {
     }
   }, i = {
     $pattern: Ru,
-    keyword: gR,
-    literal: mR,
-    built_in: CR
+    keyword: mR,
+    literal: xR,
+    built_in: vR
   }, o = "[0-9](_?[0-9])*", l = `\\.(${o})`, a = "0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*", c = {
     className: "number",
     variants: [
@@ -32341,14 +32341,14 @@ function bR(t) {
     ]
   };
 }
-var wR = bR;
-function ER(t) {
+var ER = wR;
+function TR(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
-function TR(...t) {
-  return t.map((n) => ER(n)).join("");
+function SR(...t) {
+  return t.map((n) => TR(n)).join("");
 }
-function SR(t) {
+function AR(t) {
   const e = {}, n = {
     begin: /\$\{/,
     end: /\}/,
@@ -32363,7 +32363,7 @@ function SR(t) {
   Object.assign(e, {
     className: "variable",
     variants: [
-      { begin: TR(
+      { begin: SR(
         /\$[\w\d#@][\w\d_]*/,
         "(?![\\w\\d])(?![$])"
       ) },
@@ -32455,8 +32455,8 @@ function SR(t) {
     ]
   };
 }
-var AR = SR;
-function RR(t) {
+var RR = AR;
+function kR(t) {
   var e = "true false yes no null", n = "[\\w#;/?:@&=+$,.~*'()[\\]]+", r = {
     className: "attr",
     variants: [
@@ -32579,12 +32579,12 @@ function RR(t) {
     contains: y
   };
 }
-var kR = RR;
-Pr.registerLanguage("plaintext", pR);
-Pr.registerLanguage("javascript", wR);
-Pr.registerLanguage("bash", AR);
-Pr.registerLanguage("yaml", kR);
-const OR = {
+var OR = kR;
+Pr.registerLanguage("plaintext", gR);
+Pr.registerLanguage("javascript", ER);
+Pr.registerLanguage("bash", RR);
+Pr.registerLanguage("yaml", OR);
+const IR = {
   codespan(t) {
     let n = /(GET|HEAD|POST|PUT|DELETE|CONNECT|OPTIONS|TRACE|PATCH)\s+(.+)/gi.exec(t);
     return (n == null ? void 0 : n.length) === 3 ? `
@@ -32604,8 +32604,8 @@ pe.setOptions({
   },
   breaks: !0
 });
-pe.use({ renderer: OR });
-const IR = {
+pe.use({ renderer: IR });
+const MR = {
   name: "comment",
   props: ["comment", "commentObj"],
   computed: {
@@ -32622,27 +32622,27 @@ const IR = {
       return (t = this.commentObj) == null ? void 0 : t.commentClassNames;
     }
   }
-}, MR = { class: "comments text-skin-comment min-w-[100px] flex text-left text-sm opacity-50 hover:opacity-100" }, NR = ["innerHTML"];
-function PR(t, e, n, r, s, i) {
-  return R(), K("div", MR, [
+}, NR = { class: "comments text-skin-comment min-w-[100px] flex text-left text-sm opacity-50 hover:opacity-100" }, PR = ["innerHTML"];
+function FR(t, e, n, r, s, i) {
+  return R(), K("div", NR, [
     S("div", {
       innerHTML: i.markedComment,
       class: be(i.classNames),
       style: _e(i.commentStyle)
-    }, null, 14, NR)
+    }, null, 14, PR)
   ]);
 }
-const q0 = /* @__PURE__ */ Ge(IR, [["render", PR], ["__scopeId", "data-v-49a61c68"]]);
-const FR = {
+const q0 = /* @__PURE__ */ Ge(MR, [["render", FR], ["__scopeId", "data-v-49a61c68"]]);
+const DR = {
   props: ["collapsed"],
   emits: ["click"]
-}, DR = { class: "collapsible-header" }, BR = /* @__PURE__ */ h1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-1bb203db></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-1bb203db></g><g id="SVGRepo_iconCarrier" data-v-1bb203db><line x1="13" y1="2" x2="13" y2="10" data-v-1bb203db></line><polyline points="9 7 13 11 17 7" data-v-1bb203db></polyline><line x1="13" y1="23" x2="13" y2="15" data-v-1bb203db></line><polyline points="9 19 13 15 17 19" data-v-1bb203db></polyline></g>', 3), $R = [
-  BR
-], HR = /* @__PURE__ */ h1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-1bb203db></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-1bb203db></g><g id="SVGRepo_iconCarrier" data-v-1bb203db><line x1="13" y1="1" x2="13" y2="9" data-v-1bb203db></line><polyline points="9 5 13 1 17 5" data-v-1bb203db></polyline><line x1="13" y1="13" x2="13" y2="13" data-v-1bb203db></line><line x1="13" y1="24" x2="13" y2="17" data-v-1bb203db></line><polyline points="9 20 13 24 17 20" data-v-1bb203db></polyline></g>', 3), UR = [
-  HR
+}, BR = { class: "collapsible-header" }, $R = /* @__PURE__ */ h1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-1bb203db></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-1bb203db></g><g id="SVGRepo_iconCarrier" data-v-1bb203db><line x1="13" y1="2" x2="13" y2="10" data-v-1bb203db></line><polyline points="9 7 13 11 17 7" data-v-1bb203db></polyline><line x1="13" y1="23" x2="13" y2="15" data-v-1bb203db></line><polyline points="9 19 13 15 17 19" data-v-1bb203db></polyline></g>', 3), HR = [
+  $R
+], UR = /* @__PURE__ */ h1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-1bb203db></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-1bb203db></g><g id="SVGRepo_iconCarrier" data-v-1bb203db><line x1="13" y1="1" x2="13" y2="9" data-v-1bb203db></line><polyline points="9 5 13 1 17 5" data-v-1bb203db></polyline><line x1="13" y1="13" x2="13" y2="13" data-v-1bb203db></line><line x1="13" y1="24" x2="13" y2="17" data-v-1bb203db></line><polyline points="9 20 13 24 17 20" data-v-1bb203db></polyline></g>', 3), VR = [
+  UR
 ];
-function VR(t, e, n, r, s, i) {
-  return R(), K("div", DR, [
+function zR(t, e, n, r, s, i) {
+  return R(), K("div", BR, [
     (R(), K("svg", {
       width: "20px",
       height: "20px",
@@ -32655,7 +32655,7 @@ function VR(t, e, n, r, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "miter"
-    }, $R, 2)),
+    }, HR, 2)),
     (R(), K("svg", {
       width: "20px",
       height: "20px",
@@ -32668,11 +32668,11 @@ function VR(t, e, n, r, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "miter"
-    }, UR, 2))
+    }, VR, 2))
   ]);
 }
-const zR = /* @__PURE__ */ Ge(FR, [["render", VR], ["__scopeId", "data-v-1bb203db"]]);
-const GR = {
+const GR = /* @__PURE__ */ Ge(DR, [["render", zR], ["__scopeId", "data-v-1bb203db"]]);
+const jR = {
   name: "occurrence",
   props: ["context", "selfCallIndent", "participant", "rtl", "number"],
   data: function() {
@@ -32705,14 +32705,14 @@ const GR = {
       this.collapsed = !this.collapsed, lc.$emit("participant_set_top");
     }
   },
-  components: { CollapseButton: zR },
+  components: { CollapseButton: GR },
   watch: {
     context() {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, jR = ["data-belongs-to", "data-x-offset", "data-debug-center-of"];
-function ZR(t, e, n, r, s, i) {
+}, ZR = ["data-belongs-to", "data-x-offset", "data-debug-center-of"];
+function WR(t, e, n, r, s, i) {
   const o = xe("collapse-button"), l = xe("block");
   return R(), K("div", {
     class: be(["occurrence shadow-occurrence border-skin-occurrence bg-skin-occurrence rounded-sm border-2 relative left-full", { "right-to-left": n.rtl }]),
@@ -32734,9 +32734,9 @@ function ZR(t, e, n, r, s, i) {
       collapsed: t.collapsed,
       inheritFromOccurrence: !0
     }, null, 8, ["context", "selfCallIndent", "number", "collapsed"])) : ye("", !0)
-  ], 10, jR);
+  ], 10, ZR);
 }
-const g6 = /* @__PURE__ */ Ge(GR, [["render", ZR], ["__scopeId", "data-v-11f91122"]]);
+const g6 = /* @__PURE__ */ Ge(jR, [["render", WR], ["__scopeId", "data-v-11f91122"]]);
 class Bs {
   constructor(e, n, r, s) {
     Z(this, "start");
@@ -32748,7 +32748,7 @@ class Bs {
     return new Bs(n.line, n.column, r.line, r.column + r.text.length);
   }
 }
-const Ou = b0.child({ name: "Creation" }), WR = {
+const Ou = b0.child({ name: "Creation" }), qR = {
   name: "creation",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   computed: {
@@ -32824,11 +32824,11 @@ const Ou = b0.child({ name: "Creation" }), WR = {
     Occurrence: g6,
     Message: G0
   }
-}, qR = ["data-signature"], KR = ["data-to"], YR = {
+}, KR = ["data-signature"], YR = ["data-to"], XR = {
   ref: "participantPlaceHolder",
   class: "invisible right-0 flex flex-col justify-center flex-shrink-0"
 };
-function XR(t, e, n, r, s, i) {
+function QR(t, e, n, r, s, i) {
   var u;
   const o = xe("comment"), l = xe("message"), a = xe("participant"), c = xe("occurrence");
   return R(), K("div", {
@@ -32863,12 +32863,12 @@ function XR(t, e, n, r, s, i) {
         classNames: i.messageClassNames,
         textStyle: i.messageTextStyle
       }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"]),
-      S("div", YR, [
+      S("div", XR, [
         z(a, {
           entity: { name: i.to }
         }, null, 8, ["entity"])
       ], 512)
-    ], 10, KR),
+    ], 10, YR),
     z(c, {
       context: i.creation,
       class: "pointer-events-auto",
@@ -32886,12 +32886,12 @@ function XR(t, e, n, r, s, i) {
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle
     }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : ye("", !0)
-  ], 14, qR);
+  ], 14, KR);
 }
-const QR = /* @__PURE__ */ Ge(WR, [["render", XR]]), JR = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em]" }, ek = {
+const JR = /* @__PURE__ */ Ge(qR, [["render", QR]]), ek = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em]" }, tk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
-}, tk = { key: 0 }, nk = /* @__PURE__ */ S("svg", {
+}, nk = { key: 0 }, rk = /* @__PURE__ */ S("svg", {
   class: "arrow text-skin-message-arrow",
   width: "30",
   height: "24"
@@ -32904,7 +32904,7 @@ const QR = /* @__PURE__ */ Ge(WR, [["render", XR]]), JR = { class: "name group p
     class: "head stroke-current fill-current stroke-2",
     points: "18,9 8,15 18,21"
   })
-], -1), rk = /* @__PURE__ */ Ye({
+], -1), sk = /* @__PURE__ */ Ye({
   __name: "SelfInvocation",
   props: {
     context: null,
@@ -32925,21 +32925,21 @@ const QR = /* @__PURE__ */ Ge(WR, [["render", XR]]), JR = { class: "name group p
       ref_key: "messageRef",
       ref: i
     }, [
-      S("label", JR, [
-        Te(s) ? (R(), K("div", ek, $e(t.number), 1)) : ye("", !0),
+      S("label", ek, [
+        Te(s) ? (R(), K("div", tk, $e(t.number), 1)) : ye("", !0),
         S("div", {
           style: _e(t.textStyle),
           class: be(t.classNames)
         }, [
-          t.assignee ? (R(), K("span", tk, $e(t.assignee) + " = ", 1)) : ye("", !0),
+          t.assignee ? (R(), K("span", nk, $e(t.assignee) + " = ", 1)) : ye("", !0),
           dn(" " + $e(t.content), 1)
         ], 6)
       ]),
-      nk
+      rk
     ], 512));
   }
 });
-const sk = {
+const ik = {
   name: "interaction",
   props: [
     "context",
@@ -33039,12 +33039,12 @@ const sk = {
   },
   components: {
     Message: G0,
-    SelfInvocation: rk,
+    SelfInvocation: sk,
     Comment: q0,
     Occurrence: g6
   }
-}, ik = ["data-to", "data-signature"];
-function ok(t, e, n, r, s, i) {
+}, ok = ["data-to", "data-signature"];
+function lk(t, e, n, r, s, i) {
   var c;
   const o = xe("comment"), l = xe("occurrence"), a = xe("message");
   return R(), K("div", {
@@ -33101,22 +33101,22 @@ function ok(t, e, n, r, s, i) {
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle
     }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : ye("", !0)
-  ], 14, ik);
+  ], 14, ok);
 }
-const lk = /* @__PURE__ */ Ge(sk, [["render", ok], ["__scopeId", "data-v-e6d7fb3f"]]);
-const ak = {
+const ak = /* @__PURE__ */ Ge(ik, [["render", lk], ["__scopeId", "data-v-e6d7fb3f"]]);
+const ck = {
   name: "self-invocation-async",
   props: ["content", "number"],
   computed: {
     ...Fn(["numbering"])
   }
-}, ck = (t) => (Ts("data-v-fbc5fa7e"), t = t(), Ss(), t), uk = {
+}, uk = (t) => (Ts("data-v-fbc5fa7e"), t = t(), Ss(), t), hk = {
   class: "message self flex items-start flex-col",
   style: { "border-width": "0" }
-}, hk = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover min-h-[1em]" }, dk = {
+}, dk = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover min-h-[1em]" }, fk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
-}, fk = /* @__PURE__ */ ck(() => /* @__PURE__ */ S("svg", {
+}, pk = /* @__PURE__ */ uk(() => /* @__PURE__ */ S("svg", {
   class: "arrow text-skin-message-arrow",
   width: "34",
   height: "34"
@@ -33130,20 +33130,20 @@ const ak = {
     points: "11,19 1,25 11,31"
   })
 ], -1));
-function pk(t, e, n, r, s, i) {
-  return R(), K("div", uk, [
-    S("label", hk, [
-      t.numbering ? (R(), K("div", dk, $e(n.number), 1)) : ye("", !0),
+function gk(t, e, n, r, s, i) {
+  return R(), K("div", hk, [
+    S("label", dk, [
+      t.numbering ? (R(), K("div", fk, $e(n.number), 1)) : ye("", !0),
       dn(" " + $e(n.content), 1)
     ]),
-    fk
+    pk
   ]);
 }
-const gk = /* @__PURE__ */ Ge(ak, [["render", pk], ["__scopeId", "data-v-fbc5fa7e"]]);
+const mk = /* @__PURE__ */ Ge(ck, [["render", gk], ["__scopeId", "data-v-fbc5fa7e"]]);
 function Lo(t) {
   return t == null;
 }
-const mk = {
+const xk = {
   name: "interaction-async",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   computed: {
@@ -33229,11 +33229,11 @@ const mk = {
   },
   components: {
     Comment: q0,
-    SelfInvocationAsync: gk,
+    SelfInvocationAsync: mk,
     Message: G0
   }
-}, xk = ["data-signature"];
-function Lk(t, e, n, r, s, i) {
+}, Lk = ["data-signature"];
+function _k(t, e, n, r, s, i) {
   const o = xe("comment");
   return R(), K("div", {
     class: be(["interaction async", {
@@ -33264,18 +33264,18 @@ function Lk(t, e, n, r, s, i) {
       type: "async",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, xk);
+  ], 14, Lk);
 }
-const _k = /* @__PURE__ */ Ge(mk, [["render", Lk], ["__scopeId", "data-v-77b8885a"]]);
-const yk = {
+const yk = /* @__PURE__ */ Ge(xk, [["render", _k], ["__scopeId", "data-v-77b8885a"]]);
+const Ck = {
   components: { Icon: hr },
   props: ["label", "collapsed"],
   emits: ["click"]
-}, Ck = { class: "collapsible-header" }, vk = { class: "mb-0" };
-function bk(t, e, n, r, s, i) {
+}, vk = { class: "collapsible-header" }, bk = { class: "mb-0" };
+function wk(t, e, n, r, s, i) {
   const o = xe("Icon");
-  return R(), K("div", Ck, [
-    S("label", vk, $e(n.label), 1),
+  return R(), K("div", vk, [
+    S("label", bk, $e(n.label), 1),
     n.collapsed ? (R(), ke(o, {
       key: 1,
       name: "collapse-unexpanded",
@@ -33289,7 +33289,7 @@ function bk(t, e, n, r, s, i) {
     }, null, 8, ["icon-class"]))
   ]);
 }
-const wk = /* @__PURE__ */ Ge(yk, [["render", bk], ["__scopeId", "data-v-048a5186"]]), K0 = {
+const Ek = /* @__PURE__ */ Ge(Ck, [["render", wk], ["__scopeId", "data-v-048a5186"]]), K0 = {
   computed: {
     ...pn(["coordinates"]),
     offsetX: function() {
@@ -33319,13 +33319,13 @@ const wk = /* @__PURE__ */ Ge(yk, [["render", bk], ["__scopeId", "data-v-048a518
       this.collapsed = !this.collapsed, lc.$emit("participant_set_top");
     }
   },
-  components: { CollapseButton: wk },
+  components: { CollapseButton: Ek },
   watch: {
     context() {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, Ek = (t) => {
+}, Tk = (t) => {
   let e = {
     loop: "FragmentLoop",
     alt: "FragmentAlt",
@@ -33339,14 +33339,14 @@ const wk = /* @__PURE__ */ Ge(yk, [["render", bk], ["__scopeId", "data-v-048a518
     ret: "Return"
   }, n = Object.keys(e).find((r) => t[r]() !== null) || "";
   return e[n];
-}, i0 = (t) => t && t.stat() ? t.stat().filter((e) => Ek(e) !== "Divider").length : 0, m6 = (t, e) => {
+}, i0 = (t) => t && t.stat() ? t.stat().filter((e) => Tk(e) !== "Divider").length : 0, m6 = (t, e) => {
   if (t) {
     const n = t.split(".");
     return n[n.length - 1] = Number(n[n.length - 1]) + e, n.join(".");
   } else
     return String(e);
 };
-const Tk = {
+const Sk = {
   name: "fragment-alt",
   props: ["context", "comment", "selfCallIndent", "commentObj", "number"],
   mixins: [K0],
@@ -33392,31 +33392,31 @@ const Tk = {
     increaseNumber: m6,
     blockLength: i0
   }
-}, x6 = (t) => (Ts("data-v-3ed539bb"), t = t(), Ss(), t), Sk = { class: "segment" }, Ak = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Rk = {
+}, x6 = (t) => (Ts("data-v-3ed539bb"), t = t(), Ss(), t), Ak = { class: "segment" }, Rk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, kk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, kk = { class: "name font-semibold p-1 border-b text-sm" }, Ok = { class: "p-0" }, Ik = { class: "segment" }, Mk = { class: "text-skin-fragment flex" }, Nk = { class: "condition px-1 text-sm inline-block" }, Pk = /* @__PURE__ */ x6(() => /* @__PURE__ */ S("label", { class: "else-if hidden" }, "else if", -1)), Fk = { class: "condition px-1" }, Dk = {
+}, Ok = { class: "name font-semibold p-1 border-b text-sm" }, Ik = { class: "p-0" }, Mk = { class: "segment" }, Nk = { class: "text-skin-fragment flex" }, Pk = { class: "condition px-1 text-sm inline-block" }, Fk = /* @__PURE__ */ x6(() => /* @__PURE__ */ S("label", { class: "else-if hidden" }, "else if", -1)), Dk = { class: "condition px-1" }, Bk = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
-}, Bk = /* @__PURE__ */ x6(() => /* @__PURE__ */ S("div", { class: "text-skin-fragment" }, [
+}, $k = /* @__PURE__ */ x6(() => /* @__PURE__ */ S("div", { class: "text-skin-fragment" }, [
   /* @__PURE__ */ S("label", { class: "p-1" }, "[else]")
 ], -1));
-function $k(t, e, n, r, s, i) {
+function Hk(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), K("div", {
     class: "fragment alt border-skin-fragment rounded",
     style: _e(t.fragmentStyle)
   }, [
-    S("div", Sk, [
+    S("div", Ak, [
       n.comment ? (R(), ke(o, {
         key: 0,
         comment: n.comment,
         commentObj: n.commentObj
       }, null, 8, ["comment", "commentObj"])) : ye("", !0),
-      S("div", Ak, [
-        t.numbering ? (R(), K("div", Rk, $e(n.number), 1)) : ye("", !0),
-        S("div", kk, [
-          S("label", Ok, [
+      S("div", Rk, [
+        t.numbering ? (R(), K("div", kk, $e(n.number), 1)) : ye("", !0),
+        S("div", Ok, [
+          S("label", Ik, [
             z(l, {
               label: "Alt",
               collapsed: t.collapsed,
@@ -33431,9 +33431,9 @@ function $k(t, e, n, r, s, i) {
     S("div", {
       class: be({ hidden: t.collapsed })
     }, [
-      S("div", Ik, [
-        S("div", Mk, [
-          S("label", Nk, "[" + $e(i.condition) + "]", 1)
+      S("div", Mk, [
+        S("div", Nk, [
+          S("label", Pk, "[" + $e(i.condition) + "]", 1)
         ]),
         i.blockInIfBlock ? (R(), ke(a, {
           key: 0,
@@ -33452,8 +33452,8 @@ function $k(t, e, n, r, s, i) {
           class: "text-skin-fragment",
           key: u + 1e3
         }, [
-          Pk,
-          S("label", Fk, "[" + $e(i.conditionFromIfElseBlock(c)) + "]", 1)
+          Fk,
+          S("label", Dk, "[" + $e(i.conditionFromIfElseBlock(c)) + "]", 1)
         ])),
         (R(), ke(a, {
           style: _e({ paddingLeft: `${t.offsetX}px` }),
@@ -33464,8 +33464,8 @@ function $k(t, e, n, r, s, i) {
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"]))
       ]))), 128)),
-      i.elseBlock ? (R(), K("div", Dk, [
-        Bk,
+      i.elseBlock ? (R(), K("div", Bk, [
+        $k,
         z(a, {
           style: _e({ paddingLeft: `${t.offsetX}px` }),
           context: i.elseBlock,
@@ -33477,8 +33477,8 @@ function $k(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const Hk = /* @__PURE__ */ Ge(Tk, [["render", $k], ["__scopeId", "data-v-3ed539bb"]]);
-const Uk = {
+const Uk = /* @__PURE__ */ Ge(Sk, [["render", Hk], ["__scopeId", "data-v-3ed539bb"]]);
+const Vk = {
   name: "fragment-par",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33491,11 +33491,11 @@ const Uk = {
       return this.context.par();
     }
   }
-}, Vk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, zk = {
+}, zk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Gk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, Gk = { class: "name font-semibold p-1 border-b" };
-function jk(t, e, n, r, s, i) {
+}, jk = { class: "name font-semibold p-1 border-b" };
+function Zk(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), K("div", {
     class: "fragment par border-skin-fragment rounded",
@@ -33506,9 +33506,9 @@ function jk(t, e, n, r, s, i) {
       comment: n.comment,
       commentObj: n.commentObj
     }, null, 8, ["comment", "commentObj"])) : ye("", !0),
-    S("div", Vk, [
-      t.numbering ? (R(), K("div", zk, $e(n.number), 1)) : ye("", !0),
-      S("div", Gk, [
+    S("div", zk, [
+      t.numbering ? (R(), K("div", Gk, $e(n.number), 1)) : ye("", !0),
+      S("div", jk, [
         z(l, {
           label: "Par",
           collapsed: t.collapsed,
@@ -33527,8 +33527,8 @@ function jk(t, e, n, r, s, i) {
     }, null, 8, ["class", "style", "context", "selfCallIndent", "number"])
   ], 4);
 }
-const Zk = /* @__PURE__ */ Ge(Uk, [["render", jk], ["__scopeId", "data-v-12f63f5c"]]);
-const Wk = {
+const Wk = /* @__PURE__ */ Ge(Vk, [["render", Zk], ["__scopeId", "data-v-12f63f5c"]]);
+const qk = {
   name: "fragment-loop",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33549,11 +33549,11 @@ const Wk = {
       return (n = (e = (t = this.loop) == null ? void 0 : t.parExpr()) == null ? void 0 : e.condition()) == null ? void 0 : n.getFormattedText();
     }
   }
-}, qk = { class: "header text-skin-fragment-header bg-skin-fragment-header text-base leading-4 relative" }, Kk = {
+}, Kk = { class: "header text-skin-fragment-header bg-skin-fragment-header text-base leading-4 relative" }, Yk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, Yk = { class: "name font-semibold p-1 border-b" }, Xk = { class: "segment" }, Qk = { class: "text-skin-fragment" }, Jk = { class: "condition p-1" };
-function eO(t, e, n, r, s, i) {
+}, Xk = { class: "name font-semibold p-1 border-b" }, Qk = { class: "segment" }, Jk = { class: "text-skin-fragment" }, eO = { class: "condition p-1" };
+function tO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), K("div", {
     class: "fragment loop border-skin-fragment rounded",
@@ -33564,9 +33564,9 @@ function eO(t, e, n, r, s, i) {
       comment: n.comment,
       commentObj: n.commentObj
     }, null, 8, ["comment", "commentObj"])) : ye("", !0),
-    S("div", qk, [
-      t.numbering ? (R(), K("div", Kk, $e(n.number), 1)) : ye("", !0),
-      S("div", Yk, [
+    S("div", Kk, [
+      t.numbering ? (R(), K("div", Yk, $e(n.number), 1)) : ye("", !0),
+      S("div", Xk, [
         z(l, {
           label: "Loop",
           collapsed: t.collapsed,
@@ -33579,9 +33579,9 @@ function eO(t, e, n, r, s, i) {
     S("div", {
       class: be({ hidden: t.collapsed })
     }, [
-      S("div", Xk, [
-        S("div", Qk, [
-          S("label", Jk, "[" + $e(i.condition) + "]", 1)
+      S("div", Qk, [
+        S("div", Jk, [
+          S("label", eO, "[" + $e(i.condition) + "]", 1)
         ]),
         z(a, {
           style: _e({ paddingLeft: `${t.offsetX}px` }),
@@ -33593,8 +33593,8 @@ function eO(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const tO = /* @__PURE__ */ Ge(Wk, [["render", eO], ["__scopeId", "data-v-44ed1b4d"]]);
-const nO = {
+const nO = /* @__PURE__ */ Ge(qk, [["render", tO], ["__scopeId", "data-v-44ed1b4d"]]);
+const rO = {
   name: "fragment-opt",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33607,11 +33607,11 @@ const nO = {
       return this.context.opt();
     }
   }
-}, rO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 relative" }, sO = {
+}, sO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 relative" }, iO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, iO = { class: "name font-semibold p-1 border-b" };
-function oO(t, e, n, r, s, i) {
+}, oO = { class: "name font-semibold p-1 border-b" };
+function lO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), K("div", {
     class: "fragment opt border-skin-fragment rounded",
@@ -33622,9 +33622,9 @@ function oO(t, e, n, r, s, i) {
       comment: n.comment,
       commentObj: n.commentObj
     }, null, 8, ["comment", "commentObj"])) : ye("", !0),
-    S("div", rO, [
-      t.numbering ? (R(), K("div", sO, $e(n.number), 1)) : ye("", !0),
-      S("div", iO, [
+    S("div", sO, [
+      t.numbering ? (R(), K("div", iO, $e(n.number), 1)) : ye("", !0),
+      S("div", oO, [
         z(l, {
           label: "Opt",
           collapsed: t.collapsed,
@@ -33643,8 +33643,8 @@ function oO(t, e, n, r, s, i) {
     }, null, 8, ["class", "style", "context", "selfCallIndent", "number"])
   ], 4);
 }
-const lO = /* @__PURE__ */ Ge(nO, [["render", oO], ["__scopeId", "data-v-5a3911c0"]]);
-const aO = {
+const aO = /* @__PURE__ */ Ge(rO, [["render", lO], ["__scopeId", "data-v-5a3911c0"]]);
+const cO = {
   name: "fragment-tcf",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33682,30 +33682,30 @@ const aO = {
       return (e = t == null ? void 0 : t.braceBlock()) == null ? void 0 : e.block();
     }
   }
-}, L6 = (t) => (Ts("data-v-a74d5015"), t = t(), Ss(), t), cO = { class: "segment" }, uO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, hO = {
+}, L6 = (t) => (Ts("data-v-a74d5015"), t = t(), Ss(), t), uO = { class: "segment" }, hO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, dO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, dO = { class: "name font-semibold p-1 border-b text-sm" }, fO = { class: "segment" }, pO = /* @__PURE__ */ L6(() => /* @__PURE__ */ S("label", { class: "keyword catch p-1" }, "catch", -1)), gO = { class: "exception p-1" }, mO = {
+}, fO = { class: "name font-semibold p-1 border-b text-sm" }, pO = { class: "segment" }, gO = /* @__PURE__ */ L6(() => /* @__PURE__ */ S("label", { class: "keyword catch p-1" }, "catch", -1)), mO = { class: "exception p-1" }, xO = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
-}, xO = /* @__PURE__ */ L6(() => /* @__PURE__ */ S("div", { class: "header flex text-skin-fragment finally" }, [
+}, LO = /* @__PURE__ */ L6(() => /* @__PURE__ */ S("div", { class: "header flex text-skin-fragment finally" }, [
   /* @__PURE__ */ S("label", { class: "keyword finally px-1 inline-block text-sm" }, "finally")
 ], -1));
-function LO(t, e, n, r, s, i) {
+function _O(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), K("div", {
     class: "fragment tcf border-skin-fragment rounded",
     style: _e(t.fragmentStyle)
   }, [
-    S("div", cO, [
+    S("div", uO, [
       n.comment ? (R(), ke(o, {
         key: 0,
         comment: n.comment,
         commentObj: n.commentObj
       }, null, 8, ["comment", "commentObj"])) : ye("", !0),
-      S("div", uO, [
-        t.numbering ? (R(), K("div", hO, $e(n.number), 1)) : ye("", !0),
-        S("div", dO, [
+      S("div", hO, [
+        t.numbering ? (R(), K("div", dO, $e(n.number), 1)) : ye("", !0),
+        S("div", fO, [
           z(l, {
             label: "Try",
             collapsed: t.collapsed,
@@ -33717,7 +33717,7 @@ function LO(t, e, n, r, s, i) {
     S("div", {
       class: be({ hidden: t.collapsed })
     }, [
-      S("div", fO, [
+      S("div", pO, [
         i.blockInTryBlock ? (R(), ke(a, {
           key: 0,
           style: _e({ paddingLeft: `${t.offsetX}px` }),
@@ -33735,8 +33735,8 @@ function LO(t, e, n, r, s, i) {
           class: "header inline-block",
           key: u + 1e3
         }, [
-          pO,
-          S("label", gO, $e(i.exception(c)), 1)
+          gO,
+          S("label", mO, $e(i.exception(c)), 1)
         ])),
         (R(), ke(a, {
           style: _e({ paddingLeft: `${t.offsetX}px` }),
@@ -33747,8 +33747,8 @@ function LO(t, e, n, r, s, i) {
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"]))
       ]))), 128)),
-      i.finallyBlock ? (R(), K("div", mO, [
-        xO,
+      i.finallyBlock ? (R(), K("div", xO, [
+        LO,
         z(a, {
           style: _e({ paddingLeft: `${t.offsetX}px` }),
           context: i.finallyBlock,
@@ -33760,7 +33760,7 @@ function LO(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const _O = /* @__PURE__ */ Ge(aO, [["render", LO], ["__scopeId", "data-v-a74d5015"]]), yO = {
+const yO = /* @__PURE__ */ Ge(cO, [["render", _O], ["__scopeId", "data-v-a74d5015"]]), CO = {
   name: "return",
   props: ["context", "comment", "commentObj", "number"],
   computed: {
@@ -33824,10 +33824,10 @@ const _O = /* @__PURE__ */ Ge(aO, [["render", LO], ["__scopeId", "data-v-a74d501
     Comment: q0,
     Message: G0
   }
-}, CO = ["data-signature"], vO = {
+}, vO = ["data-signature"], bO = {
   key: 1,
   class: "flex items-center"
-}, bO = /* @__PURE__ */ S("svg", {
+}, wO = /* @__PURE__ */ S("svg", {
   class: "w-3 h-3 flex-shrink-0 fill-current m-1",
   viewBox: "0 0 512 512"
 }, [
@@ -33839,8 +33839,8 @@ const _O = /* @__PURE__ */ Ge(aO, [["render", LO], ["__scopeId", "data-v-a74d501
     class: "cls-1",
     d: "M288 192h-87.16l27.58-27.58a21.33 21.33 0 1 0-30.17-30.17l-64 64a21.33 21.33 0 0 0 0 30.17l64 64a21.33 21.33 0 0 0 30.17-30.17l-27.58-27.58H288a53.33 53.33 0 0 1 0 106.67h-32a21.33 21.33 0 0 0 0 42.66h32a96 96 0 0 0 0-192Z"
   })
-], -1), wO = { class: "name text-sm" };
-function EO(t, e, n, r, s, i) {
+], -1), EO = { class: "name text-sm" };
+function TO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("Message");
   return R(), K("div", {
     class: be(["interaction return relative", {
@@ -33856,9 +33856,9 @@ function EO(t, e, n, r, s, i) {
       key: 0,
       commentObj: n.commentObj
     }, null, 8, ["commentObj"])) : ye("", !0),
-    i.isSelf ? (R(), K("div", vO, [
-      bO,
-      S("span", wO, $e(i.signature), 1)
+    i.isSelf ? (R(), K("div", bO, [
+      wO,
+      S("span", EO, $e(i.signature), 1)
     ])) : ye("", !0),
     i.isSelf ? ye("", !0) : (R(), ke(l, {
       key: 2,
@@ -33870,9 +33870,9 @@ function EO(t, e, n, r, s, i) {
       type: "return",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, CO);
+  ], 14, vO);
 }
-const TO = /* @__PURE__ */ Ge(yO, [["render", EO]]), SO = [
+const SO = /* @__PURE__ */ Ge(CO, [["render", TO]]), AO = [
   "aliceblue",
   "antiquewhite",
   "aqua",
@@ -34021,20 +34021,20 @@ const TO = /* @__PURE__ */ Ge(yO, [["render", EO]]), SO = [
   "whitesmoke",
   "yellow",
   "yellowgreen"
-], AO = ["italic", "oblique"], RO = ["bold", "bolder", "lighter"], kO = ["underline", "overline", "line-through"], o0 = (t) => {
+], RO = ["italic", "oblique"], kO = ["bold", "bolder", "lighter"], OO = ["underline", "overline", "line-through"], o0 = (t) => {
   const e = {}, n = [];
   return t.forEach((r) => {
     switch (!0) {
-      case SO.includes(r):
+      case AO.includes(r):
         e.color = r;
         break;
-      case AO.includes(r):
+      case RO.includes(r):
         e.fontStyle = r;
         break;
-      case RO.includes(r):
+      case kO.includes(r):
         e.fontWeight = r;
         break;
-      case kO.includes(r):
+      case OO.includes(r):
         e.textDecoration = r;
         break;
       default:
@@ -34042,7 +34042,7 @@ const TO = /* @__PURE__ */ Ge(yO, [["render", EO]]), SO = [
     }
   }), { textStyle: e, classNames: n };
 };
-const OO = {
+const IO = {
   name: "divider",
   props: ["context"],
   computed: {
@@ -34068,22 +34068,22 @@ const OO = {
       return { style: o0([]), note: this.note };
     }
   }
-}, _6 = (t) => (Ts("data-v-49358971"), t = t(), Ss(), t), IO = /* @__PURE__ */ _6(() => /* @__PURE__ */ S("div", { class: "left bg-skin-divider" }, null, -1)), MO = /* @__PURE__ */ _6(() => /* @__PURE__ */ S("div", { class: "right bg-skin-divider" }, null, -1));
-function NO(t, e, n, r, s, i) {
+}, _6 = (t) => (Ts("data-v-49358971"), t = t(), Ss(), t), MO = /* @__PURE__ */ _6(() => /* @__PURE__ */ S("div", { class: "left bg-skin-divider" }, null, -1)), NO = /* @__PURE__ */ _6(() => /* @__PURE__ */ S("div", { class: "right bg-skin-divider" }, null, -1));
+function PO(t, e, n, r, s, i) {
   return R(), K("div", {
     class: "divider",
     style: _e({ width: i.width + "px", transform: "translateX(" + (-1 * i.centerOfFrom + 10) + "px)" })
   }, [
-    IO,
+    MO,
     S("div", {
       class: be(["name", i.messageStyle.style.classNames]),
       style: _e(i.messageStyle.style.textStyle)
     }, $e(i.messageStyle.note), 7),
-    MO
+    NO
   ], 4);
 }
-const PO = /* @__PURE__ */ Ge(OO, [["render", NO], ["__scopeId", "data-v-49358971"]]);
-function FO(t) {
+const FO = /* @__PURE__ */ Ge(IO, [["render", PO], ["__scopeId", "data-v-49358971"]]);
+function DO(t) {
   const e = {
     "<>": /* @__PURE__ */ new Set(),
     "()": /* @__PURE__ */ new Set(),
@@ -34104,7 +34104,7 @@ function FO(t) {
     t.slice(s)
   ];
 }
-class DO {
+class BO {
   constructor(e) {
     Z(this, "text", "");
     Z(this, "classNames", []);
@@ -34114,7 +34114,7 @@ class DO {
     Z(this, "commentClassNames", []);
     Z(this, "messageClassNames", []);
     const n = e.slice(0, -1).split(`
-`), r = n[n.length - 1], [s, i, o, l] = FO(r), { textStyle: a, classNames: c } = o0(s), { textStyle: u, classNames: h } = o0(i), { textStyle: f, classNames: p } = o0(o);
+`), r = n[n.length - 1], [s, i, o, l] = DO(r), { textStyle: a, classNames: c } = o0(s), { textStyle: u, classNames: h } = o0(i), { textStyle: f, classNames: p } = o0(o);
     this.text = (n.slice(0, n.length - 1).join(`
 `) + `
 ` + l).trim(), this.textStyle = { ...f, ...a, ...u }, this.classNames = [
@@ -34124,7 +34124,7 @@ class DO {
     ], this.commentStyle = { ...f, ...a }, this.messageStyle = { ...f, ...u }, this.commentClassNames = [...p, ...c], this.messageClassNames = [...p, ...h];
   }
 }
-const BO = {
+const $O = {
   name: "statement",
   props: [
     "context",
@@ -34138,7 +34138,7 @@ const BO = {
       return this.context.getComment() ? this.context.getComment() : "";
     },
     commentObj: function() {
-      return new DO(this.comment);
+      return new BO(this.comment);
     },
     subStatement: function() {
       let t = this, e = {
@@ -34160,19 +34160,19 @@ const BO = {
     }
   },
   components: {
-    Creation: QR,
-    Interaction: lk,
-    InteractionAsync: _k,
-    FragmentAlt: Hk,
-    FragmentPar: Zk,
-    FragmentOpt: lO,
-    FragmentTryCatchFinally: _O,
-    FragmentLoop: tO,
-    Divider: PO,
-    Return: TO
+    Creation: JR,
+    Interaction: ak,
+    InteractionAsync: yk,
+    FragmentAlt: Uk,
+    FragmentPar: Wk,
+    FragmentOpt: aO,
+    FragmentTryCatchFinally: yO,
+    FragmentLoop: nO,
+    Divider: FO,
+    Return: SO
   }
 };
-function $O(t, e, n, r, s, i) {
+function HO(t, e, n, r, s, i) {
   return R(), ke(As(i.subStatement), {
     class: be(["text-left text-sm text-skin-message", { hidden: i.collapsedCheck }]),
     context: n.context,
@@ -34183,7 +34183,7 @@ function $O(t, e, n, r, s, i) {
     inheritFromOccurrence: n.inheritFromOccurrence
   }, null, 8, ["class", "context", "comment", "commentObj", "selfCallIndent", "number", "inheritFromOccurrence"]);
 }
-const HO = /* @__PURE__ */ Ge(BO, [["render", $O]]), UO = { class: "block" }, VO = /* @__PURE__ */ Ye({
+const UO = /* @__PURE__ */ Ge($O, [["render", HO]]), VO = { class: "block" }, zO = /* @__PURE__ */ Ye({
   __name: "Block",
   props: {
     context: null,
@@ -34198,12 +34198,12 @@ const HO = /* @__PURE__ */ Ge(BO, [["render", $O]]), UO = { class: "block" }, VO
       var s;
       return ((s = e.context) == null ? void 0 : s.stat()) || [];
     }), r = (s) => e.number ? e.incremental ? m6(e.number, s) : `${e.number}.${s + 1}` : String(s + 1);
-    return (s, i) => (R(), K("div", UO, [
+    return (s, i) => (R(), K("div", VO, [
       (R(!0), K(Ue, null, On(Te(n), (o, l) => (R(), K("div", {
         class: "statement-container mt-1",
         key: l
       }, [
-        z(HO, {
+        z(UO, {
           inheritFromOccurrence: t.inheritFromOccurrence,
           context: o,
           collapsed: t.collapsed,
@@ -34214,15 +34214,15 @@ const HO = /* @__PURE__ */ Ge(BO, [["render", $O]]), UO = { class: "block" }, VO
     ]));
   }
 });
-function zO(t) {
+function GO(t) {
   const e = Math.floor(t / 1e3), n = Math.floor(t % 1e3), r = Math.floor((t % 1e3 - n) * 1e3);
   return e + "s " + n + "ms " + r + "\u03BCs";
 }
-const GO = (t, e) => {
+const jO = (t, e) => {
   const r = y6() - e;
-  return console.debug(t + " cost: " + zO(r)), r;
-}, y6 = () => performance.now(), jO = b0.child({ name: "core" });
-class KO {
+  return console.debug(t + " cost: " + GO(r)), r;
+}, y6 = () => performance.now(), ZO = b0.child({ name: "core" });
+class YO {
   constructor(e, n = !1) {
     Z(this, "el");
     Z(this, "_code");
@@ -34231,25 +34231,27 @@ class KO {
     Z(this, "app");
     Z(this, "_currentTimeout");
     Z(this, "_lastRenderingCostMilliseconds", 0);
-    this.el = e, this.store = H5(uh()), this.app = P0(n ? hc : n6), this.app.component("Comment", q0), this.app.component("Block", VO), this.app.use(this.store), this.app.mount(this.el), this.addPortalRootElement();
+    Z(this, "initialRender", !0);
+    this.el = e, this.store = H5(uh()), this.app = P0(n ? hc : n6), this.app.component("Comment", q0), this.app.component("Block", zO), this.app.use(this.store), this.app.mount(this.el), this.addPortalRootElement();
   }
   addPortalRootElement() {
     const e = document.createElement("div");
     e.id = "headlessui-portal-root", e.className = "zenuml", e.append(document.createElement("div")), document.body.append(e);
   }
   async render(e, n) {
-    return this._currentTimeout && (console.debug("rendering clearTimeout"), clearTimeout(this._currentTimeout)), jO.debug("rendering", e, n), this._code = e || this._code, this._theme = (n == null ? void 0 : n.theme) || this._theme, this.store.state.stickyOffset = (n == null ? void 0 : n.stickyOffset) || 0, this.store.state.theme = this._theme || "default", this._currentTimeout = setTimeout(async () => {
-      console.debug("rendering start");
-      const r = y6();
-      ev(), this.store.commit(
-        "onContentChange",
-        (n == null ? void 0 : n.onContentChange) || (() => {
-        })
-      ), (n == null ? void 0 : n.enableMultiTheme) !== void 0 && (this.store.state.enableMultiTheme = n == null ? void 0 : n.enableMultiTheme), await this.store.dispatch("updateCode", { code: this._code }), this._lastRenderingCostMilliseconds = GO(
-        "rendering end",
-        r
-      );
-    }, this.calculateDebounceMilliseconds()), Promise.resolve(this);
+    return this._currentTimeout && (console.debug("rendering clearTimeout"), clearTimeout(this._currentTimeout)), ZO.debug("rendering", e, n), this._code = e || this._code, this._theme = (n == null ? void 0 : n.theme) || this._theme, this.store.state.stickyOffset = (n == null ? void 0 : n.stickyOffset) || 0, this.store.state.theme = this._theme || "default", this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
+      async () => await this.doRender(n),
+      this.calculateDebounceMilliseconds()
+    ), this;
+  }
+  async doRender(e) {
+    console.debug("rendering start");
+    const n = y6();
+    ev(), this.store.commit("onContentChange", (e == null ? void 0 : e.onContentChange) || (() => {
+    })), (e == null ? void 0 : e.enableMultiTheme) !== void 0 && (this.store.state.enableMultiTheme = e == null ? void 0 : e.enableMultiTheme), await this.store.dispatch("updateCode", { code: this._code }), this._lastRenderingCostMilliseconds = jO(
+      "rendering end",
+      n
+    );
   }
   calculateDebounceMilliseconds() {
     let e = this._lastRenderingCostMilliseconds;
@@ -34265,7 +34267,7 @@ class KO {
     return this.el.children[0].__vue__.toPng();
   }
 }
-const YO = {
+const XO = {
   createApp: P0,
   createStore: H5,
   Store: uh,
@@ -34279,13 +34281,13 @@ export {
   $e as D,
   nh as E,
   Ue as F,
-  WO as G,
+  qO as G,
   KC as H,
   iv as P,
   I0 as T,
   Gh as U,
-  YO as V,
-  KO as Z,
+  XO as V,
+  YO as Z,
   S as a,
   ne as b,
   K as c,
@@ -34313,4 +34315,4 @@ export {
   xh as y,
   ke as z
 };
-//# sourceMappingURL=core.50792979.js.map
+//# sourceMappingURL=core.08e5aec1.js.map