@zenuml/core 3.23.6 → 3.23.7

package/dist/{core.ba69b99a.js → core.21c8d9f5.js}

@@ -409,7 +409,7 @@ function jn(t, e) {
 function w0(t, e) {
   return t.findIndex((n) => jn(n, e));
 }
-const Ge = (t) => Ye(t) ? t : t == null ? "" : X(t) || Ae(t) && (t.toString === Uu || !he(t.toString)) ? JSON.stringify(t, Hu, 2) : String(t), Hu = (t, e) => e && e.__v_isRef ? Hu(t, e.value) : os(e) ? {
+const Ze = (t) => Ye(t) ? t : t == null ? "" : X(t) || Ae(t) && (t.toString === Uu || !he(t.toString)) ? JSON.stringify(t, Hu, 2) : String(t), Hu = (t, e) => e && e.__v_isRef ? Hu(t, e.value) : os(e) ? {
   [`Map(${e.size})`]: [...e.entries()].reduce((n, [r, s]) => (n[`${r} =>`] = s, n), {})
 } : zr(e) ? {
   [`Set(${e.size})`]: [...e.values()]
@@ -919,7 +919,7 @@ function n1(t, e) {
 function gt(t) {
   return !!(t && t.__v_isRef === !0);
 }
-function Le(t) {
+function xe(t) {
   return s3(t, !1);
 }
 function r3(t) {
@@ -1910,7 +1910,7 @@ function ds(t) {
         return d().then((g) => () => W1(g, p)).catch((g) => (m(g), () => r ? G(r, {
           error: g
         }) : null));
-      const y = Le(!1), T = Le(), L = Le(!!s);
+      const y = xe(!1), T = xe(), L = xe(!!s);
       return s && setTimeout(() => {
         L.value = !1;
       }, s), i != null && setTimeout(() => {
@@ -2497,7 +2497,7 @@ function Dd(t) {
     _c: () => Ri,
     _o: () => Nd,
     _n: () => On,
-    _s: () => Ge,
+    _s: () => Ze,
     _l: () => Nn,
     _t: (r) => kd.bind(null, r),
     _q: () => jn,
@@ -2507,7 +2507,7 @@ function Dd(t) {
     _k: (r) => Md.bind(null, r),
     _b: () => Ad,
     _v: () => An,
-    _e: () => me,
+    _e: () => Le,
     _u: () => Od,
     _g: () => Rd,
     _d: () => Pd,
@@ -4012,7 +4012,7 @@ function f1(t, e) {
   const n = G(Pr, null, t);
   return n.staticCount = e, n;
 }
-function me(t = "", e = !1) {
+function Le(t = "", e = !1) {
   return e ? (R(), Se(yt, null, t)) : G(yt, null, t);
 }
 function qt(t) {
@@ -5179,7 +5179,7 @@ var C9 = /* @__PURE__ */ Object.freeze({
   withKeys: x9,
   vShow: F0,
   reactive: Mn,
-  ref: Le,
+  ref: xe,
   readonly: Tl,
   unref: N,
   proxyRefs: Ol,
@@ -5287,12 +5287,12 @@ var C9 = /* @__PURE__ */ Object.freeze({
   createBlock: Se,
   setBlockTracking: No,
   createTextVNode: An,
-  createCommentVNode: me,
+  createCommentVNode: Le,
   createStaticVNode: f1,
   createElementVNode: S,
   createElementBlock: q,
   guardReactiveProps: o5,
-  toDisplayString: Ge,
+  toDisplayString: Ze,
   camelize: kt,
   capitalize: T0,
   toHandlerKey: as,
@@ -8794,14 +8794,14 @@ class m7 {
     return Object.keys(this.data).filter((e) => e.startsWith("k-")).map((e) => this.data[e], this);
   }
 }
-const Ze = {
+const je = {
   SLL: 0,
   LL: 1,
   LL_EXACT_AMBIG_DETECTION: 2,
   hasSLLConflictTerminatingPrediction: function(t, e) {
-    if (Ze.allConfigsInRuleStopStates(e))
+    if (je.allConfigsInRuleStopStates(e))
       return !0;
-    if (t === Ze.SLL && e.hasSemanticContext) {
+    if (t === je.SLL && e.hasSemanticContext) {
       const r = new Tt();
       for (let s = 0; s < e.items.length; s++) {
         let i = e.items[s];
@@ -8809,8 +8809,8 @@ const Ze = {
       }
       e = r;
     }
-    const n = Ze.getConflictingAltSubsets(e);
-    return Ze.hasConflictingAltSet(n) && !Ze.hasStateAssociatedWithOneAlt(e);
+    const n = je.getConflictingAltSubsets(e);
+    return je.hasConflictingAltSet(n) && !je.hasStateAssociatedWithOneAlt(e);
   },
   hasConfigInRuleStopState: function(t) {
     for (let e = 0; e < t.items.length; e++)
@@ -8825,10 +8825,10 @@ const Ze = {
     return !0;
   },
   resolvesToJustOneViableAlt: function(t) {
-    return Ze.getSingleViableAlt(t);
+    return je.getSingleViableAlt(t);
   },
   allSubsetsConflict: function(t) {
-    return !Ze.hasNonConflictingAltSet(t);
+    return !je.hasNonConflictingAltSet(t);
   },
   hasNonConflictingAltSet: function(t) {
     for (let e = 0; e < t.length; e++)
@@ -8854,7 +8854,7 @@ const Ze = {
     return !0;
   },
   getUniqueAlt: function(t) {
-    const e = Ze.getAlts(t);
+    const e = je.getAlts(t);
     return e.length === 1 ? e.minValue() : et.INVALID_ALT_NUMBER;
   },
   getAlts: function(t) {
@@ -8882,7 +8882,7 @@ const Ze = {
     }), e;
   },
   hasStateAssociatedWithOneAlt: function(t) {
-    const e = Ze.getStateToAltMap(t).values();
+    const e = je.getStateToAltMap(t).values();
     for (let n = 0; n < e.length; n++)
       if (e[n].length === 1)
         return !0;
@@ -8920,7 +8920,7 @@ class x7 {
 }
 class L7 extends En {
   constructor(e, n, r, s) {
-    super(n, s), this.parser = e, this.decisionToDFA = r, this.predictionMode = Ze.LL, this._input = null, this._startIndex = 0, this._outerContext = null, this._dfa = null, this.mergeCache = null, this.debug = !1, this.debug_closure = !1, this.debug_add = !1, this.debug_list_atn_decisions = !1, this.dfa_debug = !1, this.retry_debug = !1;
+    super(n, s), this.parser = e, this.decisionToDFA = r, this.predictionMode = je.LL, this._input = null, this._startIndex = 0, this._outerContext = null, this._dfa = null, this.mergeCache = null, this.debug = !1, this.debug_closure = !1, this.debug_add = !1, this.debug_list_atn_decisions = !1, this.dfa_debug = !1, this.retry_debug = !1;
   }
   reset() {
   }
@@ -8956,7 +8956,7 @@ class L7 extends En {
           return o;
         throw u;
       }
-      if (c.requiresFullContext && this.predictionMode !== Ze.SLL) {
+      if (c.requiresFullContext && this.predictionMode !== je.SLL) {
         let u = null;
         if (c.predicates !== null) {
           this.debug && console.log("DFA state has preds in DFA sim LL failover");
@@ -8993,10 +8993,10 @@ class L7 extends En {
     let i = new Gn(null, s);
     const o = this.getUniqueAlt(s);
     if (this.debug) {
-      const l = Ze.getConflictingAltSubsets(s);
-      console.log("SLL altSubSets=" + or(l) + ", configs=" + s + ", predict=" + o + ", allSubsetsConflict=" + Ze.allSubsetsConflict(l) + ", conflictingAlts=" + this.getConflictingAlts(s));
+      const l = je.getConflictingAltSubsets(s);
+      console.log("SLL altSubSets=" + or(l) + ", configs=" + s + ", predict=" + o + ", allSubsetsConflict=" + je.allSubsetsConflict(l) + ", conflictingAlts=" + this.getConflictingAlts(s));
     }
-    return o !== et.INVALID_ALT_NUMBER ? (i.isAcceptState = !0, i.configs.uniqueAlt = o, i.prediction = o) : Ze.hasSLLConflictTerminatingPrediction(this.predictionMode, s) && (i.configs.conflictingAlts = this.getConflictingAlts(s), i.requiresFullContext = !0, i.isAcceptState = !0, i.prediction = i.configs.conflictingAlts.minValue()), i.isAcceptState && i.configs.hasSemanticContext && (this.predicateDFAState(i, this.atn.getDecisionState(e.decision)), i.predicates !== null && (i.prediction = et.INVALID_ALT_NUMBER)), i = this.addDFAEdge(e, n, r, i), i;
+    return o !== et.INVALID_ALT_NUMBER ? (i.isAcceptState = !0, i.configs.uniqueAlt = o, i.prediction = o) : je.hasSLLConflictTerminatingPrediction(this.predictionMode, s) && (i.configs.conflictingAlts = this.getConflictingAlts(s), i.requiresFullContext = !0, i.isAcceptState = !0, i.prediction = i.configs.conflictingAlts.minValue()), i.isAcceptState && i.configs.hasSemanticContext && (this.predicateDFAState(i, this.atn.getDecisionState(e.decision)), i.predicates !== null && (i.prediction = et.INVALID_ALT_NUMBER)), i = this.addDFAEdge(e, n, r, i), i;
   }
   predicateDFAState(e, n) {
     const r = n.transitions.length, s = this.getConflictingAltsOrUniqueAlt(e.configs), i = this.getPredsForAmbigAlts(s, e.configs, r);
@@ -9017,15 +9017,15 @@ class L7 extends En {
           return y;
         throw m;
       }
-      const p = Ze.getConflictingAltSubsets(c);
-      if (this.debug && console.log("LL altSubSets=" + p + ", predict=" + Ze.getUniqueAlt(p) + ", resolvesToJustOneViableAlt=" + Ze.resolvesToJustOneViableAlt(p)), c.uniqueAlt = this.getUniqueAlt(c), c.uniqueAlt !== et.INVALID_ALT_NUMBER) {
+      const p = je.getConflictingAltSubsets(c);
+      if (this.debug && console.log("LL altSubSets=" + p + ", predict=" + je.getUniqueAlt(p) + ", resolvesToJustOneViableAlt=" + je.resolvesToJustOneViableAlt(p)), c.uniqueAlt = this.getUniqueAlt(c), c.uniqueAlt !== et.INVALID_ALT_NUMBER) {
         d = c.uniqueAlt;
         break;
-      } else if (this.predictionMode !== Ze.LL_EXACT_AMBIG_DETECTION) {
-        if (d = Ze.resolvesToJustOneViableAlt(p), d !== et.INVALID_ALT_NUMBER)
+      } else if (this.predictionMode !== je.LL_EXACT_AMBIG_DETECTION) {
+        if (d = je.resolvesToJustOneViableAlt(p), d !== et.INVALID_ALT_NUMBER)
           break;
-      } else if (Ze.allSubsetsConflict(p) && Ze.allSubsetsEqual(p)) {
-        a = !0, d = Ze.getSingleViableAlt(p);
+      } else if (je.allSubsetsConflict(p) && je.allSubsetsEqual(p)) {
+        a = !0, d = je.getSingleViableAlt(p);
         break;
       }
       u = c, h !== z.EOF && (s.consume(), h = s.LA(1));
@@ -9057,13 +9057,13 @@ class L7 extends En {
       for (let c = 0; c < s.items.length; c++)
         this.closure(s.items[c], o, l, !1, r, a);
     }
-    if (n === z.EOF && (o = this.removeAllConfigsNotInRuleStopState(o, o === s)), i !== null && (!r || !Ze.hasConfigInRuleStopState(o)))
+    if (n === z.EOF && (o = this.removeAllConfigsNotInRuleStopState(o, o === s)), i !== null && (!r || !je.hasConfigInRuleStopState(o)))
       for (let l = 0; l < i.length; l++)
         o.add(i[l], this.mergeCache);
     return o.items.length === 0 ? null : o;
   }
   removeAllConfigsNotInRuleStopState(e, n) {
-    if (Ze.allConfigsInRuleStopStates(e))
+    if (je.allConfigsInRuleStopStates(e))
       return e;
     const r = new Tt(e.fullCtx);
     for (let s = 0; s < e.items.length; s++) {
@@ -9325,8 +9325,8 @@ class L7 extends En {
     return new ot({ state: n.target, context: s }, e);
   }
   getConflictingAlts(e) {
-    const n = Ze.getConflictingAltSubsets(e);
-    return Ze.getAlts(n);
+    const n = je.getConflictingAltSubsets(e);
+    return je.getAlts(n);
   }
   getConflictingAltsOrUniqueAlt(e) {
     let n = null;
@@ -9412,7 +9412,7 @@ class L7 extends En {
     this.parser !== null && this.parser.getErrorListenerDispatch().reportAmbiguity(this.parser, e, r, s, i, o, l);
   }
 }
-const _7 = { ATN: et, ATNDeserializer: t4, LexerATNSimulator: nt, ParserATNSimulator: L7, PredictionMode: Ze };
+const _7 = { ATN: et, ATNDeserializer: t4, LexerATNSimulator: nt, ParserATNSimulator: L7, PredictionMode: je };
 class ma {
   constructor(e, n, r) {
     this.dfa = e, this.literalNames = n || [], this.symbolicNames = r || [];
@@ -24908,7 +24908,7 @@ const Ps = ZC, WC = Ps(/[\n\r]/g, " "), qC = Ps(/\s+/g, " "), KC = Ps(/\s*([,;.]
     r--;
   }
   return 0;
-}, fI = (t, e) => {
+}, dI = (t, e) => {
   const n = oh(t, e);
   if (n === 0)
     return "";
@@ -25405,7 +25405,7 @@ const gh = () => (ph = e7(), {
     }
   },
   setup(t) {
-    const e = t, n = ds(() => vv(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close.218e3134.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded.b7834c43.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded.983bcb0e.js"), "./icons/debug.svg": () => import("./debug.ba13e8aa.js"), "./icons/message-arrow.svg": () => import("./message-arrow.0cdd089f.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle.ab1a32b9.js"), "./icons/numbering.svg": () => import("./numbering.05940e7b.js"), "./icons/privacy.svg": () => import("./privacy.4de16c7b.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle.d77819c3.js"), "./icons/theme.svg": () => import("./theme.9418deff.js"), "./icons/tip.svg": () => import("./tip.6db86764.js"), "./icons/zoom-in.svg": () => import("./zoom-in.c4cf9716.js"), "./icons/zoom-out.svg": () => import("./zoom-out.838b1984.js") }), `./icons/${e.name}.svg`));
+    const e = t, n = ds(() => vv(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close.a942a30d.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded.f4b3a43a.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded.cd66f4cd.js"), "./icons/debug.svg": () => import("./debug.ebe92755.js"), "./icons/message-arrow.svg": () => import("./message-arrow.8ede6bc4.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle.86d496c0.js"), "./icons/numbering.svg": () => import("./numbering.50ab5c38.js"), "./icons/privacy.svg": () => import("./privacy.df46770b.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle.ed8261c0.js"), "./icons/theme.svg": () => import("./theme.c0eb17c1.js"), "./icons/tip.svg": () => import("./tip.8bfd5e6b.js"), "./icons/zoom-in.svg": () => import("./zoom-in.0c71215e.js"), "./icons/zoom-out.svg": () => import("./zoom-out.4d0b296b.js") }), `./icons/${e.name}.svg`));
     return (r, s) => (R(), q("span", {
       class: ye(["flex items-center justify-center", t.iconClass]),
       onClick: s[0] || (s[0] = (i) => r.$emit("icon-click"))
@@ -25414,7 +25414,7 @@ const gh = () => (ph = e7(), {
     ], 2));
   }
 };
-const je = (t, e) => {
+const Ge = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [r, s] of e)
     n[r] = s;
@@ -25437,7 +25437,7 @@ function Ev(t, e, n, r, s, i) {
     ])
   ]);
 }
-const Tv = /* @__PURE__ */ je(bv, [["render", Ev], ["__scopeId", "data-v-3e7c8bd7"]]), Sv = {
+const Tv = /* @__PURE__ */ Ge(bv, [["render", Ev], ["__scopeId", "data-v-3e7c8bd7"]]), Sv = {
   name: "DiagramTitle",
   props: ["context"],
   computed: {
@@ -25448,9 +25448,9 @@ const Tv = /* @__PURE__ */ je(bv, [["render", Ev], ["__scopeId", "data-v-3e7c8bd
   }
 }, Av = { class: "title text-skin-title text-base font-semibold" };
 function Rv(t, e, n, r, s, i) {
-  return R(), q("div", Av, Ge(i.title), 1);
+  return R(), q("div", Av, Ze(i.title), 1);
 }
-const kv = /* @__PURE__ */ je(Sv, [["render", Rv]]), cc = new O5();
+const kv = /* @__PURE__ */ Ge(Sv, [["render", Rv]]), cc = new O5();
 function Ov(t, e, n, r) {
   t.commit("eventEmit", {
     event: "trackEvent",
@@ -26651,7 +26651,7 @@ const $v = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
   redis: fw
 };
 function _h() {
-  const t = Le(0), e = Le(0), n = () => {
+  const t = xe(0), e = xe(0), n = () => {
     t.value = document.documentElement.scrollTop, e.value = document.documentElement.scrollLeft;
   };
   return qe(() => {
@@ -26684,7 +26684,7 @@ function mw() {
   }), document.body.appendChild(t), { detectorContainer: t, detectors: e });
 }
 function yh() {
-  const t = Le(0);
+  const t = xe(0);
   let e;
   return qe(() => {
     const { detectorContainer: n, detectors: r } = mw(), s = document.documentElement.scrollHeight, i = document.documentElement.scrollWidth - gw;
@@ -26717,7 +26717,7 @@ function Ch(t) {
   return e;
 }
 const _0 = /[!@#$%^&*()+-,.?''":{}|<>/\s]/, hc = (t) => {
-  const e = Le(!1);
+  const e = xe(!1);
   function n(l) {
     e.value = l;
   }
@@ -26789,7 +26789,7 @@ const _0 = /[!@#$%^&*()+-,.?''":{}|<>/\s]/, hc = (t) => {
     }
     const { editing: u, handleDblClick: h, handleBlur: d, handleKeydown: p, handleKeyup: m } = hc(c);
     return (y, T) => (R(), q("div", xw, [
-      t.assignee ? (R(), q("label", Lw, Ge(t.assignee) + ":", 1)) : me("", !0),
+      t.assignee ? (R(), q("label", Lw, Ze(t.assignee) + ":", 1)) : Le("", !0),
       S("label", {
         title: "Double click to edit",
         class: ye(["name leading-4 cursor-text right hover:text-skin-message-hover hover:bg-skin-message-hover", {
@@ -26800,7 +26800,7 @@ const _0 = /[!@#$%^&*()+-,.?''":{}|<>/\s]/, hc = (t) => {
         onBlur: T[1] || (T[1] = (...L) => N(d) && N(d)(...L)),
         onKeyup: T[2] || (T[2] = (...L) => N(m) && N(m)(...L)),
         onKeydown: T[3] || (T[3] = (...L) => N(p) && N(p)(...L))
-      }, Ge(N(n)), 43, _w)
+      }, Ze(N(n)), 43, _w)
     ]));
   }
 }), Cw = 10, vw = {
@@ -26809,7 +26809,7 @@ const _0 = /[!@#$%^&*()+-,.?''":{}|<>/\s]/, hc = (t) => {
     ParticipantLabel: yw
   },
   setup(t) {
-    const e = rn(), n = Le(null);
+    const e = rn(), n = xe(null);
     if (e.state.mode === Jt.Static)
       return { translate: 0, participant: n };
     const r = P(
@@ -26884,14 +26884,11 @@ const _0 = /[!@#$%^&*()+-,.?''":{}|<>/\s]/, hc = (t) => {
       this.color = e > 128 ? "#000" : "#fff";
     }
   }
-}, bw = ["innerHTML", "alt"], ww = { class: "h-5 group flex flex-col justify-center" }, Ew = {
+}, bw = ["innerHTML", "aria-description"], ww = { class: "h-5 group flex flex-col justify-center" }, Ew = {
   key: 0,
-  class: "absolute hidden rounded-lg transform -translate-y-8 bg-gray-400 px-2 py-1 text-center text-sm text-white group-hover:flex"
-}, Tw = {
-  key: 1,
   class: "interface leading-4"
 };
-function Sw(t, e, n, r, s, i) {
+function Tw(t, e, n, r, s, i) {
   const o = pe("ParticipantLabel");
   return R(), q("div", {
     class: ye(["participant bg-skin-participant shadow-participant border-skin-participant text-skin-participant rounded text-base leading-4 flex flex-col justify-center z-10 h-10 top-8", { selected: i.selected }]),
@@ -26906,12 +26903,11 @@ function Sw(t, e, n, r, s, i) {
     i.icon ? (R(), q("div", {
       key: 0,
       innerHTML: i.icon,
-      class: "absolute left-1/2 transform -translate-x-1/2 -translate-y-full h-8 [&>svg]:w-full [&>svg]:h-full",
-      alt: `icon for ${n.entity.name}`
-    }, null, 8, bw)) : me("", !0),
+      class: "text-skin-base absolute left-1/2 transform -translate-x-1/2 -translate-y-full h-8 [&>svg]:w-full [&>svg]:h-full",
+      "aria-description": `icon for ${n.entity.name}`
+    }, null, 8, bw)) : Le("", !0),
     S("div", ww, [
-      i.comment ? (R(), q("span", Ew, Ge(i.comment), 1)) : me("", !0),
-      i.stereotype ? (R(), q("label", Tw, "\xAB" + Ge(i.stereotype) + "\xBB", 1)) : me("", !0),
+      i.stereotype ? (R(), q("label", Ew, "\xAB" + Ze(i.stereotype) + "\xBB", 1)) : Le("", !0),
       G(o, {
         labelText: i.labelText,
         labelPositions: r.labelPositions,
@@ -26920,8 +26916,8 @@ function Sw(t, e, n, r, s, i) {
     ])
   ], 6);
 }
-const vh = /* @__PURE__ */ je(vw, [["render", Sw]]);
-const js = b0.child({ name: "LifeLine" }), Aw = {
+const vh = /* @__PURE__ */ Ge(vw, [["render", Tw]]);
+const js = b0.child({ name: "LifeLine" }), Sw = {
   name: "life-line",
   components: { Participant: vh },
   props: [
@@ -26976,11 +26972,11 @@ const js = b0.child({ name: "LifeLine" }), Aw = {
         this.top = 0;
     }
   }
-}, Rw = ["id", "entity-type"], kw = {
+}, Aw = ["id", "entity-type"], Rw = {
   key: 1,
   class: "line w0 mx-auto flex-grow w-px"
 };
-function Ow(t, e, n, r, s, i) {
+function kw(t, e, n, r, s, i) {
   var l;
   const o = pe("participant");
   return R(), q("div", {
@@ -26989,18 +26985,18 @@ function Ow(t, e, n, r, s, i) {
     class: "lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",
     style: ve({ paddingTop: t.top + "px", left: i.left + "px" })
   }, [
-    c1(S("div", null, Ge(t.centerOf(n.entity.name)), 513), [
+    c1(S("div", null, Ze(t.centerOf(n.entity.name)), 513), [
       [F0, i.debug]
     ]),
     n.renderParticipants ? (R(), Se(o, {
       key: 0,
       entity: n.entity,
       offsetTop: t.top
-    }, null, 8, ["entity", "offsetTop"])) : me("", !0),
-    n.renderLifeLine ? (R(), q("div", kw)) : me("", !0)
-  ], 12, Rw);
+    }, null, 8, ["entity", "offsetTop"])) : Le("", !0),
+    n.renderLifeLine ? (R(), q("div", Rw)) : Le("", !0)
+  ], 12, Aw);
 }
-const bh = /* @__PURE__ */ je(Aw, [["render", Ow], ["__scopeId", "data-v-19661715"]]), Iw = {
+const bh = /* @__PURE__ */ Ge(Sw, [["render", kw], ["__scopeId", "data-v-19661715"]]), Ow = {
   name: "lifeline-group",
   props: ["context", "renderParticipants", "renderLifeLine"],
   computed: {
@@ -27036,8 +27032,8 @@ const bh = /* @__PURE__ */ je(Aw, [["render", Ow], ["__scopeId", "data-v-1966171
   components: {
     LifeLine: bh
   }
-}, Mw = { class: "lifeline-group relative flex-grow" };
-function Nw(t, e, n, r, s, i) {
+}, Iw = { class: "lifeline-group relative flex-grow" };
+function Mw(t, e, n, r, s, i) {
   const o = pe("life-line");
   return i.entities.length > 0 ? (R(), q("div", {
     key: 0,
@@ -27050,7 +27046,7 @@ function Nw(t, e, n, r, s, i) {
         "shadow-slate-500/50": !n.renderParticipants
       }])
     }, [
-      S("div", Mw, [
+      S("div", Iw, [
         (R(!0), q(Ne, null, Nn(i.entities, (l) => (R(), Se(o, {
           inGroup: "true",
           key: l.name,
@@ -27063,9 +27059,9 @@ function Nw(t, e, n, r, s, i) {
         }, null, 8, ["entity", "group-left", "render-life-line", "renderParticipants"]))), 128))
       ])
     ], 2)
-  ], 4)) : me("", !0);
+  ], 4)) : Le("", !0);
 }
-const Pw = /* @__PURE__ */ je(Iw, [["render", Nw]]), lu = b0.child({ name: "LifeLineLayer" }), Fw = 70, Dw = 10, Bw = {
+const Nw = /* @__PURE__ */ Ge(Ow, [["render", Mw]]), lu = b0.child({ name: "LifeLineLayer" }), Pw = 70, Fw = 10, Dw = {
   name: "life-line-layer",
   props: ["context", "renderParticipants", "renderLifeLine", "leftGap"],
   setup() {
@@ -27076,9 +27072,9 @@ const Pw = /* @__PURE__ */ je(Iw, [["render", Nw]]), lu = b0.child({ name: "Life
     return { translate: P(() => {
       var c;
       let o = r.value + s.value;
-      r.value > Dw && (e == null ? void 0 : e.state.stickyOffset) && (o += e == null ? void 0 : e.state.stickyOffset);
+      r.value > Fw && (e == null ? void 0 : e.state.stickyOffset) && (o += e == null ? void 0 : e.state.stickyOffset);
       const l = ((c = e == null ? void 0 : e.state.diagramElement) == null ? void 0 : c.clientHeight) || 0, a = e != null && e.state.diagramElement ? Ch(e == null ? void 0 : e.state.diagramElement) : 0;
-      return o <= 0 + a ? 0 : Math.min(o - a, l - Fw) - 0;
+      return o <= 0 + a ? 0 : Math.min(o - a, l - Pw) - 0;
     }), RenderMode: Jt, mode: n };
   },
   computed: {
@@ -27125,10 +27121,10 @@ const Pw = /* @__PURE__ */ je(Iw, [["render", Nw]]), lu = b0.child({ name: "Life
   },
   components: {
     LifeLine: bh,
-    LifeLineGroup: Pw
+    LifeLineGroup: Nw
   }
-}, $w = { class: "container relative grow" };
-function Hw(t, e, n, r, s, i) {
+}, Bw = { class: "container relative grow" };
+function $w(t, e, n, r, s, i) {
   const o = pe("life-line"), l = pe("life-line-group");
   return R(), q("div", {
     class: "life-line-layer lifeline-layer z-30 absolute h-full flex flex-col top-0",
@@ -27144,27 +27140,27 @@ function Hw(t, e, n, r, s, i) {
       }),
       class: "pt-8 after:bg-gradient-to-b after:from-skin-frame after:via-skin-frame after:to-skin-frame/0 after:block after:absolute after:top-0 after:w-full after:h-[72px]"
     }, null, 4),
-    S("div", $w, [
+    S("div", Bw, [
       i.starterOnTheLeft ? (R(), Se(o, {
         key: 0,
         entity: i.starterParticipant,
         class: ye(["starter", { invisible: i.invisibleStarter && !i.debug }]),
         renderParticipants: n.renderParticipants,
         renderLifeLine: n.renderLifeLine
-      }, null, 8, ["entity", "class", "renderParticipants", "renderLifeLine"])) : me("", !0),
+      }, null, 8, ["entity", "class", "renderParticipants", "renderLifeLine"])) : Le("", !0),
       (R(!0), q(Ne, null, Nn(i.explicitGroupAndParticipants, (a, c) => (R(), q(Ne, null, [
         a instanceof t.GroupContext ? (R(), Se(l, {
           key: c,
           context: a,
           renderParticipants: n.renderParticipants,
           renderLifeLine: n.renderLifeLine
-        }, null, 8, ["context", "renderParticipants", "renderLifeLine"])) : me("", !0),
+        }, null, 8, ["context", "renderParticipants", "renderLifeLine"])) : Le("", !0),
         a instanceof t.ParticipantContext ? (R(), Se(o, {
           key: c,
           entity: i.getParticipantEntity(a),
           renderParticipants: n.renderParticipants,
           renderLifeLine: n.renderLifeLine
-        }, null, 8, ["entity", "renderParticipants", "renderLifeLine"])) : me("", !0)
+        }, null, 8, ["entity", "renderParticipants", "renderLifeLine"])) : Le("", !0)
       ], 64))), 256)),
       (R(!0), q(Ne, null, Nn(i.implicitParticipants, (a) => (R(), Se(o, {
         key: a.name,
@@ -27175,13 +27171,13 @@ function Hw(t, e, n, r, s, i) {
     ])
   ], 4);
 }
-const fo = /* @__PURE__ */ je(Bw, [["render", Hw]]), Uw = { class: "message-layer relative z-30 pt-24 pb-10" }, au = /* @__PURE__ */ Ve({
+const fo = /* @__PURE__ */ Ge(Dw, [["render", $w]]), Hw = { class: "message-layer relative z-30 pt-24 pb-10" }, au = /* @__PURE__ */ Ve({
   __name: "MessageLayer",
   props: {
     context: null
   },
   setup(t) {
-    const e = t, n = ds(() => import("./StylePanel.083f2156.js")), r = b0.child({ name: "MessageLayer" }), s = rn(), i = P(() => s.getters.participants), o = P(() => s.getters.centerOf), l = P(() => {
+    const e = t, n = ds(() => import("./StylePanel.cceea619.js")), r = b0.child({ name: "MessageLayer" }), s = rn(), i = P(() => s.getters.participants), o = P(() => s.getters.centerOf), l = P(() => {
       var m, y;
       const c = (m = e.context) == null ? void 0 : m.stat()[0].message();
       if (!c)
@@ -27201,7 +27197,7 @@ const fo = /* @__PURE__ */ je(Bw, [["render", Hw]]), Uw = { class: "message-laye
       r.debug("MessageLayer updated");
     }), (c, u) => {
       const h = pe("block");
-      return R(), q("div", Uw, [
+      return R(), q("div", Hw, [
         G(h, {
           context: t.context,
           style: ve({ "padding-left": N(a) + "px" })
@@ -27211,7 +27207,7 @@ const fo = /* @__PURE__ */ je(Bw, [["render", Hw]]), Uw = { class: "message-laye
     };
   }
 });
-const Vw = w.tree.ParseTreeWalker.DEFAULT;
+const Uw = w.tree.ParseTreeWalker.DEFAULT;
 class dc extends E {
   constructor(n) {
     super();
@@ -27277,7 +27273,7 @@ class dc extends E {
   }
   getFrame(n) {
     return n.children.map((r) => {
-      Vw.walk(this, r);
+      Uw.walk(this, r);
     }), this.frameRoot;
   }
 }
@@ -27296,14 +27292,14 @@ function fc(t) {
   } : { left: 0, right: 0 };
 }
 function wh(t, e) {
-  const n = e.orderedParticipantNames(), r = [t.Origin(), ...Fs(t).Names()], s = n.find((u) => r.includes(u)) || "", i = n.slice().reverse().find((u) => r.includes(u)) || "", l = new dc(n).getFrame(t), a = fc(l), c = zw(
+  const n = e.orderedParticipantNames(), r = [t.Origin(), ...Fs(t).Names()], s = n.find((u) => r.includes(u)) || "", i = n.slice().reverse().find((u) => r.includes(u)) || "", l = new dc(n).getFrame(t), a = fc(l), c = Vw(
     t,
     i,
     e
   );
   return e.distance(s, i) + a.left + a.right + e.half(s) + e.half(i) + c;
 }
-function zw(t, e, n) {
+function Vw(t, e, n) {
   const s = fh(t).filter((i) => i.from === i.to).map(
     (i) => L0(i.signature, Lr.MessageContent) + 37 - n.distance(i.from, e) - n.half(e)
   );
@@ -27315,7 +27311,7 @@ const pc = /* @__PURE__ */ Ve({
     const e = rn(), n = P(() => e.state.theme), r = P(() => e.state.mode), s = P(() => e.getters.rootContext), i = P(() => e.getters.coordinates), o = P(() => wh(s.value, i.value)), l = P(() => {
       const c = i.value.orderedParticipantNames(), h = new dc(c).getFrame(s.value);
       return h ? fc(h).left + ll + 20 : 0;
-    }), a = Le(null);
+    }), a = xe(null);
     return e.commit("diagramElement", a), (c, u) => (R(), q("div", {
       class: ye(["zenuml sequence-diagram relative box-border text-left overflow-visible", N(n)]),
       ref_key: "diagramRef",
@@ -27342,7 +27338,7 @@ const pc = /* @__PURE__ */ Ve({
             renderParticipants: !0,
             renderLifeLine: !1
           }, null, 8, ["leftGap", "context"])
-        ], 64)) : me("", !0),
+        ], 64)) : Le("", !0),
         N(r) === N(Jt).Static ? (R(), q(Ne, { key: 1 }, [
           G(fo, {
             leftGap: N(l),
@@ -27354,12 +27350,12 @@ const pc = /* @__PURE__ */ Ve({
             context: N(s).block(),
             style: ve({ width: `${N(o)}px` })
           }, null, 8, ["context", "style"])
-        ], 64)) : me("", !0)
+        ], 64)) : Le("", !0)
       ], 4)
     ], 2));
   }
 });
-const Gw = {
+const zw = {
   name: "IconList",
   props: ["types"],
   computed: {},
@@ -27368,35 +27364,35 @@ const Gw = {
       return Lh[t == null ? void 0 : t.toLowerCase()];
     }
   }
-}, jw = {
+}, Gw = {
   role: "list",
   class: "mt-3 grid grid-cols-4 gap-5 sm:gap-6 sm:grid-cols-6 lg:grid-cols-8"
-}, Zw = { class: "h-12 flex items-center justify-center bg-gray-50 text-white text-sm font-medium rounded-t-md" }, Ww = ["innerHTML", "alt"], qw = { class: "flex items-center justify-center border-t border-r border-b border-gray-200 bg-white rounded-b-md" }, Kw = { class: "px-2 py-2 text-xs" }, Yw = { class: "text-gray-900 font-medium hover:text-gray-600" };
-function Xw(t, e, n, r, s, i) {
-  return R(), q("ul", jw, [
+}, jw = { class: "h-12 flex items-center justify-center bg-gray-50 text-white text-sm font-medium rounded-t-md" }, Zw = ["innerHTML", "alt"], Ww = { class: "flex items-center justify-center border-t border-r border-b border-gray-200 bg-white rounded-b-md" }, qw = { class: "px-2 py-2 text-xs" }, Kw = { class: "text-gray-900 font-medium hover:text-gray-600" };
+function Yw(t, e, n, r, s, i) {
+  return R(), q("ul", Gw, [
     (R(!0), q(Ne, null, Nn(n.types, (o) => (R(), q("li", {
       key: o,
       class: "col-span-1 flex flex-col shadow-sm rounded-md"
     }, [
-      S("div", Zw, [
+      S("div", jw, [
         i.icon ? (R(), q("i", {
           key: 0,
           innerHTML: i.icon(o),
           class: "object-contain h-8 w-8 m-auto [&>svg]:w-full [&>svg]:h-full",
           alt: `icon for ${o}`
-        }, null, 8, Ww)) : me("", !0)
+        }, null, 8, Zw)) : Le("", !0)
       ]),
-      S("div", qw, [
-        S("div", Kw, [
-          S("span", Yw, "@" + Ge(o), 1)
+      S("div", Ww, [
+        S("div", qw, [
+          S("span", Kw, "@" + Ze(o), 1)
         ])
       ])
     ]))), 128))
   ]);
 }
-const Qw = /* @__PURE__ */ je(Gw, [["render", Xw]]), Jw = {
+const Xw = /* @__PURE__ */ Ge(zw, [["render", Yw]]), Qw = {
   name: "TipsDialog",
-  components: { Icon: dr, IconList: Qw },
+  components: { Icon: dr, IconList: Xw },
   computed: {
     standardTypes() {
       return ["Actor", "Boundary", "Control", "Database", "Entity"];
@@ -27478,16 +27474,16 @@ const Qw = /* @__PURE__ */ je(Gw, [["render", Xw]]), Jw = {
       }
     }
   }
-}, eE = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block" }, tE = /* @__PURE__ */ S("div", {
+}, Jw = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block" }, eE = /* @__PURE__ */ S("div", {
   class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",
   "aria-hidden": "true"
-}, null, -1), nE = /* @__PURE__ */ S("span", {
+}, null, -1), tE = /* @__PURE__ */ S("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
-}, "\u200B", -1), rE = { class: "z-40 inline-block align-bottom bg-white rounded-lg px-4 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:p-2" }, sE = {
+}, "\u200B", -1), nE = { class: "z-40 inline-block align-bottom bg-white rounded-lg px-4 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:p-2" }, rE = {
   class: "bg-white px-4 py-5 border-b border-gray-200 sm:px-6",
   slot: "header"
-}, iE = /* @__PURE__ */ S("h3", { class: "text-xl leading-6 font-medium text-gray-900 inline-block" }, " ZenUML Tips ", -1), oE = /* @__PURE__ */ S("span", { class: "sr-only" }, "Close menu", -1), lE = { slot: "body" }, aE = { class: "relative bg-white pb-32 mt-4 overflow-hidden" }, cE = { class: "relative" }, uE = { class: "lg:mx-auto lg:max-w-11/12 lg:px-8" }, hE = /* @__PURE__ */ f1(`<div class="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1"><div><div class="px-4 max-w-full mx-auto sm:px-6 lg:max-w-none lg:mx-0"><h2 class="mt-4 mb-4 text-lg leading-6 font-medium text-gray-900"> Declare Participants </h2><pre class="text-xs w-full bg-gray-50 text-gray-600 p-2 rounded-lg"><code>// Define a Starter (optional)
+}, sE = /* @__PURE__ */ S("h3", { class: "text-xl leading-6 font-medium text-gray-900 inline-block" }, " ZenUML Tips ", -1), iE = /* @__PURE__ */ S("span", { class: "sr-only" }, "Close menu", -1), oE = { slot: "body" }, lE = { class: "relative bg-white pb-32 mt-4 overflow-hidden" }, aE = { class: "relative" }, cE = { class: "lg:mx-auto lg:max-w-11/12 lg:px-8" }, uE = /* @__PURE__ */ f1(`<div class="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1"><div><div class="px-4 max-w-full mx-auto sm:px-6 lg:max-w-none lg:mx-0"><h2 class="mt-4 mb-4 text-lg leading-6 font-medium text-gray-900"> Declare Participants </h2><pre class="text-xs w-full bg-gray-50 text-gray-600 p-2 rounded-lg"><code>// Define a Starter (optional)
 @Starter(A)
 
 // Show icons
@@ -27534,48 +27530,48 @@ A.method() {
 }
 A.method() {
   @return A-&gt;B: message
-}</code></pre></div></div>`, 1), dE = { class: "px-4 max-w-7xl mx-auto sm:px-6 lg:max-w-none lg:mx-0" }, fE = /* @__PURE__ */ S("h2", { class: "mt-8 mb-4 text-lg leading-6 font-medium text-gray-900" }, " Builtin Icons ", -1), pE = /* @__PURE__ */ S("p", { class: "text-sm text-gray-500" }, [
+}</code></pre></div></div>`, 1), hE = { class: "px-4 max-w-7xl mx-auto sm:px-6 lg:max-w-none lg:mx-0" }, dE = /* @__PURE__ */ S("h2", { class: "mt-8 mb-4 text-lg leading-6 font-medium text-gray-900" }, " Builtin Icons ", -1), fE = /* @__PURE__ */ S("p", { class: "text-sm text-gray-500" }, [
   /* @__PURE__ */ An(" Use "),
   /* @__PURE__ */ S("span", { class: "rounded inline-block bg-gray-50 text-gray-600" }, [
     /* @__PURE__ */ S("code", { class: "text-xs" }, "@Actor TheParticipant")
   ]),
   /* @__PURE__ */ An(" to define the type of the participant. ")
-], -1), gE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1), mE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1), xE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1);
-function LE(t, e, n, r, s, i) {
+], -1), pE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1), gE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1), mE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1);
+function xE(t, e, n, r, s, i) {
   const o = pe("Icon"), l = pe("IconList");
-  return R(), q("div", eE, [
+  return R(), q("div", Jw, [
+    eE,
     tE,
-    nE,
-    S("div", rE, [
+    S("div", nE, [
       S("div", null, [
-        S("div", sE, [
-          iE,
+        S("div", rE, [
+          sE,
           S("button", {
             type: "button",
             onClick: e[0] || (e[0] = (a) => i.closeTipsDialog()),
             class: "float-right bg-white rounded-md inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
           }, [
-            oE,
+            iE,
             G(o, {
               name: "close",
               "icon-class": "h-6 w-6"
             })
           ])
         ]),
-        S("div", lE, [
-          S("div", aE, [
-            S("div", cE, [
-              S("div", uE, [
-                hE,
-                S("div", dE, [
+        S("div", oE, [
+          S("div", lE, [
+            S("div", aE, [
+              S("div", cE, [
+                uE,
+                S("div", hE, [
+                  dE,
                   fE,
-                  pE,
                   G(l, { types: i.standardTypes }, null, 8, ["types"]),
-                  gE,
+                  pE,
                   G(l, { types: i.awsServices }, null, 8, ["types"]),
-                  mE,
+                  gE,
                   G(l, { types: i.azureServices }, null, 8, ["types"]),
-                  xE,
+                  mE,
                   G(l, { types: i.googleServices }, null, 8, ["types"])
                 ])
               ])
@@ -27586,71 +27582,71 @@ function LE(t, e, n, r, s, i) {
     ])
   ]);
 }
-const _E = /* @__PURE__ */ je(Jw, [["render", LE]]), yE = {
+const LE = /* @__PURE__ */ Ge(Qw, [["render", xE]]), _E = {
   name: "point",
   props: ["fill", "rtl"]
-}, CE = {
+}, yE = {
   key: 0,
   class: "arrow stroke-2",
   height: "10",
   width: "10",
   viewBox: "0 0 3 6"
-}, vE = /* @__PURE__ */ S("path", {
+}, CE = /* @__PURE__ */ S("path", {
   d: "M4.42834 2.657C4.68727 2.81236 4.68727 3.18764 4.42834 3.343L0.605799 5.63652C0.339189 5.79649 1.66376e-08 5.60444 2.97152e-08 5.29352L2.22651e-07 0.706476C2.35729e-07 0.395559 0.339189 0.203513 0.605799 0.363479L4.42834 2.657Z",
   fill: "currentColor",
   stroke: "none"
-}, null, -1), bE = [
-  vE
-], wE = {
+}, null, -1), vE = [
+  CE
+], bE = {
   key: 1,
   class: "arrow stroke-2",
   height: "10",
   width: "10",
   viewBox: "0 0 2 8.5"
-}, EE = /* @__PURE__ */ S("path", {
+}, wE = /* @__PURE__ */ S("path", {
   d: "M1 1L4.14331 4.29299C4.14704 4.2969 4.14699 4.30306 4.1432 4.30691L1 7.5",
   stroke: "currentColor",
   "stroke-linecap": "round",
   fill: "none"
-}, null, -1), TE = [
-  EE
-], SE = {
+}, null, -1), EE = [
+  wE
+], TE = {
   key: 2,
   class: "arrow stroke-2",
   height: "10",
   width: "10",
   viewBox: "1 0 5 6"
-}, AE = /* @__PURE__ */ S("path", {
+}, SE = /* @__PURE__ */ S("path", {
   d: "M0.571662 2.657C0.312726 2.81236 0.312726 3.18764 0.571662 3.343L4.3942 5.63652C4.66081 5.79649 5 5.60444 5 5.29352L5 0.706476C5 0.395559 4.66081 0.203513 4.3942 0.363479L0.571662 2.657Z",
   fill: "currentColor",
   stroke: "none"
-}, null, -1), RE = [
-  AE
-], kE = {
+}, null, -1), AE = [
+  SE
+], RE = {
   key: 3,
   class: "arrow stroke-2",
   height: "10",
   width: "10",
   viewBox: "2 0 5 9"
-}, OE = /* @__PURE__ */ S("path", {
+}, kE = /* @__PURE__ */ S("path", {
   d: "M4.14844 1L1.00441 4.54711C1.00101 4.55094 1.00106 4.55671 1.00451 4.56049L4.14844 8",
   stroke: "currentColor",
   "stroke-linecap": "round",
   fill: "none"
-}, null, -1), IE = [
-  OE
+}, null, -1), OE = [
+  kE
 ];
-function ME(t, e, n, r, s, i) {
+function IE(t, e, n, r, s, i) {
   return R(), q("div", {
     class: ye(["point text-skin-message-arrow", { filled: n.fill, open: !n.fill, "right-to-left": n.rtl }])
   }, [
-    !n.rtl && n.fill ? (R(), q("svg", CE, bE)) : me("", !0),
-    !n.rtl && !n.fill ? (R(), q("svg", wE, TE)) : me("", !0),
-    n.rtl && n.fill ? (R(), q("svg", SE, RE)) : me("", !0),
-    n.rtl && !n.fill ? (R(), q("svg", kE, IE)) : me("", !0)
+    !n.rtl && n.fill ? (R(), q("svg", yE, vE)) : Le("", !0),
+    !n.rtl && !n.fill ? (R(), q("svg", bE, EE)) : Le("", !0),
+    n.rtl && n.fill ? (R(), q("svg", TE, AE)) : Le("", !0),
+    n.rtl && !n.fill ? (R(), q("svg", RE, OE)) : Le("", !0)
   ], 2);
 }
-const NE = /* @__PURE__ */ je(yE, [["render", ME]]), PE = ["contenteditable"], gc = /* @__PURE__ */ Ve({
+const ME = /* @__PURE__ */ Ge(_E, [["render", IE]]), NE = ["contenteditable"], gc = /* @__PURE__ */ Ve({
   __name: "MessageLabel",
   props: {
     labelText: null,
@@ -27698,9 +27694,9 @@ const NE = /* @__PURE__ */ je(yE, [["render", ME]]), PE = ["contenteditable"], g
       onBlur: _[1] || (_[1] = (...v) => N(y) && N(y)(...v)),
       onKeyup: _[2] || (_[2] = (...v) => N(L) && N(L)(...v)),
       onKeydown: _[3] || (_[3] = (...v) => N(T) && N(T)(...v))
-    }, Ge(N(n)), 43, PE));
+    }, Ze(N(n)), 43, NE));
   }
-}), FE = { class: "name group flex-grow relative text-sm hover:text-skin-message-hover hover:bg-skin-message-hover" }, DE = { class: "inline-block static min-h-[1em]" }, BE = {
+}), PE = { class: "name group flex-grow relative text-sm hover:text-skin-message-hover hover:bg-skin-message-hover" }, FE = { class: "inline-block static min-h-[1em]" }, DE = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
 }, j0 = /* @__PURE__ */ Ve({
@@ -27715,7 +27711,7 @@ const NE = /* @__PURE__ */ je(yE, [["render", ME]]), PE = ["contenteditable"], g
     number: null
   },
   setup(t) {
-    const e = t, { context: n, content: r, rtl: s, type: i, textStyle: o, classNames: l, number: a } = Gr(e), c = rn(), u = Le(), h = P(() => c.state.numbering), d = P(() => (i == null ? void 0 : i.value) === "async"), p = P(() => c.state.mode), m = P(() => {
+    const e = t, { context: n, content: r, rtl: s, type: i, textStyle: o, classNames: l, number: a } = Gr(e), c = rn(), u = xe(), h = P(() => c.state.numbering), d = P(() => (i == null ? void 0 : i.value) === "async"), p = P(() => c.state.mode), m = P(() => {
       if (p.value === Jt.Static)
         return !1;
       switch (i == null ? void 0 : i.value) {
@@ -27791,8 +27787,8 @@ const NE = /* @__PURE__ */ je(yE, [["render", ME]]), PE = ["contenteditable"], g
       ref_key: "messageRef",
       ref: u
     }, [
-      S("div", FE, [
-        S("div", DE, [
+      S("div", PE, [
+        S("div", FE, [
           S("div", {
             style: ve(N(o)),
             class: ye(N(l))
@@ -27803,20 +27799,20 @@ const NE = /* @__PURE__ */ je(yE, [["render", ME]]), PE = ["contenteditable"], g
               labelPosition: N(y),
               isAsync: N(d)
             }, null, 8, ["labelText", "labelPosition", "isAsync"])) : (R(), q(Ne, { key: 1 }, [
-              An(Ge(N(r)), 1)
+              An(Ze(N(r)), 1)
             ], 64))
           ], 6),
-          N(h) ? (R(), q("div", BE, Ge(N(a)), 1)) : me("", !0)
+          N(h) ? (R(), q("div", DE, Ze(N(a)), 1)) : Le("", !0)
         ])
       ]),
-      G(NE, {
+      G(ME, {
         class: "flex-shrink-0 transform translate-y-1/2 -my-px",
         fill: N(L),
         rtl: N(s)
       }, null, 8, ["fill", "rtl"])
     ], 6));
   }
-}), $E = {
+}), BE = {
   name: "WidthProvider",
   components: { Message: j0 },
   data: function() {
@@ -27832,10 +27828,10 @@ const NE = /* @__PURE__ */ je(yE, [["render", ME]]), PE = ["contenteditable"], g
   mounted() {
     this.$store.state.widthProvider = this;
   }
-}, HE = { class: "hidden" };
-function UE(t, e, n, r, s, i) {
+}, $E = { class: "hidden" };
+function HE(t, e, n, r, s, i) {
   const o = pe("message");
-  return R(), q("div", HE, [
+  return R(), q("div", $E, [
     G(o, {
       content: t.text,
       rtl: "false",
@@ -27843,8 +27839,8 @@ function UE(t, e, n, r, s, i) {
     }, null, 8, ["content"])
   ]);
 }
-const VE = /* @__PURE__ */ je($E, [["render", UE]]);
-function zE(t, e) {
+const UE = /* @__PURE__ */ Ge(BE, [["render", HE]]);
+function VE(t, e) {
   if (t.match(/^[a-z]+:\/\//i))
     return t;
   if (t.match(/^\/\//))
@@ -27854,7 +27850,7 @@ function zE(t, e) {
   const n = document.implementation.createHTMLDocument(), r = n.createElement("base"), s = n.createElement("a");
   return n.head.appendChild(r), n.body.appendChild(s), e && (r.href = e), s.href = t, s.href;
 }
-const GE = (() => {
+const zE = (() => {
   let t = 0;
   const e = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
   return () => (t += 1, `u${e()}${t}`);
@@ -27869,19 +27865,19 @@ function zi(t, e) {
   const r = (t.ownerDocument.defaultView || window).getComputedStyle(t).getPropertyValue(e);
   return r ? parseFloat(r.replace("px", "")) : 0;
 }
-function jE(t) {
+function GE(t) {
   const e = zi(t, "border-left-width"), n = zi(t, "border-right-width");
   return t.clientWidth + e + n;
 }
-function ZE(t) {
+function jE(t) {
   const e = zi(t, "border-top-width"), n = zi(t, "border-bottom-width");
   return t.clientHeight + e + n;
 }
 function Eh(t, e = {}) {
-  const n = e.width || jE(t), r = e.height || ZE(t);
+  const n = e.width || GE(t), r = e.height || jE(t);
   return { width: n, height: r };
 }
-function WE() {
+function ZE() {
   let t, e;
   try {
     e = process;
@@ -27891,10 +27887,10 @@ function WE() {
   return n && (t = parseInt(n, 10), Number.isNaN(t) && (t = 1)), t || window.devicePixelRatio || 1;
 }
 const jt = 16384;
-function qE(t) {
+function WE(t) {
   (t.width > jt || t.height > jt) && (t.width > jt && t.height > jt ? t.width > t.height ? (t.height *= jt / t.width, t.width = jt) : (t.width *= jt / t.height, t.height = jt) : t.width > jt ? (t.height *= jt / t.width, t.width = jt) : (t.width *= jt / t.height, t.height = jt));
 }
-function KE(t, e = {}) {
+function qE(t, e = {}) {
   return t.toBlob ? new Promise((n) => {
     t.toBlob(n, e.type ? e.type : "image/png", e.quality ? e.quality : 1);
   }) : new Promise((n) => {
@@ -27912,44 +27908,44 @@ function Gi(t) {
     r.decode = () => e(r), r.onload = () => e(r), r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = t;
   });
 }
-async function YE(t) {
+async function KE(t) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
 }
-async function XE(t, e, n) {
+async function YE(t, e, n) {
   const r = "http://www.w3.org/2000/svg", s = document.createElementNS(r, "svg"), i = document.createElementNS(r, "foreignObject");
-  return s.setAttribute("width", `${e}`), s.setAttribute("height", `${n}`), s.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), s.appendChild(i), i.appendChild(t), YE(s);
+  return s.setAttribute("width", `${e}`), s.setAttribute("height", `${n}`), s.setAttribute("viewBox", `0 0 ${e} ${n}`), i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("x", "0"), i.setAttribute("y", "0"), i.setAttribute("externalResourcesRequired", "true"), s.appendChild(i), i.appendChild(t), KE(s);
 }
-function QE(t) {
+function XE(t) {
   const e = t.getPropertyValue("content");
   return `${t.cssText} content: '${e.replace(/'|"/g, "")}';`;
 }
-function JE(t) {
+function QE(t) {
   return _r(t).map((e) => {
     const n = t.getPropertyValue(e), r = t.getPropertyPriority(e);
     return `${e}: ${n}${r ? " !important" : ""};`;
   }).join(" ");
 }
-function eT(t, e, n) {
-  const r = `.${t}:${e}`, s = n.cssText ? QE(n) : JE(n);
+function JE(t, e, n) {
+  const r = `.${t}:${e}`, s = n.cssText ? XE(n) : QE(n);
   return document.createTextNode(`${r}{${s}}`);
 }
 function cu(t, e, n) {
   const r = window.getComputedStyle(t, n), s = r.getPropertyValue("content");
   if (s === "" || s === "none")
     return;
-  const i = GE();
+  const i = zE();
   try {
     e.className = `${e.className} ${i}`;
   } catch {
     return;
   }
   const o = document.createElement("style");
-  o.appendChild(eT(i, n, r)), e.appendChild(o);
+  o.appendChild(JE(i, n, r)), e.appendChild(o);
 }
-function tT(t, e) {
+function eT(t, e) {
   cu(t, e, ":before"), cu(t, e, ":after");
 }
-const uu = "application/font-woff", hu = "image/jpeg", nT = {
+const uu = "application/font-woff", hu = "image/jpeg", tT = {
   woff: uu,
   woff2: uu,
   ttf: "application/font-truetype",
@@ -27962,15 +27958,15 @@ const uu = "application/font-woff", hu = "image/jpeg", nT = {
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function rT(t) {
+function nT(t) {
   const e = /\.([^./]*?)$/g.exec(t);
   return e ? e[1] : "";
 }
 function mc(t) {
-  const e = rT(t).toLowerCase();
-  return nT[e] || "";
+  const e = nT(t).toLowerCase();
+  return tT[e] || "";
 }
-function sT(t) {
+function rT(t) {
   return t.split(/,/)[1];
 }
 function ul(t) {
@@ -27996,18 +27992,18 @@ async function Sh(t, e, n) {
   });
 }
 const po = {};
-function iT(t, e, n) {
+function sT(t, e, n) {
   let r = t.replace(/\?.*/, "");
   return n && (r = t), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), e ? `[${e}]${r}` : r;
 }
 async function xc(t, e, n) {
-  const r = iT(t, e, n.includeQueryParams);
+  const r = sT(t, e, n.includeQueryParams);
   if (po[r] != null)
     return po[r];
   n.cacheBust && (t += (/\?/.test(t) ? "&" : "?") + new Date().getTime());
   let s;
   try {
-    const i = await Sh(t, n.fetchRequestInit, ({ res: o, result: l }) => (e || (e = o.headers.get("Content-Type") || ""), sT(l)));
+    const i = await Sh(t, n.fetchRequestInit, ({ res: o, result: l }) => (e || (e = o.headers.get("Content-Type") || ""), rT(l)));
     s = Th(i, e);
   } catch (i) {
     s = n.imagePlaceholder || "";
@@ -28016,11 +28012,11 @@ async function xc(t, e, n) {
   }
   return po[r] = s, s;
 }
-async function oT(t) {
+async function iT(t) {
   const e = t.toDataURL();
   return e === "data:," ? t.cloneNode(!1) : Gi(e);
 }
-async function lT(t, e) {
+async function oT(t, e) {
   if (t.currentSrc) {
     const i = document.createElement("canvas"), o = i.getContext("2d");
     i.width = t.clientWidth, i.height = t.clientHeight, o == null || o.drawImage(t, 0, 0, i.width, i.height);
@@ -28030,7 +28026,7 @@ async function lT(t, e) {
   const n = t.poster, r = mc(n), s = await xc(n, r, e);
   return Gi(s);
 }
-async function aT(t) {
+async function lT(t) {
   var e;
   try {
     if (!((e = t == null ? void 0 : t.contentDocument) === null || e === void 0) && e.body)
@@ -28039,18 +28035,18 @@ async function aT(t) {
   }
   return t.cloneNode(!1);
 }
-async function cT(t, e) {
-  return t instanceof HTMLCanvasElement ? oT(t) : t instanceof HTMLVideoElement ? lT(t, e) : t instanceof HTMLIFrameElement ? aT(t) : t.cloneNode(!1);
+async function aT(t, e) {
+  return t instanceof HTMLCanvasElement ? iT(t) : t instanceof HTMLVideoElement ? oT(t, e) : t instanceof HTMLIFrameElement ? lT(t) : t.cloneNode(!1);
 }
-const uT = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT";
-async function hT(t, e, n) {
+const cT = (t) => t.tagName != null && t.tagName.toUpperCase() === "SLOT";
+async function uT(t, e, n) {
   var r;
-  const s = uT(t) && t.assignedNodes ? _r(t.assignedNodes()) : _r(((r = t.shadowRoot) !== null && r !== void 0 ? r : t).childNodes);
+  const s = cT(t) && t.assignedNodes ? _r(t.assignedNodes()) : _r(((r = t.shadowRoot) !== null && r !== void 0 ? r : t).childNodes);
   return s.length === 0 || t instanceof HTMLVideoElement || await s.reduce((i, o) => i.then(() => V1(o, n)).then((l) => {
     l && e.appendChild(l);
   }), Promise.resolve()), e;
 }
-function dT(t, e) {
+function hT(t, e) {
   const n = e.style;
   if (!n)
     return;
@@ -28060,19 +28056,19 @@ function dT(t, e) {
     s === "font-size" && i.endsWith("px") && (i = `${Math.floor(parseFloat(i.substring(0, i.length - 2))) - 0.1}px`), n.setProperty(s, i, r.getPropertyPriority(s));
   });
 }
-function fT(t, e) {
+function dT(t, e) {
   t instanceof HTMLTextAreaElement && (e.innerHTML = t.value), t instanceof HTMLInputElement && e.setAttribute("value", t.value);
 }
-function pT(t, e) {
+function fT(t, e) {
   if (t instanceof HTMLSelectElement) {
     const n = e, r = Array.from(n.children).find((s) => t.value === s.getAttribute("value"));
     r && r.setAttribute("selected", "");
   }
 }
-function gT(t, e) {
-  return e instanceof Element && (dT(t, e), tT(t, e), fT(t, e), pT(t, e)), e;
+function pT(t, e) {
+  return e instanceof Element && (hT(t, e), eT(t, e), dT(t, e), fT(t, e)), e;
 }
-async function mT(t, e) {
+async function gT(t, e) {
   const n = t.querySelectorAll ? t.querySelectorAll("use") : [];
   if (n.length === 0)
     return t;
@@ -28097,35 +28093,35 @@ async function mT(t, e) {
   return t;
 }
 async function V1(t, e, n) {
-  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => cT(r, e)).then((r) => hT(t, r, e)).then((r) => gT(t, r)).then((r) => mT(r, e));
+  return !n && e.filter && !e.filter(t) ? null : Promise.resolve(t).then((r) => aT(r, e)).then((r) => uT(t, r, e)).then((r) => pT(t, r)).then((r) => gT(r, e));
 }
-const Ah = /url\((['"]?)([^'"]+?)\1\)/g, xT = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, LT = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function _T(t) {
+const Ah = /url\((['"]?)([^'"]+?)\1\)/g, mT = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, xT = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function LT(t) {
   const e = t.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`, "g");
 }
-function yT(t) {
+function _T(t) {
   const e = [];
   return t.replace(Ah, (n, r, s) => (e.push(s), n)), e.filter((n) => !ul(n));
 }
-async function CT(t, e, n, r, s) {
+async function yT(t, e, n, r, s) {
   try {
-    const i = n ? zE(e, n) : e, o = mc(e);
+    const i = n ? VE(e, n) : e, o = mc(e);
     let l;
     if (s) {
       const a = await s(i);
       l = Th(a, o);
     } else
       l = await xc(i, o, r);
-    return t.replace(_T(e), `$1${l}$3`);
+    return t.replace(LT(e), `$1${l}$3`);
   } catch {
   }
   return t;
 }
-function vT(t, { preferredFontFormat: e }) {
-  return e ? t.replace(LT, (n) => {
+function CT(t, { preferredFontFormat: e }) {
+  return e ? t.replace(xT, (n) => {
     for (; ; ) {
-      const [r, , s] = xT.exec(n) || [];
+      const [r, , s] = mT.exec(n) || [];
       if (!s)
         return "";
       if (s === e)
@@ -28139,10 +28135,10 @@ function Rh(t) {
 async function kh(t, e, n) {
   if (!Rh(t))
     return t;
-  const r = vT(t, n);
-  return yT(r).reduce((i, o) => i.then((l) => CT(l, o, e, n)), Promise.resolve(r));
+  const r = CT(t, n);
+  return _T(r).reduce((i, o) => i.then((l) => yT(l, o, e, n)), Promise.resolve(r));
 }
-async function bT(t, e) {
+async function vT(t, e) {
   var n;
   const r = (n = t.style) === null || n === void 0 ? void 0 : n.getPropertyValue("background");
   if (r) {
@@ -28150,7 +28146,7 @@ async function bT(t, e) {
     t.style.setProperty("background", s, t.style.getPropertyPriority("background"));
   }
 }
-async function wT(t, e) {
+async function bT(t, e) {
   if (!(t instanceof HTMLImageElement && !ul(t.src)) && !(t instanceof SVGImageElement && !ul(t.href.baseVal)))
     return;
   const n = t instanceof HTMLImageElement ? t.src : t.href.baseVal, r = await xc(n, mc(n), e);
@@ -28160,14 +28156,14 @@ async function wT(t, e) {
     o.decode && (o.decode = s), t instanceof HTMLImageElement ? (t.srcset = "", t.src = r) : t.href.baseVal = r;
   });
 }
-async function ET(t, e) {
+async function wT(t, e) {
   const r = _r(t.childNodes).map((s) => Oh(s, e));
   await Promise.all(r).then(() => t);
 }
 async function Oh(t, e) {
-  t instanceof Element && (await bT(t, e), await wT(t, e), await ET(t, e));
+  t instanceof Element && (await vT(t, e), await bT(t, e), await wT(t, e));
 }
-function TT(t, e) {
+function ET(t, e) {
   const { style: n } = t;
   e.backgroundColor && (n.backgroundColor = e.backgroundColor), e.width && (n.width = `${e.width}px`), e.height && (n.height = `${e.height}px`);
   const r = e.style;
@@ -28217,7 +28213,7 @@ function gu(t) {
   }
   return e;
 }
-async function ST(t, e) {
+async function TT(t, e) {
   const n = [], r = [];
   return t.forEach((s) => {
     if ("cssRules" in s)
@@ -28259,25 +28255,25 @@ async function ST(t, e) {
       }
   }), n));
 }
-function AT(t) {
+function ST(t) {
   return t.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => Rh(e.style.getPropertyValue("src")));
 }
-async function RT(t, e) {
+async function AT(t, e) {
   if (t.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const n = _r(t.ownerDocument.styleSheets), r = await ST(n, e);
-  return AT(r);
+  const n = _r(t.ownerDocument.styleSheets), r = await TT(n, e);
+  return ST(r);
 }
-async function kT(t, e) {
-  const n = await RT(t, e);
+async function RT(t, e) {
+  const n = await AT(t, e);
   return (await Promise.all(n.map((s) => {
     const i = s.parentStyleSheet ? s.parentStyleSheet.href : null;
     return kh(s.cssText, i, e);
   }))).join(`
 `);
 }
-async function OT(t, e) {
-  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await kT(t, e);
+async function kT(t, e) {
+  const n = e.fontEmbedCSS != null ? e.fontEmbedCSS : e.skipFonts ? null : await RT(t, e);
   if (n) {
     const r = document.createElement("style"), s = document.createTextNode(n);
     r.appendChild(s), t.firstChild ? t.insertBefore(r, t.firstChild) : t.appendChild(r);
@@ -28285,29 +28281,29 @@ async function OT(t, e) {
 }
 async function Ih(t, e = {}) {
   const { width: n, height: r } = Eh(t, e), s = await V1(t, e, !0);
-  return await OT(s, e), await Oh(s, e), TT(s, e), await XE(s, n, r);
+  return await kT(s, e), await Oh(s, e), ET(s, e), await YE(s, n, r);
 }
 async function Lc(t, e = {}) {
-  const { width: n, height: r } = Eh(t, e), s = await Ih(t, e), i = await Gi(s), o = document.createElement("canvas"), l = o.getContext("2d"), a = e.pixelRatio || WE(), c = e.canvasWidth || n, u = e.canvasHeight || r;
-  return o.width = c * a, o.height = u * a, e.skipAutoScale || qE(o), o.style.width = `${c}`, o.style.height = `${u}`, e.backgroundColor && (l.fillStyle = e.backgroundColor, l.fillRect(0, 0, o.width, o.height)), l.drawImage(i, 0, 0, o.width, o.height), o;
+  const { width: n, height: r } = Eh(t, e), s = await Ih(t, e), i = await Gi(s), o = document.createElement("canvas"), l = o.getContext("2d"), a = e.pixelRatio || ZE(), c = e.canvasWidth || n, u = e.canvasHeight || r;
+  return o.width = c * a, o.height = u * a, e.skipAutoScale || WE(o), o.style.width = `${c}`, o.style.height = `${u}`, e.backgroundColor && (l.fillStyle = e.backgroundColor, l.fillRect(0, 0, o.width, o.height)), l.drawImage(i, 0, 0, o.width, o.height), o;
 }
-async function IT(t, e = {}) {
+async function OT(t, e = {}) {
   return (await Lc(t, e)).toDataURL();
 }
-async function MT(t, e = {}) {
+async function IT(t, e = {}) {
   return (await Lc(t, e)).toDataURL("image/jpeg", e.quality || 1);
 }
-async function NT(t, e = {}) {
+async function MT(t, e = {}) {
   const n = await Lc(t, e);
-  return await KE(n);
+  return await qE(n);
 }
-const PT = {}.VITE_APP_GIT_HASH, FT = {}.VITE_APP_GIT_BRANCH, DT = {
+const NT = {}.VITE_APP_GIT_HASH, PT = {}.VITE_APP_GIT_BRANCH, FT = {
   name: "Debug",
   components: { Icon: dr },
   data() {
     return {
-      commitHash: PT,
-      gitBranch: FT
+      commitHash: NT,
+      gitBranch: PT
     };
   },
   computed: {
@@ -28315,24 +28311,24 @@ const PT = {}.VITE_APP_GIT_HASH, FT = {}.VITE_APP_GIT_BRANCH, DT = {
       return !!localStorage.zenumlDebug;
     }
   }
-}, BT = { class: "flex flex-nowrap m-2 text-sm" }, $T = { class: "ml-4 text-xs inline-flex items-center font-bold leading-sm px-3 py-1 bg-green-200 text-green-700 rounded-sm" }, HT = { class: "inline-block px-2" };
-function UT(t, e, n, r, s, i) {
+}, DT = { class: "flex flex-nowrap m-2 text-sm" }, BT = { class: "ml-4 text-xs inline-flex items-center font-bold leading-sm px-3 py-1 bg-green-200 text-green-700 rounded-sm" }, $T = { class: "inline-block px-2" };
+function HT(t, e, n, r, s, i) {
   const o = pe("Icon");
   return c1((R(), q("div", null, [
-    S("div", BT, [
-      S("div", $T, [
+    S("div", DT, [
+      S("div", BT, [
         G(o, {
           name: "debug",
           "icon-class": "h-4 w-4"
         }),
-        S("span", HT, Ge(s.gitBranch) + ":" + Ge(s.commitHash), 1)
+        S("span", $T, Ze(s.gitBranch) + ":" + Ze(s.commitHash), 1)
       ])
     ])
   ], 512)), [
     [F0, i.debug]
   ]);
 }
-const VT = /* @__PURE__ */ je(DT, [["render", UT]]);
+const UT = /* @__PURE__ */ Ge(FT, [["render", HT]]);
 function Dn(t, e, ...n) {
   if (t in e) {
     let s = e[t];
@@ -28369,7 +28365,7 @@ function go({ props: t, attrs: e, slots: n, slot: r, name: s }) {
   if (l === "template") {
     if (c = Mh(c != null ? c : []), Object.keys(a).length > 0 || Object.keys(e).length > 0) {
       let [h, ...d] = c != null ? c : [];
-      if (!GT(h) || d.length > 0)
+      if (!zT(h) || d.length > 0)
         throw new Error(['Passing props on "template"!', "", `The current component <${s} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(a).concat(Object.keys(e)).map((y) => y.trim()).filter((y, T, L) => L.indexOf(y) === T).sort((y, T) => y.localeCompare(T)).map((y) => `  - ${y}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((y) => `  - ${y}`).join(`
 `)].join(`
@@ -28408,7 +28404,7 @@ function Nh(...t) {
     } });
   return e;
 }
-function zT(t) {
+function VT(t) {
   let e = Object.assign({}, t);
   for (let n in e)
     e[n] === void 0 && delete e[n];
@@ -28420,15 +28416,15 @@ function _c(t, e = []) {
     r in n && delete n[r];
   return n;
 }
-function GT(t) {
+function zT(t) {
   return t == null ? !1 : typeof t.type == "string" || typeof t.type == "object" || typeof t.type == "function";
 }
-let jT = 0;
-function ZT() {
-  return ++jT;
+let GT = 0;
+function jT() {
+  return ++GT;
 }
 function Hn() {
-  return ZT();
+  return jT();
 }
 var sr = ((t) => (t.Space = " ", t.Enter = "Enter", t.Escape = "Escape", t.Backspace = "Backspace", t.Delete = "Delete", t.ArrowLeft = "ArrowLeft", t.ArrowUp = "ArrowUp", t.ArrowRight = "ArrowRight", t.ArrowDown = "ArrowDown", t.Home = "Home", t.End = "End", t.PageUp = "PageUp", t.PageDown = "PageDown", t.Tab = "Tab", t))(sr || {});
 function st(t) {
@@ -28437,17 +28433,17 @@ function st(t) {
 }
 let Ph = Symbol("Context");
 var Kt = ((t) => (t[t.Open = 1] = "Open", t[t.Closed = 2] = "Closed", t[t.Closing = 4] = "Closing", t[t.Opening = 8] = "Opening", t))(Kt || {});
-function WT() {
+function ZT() {
   return yc() !== null;
 }
 function yc() {
   return lt(Ph, null);
 }
-function qT(t) {
+function WT(t) {
   Vt(Ph, t);
 }
-var KT = Object.defineProperty, YT = (t, e, n) => e in t ? KT(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, mu = (t, e, n) => (YT(t, typeof e != "symbol" ? e + "" : e, n), n);
-class XT {
+var qT = Object.defineProperty, KT = (t, e, n) => e in t ? qT(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, mu = (t, e, n) => (KT(t, typeof e != "symbol" ? e + "" : e, n), n);
+class YT {
   constructor() {
     mu(this, "current", this.detect()), mu(this, "currentId", 0);
   }
@@ -28470,7 +28466,7 @@ class XT {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
 }
-let Z0 = new XT();
+let Z0 = new YT();
 function kn(t) {
   if (Z0.isServer)
     return null;
@@ -28483,7 +28479,7 @@ function kn(t) {
   }
   return document;
 }
-function QT({ container: t, accept: e, walk: n, enabled: r }) {
+function XT({ container: t, accept: e, walk: n, enabled: r }) {
   en(() => {
     let s = t.value;
     if (!s || r !== void 0 && !r.value)
@@ -28497,12 +28493,12 @@ function QT({ container: t, accept: e, walk: n, enabled: r }) {
   });
 }
 let hl = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((t) => `${t}:not([tabindex='-1'])`).join(",");
-var un = ((t) => (t[t.First = 1] = "First", t[t.Previous = 2] = "Previous", t[t.Next = 4] = "Next", t[t.Last = 8] = "Last", t[t.WrapAround = 16] = "WrapAround", t[t.NoScroll = 32] = "NoScroll", t))(un || {}), Zi = ((t) => (t[t.Error = 0] = "Error", t[t.Overflow = 1] = "Overflow", t[t.Success = 2] = "Success", t[t.Underflow = 3] = "Underflow", t))(Zi || {}), JT = ((t) => (t[t.Previous = -1] = "Previous", t[t.Next = 1] = "Next", t))(JT || {});
-function eS(t = document.body) {
+var un = ((t) => (t[t.First = 1] = "First", t[t.Previous = 2] = "Previous", t[t.Next = 4] = "Next", t[t.Last = 8] = "Last", t[t.WrapAround = 16] = "WrapAround", t[t.NoScroll = 32] = "NoScroll", t))(un || {}), Zi = ((t) => (t[t.Error = 0] = "Error", t[t.Overflow = 1] = "Overflow", t[t.Success = 2] = "Success", t[t.Underflow = 3] = "Underflow", t))(Zi || {}), QT = ((t) => (t[t.Previous = -1] = "Previous", t[t.Next = 1] = "Next", t))(QT || {});
+function JT(t = document.body) {
   return t == null ? [] : Array.from(t.querySelectorAll(hl)).sort((e, n) => Math.sign((e.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
 var Fh = ((t) => (t[t.Strict = 0] = "Strict", t[t.Loose = 1] = "Loose", t))(Fh || {});
-function tS(t, e = 0) {
+function eS(t, e = 0) {
   var n;
   return t === ((n = kn(t)) == null ? void 0 : n.body) ? !1 : Dn(e, { [0]() {
     return t.matches(hl);
@@ -28516,7 +28512,7 @@ function tS(t, e = 0) {
     return !1;
   } });
 }
-var nS = ((t) => (t[t.Keyboard = 0] = "Keyboard", t[t.Mouse = 1] = "Mouse", t))(nS || {});
+var tS = ((t) => (t[t.Keyboard = 0] = "Keyboard", t[t.Mouse = 1] = "Mouse", t))(tS || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (t) => {
   t.metaKey || t.altKey || t.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (t) => {
@@ -28525,10 +28521,10 @@ typeof window < "u" && typeof document < "u" && (document.addEventListener("keyd
 function Fr(t) {
   t == null || t.focus({ preventScroll: !0 });
 }
-let rS = ["textarea", "input"].join(",");
-function sS(t) {
+let nS = ["textarea", "input"].join(",");
+function rS(t) {
   var e, n;
-  return (n = (e = t == null ? void 0 : t.matches) == null ? void 0 : e.call(t, rS)) != null ? n : !1;
+  return (n = (e = t == null ? void 0 : t.matches) == null ? void 0 : e.call(t, nS)) != null ? n : !1;
 }
 function Dh(t, e = (n) => n) {
   return t.slice().sort((n, r) => {
@@ -28541,7 +28537,7 @@ function Dh(t, e = (n) => n) {
 }
 function gs(t, e, { sorted: n = !0, relativeTo: r = null, skipElements: s = [] } = {}) {
   var i;
-  let o = (i = Array.isArray(t) ? t.length > 0 ? t[0].ownerDocument : document : t == null ? void 0 : t.ownerDocument) != null ? i : document, l = Array.isArray(t) ? n ? Dh(t) : t : eS(t);
+  let o = (i = Array.isArray(t) ? t.length > 0 ? t[0].ownerDocument : document : t == null ? void 0 : t.ownerDocument) != null ? i : document, l = Array.isArray(t) ? n ? Dh(t) : t : JT(t);
   s.length > 0 && l.length > 1 && (l = l.filter((m) => !s.includes(m))), r = r != null ? r : o.activeElement;
   let a = (() => {
     if (e & 5)
@@ -28574,7 +28570,7 @@ function gs(t, e, { sorted: n = !0, relativeTo: r = null, skipElements: s = [] }
     }
     p = l[m], p == null || p.focus(u), h += a;
   } while (p !== o.activeElement);
-  return e & 6 && sS(p) && p.select(), 2;
+  return e & 6 && rS(p) && p.select(), 2;
 }
 function mi(t, e, n) {
   Z0.isServer || en((r) => {
@@ -28586,7 +28582,7 @@ function Bh(t, e, n) {
     window.addEventListener(t, e, n), r(() => window.removeEventListener(t, e, n));
   });
 }
-function iS(t, e, n = P(() => !0)) {
+function sS(t, e, n = P(() => !0)) {
   function r(i, o) {
     if (!n.value || i.defaultPrevented)
       return;
@@ -28603,9 +28599,9 @@ function iS(t, e, n = P(() => !0)) {
       if (u != null && u.contains(l) || i.composed && i.composedPath().includes(u))
         return;
     }
-    return !tS(l, Fh.Loose) && l.tabIndex !== -1 && i.preventDefault(), e(i, l);
+    return !eS(l, Fh.Loose) && l.tabIndex !== -1 && i.preventDefault(), e(i, l);
   }
-  let s = Le(null);
+  let s = xe(null);
   mi("pointerdown", (i) => {
     var o, l;
     n.value && (s.value = ((l = (o = i.composedPath) == null ? void 0 : o.call(i)) == null ? void 0 : l[0]) || i.target);
@@ -28638,7 +28634,7 @@ function Uh(t, e, n) {
   else
     n instanceof Date ? t.push([e, n.toISOString()]) : typeof n == "boolean" ? t.push([e, n ? "1" : "0"]) : typeof n == "string" ? t.push([e, n]) : typeof n == "number" ? t.push([e, `${n}`]) : n == null ? t.push([e, ""]) : $h(n, e, t);
 }
-function oS(t) {
+function iS(t) {
   var e, n;
   let r = (e = t == null ? void 0 : t.form) != null ? e : t.closest("form");
   if (r) {
@@ -28650,13 +28646,13 @@ function oS(t) {
     (n = r.requestSubmit) == null || n.call(r);
   }
 }
-function lS(t, e, n) {
-  let r = Le(n == null ? void 0 : n.value), s = P(() => t.value !== void 0);
+function oS(t, e, n) {
+  let r = xe(n == null ? void 0 : n.value), s = P(() => t.value !== void 0);
   return [P(() => s.value ? t.value : r.value), function(i) {
     return s.value || (r.value = i), e == null ? void 0 : e(i);
   }];
 }
-function aS() {
+function lS() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
 function Cc(t) {
@@ -28706,8 +28702,8 @@ function W0() {
   return e;
 }
 var Ys = ((t) => (t[t.Forwards = 0] = "Forwards", t[t.Backwards = 1] = "Backwards", t))(Ys || {});
-function cS() {
-  let t = Le(0);
+function aS() {
+  let t = xe(0);
   return Bh("keydown", (e) => {
     e.key === "Tab" && (t.value = e.shiftKey ? 1 : 0);
   }), t;
@@ -28717,7 +28713,7 @@ function Vh(t, e, n, r) {
     t = t != null ? t : window, t.addEventListener(e, n, r), s(() => t.removeEventListener(e, n, r));
   });
 }
-function uS(t) {
+function cS(t) {
   function e() {
     document.readyState !== "loading" && (t(), document.removeEventListener("DOMContentLoaded", e));
   }
@@ -28736,14 +28732,14 @@ function zh(t) {
   return e;
 }
 var Gh = ((t) => (t[t.None = 1] = "None", t[t.InitialFocus = 2] = "InitialFocus", t[t.TabLock = 4] = "TabLock", t[t.FocusLock = 8] = "FocusLock", t[t.RestoreFocus = 16] = "RestoreFocus", t[t.All = 30] = "All", t))(Gh || {});
-let Zs = Object.assign(Ve({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: Le(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: r }) {
-  let s = Le(null);
+let Zs = Object.assign(Ve({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: xe(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: r }) {
+  let s = xe(null);
   r({ el: s, $el: s });
-  let i = P(() => kn(s)), o = Le(!1);
-  qe(() => o.value = !0), ht(() => o.value = !1), dS({ ownerDocument: i }, P(() => o.value && Boolean(t.features & 16)));
-  let l = fS({ ownerDocument: i, container: s, initialFocus: P(() => t.initialFocus) }, P(() => o.value && Boolean(t.features & 2)));
-  pS({ ownerDocument: i, container: s, containers: t.containers, previousActiveElement: l }, P(() => o.value && Boolean(t.features & 8)));
-  let a = cS();
+  let i = P(() => kn(s)), o = xe(!1);
+  qe(() => o.value = !0), ht(() => o.value = !1), hS({ ownerDocument: i }, P(() => o.value && Boolean(t.features & 16)));
+  let l = dS({ ownerDocument: i, container: s, initialFocus: P(() => t.initialFocus) }, P(() => o.value && Boolean(t.features & 2)));
+  fS({ ownerDocument: i, container: s, containers: t.containers, previousActiveElement: l }, P(() => o.value && Boolean(t.features & 8)));
+  let a = aS();
   function c(p) {
     let m = st(s);
     !m || ((y) => y())(() => {
@@ -28754,7 +28750,7 @@ let Zs = Object.assign(Ve({ name: "FocusTrap", props: { as: { type: [Object, Str
       } });
     });
   }
-  let u = Le(!1);
+  let u = xe(!1);
   function h(p) {
     p.key === "Tab" && (u.value = !0, requestAnimationFrame(() => {
       u.value = !1;
@@ -28773,14 +28769,14 @@ let Zs = Object.assign(Ve({ name: "FocusTrap", props: { as: { type: [Object, Str
     return ct(Ne, [Boolean(y & 4) && ct(Wi, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: c, features: y0.Focusable }), wt({ ourProps: m, theirProps: { ...e, ...g }, slot: p, attrs: e, slots: n, name: "FocusTrap" }), Boolean(y & 4) && ct(Wi, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: c, features: y0.Focusable })]);
   };
 } }), { features: Gh }), Rr = [];
-uS(() => {
+cS(() => {
   function t(e) {
     e.target instanceof HTMLElement && e.target !== document.body && Rr[0] !== e.target && (Rr.unshift(e.target), Rr = Rr.filter((n) => n != null && n.isConnected), Rr.splice(10));
   }
   window.addEventListener("click", t, { capture: !0 }), window.addEventListener("mousedown", t, { capture: !0 }), window.addEventListener("focus", t, { capture: !0 }), document.body.addEventListener("click", t, { capture: !0 }), document.body.addEventListener("mousedown", t, { capture: !0 }), document.body.addEventListener("focus", t, { capture: !0 });
 });
-function hS(t) {
-  let e = Le(Rr.slice());
+function uS(t) {
+  let e = xe(Rr.slice());
   return Xt([t], ([n], [r]) => {
     r === !0 && n === !1 ? Cc(() => {
       e.value.splice(0);
@@ -28790,8 +28786,8 @@ function hS(t) {
     return (n = e.value.find((r) => r != null && r.isConnected)) != null ? n : null;
   };
 }
-function dS({ ownerDocument: t }, e) {
-  let n = hS(e);
+function hS({ ownerDocument: t }, e) {
+  let n = uS(e);
   qe(() => {
     en(() => {
       var r, s;
@@ -28801,8 +28797,8 @@ function dS({ ownerDocument: t }, e) {
     e.value && Fr(n());
   });
 }
-function fS({ ownerDocument: t, container: e, initialFocus: n }, r) {
-  let s = Le(null), i = Le(!1);
+function dS({ ownerDocument: t, container: e, initialFocus: n }, r) {
+  let s = xe(null), i = xe(!1);
   return qe(() => i.value = !0), ht(() => i.value = !1), qe(() => {
     Xt([e, n, r], (o, l) => {
       if (o.every((c, u) => (l == null ? void 0 : l[u]) === c) || !r.value)
@@ -28827,7 +28823,7 @@ function fS({ ownerDocument: t, container: e, initialFocus: n }, r) {
     }, { immediate: !0, flush: "post" });
   }), s;
 }
-function pS({ ownerDocument: t, container: e, containers: n, previousActiveElement: r }, s) {
+function fS({ ownerDocument: t, container: e, containers: n, previousActiveElement: r }, s) {
   var i;
   Vh((i = t.value) == null ? void 0 : i.defaultView, "focus", (o) => {
     if (!s.value)
@@ -28848,7 +28844,7 @@ function jh(t, e) {
   return !1;
 }
 let mo = /* @__PURE__ */ new Map(), Ws = /* @__PURE__ */ new Map();
-function xu(t, e = Le(!0)) {
+function xu(t, e = xe(!0)) {
   en((n) => {
     var r;
     if (!e.value)
@@ -28871,7 +28867,7 @@ function xu(t, e = Le(!0)) {
   });
 }
 let Zh = Symbol("ForcePortalRootContext");
-function gS() {
+function pS() {
   return lt(Zh, !1);
 }
 let dl = Ve({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(t, { slots: e, attrs: n }) {
@@ -28880,7 +28876,7 @@ let dl = Ve({ name: "ForcePortalRoot", props: { as: { type: [Object, String], de
     return wt({ theirProps: s, ourProps: {}, slot: {}, slots: e, attrs: n, name: "ForcePortalRoot" });
   };
 } });
-function mS(t) {
+function gS(t) {
   let e = kn(t);
   if (!e) {
     if (t === null)
@@ -28894,7 +28890,7 @@ function mS(t) {
   return r.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(r);
 }
 let Wh = Ve({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(t, { slots: e, attrs: n }) {
-  let r = Le(null), s = P(() => kn(r)), i = gS(), o = lt(qh, null), l = Le(i === !0 || o == null ? mS(r.value) : o.resolveTarget());
+  let r = xe(null), s = P(() => kn(r)), i = pS(), o = lt(qh, null), l = xe(i === !0 || o == null ? gS(r.value) : o.resolveTarget());
   en(() => {
     i || o != null && (l.value = o.resolveTarget());
   });
@@ -28913,8 +28909,8 @@ let Wh = Ve({ name: "Portal", props: { as: { type: [Object, String], default: "d
     return ct(t5, { to: l.value }, wt({ ourProps: c, theirProps: t, slot: {}, attrs: n, slots: e, name: "Portal" }));
   };
 } }), fl = Symbol("PortalParentContext");
-function xS() {
-  let t = lt(fl, null), e = Le([]);
+function mS() {
+  let t = lt(fl, null), e = xe([]);
   function n(i) {
     return e.value.push(i), t && t.register(i), () => r(i);
   }
@@ -28930,7 +28926,7 @@ function xS() {
     };
   } })];
 }
-let qh = Symbol("PortalGroupContext"), LS = Ve({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(t, { attrs: e, slots: n }) {
+let qh = Symbol("PortalGroupContext"), xS = Ve({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(t, { attrs: e, slots: n }) {
   let r = Mn({ resolveTarget() {
     return t.target;
   } });
@@ -28940,12 +28936,12 @@ let qh = Symbol("PortalGroupContext"), LS = Ve({ name: "PortalGroup", props: { a
   };
 } }), Kh = Symbol("StackContext");
 var pl = ((t) => (t[t.Add = 0] = "Add", t[t.Remove = 1] = "Remove", t))(pl || {});
-function _S() {
+function LS() {
   return lt(Kh, () => {
   });
 }
-function yS({ type: t, enabled: e, element: n, onUpdate: r }) {
-  let s = _S();
+function _S({ type: t, enabled: e, element: n, onUpdate: r }) {
+  let s = LS();
   function i(...o) {
     r == null || r(...o), s(...o);
   }
@@ -28958,14 +28954,14 @@ function yS({ type: t, enabled: e, element: n, onUpdate: r }) {
   }), Vt(Kh, i);
 }
 let Yh = Symbol("DescriptionContext");
-function CS() {
+function yS() {
   let t = lt(Yh, null);
   if (t === null)
     throw new Error("Missing parent");
   return t;
 }
-function vc({ slot: t = Le({}), name: e = "Description", props: n = {} } = {}) {
-  let r = Le([]);
+function vc({ slot: t = xe({}), name: e = "Description", props: n = {} } = {}) {
+  let r = xe([]);
   function s(i) {
     return r.value.push(i), () => {
       let o = r.value.indexOf(i);
@@ -28974,20 +28970,20 @@ function vc({ slot: t = Le({}), name: e = "Description", props: n = {} } = {}) {
   }
   return Vt(Yh, { register: s, slot: t, name: e, props: n }), P(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-let pI = Ve({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Hn()}` } }, setup(t, { attrs: e, slots: n }) {
-  let r = CS();
+let fI = Ve({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Hn()}` } }, setup(t, { attrs: e, slots: n }) {
+  let r = yS();
   return qe(() => ht(r.register(t.id))), () => {
-    let { name: s = "Description", slot: i = Le({}), props: o = {} } = r, { id: l, ...a } = t, c = { ...Object.entries(o).reduce((u, [h, d]) => Object.assign(u, { [h]: N(d) }), {}), id: l };
+    let { name: s = "Description", slot: i = xe({}), props: o = {} } = r, { id: l, ...a } = t, c = { ...Object.entries(o).reduce((u, [h, d]) => Object.assign(u, { [h]: N(d) }), {}), id: l };
     return wt({ ourProps: c, theirProps: a, slot: i.value, attrs: e, slots: n, name: s });
   };
 } });
-function vS(t) {
+function CS(t) {
   let e = r3(t.getSnapshot());
   return ht(t.subscribe(() => {
     e.value = t.getSnapshot();
   })), e;
 }
-function bS(t, e) {
+function vS(t, e) {
   let n = t(), r = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return n;
@@ -28998,7 +28994,7 @@ function bS(t, e) {
     o && (n = o, r.forEach((l) => l()));
   } };
 }
-function wS() {
+function bS() {
   let t;
   return { before({ doc: e }) {
     var n;
@@ -29009,8 +29005,8 @@ function wS() {
     n.style(r, "paddingRight", `${i}px`);
   } };
 }
-function ES() {
-  if (!aS())
+function wS() {
+  if (!lS())
     return {};
   let t;
   return { before() {
@@ -29042,18 +29038,18 @@ function ES() {
     });
   } };
 }
-function TS() {
+function ES() {
   return { before({ doc: t, d: e }) {
     e.style(t.documentElement, "overflow", "hidden");
   } };
 }
-function SS(t) {
+function TS(t) {
   let e = {};
   for (let n of t)
     Object.assign(e, n(e));
   return e;
 }
-let kr = bS(() => /* @__PURE__ */ new Map(), { PUSH(t, e) {
+let kr = vS(() => /* @__PURE__ */ new Map(), { PUSH(t, e) {
   var n;
   let r = (n = this.get(t)) != null ? n : { doc: t, count: 0, d: W0(), meta: /* @__PURE__ */ new Set() };
   return r.count++, r.meta.add(e), this.set(t, r), this;
@@ -29061,7 +29057,7 @@ let kr = bS(() => /* @__PURE__ */ new Map(), { PUSH(t, e) {
   let n = this.get(t);
   return n && (n.count--, n.meta.delete(e)), this;
 }, SCROLL_PREVENT({ doc: t, d: e, meta: n }) {
-  let r = { doc: t, d: e, meta: SS(n) }, s = [ES(), wS(), TS()];
+  let r = { doc: t, d: e, meta: TS(n) }, s = [wS(), bS(), ES()];
   s.forEach(({ before: i }) => i == null ? void 0 : i(r)), s.forEach(({ after: i }) => i == null ? void 0 : i(r));
 }, SCROLL_ALLOW({ d: t }) {
   t.dispose();
@@ -29077,8 +29073,8 @@ kr.subscribe(() => {
     (s && !r || !s && r) && kr.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && kr.dispatch("TEARDOWN", n);
   }
 });
-function AS(t, e, n) {
-  let r = vS(kr), s = P(() => {
+function SS(t, e, n) {
+  let r = CS(kr), s = P(() => {
     let i = t.value ? r.value.get(t.value) : void 0;
     return i ? i.count > 0 : !1;
   });
@@ -29092,8 +29088,8 @@ function AS(t, e, n) {
     });
   }, { immediate: !0 }), s;
 }
-function RS({ defaultContainers: t = [], portals: e, mainTreeNodeRef: n } = {}) {
-  let r = Le(null), s = kn(r);
+function AS({ defaultContainers: t = [], portals: e, mainTreeNodeRef: n } = {}) {
+  let r = xe(null), s = kn(r);
   function i() {
     var o;
     let l = [];
@@ -29112,7 +29108,7 @@ function RS({ defaultContainers: t = [], portals: e, mainTreeNodeRef: n } = {})
     return n != null ? null : ct(Wi, { features: y0.Hidden, ref: r });
   } };
 }
-var kS = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(kS || {});
+var RS = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(RS || {});
 let gl = Symbol("DialogContext");
 function q0(t) {
   let e = lt(gl, null);
@@ -29122,18 +29118,18 @@ function q0(t) {
   }
   return e;
 }
-let xi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", OS = Ve({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: xi }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${Hn()}` } }, emits: { close: (t) => !0 }, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
+let xi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", kS = Ve({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: xi }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${Hn()}` } }, emits: { close: (t) => !0 }, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
   var i;
-  let o = Le(!1);
+  let o = xe(!1);
   qe(() => {
     o.value = !0;
   });
-  let l = Le(0), a = yc(), c = P(() => t.open === xi && a !== null ? (a.value & Kt.Open) === Kt.Open : t.open), u = Le(null), h = P(() => kn(u));
+  let l = xe(0), a = yc(), c = P(() => t.open === xi && a !== null ? (a.value & Kt.Open) === Kt.Open : t.open), u = xe(null), h = P(() => kn(u));
   if (s({ el: u, $el: u }), !(t.open !== xi || a !== null))
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof c.value != "boolean")
     throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${c.value === xi ? void 0 : t.open}`);
-  let d = P(() => o.value && c.value ? 0 : 1), p = P(() => d.value === 0), m = P(() => l.value > 1), y = lt(gl, null) !== null, [T, L] = xS(), { resolveContainers: g, mainTreeNodeRef: _, MainTreeNode: v } = RS({ portals: T, defaultContainers: [P(() => {
+  let d = P(() => o.value && c.value ? 0 : 1), p = P(() => d.value === 0), m = P(() => l.value > 1), y = lt(gl, null) !== null, [T, L] = mS(), { resolveContainers: g, mainTreeNodeRef: _, MainTreeNode: v } = AS({ portals: T, defaultContainers: [P(() => {
     var J;
     return (J = _e.panelRef.value) != null ? J : u.value;
   })] }), O = P(() => m.value ? "parent" : "leaf"), B = P(() => a !== null ? (a.value & Kt.Closing) === Kt.Closing : !1), H = P(() => y || B.value ? !1 : p.value), k = P(() => {
@@ -29145,18 +29141,18 @@ let xi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", OS = Ve({ name: "Dialog", inher
     var J, fe, Xe;
     return (Xe = Array.from((fe = (J = h.value) == null ? void 0 : J.querySelectorAll("[data-headlessui-portal]")) != null ? fe : []).find((Qe) => Qe.contains(st(_)) && Qe instanceof HTMLElement)) != null ? Xe : null;
   });
-  xu(U, ne), yS({ type: "Dialog", enabled: P(() => d.value === 0), element: u, onUpdate: (J, fe) => {
+  xu(U, ne), _S({ type: "Dialog", enabled: P(() => d.value === 0), element: u, onUpdate: (J, fe) => {
     if (fe === "Dialog")
       return Dn(J, { [pl.Add]: () => l.value += 1, [pl.Remove]: () => l.value -= 1 });
   } });
-  let de = vc({ name: "DialogDescription", slot: P(() => ({ open: c.value })) }), He = Le(null), _e = { titleId: He, panelRef: Le(null), dialogState: d, setTitleId(J) {
+  let de = vc({ name: "DialogDescription", slot: P(() => ({ open: c.value })) }), He = xe(null), _e = { titleId: He, panelRef: xe(null), dialogState: d, setTitleId(J) {
     He.value !== J && (He.value = J);
   }, close() {
     e("close", !1);
   } };
   Vt(gl, _e);
   let oe = P(() => !(!p.value || m.value));
-  iS(g, (J, fe) => {
+  sS(g, (J, fe) => {
     _e.close(), gr(() => fe == null ? void 0 : fe.focus());
   }, oe);
   let Pe = P(() => !(m.value || d.value !== 0));
@@ -29164,7 +29160,7 @@ let xi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", OS = Ve({ name: "Dialog", inher
     Pe.value && (J.defaultPrevented || J.key === sr.Escape && (J.preventDefault(), J.stopPropagation(), _e.close()));
   });
   let V = P(() => !(B.value || d.value !== 0 || y));
-  return AS(h, V, (J) => {
+  return SS(h, V, (J) => {
     var fe;
     return { containers: [...(fe = J.containers) != null ? fe : [], g] };
   }), en((J) => {
@@ -29182,7 +29178,7 @@ let xi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", OS = Ve({ name: "Dialog", inher
     Xe.observe(fe), J(() => Xe.disconnect());
   }), () => {
     let { id: J, open: fe, initialFocus: Xe, ...Qe } = t, Ot = { ...n, ref: u, id: J, role: "dialog", "aria-modal": d.value === 0 ? !0 : void 0, "aria-labelledby": He.value, "aria-describedby": de.value }, it = { open: d.value === 0 };
-    return ct(dl, { force: !0 }, () => [ct(Wh, () => ct(LS, { target: u.value }, () => ct(dl, { force: !1 }, () => ct(Zs, { initialFocus: Xe, containers: g, features: p.value ? Dn(O.value, { parent: Zs.features.RestoreFocus, leaf: Zs.features.All & ~Zs.features.FocusLock }) : Zs.features.None }, () => ct(L, {}, () => wt({ ourProps: Ot, theirProps: { ...Qe, ...n }, slot: it, attrs: n, slots: r, visible: d.value === 0, features: ji.RenderStrategy | ji.Static, name: "Dialog" })))))), ct(v)]);
+    return ct(dl, { force: !0 }, () => [ct(Wh, () => ct(xS, { target: u.value }, () => ct(dl, { force: !1 }, () => ct(Zs, { initialFocus: Xe, containers: g, features: p.value ? Dn(O.value, { parent: Zs.features.RestoreFocus, leaf: Zs.features.All & ~Zs.features.FocusLock }) : Zs.features.None }, () => ct(L, {}, () => wt({ ourProps: Ot, theirProps: { ...Qe, ...n }, slot: it, attrs: n, slots: r, visible: d.value === 0, features: ji.RenderStrategy | ji.Static, name: "Dialog" })))))), ct(v)]);
   };
 } });
 Ve({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${Hn()}` } }, setup(t, { attrs: e, slots: n }) {
@@ -29196,7 +29192,7 @@ Ve({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div
   };
 } });
 Ve({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${Hn()}` } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: r }) {
-  let s = q0("DialogBackdrop"), i = Le(null);
+  let s = q0("DialogBackdrop"), i = xe(null);
   return r({ el: i, $el: i }), qe(() => {
     if (s.panelRef.value === null)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
@@ -29205,7 +29201,7 @@ Ve({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "di
     return ct(dl, { force: !0 }, () => ct(Wh, () => wt({ ourProps: a, theirProps: { ...e, ...l }, slot: { open: s.dialogState.value === 0 }, attrs: e, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let IS = Ve({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${Hn()}` } }, setup(t, { attrs: e, slots: n, expose: r }) {
+let OS = Ve({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${Hn()}` } }, setup(t, { attrs: e, slots: n, expose: r }) {
   let s = q0("DialogPanel");
   r({ el: s.panelRef, $el: s.panelRef });
   function i(o) {
@@ -29215,7 +29211,7 @@ let IS = Ve({ name: "DialogPanel", props: { as: { type: [Object, String], defaul
     let { id: o, ...l } = t, a = { id: o, ref: s.panelRef, onClick: i };
     return wt({ ourProps: a, theirProps: l, slot: { open: s.dialogState.value === 0 }, attrs: e, slots: n, name: "DialogPanel" });
   };
-} }), MS = Ve({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${Hn()}` } }, setup(t, { attrs: e, slots: n }) {
+} }), IS = Ve({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${Hn()}` } }, setup(t, { attrs: e, slots: n }) {
   let r = q0("DialogTitle");
   return qe(() => {
     r.setTitleId(t.id), ht(() => r.setTitleId(null));
@@ -29233,7 +29229,7 @@ function Qh() {
   return t;
 }
 function Jh({ slot: t = {}, name: e = "Label", props: n = {} } = {}) {
-  let r = Le([]);
+  let r = xe([]);
   function s(i) {
     return r.value.push(i), () => {
       let o = r.value.indexOf(i);
@@ -29242,14 +29238,14 @@ function Jh({ slot: t = {}, name: e = "Label", props: n = {} } = {}) {
   }
   return Vt(Xh, { register: s, slot: t, name: e, props: n }), P(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-let NS = Ve({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${Hn()}` } }, setup(t, { slots: e, attrs: n }) {
+let MS = Ve({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${Hn()}` } }, setup(t, { slots: e, attrs: n }) {
   let r = Qh();
   return qe(() => ht(r.register(t.id))), () => {
     let { name: s = "Label", slot: i = {}, props: o = {} } = r, { id: l, passive: a, ...c } = t, u = { ...Object.entries(o).reduce((h, [d, p]) => Object.assign(h, { [d]: N(p) }), {}), id: l };
     return a && (delete u.onClick, delete u.htmlFor, delete c.onClick), wt({ ourProps: u, theirProps: c, slot: i, attrs: n, slots: e, name: s });
   };
 } });
-function PS(t, e) {
+function NS(t, e) {
   return t === e;
 }
 let e6 = Symbol("RadioGroupContext");
@@ -29261,10 +29257,10 @@ function t6(t) {
   }
   return e;
 }
-let FS = Ve({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => PS }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-radiogroup-${Hn()}` } }, inheritAttrs: !1, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
-  let i = Le(null), o = Le([]), l = Jh({ name: "RadioGroupLabel" }), a = vc({ name: "RadioGroupDescription" });
+let PS = Ve({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => NS }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-radiogroup-${Hn()}` } }, inheritAttrs: !1, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
+  let i = xe(null), o = xe([]), l = Jh({ name: "RadioGroupLabel" }), a = vc({ name: "RadioGroupDescription" });
   s({ el: i, $el: i });
-  let [c, u] = lS(P(() => t.modelValue), (m) => e("update:modelValue", m), P(() => t.defaultValue)), h = { options: o, value: c, disabled: P(() => t.disabled), firstOption: P(() => o.value.find((m) => !m.propsRef.disabled)), containsCheckedOption: P(() => o.value.some((m) => h.compare(we(m.propsRef.value), we(t.modelValue)))), compare(m, y) {
+  let [c, u] = oS(P(() => t.modelValue), (m) => e("update:modelValue", m), P(() => t.defaultValue)), h = { options: o, value: c, disabled: P(() => t.disabled), firstOption: P(() => o.value.find((m) => !m.propsRef.disabled)), containsCheckedOption: P(() => o.value.some((m) => h.compare(we(m.propsRef.value), we(t.modelValue)))), compare(m, y) {
     if (typeof t.by == "string") {
       let T = t.by;
       return (m == null ? void 0 : m[T]) === (y == null ? void 0 : y[T]);
@@ -29282,7 +29278,7 @@ let FS = Ve({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, pro
     let y = o.value.findIndex((T) => T.id === m);
     y !== -1 && o.value.splice(y, 1);
   } };
-  Vt(e6, h), QT({ container: P(() => st(i)), accept(m) {
+  Vt(e6, h), XT({ container: P(() => st(i)), accept(m) {
     return m.getAttribute("role") === "radio" ? NodeFilter.FILTER_REJECT : m.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(m) {
     m.setAttribute("role", "none");
@@ -29293,7 +29289,7 @@ let FS = Ve({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, pro
     let y = o.value.filter((T) => T.propsRef.disabled === !1).map((T) => T.element);
     switch (m.key) {
       case sr.Enter:
-        oS(m.currentTarget);
+        iS(m.currentTarget);
         break;
       case sr.ArrowLeft:
       case sr.ArrowUp:
@@ -29345,12 +29341,12 @@ let FS = Ve({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, pro
     }, { immediate: !0 });
   }), () => {
     let { disabled: m, name: y, id: T, form: L, ...g } = t, _ = { ref: i, id: T, role: "radiogroup", "aria-labelledby": l.value, "aria-describedby": a.value, onKeydown: d };
-    return ct(Ne, [...y != null && c.value != null ? $h({ [y]: c.value }).map(([v, O]) => ct(Wi, zT({ features: y0.Hidden, key: v, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: L, name: v, value: O }))) : [], wt({ ourProps: _, theirProps: { ...n, ..._c(g, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: n, slots: r, name: "RadioGroup" })]);
+    return ct(Ne, [...y != null && c.value != null ? $h({ [y]: c.value }).map(([v, O]) => ct(Wi, VT({ features: y0.Hidden, key: v, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: L, name: v, value: O }))) : [], wt({ ourProps: _, theirProps: { ...n, ..._c(g, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: n, slots: r, name: "RadioGroup" })]);
   };
 } });
-var DS = ((t) => (t[t.Empty = 1] = "Empty", t[t.Active = 2] = "Active", t))(DS || {});
-let BS = Ve({ name: "RadioGroupOption", props: { as: { type: [Object, String], default: "div" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-radiogroup-option-${Hn()}` } }, setup(t, { attrs: e, slots: n, expose: r }) {
-  let s = t6("RadioGroupOption"), i = Jh({ name: "RadioGroupLabel" }), o = vc({ name: "RadioGroupDescription" }), l = Le(null), a = P(() => ({ value: t.value, disabled: t.disabled })), c = Le(1);
+var FS = ((t) => (t[t.Empty = 1] = "Empty", t[t.Active = 2] = "Active", t))(FS || {});
+let DS = Ve({ name: "RadioGroupOption", props: { as: { type: [Object, String], default: "div" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-radiogroup-option-${Hn()}` } }, setup(t, { attrs: e, slots: n, expose: r }) {
+  let s = t6("RadioGroupOption"), i = Jh({ name: "RadioGroupLabel" }), o = vc({ name: "RadioGroupDescription" }), l = xe(null), a = P(() => ({ value: t.value, disabled: t.disabled })), c = xe(1);
   r({ el: l, $el: l });
   let u = P(() => st(l));
   qe(() => s.registerOption({ id: t.id, element: u, propsRef: a })), ht(() => s.unregisterOption(t.id));
@@ -29372,8 +29368,8 @@ let BS = Ve({ name: "RadioGroupOption", props: { as: { type: [Object, String], d
     let { id: g, value: _, disabled: v, ...O } = t, B = { checked: p.value, disabled: d.value, active: Boolean(c.value & 2) }, H = { id: g, ref: l, role: "radio", "aria-checked": p.value ? "true" : "false", "aria-labelledby": i.value, "aria-describedby": o.value, "aria-disabled": d.value ? !0 : void 0, tabIndex: m.value, onClick: d.value ? void 0 : y, onFocus: d.value ? void 0 : T, onBlur: d.value ? void 0 : L };
     return wt({ ourProps: H, theirProps: O, slot: B, attrs: e, slots: n, name: "RadioGroupOption" });
   };
-} }), Lu = NS;
-function $S(t) {
+} }), Lu = MS;
+function BS(t) {
   let e = { called: !1 };
   return (...n) => {
     if (!e.called)
@@ -29387,7 +29383,7 @@ function Li(t, ...e) {
   t && e.length > 0 && t.classList.remove(...e);
 }
 var ml = ((t) => (t.Finished = "finished", t.Cancelled = "cancelled", t))(ml || {});
-function HS(t, e) {
+function $S(t, e) {
   let n = W0();
   if (!t)
     return n.dispose;
@@ -29398,27 +29394,27 @@ function HS(t, e) {
   return i !== 0 ? n.setTimeout(() => e("finished"), i + o) : e("finished"), n.add(() => e("cancelled")), n.dispose;
 }
 function _u(t, e, n, r, s, i) {
-  let o = W0(), l = i !== void 0 ? $S(i) : () => {
+  let o = W0(), l = i !== void 0 ? BS(i) : () => {
   };
   return Li(t, ...s), xo(t, ...e, ...n), o.nextFrame(() => {
-    Li(t, ...n), xo(t, ...r), o.add(HS(t, (a) => (Li(t, ...r, ...e), xo(t, ...s), l(a))));
+    Li(t, ...n), xo(t, ...r), o.add($S(t, (a) => (Li(t, ...r, ...e), xo(t, ...s), l(a))));
   }), o.add(() => Li(t, ...e, ...n, ...r, ...s)), o.add(() => l("cancelled")), o.dispose;
 }
 function br(t = "") {
   return t.split(" ").filter((e) => e.trim().length > 1);
 }
 let bc = Symbol("TransitionContext");
-var US = ((t) => (t.Visible = "visible", t.Hidden = "hidden", t))(US || {});
-function VS() {
+var HS = ((t) => (t.Visible = "visible", t.Hidden = "hidden", t))(HS || {});
+function US() {
   return lt(bc, null) !== null;
 }
-function zS() {
+function VS() {
   let t = lt(bc, null);
   if (t === null)
     throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return t;
 }
-function GS() {
+function zS() {
   let t = lt(wc, null);
   if (t === null)
     throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
@@ -29429,7 +29425,7 @@ function z1(t) {
   return "children" in t ? z1(t.children) : t.value.filter(({ state: e }) => e === "visible").length > 0;
 }
 function n6(t) {
-  let e = Le([]), n = Le(!1);
+  let e = xe([]), n = xe(!1);
   qe(() => n.value = !0), ht(() => n.value = !1);
   function r(i, o = lr.Hidden) {
     let l = e.value.findIndex(({ id: a }) => a === i);
@@ -29446,7 +29442,7 @@ function n6(t) {
   return { children: e, register: s, unregister: r };
 }
 let r6 = ji.RenderStrategy, xl = Ve({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
-  let i = Le(0);
+  let i = xe(0);
   function o() {
     i.value |= Kt.Opening, e("beforeEnter");
   }
@@ -29459,11 +29455,11 @@ let r6 = ji.RenderStrategy, xl = Ve({ props: { as: { type: [Object, String], def
   function c() {
     i.value &= ~Kt.Closing, e("afterLeave");
   }
-  if (!VS() && WT())
+  if (!US() && ZT())
     return () => ct(s6, { ...t, onBeforeEnter: o, onAfterEnter: l, onBeforeLeave: a, onAfterLeave: c }, r);
-  let u = Le(null), h = P(() => t.unmount ? lr.Unmount : lr.Hidden);
+  let u = xe(null), h = P(() => t.unmount ? lr.Unmount : lr.Hidden);
   s({ el: u, $el: u });
-  let { show: d, appear: p } = zS(), { register: m, unregister: y } = GS(), T = Le(d.value ? "visible" : "hidden"), L = { value: !0 }, g = Hn(), _ = { value: !1 }, v = n6(() => {
+  let { show: d, appear: p } = VS(), { register: m, unregister: y } = zS(), T = xe(d.value ? "visible" : "hidden"), L = { value: !0 }, g = Hn(), _ = { value: !1 }, v = n6(() => {
     !_.value && T.value !== "hidden" && (T.value = "hidden", y(g), c());
   });
   qe(() => {
@@ -29500,29 +29496,29 @@ let r6 = ji.RenderStrategy, xl = Ve({ props: { as: { type: [Object, String], def
     Xt([d], (_e, oe, Pe) => {
       He(Pe), L.value = !1;
     }, { immediate: !0 });
-  }), Vt(wc, v), qT(P(() => Dn(T.value, { visible: Kt.Open, hidden: Kt.Closed }) | i.value)), () => {
+  }), Vt(wc, v), WT(P(() => Dn(T.value, { visible: Kt.Open, hidden: Kt.Closed }) | i.value)), () => {
     let { appear: _e, show: oe, enter: Pe, enterFrom: V, enterTo: J, entered: fe, leave: Xe, leaveFrom: Qe, leaveTo: Ot, ...it } = t, F = { ref: u }, le = { ...it, ...p.value && d.value && Z0.isServer ? { class: ye([n.class, it.class, ...O, ...B]) } : {} };
     return wt({ theirProps: le, ourProps: F, slot: {}, slots: r, attrs: n, features: r6, visible: T.value === "visible", name: "TransitionChild" });
   };
-} }), jS = xl, s6 = Ve({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(t, { emit: e, attrs: n, slots: r }) {
+} }), GS = xl, s6 = Ve({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(t, { emit: e, attrs: n, slots: r }) {
   let s = yc(), i = P(() => t.show === null && s !== null ? (s.value & Kt.Open) === Kt.Open : t.show);
   en(() => {
     if (![!0, !1].includes(i.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let o = Le(i.value ? "visible" : "hidden"), l = n6(() => {
+  let o = xe(i.value ? "visible" : "hidden"), l = n6(() => {
     o.value = "hidden";
-  }), a = Le(!0), c = { show: i, appear: P(() => t.appear || !a.value) };
+  }), a = xe(!0), c = { show: i, appear: P(() => t.appear || !a.value) };
   return qe(() => {
     en(() => {
       a.value = !1, i.value ? o.value = "visible" : z1(l) || (o.value = "hidden");
     });
   }), Vt(wc, l), Vt(bc, c), () => {
     let u = _c(t, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), h = { unmount: t.unmount };
-    return wt({ ourProps: { ...h, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [ct(jS, { onBeforeEnter: () => e("beforeEnter"), onAfterEnter: () => e("afterEnter"), onBeforeLeave: () => e("beforeLeave"), onAfterLeave: () => e("afterLeave"), ...n, ...h, ...u }, r.default)] }, attrs: {}, features: r6, visible: o.value === "visible", name: "Transition" });
+    return wt({ ourProps: { ...h, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [ct(GS, { onBeforeEnter: () => e("beforeEnter"), onAfterEnter: () => e("afterEnter"), onBeforeLeave: () => e("beforeLeave"), onAfterLeave: () => e("afterLeave"), ...n, ...h, ...u }, r.default)] }, attrs: {}, features: r6, visible: o.value === "visible", name: "Transition" });
   };
 } });
-const ZS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+const jS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" fill="white"/>
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" stroke="#E6E7EB"/>
 <rect x="4" y="6" width="16" height="6" fill="#F2F4F7"/>
@@ -29537,7 +29533,7 @@ const ZS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="h
 <line x1="13" y1="16.75" x2="31" y2="16.75" stroke="#98A2B3" stroke-width="0.5"/>
 <line x1="13" y1="30.75" x2="51" y2="30.75" stroke="#98A2B3" stroke-width="0.5"/>
 </svg>
-`, WS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, ZS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" fill="#FCFCFD"/>
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" stroke="#E6E7EB"/>
 <rect x="4" y="6" width="16" height="6" fill="#D1E0FF"/>
@@ -29552,7 +29548,7 @@ const ZS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="h
 <line x1="13" y1="16.75" x2="31" y2="16.75" stroke="#98A2B3" stroke-width="0.5"/>
 <line x1="13" y1="30.75" x2="51" y2="30.75" stroke="#98A2B3" stroke-width="0.5"/>
 </svg>
-`, qS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, WS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" fill="#1F242F"/>
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" stroke="#E6E7EB"/>
 <rect x="4" y="6" width="16" height="6" fill="#536FFF"/>
@@ -29567,7 +29563,7 @@ const ZS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="h
 <line x1="13" y1="16.75" x2="31" y2="16.75" stroke="#EBEBEB" stroke-width="0.5"/>
 <line x1="13" y1="30.75" x2="51" y2="30.75" stroke="#EBEBEB" stroke-width="0.5"/>
 </svg>
-`, KS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, qS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" fill="#1F242F"/>
 <rect x="0.5" y="0.5" width="63" height="41" rx="3.5" stroke="#E6E7EB"/>
 <rect x="4" y="6" width="16" height="6" fill="#34D399"/>
@@ -29583,39 +29579,39 @@ const ZS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="h
 <line x1="13" y1="30.75" x2="51" y2="30.75" stroke="#34D399" stroke-width="0.5"/>
 </svg>
 `;
-const YS = {
+const KS = {
   key: 0,
   class: "dot"
-}, XS = /* @__PURE__ */ S("div", { class: "fixed inset-0 bg-black bg-opacity-25" }, null, -1), QS = { class: "fixed inset-0 overflow-y-auto" }, JS = { class: "flex min-h-full items-center justify-center p-4 text-center" }, eA = { class: "px-6" }, tA = /* @__PURE__ */ S("p", { class: "text-gray-500 text-sm" }, "Customize your UI theme", -1), nA = { class: "mt-4 ml-[-0.5rem] px-2 max-h-72 overflow-y-auto" }, rA = { class: "pb-4" }, sA = { class: "space-y-2" }, iA = { class: "flex w-full items-center justify-between" }, oA = { class: "flex items-center text-sm text-gray-900" }, lA = ["innerHTML"], aA = { class: "pt-6 px-6 border-t flex items-center gap-2" }, cA = ["checked"], uA = /* @__PURE__ */ S("label", {
+}, YS = /* @__PURE__ */ S("div", { class: "fixed inset-0 bg-black bg-opacity-25" }, null, -1), XS = { class: "fixed inset-0 overflow-y-auto" }, QS = { class: "flex min-h-full items-center justify-center p-4 text-center" }, JS = { class: "px-6" }, eA = /* @__PURE__ */ S("p", { class: "text-gray-500 text-sm" }, "Customize your UI theme", -1), tA = { class: "mt-4 ml-[-0.5rem] px-2 max-h-72 overflow-y-auto" }, nA = { class: "pb-4" }, rA = { class: "space-y-2" }, sA = { class: "flex w-full items-center justify-between" }, iA = { class: "flex items-center text-sm text-gray-900" }, oA = ["innerHTML"], lA = { class: "pt-6 px-6 border-t flex items-center gap-2" }, aA = ["checked"], cA = /* @__PURE__ */ S("label", {
   for: "scopeTheming",
   class: "select-none"
-}, "Apply to this diagram only", -1), hA = {
+}, "Apply to this diagram only", -1), uA = {
   __name: "ThemeSelect",
   setup(t) {
-    const e = Le(!1), n = [
+    const e = xe(!1), n = [
       {
         name: "Legacy",
         id: "theme-default",
-        icon: ZS
+        icon: jS
       },
       {
         name: "Clear Light",
         id: "theme-clean-light",
-        icon: WS
+        icon: ZS
       },
       {
         name: "Clear Dark",
         id: "theme-clean-dark",
-        icon: qS
+        icon: WS
       },
       {
         name: "Neon Dark",
         id: "theme-neon",
-        icon: KS
+        icon: qS
       }
     ], r = rn(), s = P(() => r.state.theme || n[0].id), i = P(
       () => r.state.enableScopedTheming || !1
-    ), o = Le(r.state.themeIconDot), l = () => {
+    ), o = xe(r.state.themeIconDot), l = () => {
       e.value = !1, h("theme-close-modal");
     }, a = () => {
       e.value = !0, o.value = !0, r.commit("setThemeIconDot", !0), h("theme-open-modal");
@@ -29641,7 +29637,7 @@ const YS = {
         onClick: a
       }, [
         G(dr, { name: "theme" }),
-        o.value ? me("", !0) : (R(), q("span", YS))
+        o.value ? Le("", !0) : (R(), q("span", KS))
       ]),
       G(N(s6), {
         appear: "",
@@ -29649,7 +29645,7 @@ const YS = {
         as: "template"
       }, {
         default: Zt(() => [
-          G(N(OS), {
+          G(N(kS), {
             as: "div",
             onClose: l,
             class: "relative z-10"
@@ -29665,12 +29661,12 @@ const YS = {
                 "leave-to": "opacity-0"
               }, {
                 default: Zt(() => [
-                  XS
+                  YS
                 ], void 0, !0),
                 _: 1
               }),
-              S("div", QS, [
-                S("div", JS, [
+              S("div", XS, [
+                S("div", QS, [
                   G(N(xl), {
                     as: "template",
                     enter: "duration-300 ease-out",
@@ -29681,10 +29677,10 @@ const YS = {
                     "leave-to": "opacity-0 scale-95"
                   }, {
                     default: Zt(() => [
-                      G(N(IS), { class: "w-full max-w-md transform overflow-hidden rounded-2xl bg-white py-6 text-left align-middle shadow-xl transition-all" }, {
+                      G(N(OS), { class: "w-full max-w-md transform overflow-hidden rounded-2xl bg-white py-6 text-left align-middle shadow-xl transition-all" }, {
                         default: Zt(() => [
-                          S("div", eA, [
-                            G(N(MS), {
+                          S("div", JS, [
+                            G(N(IS), {
                               as: "h3",
                               class: "text-lg font-semibold leading-6 text-gray-900"
                             }, {
@@ -29693,10 +29689,10 @@ const YS = {
                               ], void 0, !0),
                               _: 1
                             }),
-                            tA,
-                            S("div", nA, [
-                              S("div", rA, [
-                                G(N(FS), {
+                            eA,
+                            S("div", tA, [
+                              S("div", nA, [
+                                G(N(PS), {
                                   "model-value": N(s),
                                   "onUpdate:modelValue": c
                                 }, {
@@ -29707,8 +29703,8 @@ const YS = {
                                       ], void 0, !0),
                                       _: 1
                                     }),
-                                    S("div", sA, [
-                                      (R(), q(Ne, null, Nn(n, (m) => G(N(BS), {
+                                    S("div", rA, [
+                                      (R(), q(Ne, null, Nn(n, (m) => G(N(DS), {
                                         as: "template",
                                         key: m.id,
                                         value: m.id
@@ -29719,8 +29715,8 @@ const YS = {
                                               y ? "border-2 text-gray-900 border-primary" : "border-2 border-transparent"
                                             ], "relative flex items-center cursor-pointer rounded-lg px-4 py-3 shadow-md"])
                                           }, [
-                                            S("div", iA, [
-                                              S("div", oA, [
+                                            S("div", sA, [
+                                              S("div", iA, [
                                                 y ? (R(), Se(dr, {
                                                   key: 0,
                                                   name: "selected-cycle",
@@ -29738,7 +29734,7 @@ const YS = {
                                                   ])
                                                 }, {
                                                   default: Zt(() => [
-                                                    An(Ge(m.name), 1)
+                                                    An(Ze(m.name), 1)
                                                   ], void 0, !0),
                                                   _: 2
                                                 }, 1032, ["class"])
@@ -29747,7 +29743,7 @@ const YS = {
                                             S("span", {
                                               class: "inline-block w-20 border rounded-md overflow-hidden",
                                               innerHTML: m.icon
-                                            }, null, 8, lA)
+                                            }, null, 8, oA)
                                           ], 2)
                                         ]),
                                         _: 2
@@ -29759,14 +29755,14 @@ const YS = {
                               ])
                             ])
                           ]),
-                          S("div", aA, [
+                          S("div", lA, [
                             S("input", {
                               type: "checkbox",
                               id: "scopeTheming",
                               checked: N(i),
                               onChange: p[0] || (p[0] = (m) => u(m.target.checked))
-                            }, null, 40, cA),
-                            uA
+                            }, null, 40, aA),
+                            cA
                           ])
                         ], void 0, !0),
                         _: 1
@@ -29784,7 +29780,7 @@ const YS = {
       }, 8, ["show"])
     ], 64));
   }
-}, dA = {
+}, hA = {
   name: "DiagramFrame",
   setup() {
     return {
@@ -29826,7 +29822,7 @@ const YS = {
       }
     },
     toPng() {
-      return IT(this.$refs.export, {
+      return OT(this.$refs.export, {
         backgroundColor: "white",
         filter: (t) => {
           var e;
@@ -29844,7 +29840,7 @@ const YS = {
       });
     },
     toBlob() {
-      return NT(this.$refs.export, {
+      return MT(this.$refs.export, {
         backgroundColor: "white",
         filter: (t) => {
           var e;
@@ -29853,7 +29849,7 @@ const YS = {
       });
     },
     toJpeg() {
-      return MT(this.$refs.export, {
+      return IT(this.$refs.export, {
         backgroundColor: "white",
         filter: (t) => {
           var e;
@@ -29893,30 +29889,30 @@ const YS = {
   },
   components: {
     Icon: dr,
-    Debug: VT,
-    WidthProvider: VE,
-    TipsDialog: _E,
+    Debug: UT,
+    WidthProvider: UE,
+    TipsDialog: LE,
     DiagramTitle: kv,
     SeqDiagram: pc,
     Privacy: Tv,
-    ThemeSelect: hA
+    ThemeSelect: uA
   }
-}, fA = { class: "frame text-skin-frame bg-skin-frame border-skin-frame relative m-1 origin-top-left whitespace-nowrap border rounded" }, pA = { ref: "content" }, gA = { class: "header text-skin-title bg-skin-title border-skin-frame border-b p-1 flex justify-between rounded-t" }, mA = { class: "left hide-export" }, xA = { class: "right flex-grow flex justify-between" }, LA = {
+}, dA = { class: "frame text-skin-frame bg-skin-frame border-skin-frame relative m-1 origin-top-left whitespace-nowrap border rounded" }, fA = { ref: "content" }, pA = { class: "header text-skin-title bg-skin-title border-skin-frame border-b p-1 flex justify-between rounded-t" }, gA = { class: "left hide-export" }, mA = { class: "right flex-grow flex justify-between" }, xA = {
   key: 0,
   class: "fixed z-40 inset-0 overflow-y-auto",
   "aria-labelledby": "modal-title",
   role: "dialog",
   "aria-modal": "true"
-}, _A = { class: "footer text-skin-control px-4 py-1 flex justify-between items-center gap-3" }, yA = { class: "flex items-center gap-3 color-base" }, CA = { class: "flex items-center" }, vA = ["checked"], bA = {
+}, LA = { class: "footer text-skin-control px-4 py-1 flex justify-between items-center gap-3" }, _A = { class: "flex items-center gap-3 color-base" }, yA = { class: "flex items-center" }, CA = ["checked"], vA = {
   for: "order-display",
   title: "Numbering the diagram",
   class: "select-none"
-}, wA = { class: "zoom-controls bg-skin-base flex hide-export gap-1" }, EA = { class: "w-12 block text-center" }, TA = /* @__PURE__ */ S("a", {
+}, bA = { class: "zoom-controls bg-skin-base flex hide-export gap-1" }, wA = { class: "w-12 block text-center" }, EA = /* @__PURE__ */ S("a", {
   target: "_blank",
   href: "https://zenuml.com",
   class: "brand text-xs hover:underline"
 }, "ZenUML.com", -1);
-function SA(t, e, n, r, s, i) {
+function TA(t, e, n, r, s, i) {
   const o = pe("debug"), l = pe("diagram-title"), a = pe("privacy"), c = pe("TipsDialog"), u = pe("seq-diagram"), h = pe("Icon"), d = pe("ThemeSelect"), p = pe("width-provider");
   return R(), q("div", {
     ref: "export",
@@ -29924,21 +29920,21 @@ function SA(t, e, n, r, s, i) {
     style: { display: "inline-block" }
   }, [
     G(o),
-    S("div", fA, [
-      S("div", pA, [
-        S("div", gA, [
-          S("div", mA, [
+    S("div", dA, [
+      S("div", fA, [
+        S("div", pA, [
+          S("div", gA, [
             zl(t.$slots, "default")
           ]),
-          S("div", xA, [
+          S("div", mA, [
             G(l, { context: i.title }, null, 8, ["context"]),
             G(a, { class: "hide-export flex items-center" })
           ])
         ]),
         S("div", null, [
-          t.showTips ? (R(), q("div", LA, [
+          t.showTips ? (R(), q("div", xA, [
             G(c)
-          ])) : me("", !0)
+          ])) : Le("", !0)
         ]),
         G(u, {
           ref: "diagram",
@@ -29946,9 +29942,9 @@ function SA(t, e, n, r, s, i) {
           class: "origin-top-left"
         }, null, 8, ["style"])
       ], 512),
-      S("div", _A, [
+      S("div", LA, [
         t.mode === r.RenderMode.Dynamic ? (R(), q(Ne, { key: 0 }, [
-          S("div", yA, [
+          S("div", _A, [
             S("button", {
               class: "bottom-1 flex items-center left-1 hide-export",
               onClick: e[0] || (e[0] = (m) => i.showTipsDialog())
@@ -29958,16 +29954,16 @@ function SA(t, e, n, r, s, i) {
                 "icon-class": "filter grayscale w-4 h-4"
               })
             ]),
-            t.enableMultiTheme ? (R(), Se(d, { key: 0 })) : me("", !0),
-            S("div", CA, [
+            t.enableMultiTheme ? (R(), Se(d, { key: 0 })) : Le("", !0),
+            S("div", yA, [
               S("input", {
                 type: "checkbox",
                 id: "order-display",
                 class: "mr-1",
                 checked: t.numbering,
                 onInput: e[1] || (e[1] = (m) => t.toggleNumbering(!t.numbering))
-              }, null, 40, vA),
-              S("label", bA, [
+              }, null, 40, CA),
+              S("label", vA, [
                 G(h, {
                   name: "numbering",
                   "icon-class": "w-6 h-6"
@@ -29975,7 +29971,7 @@ function SA(t, e, n, r, s, i) {
               ])
             ])
           ]),
-          S("div", wA, [
+          S("div", bA, [
             S("button", {
               class: "zoom-in",
               onClick: e[2] || (e[2] = (m) => i.zoomIn())
@@ -29985,7 +29981,7 @@ function SA(t, e, n, r, s, i) {
                 "icon-class": "w-4 h-4"
               })
             ]),
-            S("label", EA, Ge(Number(t.scale * 100).toFixed(0)) + "%", 1),
+            S("label", wA, Ze(Number(t.scale * 100).toFixed(0)) + "%", 1),
             S("button", {
               class: "zoom-out",
               onClick: e[3] || (e[3] = (m) => i.zoomOut())
@@ -29996,14 +29992,14 @@ function SA(t, e, n, r, s, i) {
               })
             ])
           ]),
-          TA
-        ], 64)) : me("", !0)
+          EA
+        ], 64)) : Le("", !0)
       ]),
       G(p)
     ])
   ], 2);
 }
-const i6 = /* @__PURE__ */ je(dA, [["render", SA]]);
+const i6 = /* @__PURE__ */ Ge(hA, [["render", TA]]);
 function o6() {
   return {
     baseUrl: null,
@@ -30028,50 +30024,50 @@ function o6() {
   };
 }
 let Ds = o6();
-function AA(t) {
+function SA(t) {
   Ds = t;
 }
-const RA = /[&<>"']/, kA = /[&<>"']/g, OA = /[<>"']|&(?!#?\w+;)/, IA = /[<>"']|&(?!#?\w+;)/g, MA = {
+const AA = /[&<>"']/, RA = /[&<>"']/g, kA = /[<>"']|&(?!#?\w+;)/, OA = /[<>"']|&(?!#?\w+;)/g, IA = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
-}, yu = (t) => MA[t];
+}, yu = (t) => IA[t];
 function pt(t, e) {
   if (e) {
-    if (RA.test(t))
-      return t.replace(kA, yu);
-  } else if (OA.test(t))
-    return t.replace(IA, yu);
+    if (AA.test(t))
+      return t.replace(RA, yu);
+  } else if (kA.test(t))
+    return t.replace(OA, yu);
   return t;
 }
-const NA = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+const MA = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
 function l6(t) {
-  return t.replace(NA, (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(MA, (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 PA = /(^|[^\[])\^/g;
+const NA = /(^|[^\[])\^/g;
 function We(t, e) {
   t = t.source || t, e = e || "";
   const n = {
-    replace: (r, s) => (s = s.source || s, s = s.replace(PA, "$1"), t = t.replace(r, s), n),
+    replace: (r, s) => (s = s.source || s, s = s.replace(NA, "$1"), t = t.replace(r, s), n),
     getRegex: () => new RegExp(t, e)
   };
   return n;
 }
-const FA = /[^\w:]/g, DA = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
+const PA = /[^\w:]/g, FA = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
 function Cu(t, e, n) {
   if (t) {
     let r;
     try {
-      r = decodeURIComponent(l6(n)).replace(FA, "").toLowerCase();
+      r = decodeURIComponent(l6(n)).replace(PA, "").toLowerCase();
     } catch {
       return null;
     }
     if (r.indexOf("javascript:") === 0 || r.indexOf("vbscript:") === 0 || r.indexOf("data:") === 0)
       return null;
   }
-  e && !DA.test(n) && (n = UA(e, n));
+  e && !FA.test(n) && (n = HA(e, n));
   try {
     n = encodeURI(n).replace(/%25/g, "%");
   } catch {
@@ -30079,11 +30075,11 @@ function Cu(t, e, n) {
   }
   return n;
 }
-const _i = {}, BA = /^[^:]+:\/*[^/]*$/, $A = /^([^:]+:)[\s\S]*$/, HA = /^([^:]+:\/*[^/]*)[\s\S]*$/;
-function UA(t, e) {
-  _i[" " + t] || (BA.test(t) ? _i[" " + t] = t + "/" : _i[" " + t] = Ei(t, "/", !0)), t = _i[" " + t];
+const _i = {}, DA = /^[^:]+:\/*[^/]*$/, BA = /^([^:]+:)[\s\S]*$/, $A = /^([^:]+:\/*[^/]*)[\s\S]*$/;
+function HA(t, e) {
+  _i[" " + t] || (DA.test(t) ? _i[" " + t] = t + "/" : _i[" " + t] = Ei(t, "/", !0)), t = _i[" " + t];
   const n = t.indexOf(":") === -1;
-  return e.substring(0, 2) === "//" ? n ? e : t.replace($A, "$1") + e : e.charAt(0) === "/" ? n ? e : t.replace(HA, "$1") + e : t + e;
+  return e.substring(0, 2) === "//" ? n ? e : t.replace(BA, "$1") + e : e.charAt(0) === "/" ? n ? e : t.replace($A, "$1") + e : t + e;
 }
 const qi = { exec: function() {
 } };
@@ -30129,7 +30125,7 @@ function Ei(t, e, n) {
   }
   return t.substr(0, r - s);
 }
-function VA(t, e) {
+function UA(t, e) {
   if (t.indexOf(e[1]) === -1)
     return -1;
   const n = t.length;
@@ -30176,7 +30172,7 @@ function wu(t, e, n, r) {
       text: pt(o)
     };
 }
-function zA(t, e) {
+function VA(t, e) {
   const n = t.match(/^(\s+)(?:```)/);
   if (n === null)
     return e;
@@ -30219,7 +30215,7 @@ class Ec {
   fences(e) {
     const n = this.rules.block.fences.exec(e);
     if (n) {
-      const r = n[0], s = zA(r, n[3] || "");
+      const r = n[0], s = VA(r, n[3] || "");
       return {
         type: "code",
         raw: r,
@@ -30445,7 +30441,7 @@ class Ec {
         if ((r.length - o.length) % 2 === 0)
           return;
       } else {
-        const o = VA(n[2], "()");
+        const o = UA(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] = "";
@@ -30720,7 +30716,7 @@ se.breaks = Ln({}, se.gfm, {
   br: We(se.br).replace("{2,}", "*").getRegex(),
   text: We(se.gfm.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
 });
-function GA(t) {
+function zA(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 Eu(t) {
@@ -30916,7 +30912,7 @@ class qn {
             d = p.call({ lexer: this }, h), typeof d == "number" && d >= 0 && (u = Math.min(u, d));
           }), u < 1 / 0 && u >= 0 && (i = e.substring(0, u + 1));
         }
-        if (r = this.tokenizer.inlineText(i, GA)) {
+        if (r = this.tokenizer.inlineText(i, zA)) {
           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;
         }
@@ -31243,12 +31239,12 @@ class Kn {
     return r;
   }
 }
-function xe(t, e, n) {
+function me(t, e, n) {
   if (typeof t > "u" || t === null)
     throw new Error("marked(): input parameter is undefined or null");
   if (typeof t != "string")
     throw new Error("marked(): input parameter is of type " + Object.prototype.toString.call(t) + ", string expected");
-  if (typeof e == "function" && (n = e, e = null), e = Ln({}, xe.defaults, e || {}), a6(e), n) {
+  if (typeof e == "function" && (n = e, e = null), e = Ln({}, me.defaults, e || {}), a6(e), n) {
     const r = e.highlight;
     let s;
     try {
@@ -31260,7 +31256,7 @@ function xe(t, e, n) {
       let a;
       if (!l)
         try {
-          e.walkTokens && xe.walkTokens(s, e.walkTokens), a = Kn.parse(s, e);
+          e.walkTokens && me.walkTokens(s, e.walkTokens), a = Kn.parse(s, e);
         } catch (c) {
           l = c;
         }
@@ -31269,7 +31265,7 @@ function xe(t, e, n) {
     if (!r || r.length < 3 || (delete e.highlight, !s.length))
       return i();
     let o = 0;
-    xe.walkTokens(s, function(l) {
+    me.walkTokens(s, function(l) {
       l.type === "code" && (o++, setTimeout(() => {
         r(l.text, l.lang, function(a, c) {
           if (a)
@@ -31282,7 +31278,7 @@ function xe(t, e, n) {
   }
   try {
     const r = qn.lex(t, e);
-    return e.walkTokens && xe.walkTokens(r, e.walkTokens), Kn.parse(r, e);
+    return e.walkTokens && me.walkTokens(r, e.walkTokens), Kn.parse(r, e);
   } catch (r) {
     if (r.message += `
 Please report this to https://github.com/markedjs/marked.`, e.silent)
@@ -31290,13 +31286,13 @@ Please report this to https://github.com/markedjs/marked.`, e.silent)
     throw r;
   }
 }
-xe.options = xe.setOptions = function(t) {
-  return Ln(xe.defaults, t), AA(xe.defaults), xe;
+me.options = me.setOptions = function(t) {
+  return Ln(me.defaults, t), SA(me.defaults), me;
 };
-xe.getDefaults = o6;
-xe.defaults = Ds;
-xe.use = function(...t) {
-  const e = Ln({}, ...t), n = xe.defaults.extensions || { renderers: {}, childTokens: {} };
+me.getDefaults = o6;
+me.defaults = Ds;
+me.use = function(...t) {
+  const e = Ln({}, ...t), n = me.defaults.extensions || { renderers: {}, childTokens: {} };
   let r;
   t.forEach((s) => {
     if (s.extensions && (r = !0, s.extensions.forEach((i) => {
@@ -31316,7 +31312,7 @@ xe.use = function(...t) {
       }
       i.childTokens && (n.childTokens[i.name] = i.childTokens);
     })), s.renderer) {
-      const i = xe.defaults.renderer || new Tc();
+      const i = me.defaults.renderer || new Tc();
       for (const o in s.renderer) {
         const l = i[o];
         i[o] = (...a) => {
@@ -31327,7 +31323,7 @@ xe.use = function(...t) {
       e.renderer = i;
     }
     if (s.tokenizer) {
-      const i = xe.defaults.tokenizer || new Ec();
+      const i = me.defaults.tokenizer || new Ec();
       for (const o in s.tokenizer) {
         const l = i[o];
         i[o] = (...a) => {
@@ -31338,44 +31334,44 @@ xe.use = function(...t) {
       e.tokenizer = i;
     }
     if (s.walkTokens) {
-      const i = xe.defaults.walkTokens;
+      const i = me.defaults.walkTokens;
       e.walkTokens = function(o) {
         s.walkTokens.call(this, o), i && i.call(this, o);
       };
     }
-    r && (e.extensions = n), xe.setOptions(e);
+    r && (e.extensions = n), me.setOptions(e);
   });
 };
-xe.walkTokens = function(t, e) {
+me.walkTokens = function(t, e) {
   for (const n of t)
-    switch (e.call(xe, n), n.type) {
+    switch (e.call(me, n), n.type) {
       case "table": {
         for (const r of n.header)
-          xe.walkTokens(r.tokens, e);
+          me.walkTokens(r.tokens, e);
         for (const r of n.rows)
           for (const s of r)
-            xe.walkTokens(s.tokens, e);
+            me.walkTokens(s.tokens, e);
         break;
       }
       case "list": {
-        xe.walkTokens(n.items, e);
+        me.walkTokens(n.items, e);
         break;
       }
       default:
-        xe.defaults.extensions && xe.defaults.extensions.childTokens && xe.defaults.extensions.childTokens[n.type] ? xe.defaults.extensions.childTokens[n.type].forEach(function(r) {
-          xe.walkTokens(n[r], e);
-        }) : n.tokens && xe.walkTokens(n.tokens, e);
+        me.defaults.extensions && me.defaults.extensions.childTokens && me.defaults.extensions.childTokens[n.type] ? me.defaults.extensions.childTokens[n.type].forEach(function(r) {
+          me.walkTokens(n[r], e);
+        }) : n.tokens && me.walkTokens(n.tokens, e);
     }
 };
-xe.parseInline = function(t, e) {
+me.parseInline = function(t, e) {
   if (typeof t > "u" || t === null)
     throw new Error("marked.parseInline(): input parameter is undefined or null");
   if (typeof t != "string")
     throw new Error("marked.parseInline(): input parameter is of type " + Object.prototype.toString.call(t) + ", string expected");
-  e = Ln({}, xe.defaults, e || {}), a6(e);
+  e = Ln({}, me.defaults, e || {}), a6(e);
   try {
     const n = qn.lexInline(t, e);
-    return e.walkTokens && xe.walkTokens(n, e.walkTokens), Kn.parseInline(n, e);
+    return e.walkTokens && me.walkTokens(n, e.walkTokens), Kn.parseInline(n, e);
   } catch (n) {
     if (n.message += `
 Please report this to https://github.com/markedjs/marked.`, e.silent)
@@ -31383,20 +31379,20 @@ Please report this to https://github.com/markedjs/marked.`, e.silent)
     throw n;
   }
 };
-xe.Parser = Kn;
-xe.parser = Kn.parse;
-xe.Renderer = Tc;
-xe.TextRenderer = c6;
-xe.Lexer = qn;
-xe.lexer = qn.lex;
-xe.Tokenizer = Ec;
-xe.Slugger = u6;
-xe.parse = xe;
-xe.options;
-xe.setOptions;
-xe.use;
-xe.walkTokens;
-xe.parseInline;
+me.Parser = Kn;
+me.parser = Kn.parse;
+me.Renderer = Tc;
+me.TextRenderer = c6;
+me.Lexer = qn;
+me.lexer = qn.lex;
+me.Tokenizer = Ec;
+me.Slugger = u6;
+me.parse = me;
+me.options;
+me.setOptions;
+me.use;
+me.walkTokens;
+me.parseInline;
 Kn.parse;
 qn.lex;
 function Sc(t) {
@@ -31409,8 +31405,8 @@ function Sc(t) {
     typeof n == "object" && !Object.isFrozen(n) && Sc(n);
   }), t;
 }
-var h6 = Sc, jA = Sc;
-h6.default = jA;
+var h6 = Sc, GA = Sc;
+h6.default = GA;
 class Tu {
   constructor(e) {
     e.data === void 0 && (e.data = {}), this.data = e.data, this.isMatchIgnored = !1;
@@ -31431,8 +31427,8 @@ function ar(t, ...e) {
       n[s] = r[s];
   }), n;
 }
-const ZA = "</span>", Su = (t) => !!t.kind;
-class WA {
+const jA = "</span>", Su = (t) => !!t.kind;
+class ZA {
   constructor(e, n) {
     this.buffer = "", this.classPrefix = n.classPrefix, e.walk(this);
   }
@@ -31446,7 +31442,7 @@ class WA {
     e.sublanguage || (n = `${this.classPrefix}${n}`), this.span(n);
   }
   closeNode(e) {
-    !Su(e) || (this.buffer += ZA);
+    !Su(e) || (this.buffer += jA);
   }
   value() {
     return this.buffer;
@@ -31495,7 +31491,7 @@ class Ac {
     })));
   }
 }
-class qA extends Ac {
+class WA extends Ac {
   constructor(e) {
     super(), this.options = e;
   }
@@ -31510,40 +31506,40 @@ class qA extends Ac {
     r.kind = n, r.sublanguage = !0, this.add(r);
   }
   toHTML() {
-    return new WA(this, this.options).value();
+    return new ZA(this, this.options).value();
   }
   finalize() {
     return !0;
   }
 }
-function KA(t) {
+function qA(t) {
   return new RegExp(t.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), "m");
 }
 function C0(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
-function YA(...t) {
+function KA(...t) {
   return t.map((n) => C0(n)).join("");
 }
-function XA(...t) {
+function YA(...t) {
   return "(" + t.map((n) => C0(n)).join("|") + ")";
 }
-function QA(t) {
+function XA(t) {
   return new RegExp(t.toString() + "|").exec("").length - 1;
 }
-function JA(t, e) {
+function QA(t, e) {
   const n = t && t.exec(e);
   return n && n.index === 0;
 }
-const eR = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
-function tR(t, e = "|") {
+const JA = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
+function eR(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 = eR.exec(i);
+      const l = JA.exec(i);
       if (!l) {
         o += i;
         break;
@@ -31553,9 +31549,9 @@ function tR(t, e = "|") {
     return o;
   }).map((r) => `(${r})`).join(e);
 }
-const nR = /\b\B/, d6 = "[a-zA-Z]\\w*", Rc = "[a-zA-Z_]\\w*", kc = "\\b\\d+(\\.\\d+)?", f6 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", p6 = "\\b(0b[01]+)", rR = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", sR = (t = {}) => {
+const tR = /\b\B/, d6 = "[a-zA-Z]\\w*", Rc = "[a-zA-Z_]\\w*", kc = "\\b\\d+(\\.\\d+)?", f6 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", p6 = "\\b(0b[01]+)", nR = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", rR = (t = {}) => {
   const e = /^#![ ]*\//;
-  return t.binary && (t.begin = YA(
+  return t.binary && (t.begin = KA(
     e,
     /.*\b/,
     t.binary,
@@ -31572,13 +31568,13 @@ const nR = /\b\B/, d6 = "[a-zA-Z]\\w*", Rc = "[a-zA-Z_]\\w*", kc = "\\b\\d+(\\.\
 }, v0 = {
   begin: "\\\\[\\s\\S]",
   relevance: 0
-}, iR = {
+}, sR = {
   className: "string",
   begin: "'",
   end: "'",
   illegal: "\\n",
   contains: [v0]
-}, oR = {
+}, iR = {
   className: "string",
   begin: '"',
   end: '"',
@@ -31601,23 +31597,23 @@ const nR = /\b\B/, d6 = "[a-zA-Z]\\w*", Rc = "[a-zA-Z_]\\w*", kc = "\\b\\d+(\\.\
     begin: "(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",
     relevance: 0
   }), r;
-}, lR = G1("//", "$"), aR = G1("/\\*", "\\*/"), cR = G1("#", "$"), uR = {
+}, oR = G1("//", "$"), lR = G1("/\\*", "\\*/"), aR = G1("#", "$"), cR = {
   className: "number",
   begin: kc,
   relevance: 0
-}, hR = {
+}, uR = {
   className: "number",
   begin: f6,
   relevance: 0
-}, dR = {
+}, hR = {
   className: "number",
   begin: p6,
   relevance: 0
-}, fR = {
+}, dR = {
   className: "number",
   begin: kc + "(%|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
-}, pR = {
+}, fR = {
   begin: /(?=\/[^/\n]*\/)/,
   contains: [{
     className: "regexp",
@@ -31634,18 +31630,18 @@ const nR = /\b\B/, d6 = "[a-zA-Z]\\w*", Rc = "[a-zA-Z_]\\w*", kc = "\\b\\d+(\\.\
       }
     ]
   }]
-}, gR = {
+}, pR = {
   className: "title",
   begin: d6,
   relevance: 0
-}, mR = {
+}, gR = {
   className: "title",
   begin: Rc,
   relevance: 0
-}, xR = {
+}, mR = {
   begin: "\\.\\s*" + Rc,
   relevance: 0
-}, LR = function(t) {
+}, xR = function(t) {
   return Object.assign(
     t,
     {
@@ -31660,52 +31656,52 @@ const nR = /\b\B/, d6 = "[a-zA-Z]\\w*", Rc = "[a-zA-Z_]\\w*", kc = "\\b\\d+(\\.\
 };
 var yi = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  MATCH_NOTHING_RE: nR,
+  MATCH_NOTHING_RE: tR,
   IDENT_RE: d6,
   UNDERSCORE_IDENT_RE: Rc,
   NUMBER_RE: kc,
   C_NUMBER_RE: f6,
   BINARY_NUMBER_RE: p6,
-  RE_STARTERS_RE: rR,
-  SHEBANG: sR,
+  RE_STARTERS_RE: nR,
+  SHEBANG: rR,
   BACKSLASH_ESCAPE: v0,
-  APOS_STRING_MODE: iR,
-  QUOTE_STRING_MODE: oR,
+  APOS_STRING_MODE: sR,
+  QUOTE_STRING_MODE: iR,
   PHRASAL_WORDS_MODE: g6,
   COMMENT: G1,
-  C_LINE_COMMENT_MODE: lR,
-  C_BLOCK_COMMENT_MODE: aR,
-  HASH_COMMENT_MODE: cR,
-  NUMBER_MODE: uR,
-  C_NUMBER_MODE: hR,
-  BINARY_NUMBER_MODE: dR,
-  CSS_NUMBER_MODE: fR,
-  REGEXP_MODE: pR,
-  TITLE_MODE: gR,
-  UNDERSCORE_TITLE_MODE: mR,
-  METHOD_GUARD: xR,
-  END_SAME_AS_BEGIN: LR
+  C_LINE_COMMENT_MODE: oR,
+  C_BLOCK_COMMENT_MODE: lR,
+  HASH_COMMENT_MODE: aR,
+  NUMBER_MODE: cR,
+  C_NUMBER_MODE: uR,
+  BINARY_NUMBER_MODE: hR,
+  CSS_NUMBER_MODE: dR,
+  REGEXP_MODE: fR,
+  TITLE_MODE: pR,
+  UNDERSCORE_TITLE_MODE: gR,
+  METHOD_GUARD: mR,
+  END_SAME_AS_BEGIN: xR
 });
-function _R(t, e) {
+function LR(t, e) {
   t.input[t.index - 1] === "." && e.ignoreMatch();
 }
+function _R(t, e) {
+  !e || !t.beginKeywords || (t.begin = "\\b(" + t.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", t.__beforeBegin = LR, t.keywords = t.keywords || t.beginKeywords, delete t.beginKeywords, t.relevance === void 0 && (t.relevance = 0));
+}
 function yR(t, e) {
-  !e || !t.beginKeywords || (t.begin = "\\b(" + t.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", t.__beforeBegin = _R, t.keywords = t.keywords || t.beginKeywords, delete t.beginKeywords, t.relevance === void 0 && (t.relevance = 0));
+  !Array.isArray(t.illegal) || (t.illegal = YA(...t.illegal));
 }
 function CR(t, e) {
-  !Array.isArray(t.illegal) || (t.illegal = XA(...t.illegal));
-}
-function vR(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 bR(t, e) {
+function vR(t, e) {
   t.relevance === void 0 && (t.relevance = 1);
 }
-const wR = [
+const bR = [
   "of",
   "and",
   "for",
@@ -31717,8 +31713,8 @@ const wR = [
   "parent",
   "list",
   "value"
-], ER = "keyword";
-function m6(t, e, n = ER) {
+], wR = "keyword";
+function m6(t, e, n = wR) {
   const r = {};
   return typeof t == "string" ? s(n, t.split(" ")) : Array.isArray(t) ? s(n, t) : Object.keys(t).forEach(function(i) {
     Object.assign(
@@ -31729,17 +31725,17 @@ function m6(t, e, n = ER) {
   function s(i, o) {
     e && (o = o.map((l) => l.toLowerCase())), o.forEach(function(l) {
       const a = l.split("|");
-      r[a[0]] = [i, TR(a[0], a[1])];
+      r[a[0]] = [i, ER(a[0], a[1])];
     });
   }
 }
-function TR(t, e) {
-  return e ? Number(e) : SR(t) ? 0 : 1;
+function ER(t, e) {
+  return e ? Number(e) : TR(t) ? 0 : 1;
 }
-function SR(t) {
-  return wR.includes(t.toLowerCase());
+function TR(t) {
+  return bR.includes(t.toLowerCase());
 }
-function AR(t, { plugins: e }) {
+function SR(t, { plugins: e }) {
   function n(l, a) {
     return new RegExp(
       C0(l),
@@ -31751,12 +31747,12 @@ function AR(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 += QA(a) + 1;
+      c.position = this.position++, this.matchIndexes[this.matchAt] = c, this.regexes.push([c, a]), this.matchAt += XA(a) + 1;
     }
     compile() {
       this.regexes.length === 0 && (this.exec = () => null);
       const a = this.regexes.map((c) => c[1]);
-      this.matcherRe = n(tR(a), !0), this.lastIndex = 0;
+      this.matcherRe = n(eR(a), !0), this.lastIndex = 0;
     }
     exec(a) {
       this.matcherRe.lastIndex = this.lastIndex;
@@ -31806,17 +31802,17 @@ function AR(t, { plugins: e }) {
     if (l.isCompiled)
       return c;
     [
-      vR
+      CR
     ].forEach((h) => h(l, a)), t.compilerExtensions.forEach((h) => h(l, a)), l.__beforeBegin = null, [
+      _R,
       yR,
-      CR,
-      bR
+      vR
     ].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 = m6(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 RR(h === "self" ? l : h);
+      return AR(h === "self" ? l : h);
     })), l.contains.forEach(function(h) {
       o(h, c);
     }), l.starts && o(l.starts, a), c.matcher = i(c), c;
@@ -31828,16 +31824,16 @@ function AR(t, { plugins: e }) {
 function x6(t) {
   return t ? t.endsWithParent || x6(t.starts) : !1;
 }
-function RR(t) {
+function AR(t) {
   return t.variants && !t.cachedVariants && (t.cachedVariants = t.variants.map(function(e) {
     return ar(t, { variants: null }, e);
   })), t.cachedVariants ? t.cachedVariants : x6(t) ? ar(t, { starts: t.starts ? ar(t.starts) : null }) : Object.isFrozen(t) ? ar(t) : t;
 }
-var kR = "10.7.3";
-function OR(t) {
+var RR = "10.7.3";
+function kR(t) {
   return Boolean(t || t === "");
 }
-function IR(t) {
+function OR(t) {
   const e = {
     props: ["language", "code", "autodetect"],
     data: function() {
@@ -31857,7 +31853,7 @@ function IR(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 || OR(this.autodetect);
+        return !this.language || kR(this.autodetect);
       },
       ignoreIllegals() {
         return !0;
@@ -31878,13 +31874,13 @@ function IR(t) {
     }
   } };
 }
-const MR = {
+const IR = {
   "after:highlightElement": ({ el: t, result: e, text: n }) => {
     const r = Au(t);
     if (!r.length)
       return;
     const s = document.createElement("div");
-    s.innerHTML = e.value, e.value = NR(r, Au(s), n);
+    s.innerHTML = e.value, e.value = MR(r, Au(s), n);
   }
 };
 function Ll(t) {
@@ -31906,7 +31902,7 @@ function Au(t) {
     return s;
   }(t, 0), e;
 }
-function NR(t, e, n) {
+function MR(t, e, n) {
   let r = 0, s = "";
   const i = [];
   function o() {
@@ -31943,7 +31939,7 @@ const Ru = {}, Lo = (t) => {
   console.log(`WARN: ${t}`, ...e);
 }, an = (t, e) => {
   Ru[`${t}/${e}`] || (console.log(`Deprecated as of ${t}. ${e}`), Ru[`${t}/${e}`] = !0);
-}, _o = ms, Ou = ar, Iu = Symbol("nomatch"), PR = function(t) {
+}, _o = ms, Ou = ar, Iu = Symbol("nomatch"), NR = 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: [] };
@@ -31954,7 +31950,7 @@ const Ru = {}, Lo = (t) => {
     tabReplace: null,
     useBR: !1,
     languages: null,
-    __emitter: qA
+    __emitter: WA
   };
   function c(F) {
     return a.noHighlightRe.test(F);
@@ -32032,7 +32028,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), _n = F, tt = le);
       return te.className && ee.openNode(Z.classNameAliases[te.className] || te.className), $ = Object.create(te, { parent: { value: $ } }), $;
     }
     function x(te, ue, Ee) {
-      let Ie = JA(te.endRe, Ee);
+      let Ie = QA(te.endRe, Ee);
       if (Ie) {
         if (te["on:end"]) {
           const xt = new Tu(te);
@@ -32055,7 +32051,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), _n = F, tt = le);
       for (const ft of xt)
         if (!!ft && (ft(te, Ie), Ie.isMatchIgnored))
           return C(ue);
-      return Ee && Ee.endSameAsBegin && (Ee.endRe = KA(ue)), Ee.skip ? ie += ue : (Ee.excludeBegin && (ie += ue), It(), !Ee.returnBegin && !Ee.excludeBegin && (ie = ue)), Mt(Ee), Ee.returnBegin ? 0 : ue.length;
+      return Ee && Ee.endSameAsBegin && (Ee.endRe = qA(ue)), Ee.skip ? ie += ue : (Ee.excludeBegin && (ie += ue), It(), !Ee.returnBegin && !Ee.excludeBegin && (ie = ue)), Mt(Ee), Ee.returnBegin ? 0 : ue.length;
     }
     function M(te) {
       const ue = te[0], Ee = le.substr(te.index), Ie = x($, te, Ee);
@@ -32105,7 +32101,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), _n = F, tt = le);
     const Z = Pe(F);
     if (!Z)
       throw Lo(o.replace("{}", F)), new Error('Unknown language: "' + F + '"');
-    const W = AR(Z, { plugins: r });
+    const W = SR(Z, { plugins: r });
     let D = "", $ = ke || W;
     const ae = {}, ee = new a.__emitter(a);
     I();
@@ -32335,18 +32331,18 @@ https://github.com/highlightjs/highlight.js/issues/2277`), _n = F, tt = le);
     autoDetection: J,
     inherit: Ou,
     addPlugin: Xe,
-    vuePlugin: IR(t).VuePlugin
+    vuePlugin: OR(t).VuePlugin
   }), t.debugMode = function() {
     s = !1;
   }, t.safeMode = function() {
     s = !0;
-  }, t.versionString = kR;
+  }, t.versionString = RR;
   for (const F in yi)
     typeof yi[F] == "object" && h6(yi[F]);
-  return Object.assign(t, yi), t.addPlugin(L), t.addPlugin(MR), t.addPlugin(_), t;
+  return Object.assign(t, yi), t.addPlugin(L), t.addPlugin(IR), t.addPlugin(_), t;
 };
-var FR = PR({}), Dr = FR;
-function DR(t) {
+var PR = NR({}), Dr = PR;
+function FR(t) {
   return {
     name: "Plain text",
     aliases: [
@@ -32356,8 +32352,8 @@ function DR(t) {
     disableAutodetect: !0
   };
 }
-var BR = DR;
-const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", $R = [
+var DR = FR;
+const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", BR = [
   "as",
   "in",
   "of",
@@ -32396,14 +32392,14 @@ const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", $R = [
   "from",
   "export",
   "extends"
-], HR = [
+], $R = [
   "true",
   "false",
   "null",
   "undefined",
   "NaN",
   "Infinity"
-], UR = [
+], HR = [
   "Intl",
   "DataView",
   "Number",
@@ -32438,7 +32434,7 @@ const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", $R = [
   "BigInt64Array",
   "BigUint64Array",
   "BigInt"
-], VR = [
+], UR = [
   "EvalError",
   "InternalError",
   "RangeError",
@@ -32446,7 +32442,7 @@ const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", $R = [
   "SyntaxError",
   "TypeError",
   "URIError"
-], zR = [
+], VR = [
   "setInterval",
   "setTimeout",
   "clearInterval",
@@ -32464,7 +32460,7 @@ const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", $R = [
   "encodeURIComponent",
   "escape",
   "unescape"
-], GR = [
+], zR = [
   "arguments",
   "this",
   "super",
@@ -32474,22 +32470,22 @@ const Mu = "[A-Za-z$_][0-9A-Za-z$_]*", $R = [
   "localStorage",
   "module",
   "global"
-], jR = [].concat(
+], GR = [].concat(
+  VR,
   zR,
-  GR,
-  UR,
-  VR
+  HR,
+  UR
 );
-function ZR(t) {
+function jR(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
 function Nu(t) {
   return _l("(?=", t, ")");
 }
 function _l(...t) {
-  return t.map((n) => ZR(n)).join("");
+  return t.map((n) => jR(n)).join("");
 }
-function WR(t) {
+function ZR(t) {
   const e = (v, { after: O }) => {
     const B = "</" + v[0].slice(1);
     return v.input.indexOf(B, O) !== -1;
@@ -32509,9 +32505,9 @@ function WR(t) {
     }
   }, i = {
     $pattern: Mu,
-    keyword: $R,
-    literal: HR,
-    built_in: jR
+    keyword: BR,
+    literal: $R,
+    built_in: GR
   }, o = "[0-9](_?[0-9])*", l = `\\.(${o})`, a = "0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*", c = {
     className: "number",
     variants: [
@@ -32811,14 +32807,14 @@ function WR(t) {
     ]
   };
 }
-var qR = WR;
-function KR(t) {
+var WR = ZR;
+function qR(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
-function YR(...t) {
-  return t.map((n) => KR(n)).join("");
+function KR(...t) {
+  return t.map((n) => qR(n)).join("");
 }
-function XR(t) {
+function YR(t) {
   const e = {}, n = {
     begin: /\$\{/,
     end: /\}/,
@@ -32833,7 +32829,7 @@ function XR(t) {
   Object.assign(e, {
     className: "variable",
     variants: [
-      { begin: YR(
+      { begin: KR(
         /\$[\w\d#@][\w\d_]*/,
         "(?![\\w\\d])(?![$])"
       ) },
@@ -32925,8 +32921,8 @@ function XR(t) {
     ]
   };
 }
-var QR = XR;
-function JR(t) {
+var XR = YR;
+function QR(t) {
   var e = "true false yes no null", n = "[\\w#;/?:@&=+$,.~*'()[\\]]+", r = {
     className: "attr",
     variants: [
@@ -33049,12 +33045,12 @@ function JR(t) {
     contains: y
   };
 }
-var ek = JR;
-Dr.registerLanguage("plaintext", BR);
-Dr.registerLanguage("javascript", qR);
-Dr.registerLanguage("bash", QR);
-Dr.registerLanguage("yaml", ek);
-const tk = {
+var JR = QR;
+Dr.registerLanguage("plaintext", DR);
+Dr.registerLanguage("javascript", WR);
+Dr.registerLanguage("bash", XR);
+Dr.registerLanguage("yaml", JR);
+const ek = {
   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 ? `
@@ -33065,7 +33061,7 @@ const tk = {
         ` : `<code>${t}</code>`;
   }
 };
-xe.setOptions({
+me.setOptions({
   highlight: function(t, e) {
     if (!e)
       return Dr.highlightAuto(t).value;
@@ -33074,14 +33070,14 @@ xe.setOptions({
   },
   breaks: !0
 });
-xe.use({ renderer: tk });
-const nk = {
+me.use({ renderer: ek });
+const tk = {
   name: "comment",
   props: ["comment", "commentObj"],
   computed: {
     markedComment() {
       var t, e;
-      return ((t = this.commentObj) == null ? void 0 : t.text) && xe.parse((e = this.commentObj) == null ? void 0 : e.text) || this.comment && xe.parse(this.comment);
+      return ((t = this.commentObj) == null ? void 0 : t.text) && me.parse((e = this.commentObj) == null ? void 0 : e.text) || this.comment && me.parse(this.comment);
     },
     commentStyle() {
       var t;
@@ -33092,27 +33088,27 @@ const nk = {
       return (t = this.commentObj) == null ? void 0 : t.commentClassNames;
     }
   }
-}, rk = { class: "comments text-skin-comment min-w-[100px] flex text-left text-sm opacity-50 hover:opacity-100" }, sk = ["innerHTML"];
-function ik(t, e, n, r, s, i) {
-  return R(), q("div", rk, [
+}, nk = { class: "comments text-skin-comment min-w-[100px] flex text-left text-sm opacity-50 hover:opacity-100" }, rk = ["innerHTML"];
+function sk(t, e, n, r, s, i) {
+  return R(), q("div", nk, [
     S("div", {
       innerHTML: i.markedComment,
       class: ye(i.classNames),
       style: ve(i.commentStyle)
-    }, null, 14, sk)
+    }, null, 14, rk)
   ]);
 }
-const K0 = /* @__PURE__ */ je(nk, [["render", ik], ["__scopeId", "data-v-49a61c68"]]);
-const ok = {
+const K0 = /* @__PURE__ */ Ge(tk, [["render", sk], ["__scopeId", "data-v-49a61c68"]]);
+const ik = {
   props: ["collapsed"],
   emits: ["click"]
-}, lk = { class: "collapsible-header" }, ak = /* @__PURE__ */ f1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-175097b8></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-175097b8></g><g id="SVGRepo_iconCarrier" data-v-175097b8><line x1="13" y1="2" x2="13" y2="10" data-v-175097b8></line><polyline points="9 7 13 11 17 7" data-v-175097b8></polyline><line x1="13" y1="23" x2="13" y2="15" data-v-175097b8></line><polyline points="9 19 13 15 17 19" data-v-175097b8></polyline></g>', 3), ck = [
-  ak
-], uk = /* @__PURE__ */ f1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-175097b8></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-175097b8></g><g id="SVGRepo_iconCarrier" data-v-175097b8><line x1="13" y1="1" x2="13" y2="9" data-v-175097b8></line><polyline points="9 5 13 1 17 5" data-v-175097b8></polyline><line x1="13" y1="13" x2="13" y2="13" data-v-175097b8></line><line x1="13" y1="24" x2="13" y2="17" data-v-175097b8></line><polyline points="9 20 13 24 17 20" data-v-175097b8></polyline></g>', 3), hk = [
-  uk
+}, ok = { class: "collapsible-header" }, lk = /* @__PURE__ */ f1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-175097b8></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-175097b8></g><g id="SVGRepo_iconCarrier" data-v-175097b8><line x1="13" y1="2" x2="13" y2="10" data-v-175097b8></line><polyline points="9 7 13 11 17 7" data-v-175097b8></polyline><line x1="13" y1="23" x2="13" y2="15" data-v-175097b8></line><polyline points="9 19 13 15 17 19" data-v-175097b8></polyline></g>', 3), ak = [
+  lk
+], ck = /* @__PURE__ */ f1('<g id="SVGRepo_bgCarrier" stroke-width="0" data-v-175097b8></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-v-175097b8></g><g id="SVGRepo_iconCarrier" data-v-175097b8><line x1="13" y1="1" x2="13" y2="9" data-v-175097b8></line><polyline points="9 5 13 1 17 5" data-v-175097b8></polyline><line x1="13" y1="13" x2="13" y2="13" data-v-175097b8></line><line x1="13" y1="24" x2="13" y2="17" data-v-175097b8></line><polyline points="9 20 13 24 17 20" data-v-175097b8></polyline></g>', 3), uk = [
+  ck
 ];
-function dk(t, e, n, r, s, i) {
-  return R(), q("div", lk, [
+function hk(t, e, n, r, s, i) {
+  return R(), q("div", ok, [
     (R(), q("svg", {
       width: "20px",
       height: "20px",
@@ -33125,7 +33121,7 @@ function dk(t, e, n, r, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "miter"
-    }, ck, 2)),
+    }, ak, 2)),
     (R(), q("svg", {
       width: "20px",
       height: "20px",
@@ -33138,11 +33134,11 @@ function dk(t, e, n, r, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "miter"
-    }, hk, 2))
+    }, uk, 2))
   ]);
 }
-const fk = /* @__PURE__ */ je(ok, [["render", dk], ["__scopeId", "data-v-175097b8"]]);
-const pk = {
+const dk = /* @__PURE__ */ Ge(ik, [["render", hk], ["__scopeId", "data-v-175097b8"]]);
+const fk = {
   name: "occurrence",
   props: ["context", "selfCallIndent", "participant", "rtl", "number"],
   data: function() {
@@ -33175,14 +33171,14 @@ const pk = {
       this.collapsed = !this.collapsed, cc.$emit("participant_set_top");
     }
   },
-  components: { CollapseButton: fk },
+  components: { CollapseButton: dk },
   watch: {
     context() {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, gk = ["data-belongs-to", "data-x-offset", "data-debug-center-of"];
-function mk(t, e, n, r, s, i) {
+}, pk = ["data-belongs-to", "data-x-offset", "data-debug-center-of"];
+function gk(t, e, n, r, s, i) {
   const o = pe("collapse-button"), l = pe("block");
   return R(), q("div", {
     class: ye(["occurrence shadow-occurrence border-skin-occurrence bg-skin-occurrence rounded-sm border-2 relative left-full", { "right-to-left": n.rtl }]),
@@ -33195,7 +33191,7 @@ function mk(t, e, n, r, s, i) {
       key: 0,
       collapsed: t.collapsed,
       onClick: this.toggle
-    }, null, 8, ["collapsed", "onClick"])) : me("", !0),
+    }, null, 8, ["collapsed", "onClick"])) : Le("", !0),
     this.context.braceBlock() ? (R(), Se(l, {
       key: 1,
       context: n.context.braceBlock().block(),
@@ -33203,10 +33199,10 @@ function mk(t, e, n, r, s, i) {
       number: n.number,
       collapsed: t.collapsed,
       inheritFromOccurrence: !0
-    }, null, 8, ["context", "selfCallIndent", "number", "collapsed"])) : me("", !0)
-  ], 10, gk);
+    }, null, 8, ["context", "selfCallIndent", "number", "collapsed"])) : Le("", !0)
+  ], 10, pk);
 }
-const L6 = /* @__PURE__ */ je(pk, [["render", mk], ["__scopeId", "data-v-3ef58b46"]]);
+const L6 = /* @__PURE__ */ Ge(fk, [["render", gk], ["__scopeId", "data-v-3ef58b46"]]);
 class Bs {
   constructor(e, n, r, s) {
     K(this, "start");
@@ -33223,7 +33219,7 @@ class Bs {
     );
   }
 }
-const Pu = b0.child({ name: "Creation" }), xk = {
+const Pu = b0.child({ name: "Creation" }), mk = {
   name: "creation",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   computed: {
@@ -33299,11 +33295,11 @@ const Pu = b0.child({ name: "Creation" }), xk = {
     Occurrence: L6,
     Message: j0
   }
-}, Lk = ["data-signature"], _k = ["data-to"], yk = {
+}, xk = ["data-signature"], Lk = ["data-to"], _k = {
   ref: "participantPlaceHolder",
   class: "invisible right-0 flex flex-col justify-center flex-shrink-0"
 };
-function Ck(t, e, n, r, s, i) {
+function yk(t, e, n, r, s, i) {
   var u;
   const o = pe("comment"), l = pe("message"), a = pe("participant"), c = pe("occurrence");
   return R(), q("div", {
@@ -33320,7 +33316,7 @@ function Ck(t, e, n, r, s, i) {
     n.comment ? (R(), Se(o, {
       key: 0,
       commentObj: n.commentObj
-    }, null, 8, ["commentObj"])) : me("", !0),
+    }, null, 8, ["commentObj"])) : Le("", !0),
     S("div", {
       ref: "messageContainer",
       "data-type": "creation",
@@ -33338,12 +33334,12 @@ function Ck(t, e, n, r, s, i) {
         classNames: i.messageClassNames,
         textStyle: i.messageTextStyle
       }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"]),
-      S("div", yk, [
+      S("div", _k, [
         G(a, {
           entity: { name: i.to }
         }, null, 8, ["entity"])
       ], 512)
-    ], 10, _k),
+    ], 10, Lk),
     G(c, {
       context: i.creation,
       class: "pointer-events-auto",
@@ -33360,13 +33356,13 @@ function Ck(t, e, n, r, s, i) {
       number: `${n.number}.${(((u = i.creation.braceBlock()) == null ? void 0 : u.block().stat().length) || 0) + 1}`,
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle
-    }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : me("", !0)
-  ], 14, Lk);
+    }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : Le("", !0)
+  ], 14, xk);
 }
-const vk = /* @__PURE__ */ je(xk, [["render", Ck]]), bk = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em] w-full" }, wk = {
+const Ck = /* @__PURE__ */ Ge(mk, [["render", yk]]), vk = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em] w-full" }, bk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
-}, Ek = /* @__PURE__ */ S("svg", {
+}, wk = /* @__PURE__ */ S("svg", {
   class: "arrow text-skin-message-arrow",
   width: "30",
   height: "24"
@@ -33379,7 +33375,7 @@ const vk = /* @__PURE__ */ je(xk, [["render", Ck]]), bk = { class: "name group p
     class: "head stroke-current fill-current stroke-2",
     points: "18,9 8,15 18,21"
   })
-], -1), Tk = /* @__PURE__ */ Ve({
+], -1), Ek = /* @__PURE__ */ Ve({
   __name: "SelfInvocation",
   props: {
     context: null,
@@ -33388,7 +33384,7 @@ const vk = /* @__PURE__ */ je(xk, [["render", Ck]]), bk = { class: "name group p
     classNames: null
   },
   setup(t) {
-    const e = t, { context: n } = Gr(e), r = rn(), s = P(() => r.state.numbering), i = Le(), o = P(() => {
+    const e = t, { context: n } = Gr(e), r = rn(), s = P(() => r.state.numbering), i = xe(), o = P(() => {
       const c = n == null ? void 0 : n.value.messageBody();
       return [c.start.start, c.stop.stop];
     }), l = P(() => n == null ? void 0 : n.value.messageBody().getFormattedText()), a = () => {
@@ -33401,8 +33397,8 @@ const vk = /* @__PURE__ */ je(xk, [["render", Ck]]), bk = { class: "name group p
       ref_key: "messageRef",
       ref: i
     }, [
-      S("label", bk, [
-        N(s) ? (R(), q("div", wk, Ge(t.number), 1)) : me("", !0),
+      S("label", vk, [
+        N(s) ? (R(), q("div", bk, Ze(t.number), 1)) : Le("", !0),
         S("div", {
           style: ve(t.textStyle),
           class: ye(t.classNames)
@@ -33414,11 +33410,11 @@ const vk = /* @__PURE__ */ je(xk, [["render", Ck]]), bk = { class: "name group p
           }, null, 8, ["labelText", "labelPosition"])
         ], 6)
       ]),
-      Ek
+      wk
     ], 512));
   }
 });
-const Sk = {
+const Tk = {
   name: "interaction",
   props: [
     "context",
@@ -33515,12 +33511,12 @@ const Sk = {
   },
   components: {
     Message: j0,
-    SelfInvocation: Tk,
+    SelfInvocation: Ek,
     Comment: K0,
     Occurrence: L6
   }
-}, Ak = ["data-to", "data-signature"];
-function Rk(t, e, n, r, s, i) {
+}, Sk = ["data-to", "data-signature"];
+function Ak(t, e, n, r, s, i) {
   var u;
   const o = pe("comment"), l = pe("self-invocation"), a = pe("message"), c = pe("occurrence");
   return R(), q("div", {
@@ -33543,11 +33539,11 @@ function Rk(t, e, n, r, s, i) {
     i.showStarter && i.isRootBlock || i.outOfBand ? (R(), q("div", {
       key: 0,
       class: ye(["occurrence source border-2", { "right-to-left": i.rightToLeft }])
-    }, null, 2)) : me("", !0),
+    }, null, 2)) : Le("", !0),
     i.hasComment ? (R(), Se(o, {
       key: 1,
       commentObj: n.commentObj
-    }, null, 8, ["commentObj"])) : me("", !0),
+    }, null, 8, ["commentObj"])) : Le("", !0),
     i.isSelf ? (R(), Se(l, {
       key: 2,
       classNames: i.messageClassNames,
@@ -33582,16 +33578,16 @@ function Rk(t, e, n, r, s, i) {
       number: `${n.number}.${(((u = i.message.braceBlock()) == null ? void 0 : u.block().stat().length) || 0) + 1}`,
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle
-    }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : me("", !0)
-  ], 14, Ak);
+    }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : Le("", !0)
+  ], 14, Sk);
 }
-const kk = /* @__PURE__ */ je(Sk, [["render", Rk], ["__scopeId", "data-v-3bc6eae5"]]), Ok = (t) => (A0("data-v-ecfb84d4"), t = t(), R0(), t), Ik = {
+const Rk = /* @__PURE__ */ Ge(Tk, [["render", Ak], ["__scopeId", "data-v-3bc6eae5"]]), kk = (t) => (A0("data-v-ecfb84d4"), t = t(), R0(), t), Ok = {
   class: "message self flex items-start flex-col",
   style: { "border-width": "0" }
-}, Mk = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover min-h-[1em]" }, Nk = {
+}, Ik = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover min-h-[1em]" }, Mk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
-}, Pk = /* @__PURE__ */ Ok(() => /* @__PURE__ */ S("svg", {
+}, Nk = /* @__PURE__ */ kk(() => /* @__PURE__ */ S("svg", {
   class: "arrow text-skin-message-arrow",
   width: "34",
   height: "34"
@@ -33604,7 +33600,7 @@ const kk = /* @__PURE__ */ je(Sk, [["render", Rk], ["__scopeId", "data-v-3bc6eae
     class: "head stroke-current stroke-2 fill-none",
     points: "11,19 1,25 11,31"
   })
-], -1)), Fk = /* @__PURE__ */ Ve({
+], -1)), Pk = /* @__PURE__ */ Ve({
   __name: "SelfInvocation-async",
   props: {
     context: null,
@@ -33619,9 +33615,9 @@ const kk = /* @__PURE__ */ je(Sk, [["render", Rk], ["__scopeId", "data-v-3bc6eae
       const l = n == null ? void 0 : n.value.content();
       return [l.start.start, l.stop.stop];
     }), o = P(() => n == null ? void 0 : n.value.content().getFormattedText());
-    return (l, a) => (R(), q("div", Ik, [
-      S("label", Mk, [
-        N(s) ? (R(), q("div", Nk, Ge(t.number), 1)) : me("", !0),
+    return (l, a) => (R(), q("div", Ok, [
+      S("label", Ik, [
+        N(s) ? (R(), q("div", Mk, Ze(t.number), 1)) : Le("", !0),
         G(gc, {
           labelText: N(o),
           labelPosition: N(i),
@@ -33629,15 +33625,15 @@ const kk = /* @__PURE__ */ je(Sk, [["render", Rk], ["__scopeId", "data-v-3bc6eae
           isSelf: !0
         }, null, 8, ["labelText", "labelPosition"])
       ]),
-      Pk
+      Nk
     ]));
   }
 });
-const Dk = /* @__PURE__ */ je(Fk, [["__scopeId", "data-v-ecfb84d4"]]);
+const Fk = /* @__PURE__ */ Ge(Pk, [["__scopeId", "data-v-ecfb84d4"]]);
 function yo(t) {
   return t == null;
 }
-const Bk = {
+const Dk = {
   name: "interaction-async",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   computed: {
@@ -33720,11 +33716,11 @@ const Bk = {
   },
   components: {
     Comment: K0,
-    SelfInvocationAsync: Dk,
+    SelfInvocationAsync: Fk,
     Message: j0
   }
-}, $k = ["data-signature"];
-function Hk(t, e, n, r, s, i) {
+}, Bk = ["data-signature"];
+function $k(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("self-invocation-async"), a = pe("message");
   return R(), q("div", {
     class: ye(["interaction async", {
@@ -33745,7 +33741,7 @@ function Hk(t, e, n, r, s, i) {
     n.comment ? (R(), Se(o, {
       key: 0,
       commentObj: n.commentObj
-    }, null, 8, ["commentObj"])) : me("", !0),
+    }, null, 8, ["commentObj"])) : Le("", !0),
     i.isSelf ? (R(), Se(l, {
       key: 1,
       classNames: i.messageClassNames,
@@ -33762,18 +33758,18 @@ function Hk(t, e, n, r, s, i) {
       type: "async",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, $k);
+  ], 14, Bk);
 }
-const Uk = /* @__PURE__ */ je(Bk, [["render", Hk], ["__scopeId", "data-v-d9e0a8fb"]]);
-const Vk = {
+const Hk = /* @__PURE__ */ Ge(Dk, [["render", $k], ["__scopeId", "data-v-d9e0a8fb"]]);
+const Uk = {
   components: { Icon: dr },
   props: ["label", "collapsed"],
   emits: ["click"]
-}, zk = { class: "collapsible-header" }, Gk = { class: "mb-0" };
-function jk(t, e, n, r, s, i) {
+}, Vk = { class: "collapsible-header" }, zk = { class: "mb-0" };
+function Gk(t, e, n, r, s, i) {
   const o = pe("Icon");
-  return R(), q("div", zk, [
-    S("label", Gk, Ge(n.label), 1),
+  return R(), q("div", Vk, [
+    S("label", zk, Ze(n.label), 1),
     n.collapsed ? (R(), Se(o, {
       key: 1,
       name: "collapse-unexpanded",
@@ -33787,7 +33783,7 @@ function jk(t, e, n, r, s, i) {
     }, null, 8, ["icon-class"]))
   ]);
 }
-const Zk = /* @__PURE__ */ je(Vk, [["render", jk], ["__scopeId", "data-v-048a5186"]]), Y0 = {
+const jk = /* @__PURE__ */ Ge(Uk, [["render", Gk], ["__scopeId", "data-v-048a5186"]]), Y0 = {
   computed: {
     ...mn(["coordinates"]),
     offsetX: function() {
@@ -33817,13 +33813,13 @@ const Zk = /* @__PURE__ */ je(Vk, [["render", jk], ["__scopeId", "data-v-048a518
       this.collapsed = !this.collapsed, cc.$emit("participant_set_top");
     }
   },
-  components: { CollapseButton: Zk },
+  components: { CollapseButton: jk },
   watch: {
     context() {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, Wk = (t) => {
+}, Zk = (t) => {
   const e = {
     loop: "FragmentLoop",
     alt: "FragmentAlt",
@@ -33837,13 +33833,13 @@ const Zk = /* @__PURE__ */ je(Vk, [["render", jk], ["__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) => Wk(e) !== "Divider").length : 0, _6 = (t, e) => {
+}, i0 = (t) => t && t.stat() ? t.stat().filter((e) => Zk(e) !== "Divider").length : 0, _6 = (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);
-}, qk = ["contenteditable"], y6 = /* @__PURE__ */ Ve({
+}, Wk = ["contenteditable"], y6 = /* @__PURE__ */ Ve({
   __name: "ConditionLabel",
   props: {
     condition: null
@@ -33892,10 +33888,10 @@ const Zk = /* @__PURE__ */ je(Vk, [["render", jk], ["__scopeId", "data-v-048a518
       onBlur: L[1] || (L[1] = (...g) => N(p) && N(p)(...g)),
       onKeyup: L[2] || (L[2] = (...g) => N(y) && N(y)(...g)),
       onKeydown: L[3] || (L[3] = (...g) => N(m) && N(m)(...g))
-    }, Ge(N(h) ? N(a) : `[${N(a)}]`), 43, qk));
+    }, Ze(N(h) ? N(a) : `[${N(a)}]`), 43, Wk));
   }
 });
-const Kk = {
+const qk = {
   name: "fragment-alt",
   props: ["context", "comment", "selfCallIndent", "commentObj", "number"],
   mixins: [Y0],
@@ -33951,31 +33947,31 @@ const Kk = {
       blockLength: i0
     };
   }
-}, C6 = (t) => (A0("data-v-b9c5cb88"), t = t(), R0(), t), Yk = { class: "segment" }, Xk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Qk = {
+}, C6 = (t) => (A0("data-v-b9c5cb88"), t = t(), R0(), t), Kk = { class: "segment" }, Yk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Xk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, Jk = { class: "name font-semibold p-1 border-b text-sm" }, eO = { class: "p-0" }, tO = { class: "segment" }, nO = { class: "text-skin-fragment flex" }, rO = /* @__PURE__ */ C6(() => /* @__PURE__ */ S("label", { class: "else-if hidden" }, "else if", -1)), sO = {
+}, Qk = { class: "name font-semibold p-1 border-b text-sm" }, Jk = { class: "p-0" }, eO = { class: "segment" }, tO = { class: "text-skin-fragment flex" }, nO = /* @__PURE__ */ C6(() => /* @__PURE__ */ S("label", { class: "else-if hidden" }, "else if", -1)), rO = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
-}, iO = /* @__PURE__ */ C6(() => /* @__PURE__ */ S("div", { class: "text-skin-fragment" }, [
+}, sO = /* @__PURE__ */ C6(() => /* @__PURE__ */ S("div", { class: "text-skin-fragment" }, [
   /* @__PURE__ */ S("label", { class: "p-1" }, "[else]")
 ], -1));
-function oO(t, e, n, r, s, i) {
+function iO(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("collapse-button"), a = pe("ConditionLabel"), c = pe("block");
   return R(), q("div", {
     class: "fragment alt border-skin-fragment rounded",
     style: ve(t.fragmentStyle)
   }, [
-    S("div", Yk, [
+    S("div", Kk, [
       n.comment ? (R(), Se(o, {
         key: 0,
         comment: n.comment,
         commentObj: n.commentObj
-      }, null, 8, ["comment", "commentObj"])) : me("", !0),
-      S("div", Xk, [
-        r.numbering ? (R(), q("div", Qk, Ge(n.number), 1)) : me("", !0),
-        S("div", Jk, [
-          S("label", eO, [
+      }, null, 8, ["comment", "commentObj"])) : Le("", !0),
+      S("div", Yk, [
+        r.numbering ? (R(), q("div", Xk, Ze(n.number), 1)) : Le("", !0),
+        S("div", Qk, [
+          S("label", Jk, [
             G(l, {
               label: "Alt",
               collapsed: t.collapsed,
@@ -33990,8 +33986,8 @@ function oO(t, e, n, r, s, i) {
     S("div", {
       class: ye({ hidden: t.collapsed })
     }, [
-      S("div", tO, [
-        S("div", nO, [
+      S("div", eO, [
+        S("div", tO, [
           G(a, {
             condition: r.conditionFromIfElseBlock(r.ifBlock)
           }, null, 8, ["condition"])
@@ -34003,7 +33999,7 @@ function oO(t, e, n, r, s, i) {
           selfCallIndent: n.selfCallIndent,
           number: `${n.number}.1`,
           incremental: ""
-        }, null, 8, ["style", "context", "selfCallIndent", "number"])) : me("", !0)
+        }, null, 8, ["style", "context", "selfCallIndent", "number"])) : Le("", !0)
       ]),
       (R(!0), q(Ne, null, Nn(r.elseIfBlocks, (u, h) => (R(), q("div", {
         key: h + 500,
@@ -34013,7 +34009,7 @@ function oO(t, e, n, r, s, i) {
           class: "text-skin-fragment",
           key: h + 1e3
         }, [
-          rO,
+          nO,
           G(a, {
             condition: r.conditionFromIfElseBlock(u)
           }, null, 8, ["condition"])
@@ -34027,8 +34023,8 @@ function oO(t, e, n, r, s, i) {
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"]))
       ]))), 128)),
-      r.elseBlock ? (R(), q("div", sO, [
-        iO,
+      r.elseBlock ? (R(), q("div", rO, [
+        sO,
         G(c, {
           style: ve({ paddingLeft: `${t.offsetX}px` }),
           context: r.elseBlock,
@@ -34036,12 +34032,12 @@ function oO(t, e, n, r, s, i) {
           number: `${n.number}.${r.blockLengthAcc[r.blockLengthAcc.length - 1] + 1}`,
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"])
-      ])) : me("", !0)
+      ])) : Le("", !0)
     ], 2)
   ], 4);
 }
-const lO = /* @__PURE__ */ je(Kk, [["render", oO], ["__scopeId", "data-v-b9c5cb88"]]);
-const aO = {
+const oO = /* @__PURE__ */ Ge(qk, [["render", iO], ["__scopeId", "data-v-b9c5cb88"]]);
+const lO = {
   name: "fragment-par",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [Y0],
@@ -34054,11 +34050,11 @@ const aO = {
       return this.context.par();
     }
   }
-}, cO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, uO = {
+}, aO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, cO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, hO = { class: "name font-semibold p-1 border-b" };
-function dO(t, e, n, r, s, i) {
+}, uO = { class: "name font-semibold p-1 border-b" };
+function hO(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("collapse-button"), a = pe("block");
   return R(), q("div", {
     class: "fragment par border-skin-fragment rounded",
@@ -34068,10 +34064,10 @@ function dO(t, e, n, r, s, i) {
       key: 0,
       comment: n.comment,
       commentObj: n.commentObj
-    }, null, 8, ["comment", "commentObj"])) : me("", !0),
-    S("div", cO, [
-      t.numbering ? (R(), q("div", uO, Ge(n.number), 1)) : me("", !0),
-      S("div", hO, [
+    }, null, 8, ["comment", "commentObj"])) : Le("", !0),
+    S("div", aO, [
+      t.numbering ? (R(), q("div", cO, Ze(n.number), 1)) : Le("", !0),
+      S("div", uO, [
         G(l, {
           label: "Par",
           collapsed: t.collapsed,
@@ -34090,8 +34086,8 @@ function dO(t, e, n, r, s, i) {
     }, null, 8, ["class", "style", "context", "selfCallIndent", "number"])
   ], 4);
 }
-const fO = /* @__PURE__ */ je(aO, [["render", dO], ["__scopeId", "data-v-12f63f5c"]]);
-const pO = {
+const dO = /* @__PURE__ */ Ge(lO, [["render", hO], ["__scopeId", "data-v-12f63f5c"]]);
+const fO = {
   name: "fragment-loop",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [Y0],
@@ -34114,11 +34110,11 @@ const pO = {
       }
     };
   }
-}, gO = { class: "header text-skin-fragment-header bg-skin-fragment-header text-base leading-4 relative" }, mO = {
+}, pO = { class: "header text-skin-fragment-header bg-skin-fragment-header text-base leading-4 relative" }, gO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, xO = { class: "name font-semibold p-1 border-b" }, LO = { class: "segment" }, _O = { class: "text-skin-fragment" };
-function yO(t, e, n, r, s, i) {
+}, mO = { class: "name font-semibold p-1 border-b" }, xO = { class: "segment" }, LO = { class: "text-skin-fragment" };
+function _O(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("collapse-button"), a = pe("ConditionLabel"), c = pe("block");
   return R(), q("div", {
     class: "fragment loop border-skin-fragment rounded",
@@ -34128,10 +34124,10 @@ function yO(t, e, n, r, s, i) {
       key: 0,
       comment: n.comment,
       commentObj: n.commentObj
-    }, null, 8, ["comment", "commentObj"])) : me("", !0),
-    S("div", gO, [
-      r.numbering ? (R(), q("div", mO, Ge(n.number), 1)) : me("", !0),
-      S("div", xO, [
+    }, null, 8, ["comment", "commentObj"])) : Le("", !0),
+    S("div", pO, [
+      r.numbering ? (R(), q("div", gO, Ze(n.number), 1)) : Le("", !0),
+      S("div", mO, [
         G(l, {
           label: "Loop",
           collapsed: t.collapsed,
@@ -34144,8 +34140,8 @@ function yO(t, e, n, r, s, i) {
     S("div", {
       class: ye({ hidden: t.collapsed })
     }, [
-      S("div", LO, [
-        S("div", _O, [
+      S("div", xO, [
+        S("div", LO, [
           G(a, {
             condition: r.getConditionFromBlock(r.blockInLoop)
           }, null, 8, ["condition"])
@@ -34160,8 +34156,8 @@ function yO(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const CO = /* @__PURE__ */ je(pO, [["render", yO], ["__scopeId", "data-v-632f3b8c"]]);
-const vO = {
+const yO = /* @__PURE__ */ Ge(fO, [["render", _O], ["__scopeId", "data-v-632f3b8c"]]);
+const CO = {
   name: "fragment-opt",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [Y0],
@@ -34174,11 +34170,11 @@ const vO = {
       return this.context.opt();
     }
   }
-}, bO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 relative" }, wO = {
+}, vO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 relative" }, bO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, EO = { class: "name font-semibold p-1 border-b" };
-function TO(t, e, n, r, s, i) {
+}, wO = { class: "name font-semibold p-1 border-b" };
+function EO(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("collapse-button"), a = pe("block");
   return R(), q("div", {
     class: "fragment opt border-skin-fragment rounded",
@@ -34188,10 +34184,10 @@ function TO(t, e, n, r, s, i) {
       key: 0,
       comment: n.comment,
       commentObj: n.commentObj
-    }, null, 8, ["comment", "commentObj"])) : me("", !0),
-    S("div", bO, [
-      t.numbering ? (R(), q("div", wO, Ge(n.number), 1)) : me("", !0),
-      S("div", EO, [
+    }, null, 8, ["comment", "commentObj"])) : Le("", !0),
+    S("div", vO, [
+      t.numbering ? (R(), q("div", bO, Ze(n.number), 1)) : Le("", !0),
+      S("div", wO, [
         G(l, {
           label: "Opt",
           collapsed: t.collapsed,
@@ -34210,8 +34206,8 @@ function TO(t, e, n, r, s, i) {
     }, null, 8, ["class", "style", "context", "selfCallIndent", "number"])
   ], 4);
 }
-const SO = /* @__PURE__ */ je(vO, [["render", TO], ["__scopeId", "data-v-533e0127"]]);
-const AO = {
+const TO = /* @__PURE__ */ Ge(CO, [["render", EO], ["__scopeId", "data-v-533e0127"]]);
+const SO = {
   name: "fragment-tcf",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [Y0],
@@ -34251,30 +34247,30 @@ const AO = {
       return (e = t == null ? void 0 : t.braceBlock()) == null ? void 0 : e.block();
     }
   }
-}, v6 = (t) => (A0("data-v-4defdd44"), t = t(), R0(), t), RO = { class: "segment" }, kO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, OO = {
+}, v6 = (t) => (A0("data-v-4defdd44"), t = t(), R0(), t), AO = { class: "segment" }, RO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, kO = {
   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 text-sm" }, MO = { class: "segment" }, NO = /* @__PURE__ */ v6(() => /* @__PURE__ */ S("label", { class: "keyword catch p-1" }, "catch", -1)), PO = { class: "exception p-1" }, FO = {
+}, OO = { class: "name font-semibold p-1 border-b text-sm" }, IO = { class: "segment" }, MO = /* @__PURE__ */ v6(() => /* @__PURE__ */ S("label", { class: "keyword catch p-1" }, "catch", -1)), NO = { class: "exception p-1" }, PO = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
-}, DO = /* @__PURE__ */ v6(() => /* @__PURE__ */ S("div", { class: "header flex text-skin-fragment finally" }, [
+}, FO = /* @__PURE__ */ v6(() => /* @__PURE__ */ S("div", { class: "header flex text-skin-fragment finally" }, [
   /* @__PURE__ */ S("label", { class: "keyword finally bg-skin-frame/[0.66] px-1 inline-block text-sm" }, "finally")
 ], -1));
-function BO(t, e, n, r, s, i) {
+function DO(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("collapse-button"), a = pe("block");
   return R(), q("div", {
     class: "fragment tcf border-skin-fragment rounded",
     style: ve(t.fragmentStyle)
   }, [
-    S("div", RO, [
+    S("div", AO, [
       n.comment ? (R(), Se(o, {
         key: 0,
         comment: n.comment,
         commentObj: n.commentObj
-      }, null, 8, ["comment", "commentObj"])) : me("", !0),
-      S("div", kO, [
-        t.numbering ? (R(), q("div", OO, Ge(n.number), 1)) : me("", !0),
-        S("div", IO, [
+      }, null, 8, ["comment", "commentObj"])) : Le("", !0),
+      S("div", RO, [
+        t.numbering ? (R(), q("div", kO, Ze(n.number), 1)) : Le("", !0),
+        S("div", OO, [
           G(l, {
             label: "Try",
             collapsed: t.collapsed,
@@ -34286,7 +34282,7 @@ function BO(t, e, n, r, s, i) {
     S("div", {
       class: ye({ hidden: t.collapsed })
     }, [
-      S("div", MO, [
+      S("div", IO, [
         i.blockInTryBlock ? (R(), Se(a, {
           key: 0,
           style: ve({ paddingLeft: `${t.offsetX}px` }),
@@ -34294,7 +34290,7 @@ function BO(t, e, n, r, s, i) {
           selfCallIndent: n.selfCallIndent,
           number: `${n.number}.1`,
           incremental: ""
-        }, null, 8, ["style", "context", "selfCallIndent", "number"])) : me("", !0)
+        }, null, 8, ["style", "context", "selfCallIndent", "number"])) : Le("", !0)
       ]),
       (R(!0), q(Ne, null, Nn(i.tcf.catchBlock(), (c, u) => (R(), q("div", {
         key: u + 500,
@@ -34304,8 +34300,8 @@ function BO(t, e, n, r, s, i) {
           class: "header inline-block bg-skin-frame/[0.66]",
           key: u + 1e3
         }, [
-          NO,
-          S("label", PO, Ge(i.exception(c)), 1)
+          MO,
+          S("label", NO, Ze(i.exception(c)), 1)
         ])),
         (R(), Se(a, {
           style: ve({ paddingLeft: `${t.offsetX}px` }),
@@ -34316,8 +34312,8 @@ function BO(t, e, n, r, s, i) {
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"]))
       ]))), 128)),
-      i.finallyBlock ? (R(), q("div", FO, [
-        DO,
+      i.finallyBlock ? (R(), q("div", PO, [
+        FO,
         G(a, {
           style: ve({ paddingLeft: `${t.offsetX}px` }),
           context: i.finallyBlock,
@@ -34325,11 +34321,11 @@ function BO(t, e, n, r, s, i) {
           number: `${n.number}.${i.blockLengthAcc[i.blockLengthAcc.length - 1] + 1}`,
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"])
-      ])) : me("", !0)
+      ])) : Le("", !0)
     ], 2)
   ], 4);
 }
-const $O = /* @__PURE__ */ je(AO, [["render", BO], ["__scopeId", "data-v-4defdd44"]]), HO = {
+const BO = /* @__PURE__ */ Ge(SO, [["render", DO], ["__scopeId", "data-v-4defdd44"]]), $O = {
   name: "return",
   props: ["context", "comment", "commentObj", "number"],
   computed: {
@@ -34393,10 +34389,10 @@ const $O = /* @__PURE__ */ je(AO, [["render", BO], ["__scopeId", "data-v-4defdd4
     Comment: K0,
     Message: j0
   }
-}, UO = ["data-signature"], VO = {
+}, HO = ["data-signature"], UO = {
   key: 1,
   class: "flex items-center"
-}, zO = /* @__PURE__ */ S("svg", {
+}, VO = /* @__PURE__ */ S("svg", {
   class: "w-3 h-3 flex-shrink-0 fill-current m-1",
   viewBox: "0 0 512 512"
 }, [
@@ -34408,8 +34404,8 @@ const $O = /* @__PURE__ */ je(AO, [["render", BO], ["__scopeId", "data-v-4defdd4
     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), GO = { class: "name text-sm" };
-function jO(t, e, n, r, s, i) {
+], -1), zO = { class: "name text-sm" };
+function GO(t, e, n, r, s, i) {
   const o = pe("comment"), l = pe("Message");
   return R(), q("div", {
     class: ye(["interaction return relative", {
@@ -34424,12 +34420,12 @@ function jO(t, e, n, r, s, i) {
     n.comment ? (R(), Se(o, {
       key: 0,
       commentObj: n.commentObj
-    }, null, 8, ["commentObj"])) : me("", !0),
-    i.isSelf ? (R(), q("div", VO, [
-      zO,
-      S("span", GO, Ge(i.signature), 1)
-    ])) : me("", !0),
-    i.isSelf ? me("", !0) : (R(), Se(l, {
+    }, null, 8, ["commentObj"])) : Le("", !0),
+    i.isSelf ? (R(), q("div", UO, [
+      VO,
+      S("span", zO, Ze(i.signature), 1)
+    ])) : Le("", !0),
+    i.isSelf ? Le("", !0) : (R(), Se(l, {
       key: 2,
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle,
@@ -34439,9 +34435,9 @@ function jO(t, e, n, r, s, i) {
       type: "return",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, UO);
+  ], 14, HO);
 }
-const ZO = /* @__PURE__ */ je(HO, [["render", jO]]), WO = [
+const jO = /* @__PURE__ */ Ge($O, [["render", GO]]), ZO = [
   "aliceblue",
   "antiquewhite",
   "aqua",
@@ -34590,20 +34586,20 @@ const ZO = /* @__PURE__ */ je(HO, [["render", jO]]), WO = [
   "whitesmoke",
   "yellow",
   "yellowgreen"
-], qO = ["italic", "oblique"], KO = ["bold", "bolder", "lighter"], YO = ["underline", "overline", "line-through"], o0 = (t) => {
+], WO = ["italic", "oblique"], qO = ["bold", "bolder", "lighter"], KO = ["underline", "overline", "line-through"], o0 = (t) => {
   const e = {}, n = [];
   return t.forEach((r) => {
     switch (!0) {
-      case WO.includes(r):
+      case ZO.includes(r):
         e.color = r;
         break;
-      case qO.includes(r):
+      case WO.includes(r):
         e.fontStyle = r;
         break;
-      case KO.includes(r):
+      case qO.includes(r):
         e.fontWeight = r;
         break;
-      case YO.includes(r):
+      case KO.includes(r):
         e.textDecoration = r;
         break;
       default:
@@ -34611,7 +34607,7 @@ const ZO = /* @__PURE__ */ je(HO, [["render", jO]]), WO = [
     }
   }), { textStyle: e, classNames: n };
 };
-const XO = {
+const YO = {
   name: "divider",
   props: ["context"],
   computed: {
@@ -34640,8 +34636,8 @@ const XO = {
       return { style: o0([]), note: this.note };
     }
   }
-}, b6 = (t) => (A0("data-v-0be02001"), t = t(), R0(), t), QO = /* @__PURE__ */ b6(() => /* @__PURE__ */ S("div", { class: "left bg-skin-divider" }, null, -1)), JO = /* @__PURE__ */ b6(() => /* @__PURE__ */ S("div", { class: "right bg-skin-divider" }, null, -1));
-function eI(t, e, n, r, s, i) {
+}, b6 = (t) => (A0("data-v-0be02001"), t = t(), R0(), t), XO = /* @__PURE__ */ b6(() => /* @__PURE__ */ S("div", { class: "left bg-skin-divider" }, null, -1)), QO = /* @__PURE__ */ b6(() => /* @__PURE__ */ S("div", { class: "right bg-skin-divider" }, null, -1));
+function JO(t, e, n, r, s, i) {
   return R(), q("div", {
     class: "divider",
     style: ve({
@@ -34649,16 +34645,16 @@ function eI(t, e, n, r, s, i) {
       transform: "translateX(" + (-1 * i.centerOfFrom + 10) + "px)"
     })
   }, [
-    QO,
+    XO,
     S("div", {
       class: ye(["name", i.messageStyle.style.classNames]),
       style: ve(i.messageStyle.style.textStyle)
-    }, Ge(i.messageStyle.note), 7),
-    JO
+    }, Ze(i.messageStyle.note), 7),
+    QO
   ], 4);
 }
-const tI = /* @__PURE__ */ je(XO, [["render", eI], ["__scopeId", "data-v-0be02001"]]);
-function nI(t) {
+const eI = /* @__PURE__ */ Ge(YO, [["render", JO], ["__scopeId", "data-v-0be02001"]]);
+function tI(t) {
   const e = {
     "<>": /* @__PURE__ */ new Set(),
     "()": /* @__PURE__ */ new Set(),
@@ -34679,7 +34675,7 @@ function nI(t) {
     t.slice(s)
   ];
 }
-class rI {
+class nI {
   constructor(e) {
     K(this, "text", "");
     K(this, "classNames", []);
@@ -34689,7 +34685,7 @@ class rI {
     K(this, "commentClassNames", []);
     K(this, "messageClassNames", []);
     const n = e.slice(0, -1).split(`
-`), r = n[n.length - 1], [s, i, o, l] = nI(r), { textStyle: a, classNames: c } = o0(s), { textStyle: u, classNames: h } = o0(i), { textStyle: d, classNames: p } = o0(o);
+`), r = n[n.length - 1], [s, i, o, l] = tI(r), { textStyle: a, classNames: c } = o0(s), { textStyle: u, classNames: h } = o0(i), { textStyle: d, classNames: p } = o0(o);
     this.text = (n.slice(0, n.length - 1).join(`
 `) + `
 ` + l).trim(), this.textStyle = { ...d, ...a, ...u }, this.classNames = [
@@ -34699,7 +34695,7 @@ class rI {
     ], this.commentStyle = { ...d, ...a }, this.messageStyle = { ...d, ...u }, this.commentClassNames = [...p, ...c], this.messageClassNames = [...p, ...h];
   }
 }
-const sI = {
+const rI = {
   name: "statement",
   props: [
     "context",
@@ -34713,7 +34709,7 @@ const sI = {
       return this.context.getComment() ? this.context.getComment() : "";
     },
     commentObj: function() {
-      return new rI(this.comment);
+      return new nI(this.comment);
     },
     subStatement: function() {
       let t = this, e = {
@@ -34735,19 +34731,19 @@ const sI = {
     }
   },
   components: {
-    Creation: vk,
-    Interaction: kk,
-    InteractionAsync: Uk,
-    FragmentAlt: lO,
-    FragmentPar: fO,
-    FragmentOpt: SO,
-    FragmentTryCatchFinally: $O,
-    FragmentLoop: CO,
-    Divider: tI,
-    Return: ZO
+    Creation: Ck,
+    Interaction: Rk,
+    InteractionAsync: Hk,
+    FragmentAlt: oO,
+    FragmentPar: dO,
+    FragmentOpt: TO,
+    FragmentTryCatchFinally: BO,
+    FragmentLoop: yO,
+    Divider: eI,
+    Return: jO
   }
 };
-function iI(t, e, n, r, s, i) {
+function sI(t, e, n, r, s, i) {
   return R(), Se(u1(i.subStatement), {
     class: ye(["text-left text-sm text-skin-message", { hidden: i.collapsedCheck }]),
     context: n.context,
@@ -34758,7 +34754,7 @@ function iI(t, e, n, r, s, i) {
     inheritFromOccurrence: n.inheritFromOccurrence
   }, null, 8, ["class", "context", "comment", "commentObj", "selfCallIndent", "number", "inheritFromOccurrence"]);
 }
-const oI = /* @__PURE__ */ je(sI, [["render", iI]]), lI = { class: "block" }, aI = /* @__PURE__ */ Ve({
+const iI = /* @__PURE__ */ Ge(rI, [["render", sI]]), oI = { class: "block" }, lI = /* @__PURE__ */ Ve({
   __name: "Block",
   props: {
     context: null,
@@ -34773,12 +34769,12 @@ const oI = /* @__PURE__ */ je(sI, [["render", iI]]), lI = { class: "block" }, aI
       var s;
       return ((s = e.context) == null ? void 0 : s.stat()) || [];
     }), r = (s) => e.number ? e.incremental ? _6(e.number, s) : `${e.number}.${s + 1}` : String(s + 1);
-    return (s, i) => (R(), q("div", lI, [
+    return (s, i) => (R(), q("div", oI, [
       (R(!0), q(Ne, null, Nn(N(n), (o, l) => (R(), q("div", {
         class: "statement-container mt-1",
         key: l
       }, [
-        G(oI, {
+        G(iI, {
           inheritFromOccurrence: t.inheritFromOccurrence,
           context: o,
           collapsed: t.collapsed,
@@ -34789,15 +34785,15 @@ const oI = /* @__PURE__ */ je(sI, [["render", iI]]), lI = { class: "block" }, aI
     ]));
   }
 });
-function cI(t) {
+function aI(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 uI = (t, e) => {
+const cI = (t, e) => {
   const r = w6() - e;
-  return console.debug(t + " cost: " + cI(r)), r;
-}, w6 = () => performance.now(), hI = b0.child({ name: "core" });
-class gI {
+  return console.debug(t + " cost: " + aI(r)), r;
+}, w6 = () => performance.now(), uI = b0.child({ name: "core" });
+class pI {
   constructor(e, n = !1) {
     K(this, "el");
     K(this, "_code");
@@ -34807,14 +34803,14 @@ class gI {
     K(this, "_currentTimeout");
     K(this, "_lastRenderingCostMilliseconds", 0);
     K(this, "initialRender", !0);
-    this.el = e, this.store = G5(gh()), this.app = D0(n ? pc : i6), this.app.component("Comment", K0), this.app.component("Block", aI), this.app.use(this.store), this.app.mount(this.el), this.addPortalRootElement();
+    this.el = e, this.store = G5(gh()), this.app = D0(n ? pc : i6), this.app.component("Comment", K0), this.app.component("Block", lI), 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)), hI.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.store.state.enableScopedTheming = (n == null ? void 0 : n.enableScopedTheming) || !1, this.store.state.mode = (n == null ? void 0 : n.mode) || Jt.Dynamic, this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
+    return this._currentTimeout && (console.debug("rendering clearTimeout"), clearTimeout(this._currentTimeout)), uI.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.store.state.enableScopedTheming = (n == null ? void 0 : n.enableScopedTheming) || !1, this.store.state.mode = (n == null ? void 0 : n.mode) || Jt.Dynamic, this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
       async () => await this.doRender(n),
       this.calculateDebounceMilliseconds()
     ), this;
@@ -34825,7 +34821,7 @@ class gI {
     dh(), this.store.commit("onContentChange", (e == null ? void 0 : e.onContentChange) || (() => {
     })), this.store.commit("onThemeChange", (e == null ? void 0 : e.onThemeChange) || (() => {
     })), this.store.commit("onEventEmit", (e == null ? void 0 : e.onEventEmit) || (() => {
-    })), (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 = uI(
+    })), (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 = cI(
       "rendering end",
       n
     );
@@ -34844,7 +34840,7 @@ class gI {
     return this.el.children[0].__vue__.toPng();
   }
 }
-const mI = {
+const gI = {
   createApp: D0,
   createStore: G5,
   Store: gh,
@@ -34855,16 +34851,16 @@ export {
   Zt as A,
   Nn as B,
   ye as C,
-  Ge as D,
+  Ze as D,
   oh as E,
   Ne as F,
-  fI as G,
+  dI as G,
   ev as H,
   cv as P,
   N0 as T,
   Wh as U,
-  mI as V,
-  gI as Z,
+  gI as V,
+  pI as Z,
   S as a,
   P as b,
   q as c,
@@ -34875,14 +34871,14 @@ export {
   m0 as h,
   en as i,
   ct as j,
-  me as k,
+  Le as k,
   xl as l,
   g1 as m,
   gr as n,
   R as o,
   Vt as p,
   hn as q,
-  Le as r,
+  xe as r,
   r3 as s,
   i3 as t,
   N as u,
@@ -34892,4 +34888,4 @@ export {
   Ch as y,
   Se as z
 };
-//# sourceMappingURL=core.ba69b99a.js.map
+//# sourceMappingURL=core.21c8d9f5.js.map