@zenuml/core 3.21.2 → 3.22.0

package/dist/{core.4014abe8.js → core.27be72fc.js}

@@ -919,7 +919,7 @@ function t1(t, e) {
 function gt(t) {
   return !!(t && t.__v_isRef === !0);
 }
-function ge(t) {
+function me(t) {
   return t3(t, !1);
 }
 function e3(t) {
@@ -943,11 +943,11 @@ class P8 {
 function F8(t) {
   t1(t);
 }
-function me(t) {
+function pe(t) {
   return gt(t) ? t.value : t;
 }
 const D8 = {
-  get: (t, e, n) => me(Reflect.get(t, e, n)),
+  get: (t, e, n) => pe(Reflect.get(t, e, n)),
   set: (t, e, n, r) => {
     const s = t[e];
     return gt(s) && !gt(n) ? (s.value = n, !0) : Reflect.set(t, e, n, r);
@@ -1910,7 +1910,7 @@ function hs(t) {
         return d().then((x) => () => j1(x, p)).catch((x) => (g(x), () => r ? z(r, {
           error: x
         }) : null));
-      const L = ge(!1), T = ge(), _ = ge(!!s);
+      const L = me(!1), T = me(), _ = me(!!s);
       return s && setTimeout(() => {
         _.value = !1;
       }, s), i != null && setTimeout(() => {
@@ -3382,52 +3382,52 @@ function Y3(t) {
 function X3(t, e) {
   const n = r8();
   n.__VUE__ = !0;
-  const { insert: r, remove: s, patchProp: i, createElement: o, createText: l, createComment: a, setText: c, setElementText: u, parentNode: h, nextSibling: d, setScopeId: p = Bt, insertStaticContent: g } = t, L = (m, y, S, I = null, O = null, H = null, Y = !1, U = null, G = !!y.dynamicChildren) => {
+  const { insert: r, remove: s, patchProp: i, createElement: o, createText: l, createComment: a, setText: c, setElementText: u, parentNode: h, nextSibling: d, setScopeId: p = Bt, insertStaticContent: g } = t, L = (m, y, A, I = null, O = null, H = null, Y = !1, U = null, G = !!y.dynamicChildren) => {
     if (m === y)
       return;
     m && !vn(m, y) && (I = tt(m), it(m, O, H, !0), m = null), y.patchFlag === -2 && (G = !1, y.dynamicChildren = null);
     const { type: P, ref: F, shapeFlag: ie } = y;
     switch (P) {
       case Ur:
-        T(m, y, S, I);
+        T(m, y, A, I);
         break;
       case yt:
-        _(m, y, S, I);
+        _(m, y, A, I);
         break;
       case Fr:
-        m == null && x(y, S, I, Y);
+        m == null && x(y, A, I, Y);
         break;
       case Fe:
-        He(m, y, S, I, O, H, Y, U, G);
+        He(m, y, A, I, O, H, Y, U, G);
         break;
       default:
-        ie & 1 ? M(m, y, S, I, O, H, Y, U, G) : ie & 6 ? _e(m, y, S, I, O, H, Y, U, G) : (ie & 64 || ie & 128) && P.process(m, y, S, I, O, H, Y, U, G, mt);
+        ie & 1 ? M(m, y, A, I, O, H, Y, U, G) : ie & 6 ? _e(m, y, A, I, O, H, Y, U, G) : (ie & 64 || ie & 128) && P.process(m, y, A, I, O, H, Y, U, G, mt);
     }
     F != null && O && Ri(F, m && m.ref, H, y || m, !y);
-  }, T = (m, y, S, I) => {
+  }, T = (m, y, A, I) => {
     if (m == null)
-      r(y.el = l(y.children), S, I);
+      r(y.el = l(y.children), A, I);
     else {
       const O = y.el = m.el;
       y.children !== m.children && c(O, y.children);
     }
-  }, _ = (m, y, S, I) => {
-    m == null ? r(y.el = a(y.children || ""), S, I) : y.el = m.el;
-  }, x = (m, y, S, I) => {
-    [m.el, m.anchor] = g(m.children, y, S, I, m.el, m.anchor);
-  }, C = ({ el: m, anchor: y }, S, I) => {
+  }, _ = (m, y, A, I) => {
+    m == null ? r(y.el = a(y.children || ""), A, I) : y.el = m.el;
+  }, x = (m, y, A, I) => {
+    [m.el, m.anchor] = g(m.children, y, A, I, m.el, m.anchor);
+  }, C = ({ el: m, anchor: y }, A, I) => {
     let O;
     for (; m && m !== y; )
-      O = d(m), r(m, S, I), m = O;
-    r(y, S, I);
+      O = d(m), r(m, A, I), m = O;
+    r(y, A, I);
   }, E = ({ el: m, anchor: y }) => {
-    let S;
+    let A;
     for (; m && m !== y; )
-      S = d(m), s(m), m = S;
+      A = d(m), s(m), m = A;
     s(y);
-  }, M = (m, y, S, I, O, H, Y, U, G) => {
-    Y = Y || y.type === "svg", m == null ? $(y, S, I, O, H, Y, U, G) : ae(m, y, O, H, Y, U, G);
-  }, $ = (m, y, S, I, O, H, Y, U) => {
+  }, M = (m, y, A, I, O, H, Y, U, G) => {
+    Y = Y || y.type === "svg", m == null ? $(y, A, I, O, H, Y, U, G) : ae(m, y, O, H, Y, U, G);
+  }, $ = (m, y, A, I, O, H, Y, U) => {
     let G, P;
     const { type: F, props: ie, shapeFlag: Q, transition: ne, dirs: be } = m;
     if (G = m.el = o(m.type, H, ie && ie.is, ie), Q & 8 ? u(G, m.children) : Q & 16 && k(m.children, G, null, I, O, H && F !== "foreignObject", Y, U), be && yn(m, null, I, "created"), ie) {
@@ -3437,11 +3437,11 @@ function X3(t, e) {
     }
     j(G, m, m.scopeId, Y, I), be && yn(m, null, I, "beforeMount");
     const Pe = (!O || O && !O.pendingBranch) && ne && !ne.persisted;
-    Pe && ne.beforeEnter(G), r(G, y, S), ((P = ie && ie.onVnodeMounted) || Pe || be) && at(() => {
+    Pe && ne.beforeEnter(G), r(G, y, A), ((P = ie && ie.onVnodeMounted) || Pe || be) && at(() => {
       P && Nt(P, I, m), Pe && ne.enter(G), be && yn(m, null, I, "mounted");
     }, O);
-  }, j = (m, y, S, I, O) => {
-    if (S && p(m, S), I)
+  }, j = (m, y, A, I, O) => {
+    if (A && p(m, A), I)
       for (let H = 0; H < I.length; H++)
         p(m, I[H]);
     if (O) {
@@ -3451,80 +3451,80 @@ function X3(t, e) {
         j(m, Y, Y.scopeId, Y.slotScopeIds, O.parent);
       }
     }
-  }, k = (m, y, S, I, O, H, Y, U, G = 0) => {
+  }, k = (m, y, A, I, O, H, Y, U, G = 0) => {
     for (let P = G; P < m.length; P++) {
       const F = m[P] = U ? rr(m[P]) : Wt(m[P]);
-      L(null, F, y, S, I, O, H, Y, U);
+      L(null, F, y, A, I, O, H, Y, U);
     }
-  }, ae = (m, y, S, I, O, H, Y) => {
+  }, ae = (m, y, A, I, O, H, Y) => {
     const U = y.el = m.el;
     let { patchFlag: G, dynamicChildren: P, dirs: F } = y;
     G |= m.patchFlag & 16;
     const ie = m.props || Ge, Q = y.props || Ge;
     let ne;
-    S && vr(S, !1), (ne = Q.onVnodeBeforeUpdate) && Nt(ne, S, y, m), F && yn(y, m, S, "beforeUpdate"), S && vr(S, !0);
+    A && vr(A, !1), (ne = Q.onVnodeBeforeUpdate) && Nt(ne, A, y, m), F && yn(y, m, A, "beforeUpdate"), A && vr(A, !0);
     const be = O && y.type !== "foreignObject";
-    if (P ? le(m.dynamicChildren, P, U, S, I, be, H) : Y || de(m, y, U, null, S, I, be, H, !1), G > 0) {
+    if (P ? le(m.dynamicChildren, P, U, A, I, be, H) : Y || de(m, y, U, null, A, I, be, H, !1), G > 0) {
       if (G & 16)
-        he(U, y, ie, Q, S, I, O);
+        he(U, y, ie, Q, A, I, O);
       else if (G & 2 && ie.class !== Q.class && i(U, "class", null, Q.class, O), G & 4 && i(U, "style", ie.style, Q.style, O), G & 8) {
         const Pe = y.dynamicProps;
         for (let De = 0; De < Pe.length; De++) {
           const Je = Pe[De], J = ie[Je], ce = Q[Je];
-          (ce !== J || Je === "value") && i(U, Je, J, ce, O, m.children, S, I, Re);
+          (ce !== J || Je === "value") && i(U, Je, J, ce, O, m.children, A, I, Re);
         }
       }
       G & 1 && m.children !== y.children && u(U, y.children);
     } else
-      !Y && P == null && he(U, y, ie, Q, S, I, O);
+      !Y && P == null && he(U, y, ie, Q, A, I, O);
     ((ne = Q.onVnodeUpdated) || F) && at(() => {
-      ne && Nt(ne, S, y, m), F && yn(y, m, S, "updated");
+      ne && Nt(ne, A, y, m), F && yn(y, m, A, "updated");
     }, I);
-  }, le = (m, y, S, I, O, H, Y) => {
+  }, le = (m, y, A, I, O, H, Y) => {
     for (let U = 0; U < y.length; U++) {
-      const G = m[U], P = y[U], F = G.el && (G.type === Fe || !vn(G, P) || G.shapeFlag & 70) ? h(G.el) : S;
+      const G = m[U], P = y[U], F = G.el && (G.type === Fe || !vn(G, P) || G.shapeFlag & 70) ? h(G.el) : A;
       L(G, P, F, null, I, O, H, Y, !0);
     }
-  }, he = (m, y, S, I, O, H, Y) => {
-    if (S !== I) {
-      if (S !== Ge)
-        for (const U in S)
-          !os(U) && !(U in I) && i(m, U, S[U], null, Y, y.children, O, H, Re);
+  }, he = (m, y, A, I, O, H, Y) => {
+    if (A !== I) {
+      if (A !== Ge)
+        for (const U in A)
+          !os(U) && !(U in I) && i(m, U, A[U], null, Y, y.children, O, H, Re);
       for (const U in I) {
         if (os(U))
           continue;
-        const G = I[U], P = S[U];
+        const G = I[U], P = A[U];
         G !== P && U !== "value" && i(m, U, P, G, Y, y.children, O, H, Re);
       }
-      "value" in I && i(m, "value", S.value, I.value);
+      "value" in I && i(m, "value", A.value, I.value);
     }
-  }, He = (m, y, S, I, O, H, Y, U, G) => {
+  }, He = (m, y, A, I, O, H, Y, U, G) => {
     const P = y.el = m ? m.el : l(""), F = y.anchor = m ? m.anchor : l("");
     let { patchFlag: ie, dynamicChildren: Q, slotScopeIds: ne } = y;
-    ne && (U = U ? U.concat(ne) : ne), m == null ? (r(P, S, I), r(F, S, I), k(y.children, S, F, O, H, Y, U, G)) : ie > 0 && ie & 64 && Q && m.dynamicChildren ? (le(m.dynamicChildren, Q, S, O, H, Y, U), (y.key != null || O && y === O.subTree) && Gl(m, y, !0)) : de(m, y, S, F, O, H, Y, U, G);
-  }, _e = (m, y, S, I, O, H, Y, U, G) => {
-    y.slotScopeIds = U, m == null ? y.shapeFlag & 512 ? O.ctx.activate(y, S, I, Y, G) : re(y, S, I, O, H, Y, G) : Ne(m, y, G);
-  }, re = (m, y, S, I, O, H, Y) => {
+    ne && (U = U ? U.concat(ne) : ne), m == null ? (r(P, A, I), r(F, A, I), k(y.children, A, F, O, H, Y, U, G)) : ie > 0 && ie & 64 && Q && m.dynamicChildren ? (le(m.dynamicChildren, Q, A, O, H, Y, U), (y.key != null || O && y === O.subTree) && Gl(m, y, !0)) : de(m, y, A, F, O, H, Y, U, G);
+  }, _e = (m, y, A, I, O, H, Y, U, G) => {
+    y.slotScopeIds = U, m == null ? y.shapeFlag & 512 ? O.ctx.activate(y, A, I, Y, G) : re(y, A, I, O, H, Y, G) : Ne(m, y, G);
+  }, re = (m, y, A, I, O, H, Y) => {
     const U = m.isCompatRoot && m.component, G = U || (m.component = jl(m, I, O));
     if (R0(m) && (G.ctx.renderer = mt), U || Zl(G), G.asyncDep) {
       if (O && O.registerDep(G, D), !m.el) {
         const P = G.subTree = z(yt);
-        _(null, P, y, S);
+        _(null, P, y, A);
       }
       return;
     }
-    D(G, m, y, S, O, H, Y);
-  }, Ne = (m, y, S) => {
+    D(G, m, y, A, O, H, Y);
+  }, Ne = (m, y, A) => {
     const I = y.component = m.component;
-    if (id(m, y, S))
+    if (id(m, y, A))
       if (I.asyncDep && !I.asyncResolved) {
-        X(I, y, S);
+        X(I, y, A);
         return;
       } else
         I.next = y, Z8(I.update), I.update();
     else
       y.el = m.el, I.vnode = y;
-  }, D = (m, y, S, I, O, H, Y) => {
+  }, D = (m, y, A, I, O, H, Y) => {
     const U = () => {
       if (m.isMounted) {
         let { next: F, bu: ie, u: Q, parent: ne, vnode: be } = m, Pe = F, De;
@@ -3551,13 +3551,13 @@ function X3(t, e) {
           ) : Je();
         } else {
           const Je = m.subTree = yi(m);
-          L(null, Je, S, I, m, O, H), y.el = Je.el;
+          L(null, Je, A, I, m, O, H), y.el = Je.el;
         }
         if (be && at(be, O), !De && (F = Q && Q.onVnodeMounted)) {
           const Je = y;
           at(() => Nt(F, Pe, Je), O);
         }
-        Ue("INSTANCE_EVENT_HOOKS", m) && at(() => m.emit("hook:mounted"), O), (y.shapeFlag & 256 || Pe && Mr(Pe.vnode) && Pe.vnode.shapeFlag & 256) && (m.a && at(m.a, O), Ue("INSTANCE_EVENT_HOOKS", m) && at(() => m.emit("hook:activated"), O)), m.isMounted = !0, y = S = I = null;
+        Ue("INSTANCE_EVENT_HOOKS", m) && at(() => m.emit("hook:mounted"), O), (y.shapeFlag & 256 || Pe && Mr(Pe.vnode) && Pe.vnode.shapeFlag & 256) && (m.a && at(m.a, O), Ue("INSTANCE_EVENT_HOOKS", m) && at(() => m.emit("hook:activated"), O)), m.isMounted = !0, y = A = I = null;
       }
     }, G = m.effect = new S0(
       U,
@@ -3565,39 +3565,39 @@ function X3(t, e) {
       m.scope
     ), P = m.update = () => G.run();
     P.id = m.uid, vr(m, !0), P();
-  }, X = (m, y, S) => {
+  }, X = (m, y, A) => {
     y.component = m;
     const I = m.vnode.props;
-    m.vnode = y, m.next = null, Ud(m, y.props, I, S), Gd(m, y.children, S), Es(), Hc(), Ts();
-  }, de = (m, y, S, I, O, H, Y, U, G = !1) => {
+    m.vnode = y, m.next = null, Ud(m, y.props, I, A), Gd(m, y.children, A), Es(), Hc(), Ts();
+  }, de = (m, y, A, I, O, H, Y, U, G = !1) => {
     const P = m && m.children, F = m ? m.shapeFlag : 0, ie = y.children, { patchFlag: Q, shapeFlag: ne } = y;
     if (Q > 0) {
       if (Q & 128) {
-        Qe(P, ie, S, I, O, H, Y, U, G);
+        Qe(P, ie, A, I, O, H, Y, U, G);
         return;
       } else if (Q & 256) {
-        Xe(P, ie, S, I, O, H, Y, U, G);
+        Xe(P, ie, A, I, O, H, Y, U, G);
         return;
       }
     }
-    ne & 8 ? (F & 16 && Re(P, O, H), ie !== P && u(S, ie)) : F & 16 ? ne & 16 ? Qe(P, ie, S, I, O, H, Y, U, G) : Re(P, O, H, !0) : (F & 8 && u(S, ""), ne & 16 && k(ie, S, I, O, H, Y, U, G));
-  }, Xe = (m, y, S, I, O, H, Y, U, G) => {
+    ne & 8 ? (F & 16 && Re(P, O, H), ie !== P && u(A, ie)) : F & 16 ? ne & 16 ? Qe(P, ie, A, I, O, H, Y, U, G) : Re(P, O, H, !0) : (F & 8 && u(A, ""), ne & 16 && k(ie, A, I, O, H, Y, U, G));
+  }, Xe = (m, y, A, I, O, H, Y, U, G) => {
     m = m || ss, y = y || ss;
     const P = m.length, F = y.length, ie = Math.min(P, F);
     let Q;
     for (Q = 0; Q < ie; Q++) {
       const ne = y[Q] = G ? rr(y[Q]) : Wt(y[Q]);
-      L(m[Q], ne, S, null, O, H, Y, U, G);
+      L(m[Q], ne, A, null, O, H, Y, U, G);
     }
-    P > F ? Re(m, O, H, !0, !1, ie) : k(y, S, I, O, H, Y, U, G, ie);
-  }, Qe = (m, y, S, I, O, H, Y, U, G) => {
+    P > F ? Re(m, O, H, !0, !1, ie) : k(y, A, I, O, H, Y, U, G, ie);
+  }, Qe = (m, y, A, I, O, H, Y, U, G) => {
     let P = 0;
     const F = y.length;
     let ie = m.length - 1, Q = F - 1;
     for (; P <= ie && P <= Q; ) {
       const ne = m[P], be = y[P] = G ? rr(y[P]) : Wt(y[P]);
       if (vn(ne, be))
-        L(ne, be, S, null, O, H, Y, U, G);
+        L(ne, be, A, null, O, H, Y, U, G);
       else
         break;
       P++;
@@ -3605,7 +3605,7 @@ function X3(t, e) {
     for (; P <= ie && P <= Q; ) {
       const ne = m[ie], be = y[Q] = G ? rr(y[Q]) : Wt(y[Q]);
       if (vn(ne, be))
-        L(ne, be, S, null, O, H, Y, U, G);
+        L(ne, be, A, null, O, H, Y, U, G);
       else
         break;
       ie--, Q--;
@@ -3614,7 +3614,7 @@ function X3(t, e) {
       if (P <= Q) {
         const ne = Q + 1, be = ne < F ? y[ne].el : I;
         for (; P <= Q; )
-          L(null, y[P] = G ? rr(y[P]) : Wt(y[P]), S, be, O, H, Y, U, G), P++;
+          L(null, y[P] = G ? rr(y[P]) : Wt(y[P]), A, be, O, H, Y, U, G), P++;
       }
     } else if (P > Q)
       for (; P <= ie; )
@@ -3646,44 +3646,44 @@ function X3(t, e) {
               nn = De;
               break;
             }
-        nn === void 0 ? it(ft, O, H, !0) : (Ie[nn - be] = P + 1, nn >= Ee ? Ee = nn : ce = !0, L(ft, y[nn], S, null, O, H, Y, U, G), Je++);
+        nn === void 0 ? it(ft, O, H, !0) : (Ie[nn - be] = P + 1, nn >= Ee ? Ee = nn : ce = !0, L(ft, y[nn], A, null, O, H, Y, U, G), Je++);
       }
       const xt = ce ? sf(Ie) : ss;
       for (De = xt.length - 1, P = J - 1; P >= 0; P--) {
         const ft = be + P, nn = y[ft], Ac = ft + 1 < F ? y[ft + 1].el : I;
-        Ie[P] === 0 ? L(null, nn, S, Ac, O, H, Y, U, G) : ce && (De < 0 || P !== xt[De] ? Ot(nn, S, Ac, 2) : De--);
+        Ie[P] === 0 ? L(null, nn, A, Ac, O, H, Y, U, G) : ce && (De < 0 || P !== xt[De] ? Ot(nn, A, Ac, 2) : De--);
       }
     }
-  }, Ot = (m, y, S, I, O = null) => {
+  }, Ot = (m, y, A, I, O = null) => {
     const { el: H, type: Y, transition: U, children: G, shapeFlag: P } = m;
     if (P & 6) {
-      Ot(m.component.subTree, y, S, I);
+      Ot(m.component.subTree, y, A, I);
       return;
     }
     if (P & 128) {
-      m.suspense.move(y, S, I);
+      m.suspense.move(y, A, I);
       return;
     }
     if (P & 64) {
-      Y.move(m, y, S, mt);
+      Y.move(m, y, A, mt);
       return;
     }
     if (Y === Fe) {
-      r(H, y, S);
+      r(H, y, A);
       for (let ie = 0; ie < G.length; ie++)
-        Ot(G[ie], y, S, I);
-      r(m.anchor, y, S);
+        Ot(G[ie], y, A, I);
+      r(m.anchor, y, A);
       return;
     }
     if (Y === Fr) {
-      C(m, y, S);
+      C(m, y, A);
       return;
     }
     if (I !== 2 && P & 1 && U)
       if (I === 0)
-        U.beforeEnter(H), r(H, y, S), at(() => U.enter(H), O);
+        U.beforeEnter(H), r(H, y, A), at(() => U.enter(H), O);
       else {
-        const { leave: ie, delayLeave: Q, afterLeave: ne } = U, be = () => r(H, y, S), Pe = () => {
+        const { leave: ie, delayLeave: Q, afterLeave: ne } = U, be = () => r(H, y, A), Pe = () => {
           ie(H, () => {
             be(), ne && ne();
           });
@@ -3691,31 +3691,31 @@ function X3(t, e) {
         Q ? Q(H, be, Pe) : Pe();
       }
     else
-      r(H, y, S);
-  }, it = (m, y, S, I = !1, O = !1) => {
+      r(H, y, A);
+  }, it = (m, y, A, I = !1, O = !1) => {
     const { type: H, props: Y, ref: U, children: G, dynamicChildren: P, shapeFlag: F, patchFlag: ie, dirs: Q } = m;
-    if (U != null && Ri(U, null, S, m, !0), F & 256) {
+    if (U != null && Ri(U, null, A, m, !0), F & 256) {
       y.ctx.deactivate(m);
       return;
     }
     const ne = F & 1 && Q, be = !Mr(m);
     let Pe;
     if (be && (Pe = Y && Y.onVnodeBeforeUnmount) && Nt(Pe, y, m), F & 6)
-      Ae(m.component, S, I);
+      Ae(m.component, A, I);
     else {
       if (F & 128) {
-        m.suspense.unmount(S, I);
+        m.suspense.unmount(A, I);
         return;
       }
-      ne && yn(m, null, y, "beforeUnmount"), F & 64 ? m.type.remove(m, y, S, O, mt, I) : P && (H !== Fe || ie > 0 && ie & 64) ? Re(P, y, S, !1, !0) : (H === Fe && ie & 384 || !O && F & 16) && Re(G, y, S), I && N(m);
+      ne && yn(m, null, y, "beforeUnmount"), F & 64 ? m.type.remove(m, y, A, O, mt, I) : P && (H !== Fe || ie > 0 && ie & 64) ? Re(P, y, A, !1, !0) : (H === Fe && ie & 384 || !O && F & 16) && Re(G, y, A), I && N(m);
     }
     (be && (Pe = Y && Y.onVnodeUnmounted) || ne) && at(() => {
       Pe && Nt(Pe, y, m), ne && yn(m, null, y, "unmounted");
-    }, S);
+    }, A);
   }, N = (m) => {
-    const { type: y, el: S, anchor: I, transition: O } = m;
+    const { type: y, el: A, anchor: I, transition: O } = m;
     if (y === Fe) {
-      se(S, I);
+      se(A, I);
       return;
     }
     if (y === Fr) {
@@ -3723,28 +3723,28 @@ function X3(t, e) {
       return;
     }
     const H = () => {
-      s(S), O && !O.persisted && O.afterLeave && O.afterLeave();
+      s(A), O && !O.persisted && O.afterLeave && O.afterLeave();
     };
     if (m.shapeFlag & 1 && O && !O.persisted) {
-      const { leave: Y, delayLeave: U } = O, G = () => Y(S, H);
+      const { leave: Y, delayLeave: U } = O, G = () => Y(A, H);
       U ? U(m.el, H, G) : G();
     } else
       H();
   }, se = (m, y) => {
-    let S;
+    let A;
     for (; m !== y; )
-      S = d(m), s(m), m = S;
+      A = d(m), s(m), m = A;
     s(y);
-  }, Ae = (m, y, S) => {
+  }, Ae = (m, y, A) => {
     const { bum: I, scope: O, update: H, subTree: Y, um: U } = m;
-    I && cr(I), Ue("INSTANCE_EVENT_HOOKS", m) && m.emit("hook:beforeDestroy"), O.stop(), H && (H.active = !1, it(Y, m, y, S)), U && at(U, y), Ue("INSTANCE_EVENT_HOOKS", m) && at(() => m.emit("hook:destroyed"), y), at(() => {
+    I && cr(I), Ue("INSTANCE_EVENT_HOOKS", m) && m.emit("hook:beforeDestroy"), O.stop(), H && (H.active = !1, it(Y, m, y, A)), U && at(U, y), Ue("INSTANCE_EVENT_HOOKS", m) && at(() => m.emit("hook:destroyed"), y), at(() => {
       m.isUnmounted = !0;
     }, y), y && y.pendingBranch && !y.isUnmounted && m.asyncDep && !m.asyncResolved && m.suspenseId === y.pendingId && (y.deps--, y.deps === 0 && y.resolve());
-  }, Re = (m, y, S, I = !1, O = !1, H = 0) => {
+  }, Re = (m, y, A, I = !1, O = !1, H = 0) => {
     for (let Y = H; Y < m.length; Y++)
-      it(m[Y], y, S, I, O);
-  }, tt = (m) => m.shapeFlag & 6 ? tt(m.component.subTree) : m.shapeFlag & 128 ? m.suspense.next() : d(m.anchor || m.el), xn = (m, y, S) => {
-    m == null ? y._vnode && it(y._vnode, null, null, !0) : L(y._vnode || null, m, y, null, null, null, S), Hc(), Si(), y._vnode = m;
+      it(m[Y], y, A, I, O);
+  }, tt = (m) => m.shapeFlag & 6 ? tt(m.component.subTree) : m.shapeFlag & 128 ? m.suspense.next() : d(m.anchor || m.el), xn = (m, y, A) => {
+    m == null ? y._vnode && it(y._vnode, null, null, !0) : L(y._vnode || null, m, y, null, null, null, A), Hc(), Si(), y._vnode = m;
   }, mt = {
     p: L,
     um: it,
@@ -3912,7 +3912,7 @@ function t5(t) {
   return t.dynamicChildren = Vr > 0 ? Dt || ss : null, e5(), Vr > 0 && Dt && Dt.push(t), t;
 }
 function q(t, e, n, r, s, i) {
-  return t5(A(t, e, n, r, s, i, !0));
+  return t5(S(t, e, n, r, s, i, !0));
 }
 function ke(t, e, n, r, s) {
   return t5(z(t, e, n, r, s, !0));
@@ -3926,7 +3926,7 @@ function vn(t, e) {
 function hf(t) {
 }
 const u1 = "__vInternal", n5 = ({ key: t }) => t != null ? t : null, Ci = ({ ref: t, ref_key: e, ref_for: n }) => t != null ? Ke(t) || gt(t) || ue(t) ? { i: ut, r: t, k: e, f: !!n } : t : null;
-function A(t, e = null, n = null, r = 0, s = null, i = t === Fe ? 0 : 1, o = !1, l = !1) {
+function S(t, e = null, n = null, r = 0, s = null, i = t === Fe ? 0 : 1, o = !1, l = !1) {
   const a = {
     __v_isVNode: !0,
     __v_skip: !0,
@@ -3969,7 +3969,7 @@ function df(t, e = null, n = null, r = 0, s = null, i = !1) {
     l && !Ke(l) && (e.class = ve(l)), Se(a) && (El(a) && !K(a) && (a = Oe({}, a)), e.style = Ce(a));
   }
   const o = Ke(t) ? 1 : u3(t) ? 128 : of(t) ? 64 : Se(t) ? 4 : ue(t) ? 2 : 0;
-  return A(t, e, n, r, s, o, i, !0);
+  return S(t, e, n, r, s, o, i, !0);
 }
 function r5(t) {
   return t ? El(t) || u1 in t ? Oe({}, t) : t : null;
@@ -5179,9 +5179,9 @@ var L7 = /* @__PURE__ */ Object.freeze({
   withKeys: p7,
   vShow: N0,
   reactive: kn,
-  ref: ge,
+  ref: me,
   readonly: wl,
-  unref: me,
+  unref: pe,
   proxyRefs: Rl,
   isRef: gt,
   toRef: n3,
@@ -5289,7 +5289,7 @@ var L7 = /* @__PURE__ */ Object.freeze({
   createTextVNode: dn,
   createCommentVNode: Le,
   createStaticVNode: h1,
-  createElementVNode: A,
+  createElementVNode: S,
   createElementBlock: q,
   guardReactiveProps: r5,
   toDisplayString: Ve,
@@ -24847,7 +24847,7 @@ const V0 = zC, GC = V0(/[\n\r]/g, " "), jC = V0(/\s+/g, " "), ZC = V0(/\s*([,;.(
     r--;
   }
   return 0;
-}, QO = (t, e) => {
+}, rI = (t, e) => {
   const n = rh(t, e);
   if (n === 0)
     return "";
@@ -25202,7 +25202,8 @@ const hh = () => (uh = X7(), {
   state: {
     warning: void 0,
     code: "",
-    theme: localStorage.getItem(`${location.hostname}-zenuml-theme`) || "theme-default",
+    theme: "theme-default",
+    enableScopedTheming: !1,
     themeIconDot: Boolean(
       localStorage.getItem(`${location.hostname}-zenuml-theme-icon-dot`)
     ),
@@ -25274,10 +25275,10 @@ const hh = () => (uh = X7(), {
     },
     setTheme: function(t, e) {
       var n;
-      e ? localStorage.setItem(`${location.hostname}-zenuml-theme`, e) : localStorage.setItem(
-        `${location.hostname}-zenuml-theme`,
-        "theme-default"
-      ), t.theme = e, (n = t.onThemeChange) == null || n.call(t, e);
+      t.theme = e, (n = t.onThemeChange) == null || n.call(t, {
+        theme: e,
+        currentDiagramOnly: Boolean(t.scopeThemingChecked)
+      });
     },
     setThemeIconDot: function(t, e) {
       localStorage.setItem(
@@ -25285,6 +25286,13 @@ const hh = () => (uh = X7(), {
         e ? "1" : ""
       ), t.themeIconDot = e;
     },
+    setEnableScopedTheming: function(t, e) {
+      var n;
+      t.enableScopedTheming = e, (n = t.onThemeChange) == null || n.call(t, {
+        theme: t.theme,
+        scoped: e
+      });
+    },
     onMessageClick: function(t, e) {
       t.onMessageClick = e;
     },
@@ -25326,12 +25334,12 @@ const hh = () => (uh = X7(), {
     }
   },
   setup(t) {
-    const e = t, n = hs(() => _v(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close.88155347.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded.83830f86.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded.8535edbd.js"), "./icons/debug.svg": () => import("./debug.18576f12.js"), "./icons/message-arrow.svg": () => import("./message-arrow.adc60eb2.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle.e9683cef.js"), "./icons/numbering.svg": () => import("./numbering.3fb8d919.js"), "./icons/privacy.svg": () => import("./privacy.ab903634.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle.548c91d9.js"), "./icons/theme.svg": () => import("./theme.6de29dde.js"), "./icons/tip.svg": () => import("./tip.acddcc72.js"), "./icons/zoom-in.svg": () => import("./zoom-in.ce045c35.js"), "./icons/zoom-out.svg": () => import("./zoom-out.23aca112.js") }), `./icons/${e.name}.svg`));
+    const e = t, n = hs(() => _v(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close.5849ea8c.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded.d651308b.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded.2a9cbb15.js"), "./icons/debug.svg": () => import("./debug.13ca1da5.js"), "./icons/message-arrow.svg": () => import("./message-arrow.443a9bfb.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle.49553373.js"), "./icons/numbering.svg": () => import("./numbering.3b0ef7e1.js"), "./icons/privacy.svg": () => import("./privacy.40239147.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle.31389177.js"), "./icons/theme.svg": () => import("./theme.ab19aad6.js"), "./icons/tip.svg": () => import("./tip.cbb748c3.js"), "./icons/zoom-in.svg": () => import("./zoom-in.d0ba372e.js"), "./icons/zoom-out.svg": () => import("./zoom-out.c0ceca39.js") }), `./icons/${e.name}.svg`));
     return (r, s) => (R(), q("span", {
       class: ve(["flex items-center justify-center", t.iconClass]),
       onClick: s[0] || (s[0] = (i) => r.$emit("icon-click"))
     }, [
-      (R(), ke(Rs(me(n)), { class: "w-full h-full" }))
+      (R(), ke(Rs(pe(n)), { class: "w-full h-full" }))
     ], 2));
   }
 };
@@ -25350,7 +25358,7 @@ const ze = (t, e) => {
 function vv(t, e, n, r, s, i) {
   const o = xe("Icon");
   return R(), q("div", null, [
-    A("div", Cv, [
+    S("div", Cv, [
       z(o, {
         name: "privacy",
         "icon-class": "fill-current h-6 w-6 m-auto"
@@ -26581,7 +26589,7 @@ const Pv = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
   redis: cw
 };
 function gh() {
-  const t = ge(0), e = ge(0), n = () => {
+  const t = me(0), e = me(0), n = () => {
     t.value = document.documentElement.scrollTop, e.value = document.documentElement.scrollLeft;
   };
   return We(() => {
@@ -26614,7 +26622,7 @@ function dw() {
   }), document.body.appendChild(t), { detectorContainer: t, detectors: e });
 }
 function mh() {
-  const t = ge(0);
+  const t = me(0);
   let e;
   return We(() => {
     const { detectorContainer: n, detectors: r } = dw(), s = document.documentElement.scrollHeight, i = document.documentElement.scrollWidth - hw;
@@ -26649,7 +26657,7 @@ function xh(t) {
 const fw = 10, pw = {
   name: "Participant",
   setup(t) {
-    const e = Fn(), n = ge(null);
+    const e = Fn(), n = me(null);
     if (e.state.mode === Gn.Static)
       return { translate: 0, participant: n };
     const r = mh(), [s] = gh();
@@ -26743,10 +26751,10 @@ function yw(t, e, n, r, s, i) {
       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, gw)) : Le("", !0),
-    A("div", mw, [
+    S("div", mw, [
       i.comment ? (R(), q("span", xw, Ve(i.comment), 1)) : Le("", !0),
       i.stereotype ? (R(), q("label", Lw, "\xAB" + Ve(i.stereotype) + "\xBB", 1)) : Le("", !0),
-      A("label", _w, Ve(n.entity.label || n.entity.name), 1)
+      S("label", _w, Ve(n.entity.label || n.entity.name), 1)
     ])
   ], 6);
 }
@@ -26819,7 +26827,7 @@ function ww(t, e, n, r, s, i) {
     class: "lifeline absolute flex flex-col mx-2 transform -translate-x-1/2 h-full",
     style: Ce({ paddingTop: t.top + "px", left: i.left + "px" })
   }, [
-    a1(A("div", null, Ve(t.centerOf(n.entity.name)), 513), [
+    a1(S("div", null, Ve(t.centerOf(n.entity.name)), 513), [
       [N0, i.debug]
     ]),
     n.renderParticipants ? (R(), ke(o, {
@@ -26874,13 +26882,13 @@ function Sw(t, e, n, r, s, i) {
     class: "container absolute flex flex-col h-full",
     style: Ce({ left: `${i.left}px`, width: `${i.right - i.left}px` })
   }, [
-    A("div", {
+    S("div", {
       class: ve(["flex flex-col flex-grow", {
         shadow: !n.renderParticipants,
         "shadow-slate-500/50": !n.renderParticipants
       }])
     }, [
-      A("div", Tw, [
+      S("div", Tw, [
         (R(!0), q(Fe, null, On(i.entities, (l) => (R(), ke(o, {
           inGroup: "true",
           key: l.name,
@@ -26968,13 +26976,13 @@ function Mw(t, e, n, r, s, i) {
       pointerEvents: n.renderParticipants ? "none" : "all"
     })
   }, [
-    A("div", {
+    S("div", {
       style: Ce({
         transform: `translateY(${r.translate > 0 ? r.translate - 1 : r.translate}px)`
       }),
       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),
-    A("div", Iw, [
+    S("div", Iw, [
       i.starterOnTheLeft ? (R(), ke(o, {
         key: 0,
         entity: i.starterParticipant,
@@ -27011,7 +27019,7 @@ const uo = /* @__PURE__ */ ze(Ow, [["render", Mw]]), Nw = { class: "message-laye
     context: null
   },
   setup(t) {
-    const e = t, n = hs(() => import("./StylePanel.0780389e.js")), r = b0.child({ name: "MessageLayer" }), s = Fn(), i = V(() => s.getters.participants), o = V(() => s.getters.centerOf), l = V(() => {
+    const e = t, n = hs(() => import("./StylePanel.1674bbd7.js")), r = b0.child({ name: "MessageLayer" }), s = Fn(), i = V(() => s.getters.participants), o = V(() => s.getters.centerOf), l = V(() => {
       var g, L;
       const c = (g = e.context) == null ? void 0 : g.stat()[0].message();
       if (!c)
@@ -27034,9 +27042,9 @@ const uo = /* @__PURE__ */ ze(Ow, [["render", Mw]]), Nw = { class: "message-laye
       return R(), q("div", Nw, [
         z(h, {
           context: t.context,
-          style: Ce({ "padding-left": me(a) + "px" })
+          style: Ce({ "padding-left": pe(a) + "px" })
         }, null, 8, ["context", "style"]),
-        z(me(n))
+        z(pe(n))
       ]);
     };
   }
@@ -27145,44 +27153,44 @@ const dc = /* @__PURE__ */ Ye({
     const e = Fn(), n = V(() => e.state.theme), r = V(() => e.state.mode), s = V(() => e.getters.rootContext), i = V(() => e.getters.coordinates), o = V(() => yh(s.value, i.value)), l = V(() => {
       const c = i.value.orderedParticipantNames(), h = new uc(c).getFrame(s.value);
       return h ? hc(h).left + il + 20 : 0;
-    }), a = ge(null);
+    }), a = me(null);
     return e.commit("diagramElement", a), (c, u) => (R(), q("div", {
-      class: ve(["zenuml sequence-diagram relative box-border text-left overflow-visible", me(n)]),
+      class: ve(["zenuml sequence-diagram relative box-border text-left overflow-visible", pe(n)]),
       ref_key: "diagramRef",
       ref: a
     }, [
-      A("div", {
-        style: Ce({ paddingLeft: `${me(l)}px` }),
+      S("div", {
+        style: Ce({ paddingLeft: `${pe(l)}px` }),
         class: "relative"
       }, [
-        me(r) === me(Gn).Dynamic ? (R(), q(Fe, { key: 0 }, [
+        pe(r) === pe(Gn).Dynamic ? (R(), q(Fe, { key: 0 }, [
           z(uo, {
-            leftGap: me(l),
-            context: me(s).head(),
+            leftGap: pe(l),
+            context: pe(s).head(),
             renderParticipants: !1,
             renderLifeLine: !0
           }, null, 8, ["leftGap", "context"]),
           z(iu, {
-            context: me(s).block(),
-            style: Ce({ width: `${me(o)}px` })
+            context: pe(s).block(),
+            style: Ce({ width: `${pe(o)}px` })
           }, null, 8, ["context", "style"]),
           z(uo, {
-            leftGap: me(l),
-            context: me(s).head(),
+            leftGap: pe(l),
+            context: pe(s).head(),
             renderParticipants: !0,
             renderLifeLine: !1
           }, null, 8, ["leftGap", "context"])
         ], 64)) : Le("", !0),
-        me(r) === me(Gn).Static ? (R(), q(Fe, { key: 1 }, [
+        pe(r) === pe(Gn).Static ? (R(), q(Fe, { key: 1 }, [
           z(uo, {
-            leftGap: me(l),
-            context: me(s).head(),
+            leftGap: pe(l),
+            context: pe(s).head(),
             renderParticipants: !0,
             renderLifeLine: !0
           }, null, 8, ["leftGap", "context"]),
           z(iu, {
-            context: me(s).block(),
-            style: Ce({ width: `${me(o)}px` })
+            context: pe(s).block(),
+            style: Ce({ width: `${pe(o)}px` })
           }, null, 8, ["context", "style"])
         ], 64)) : Le("", !0)
       ], 4)
@@ -27208,7 +27216,7 @@ function Gw(t, e, n, r, s, i) {
       key: o,
       class: "col-span-1 flex flex-col shadow-sm rounded-md"
     }, [
-      A("div", $w, [
+      S("div", $w, [
         i.icon ? (R(), q("i", {
           key: 0,
           innerHTML: i.icon(o),
@@ -27216,9 +27224,9 @@ function Gw(t, e, n, r, s, i) {
           alt: `icon for ${o}`
         }, null, 8, Hw)) : Le("", !0)
       ]),
-      A("div", Uw, [
-        A("div", Vw, [
-          A("span", zw, "@" + Ve(o), 1)
+      S("div", Uw, [
+        S("div", Vw, [
+          S("span", zw, "@" + Ve(o), 1)
         ])
       ])
     ]))), 128))
@@ -27308,16 +27316,16 @@ const jw = /* @__PURE__ */ ze(Dw, [["render", Gw]]), Zw = {
       }
     }
   }
-}, Ww = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block" }, qw = /* @__PURE__ */ A("div", {
+}, Ww = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block" }, qw = /* @__PURE__ */ S("div", {
   class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",
   "aria-hidden": "true"
-}, null, -1), Kw = /* @__PURE__ */ A("span", {
+}, null, -1), Kw = /* @__PURE__ */ S("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
 }, "\u200B", -1), Yw = { 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" }, Xw = {
   class: "bg-white px-4 py-5 border-b border-gray-200 sm:px-6",
   slot: "header"
-}, Qw = /* @__PURE__ */ A("h3", { class: "text-xl leading-6 font-medium text-gray-900 inline-block" }, " ZenUML Tips ", -1), Jw = /* @__PURE__ */ A("span", { class: "sr-only" }, "Close menu", -1), eE = { slot: "body" }, tE = { class: "relative bg-white pb-32 mt-4 overflow-hidden" }, nE = { class: "relative" }, rE = { class: "lg:mx-auto lg:max-w-11/12 lg:px-8" }, sE = /* @__PURE__ */ h1(`<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)
+}, Qw = /* @__PURE__ */ S("h3", { class: "text-xl leading-6 font-medium text-gray-900 inline-block" }, " ZenUML Tips ", -1), Jw = /* @__PURE__ */ S("span", { class: "sr-only" }, "Close menu", -1), eE = { slot: "body" }, tE = { class: "relative bg-white pb-32 mt-4 overflow-hidden" }, nE = { class: "relative" }, rE = { class: "lg:mx-auto lg:max-w-11/12 lg:px-8" }, sE = /* @__PURE__ */ h1(`<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
@@ -27364,23 +27372,23 @@ A.method() {
 }
 A.method() {
   @return A-&gt;B: message
-}</code></pre></div></div>`, 1), iE = { class: "px-4 max-w-7xl mx-auto sm:px-6 lg:max-w-none lg:mx-0" }, oE = /* @__PURE__ */ A("h2", { class: "mt-8 mb-4 text-lg leading-6 font-medium text-gray-900" }, " Builtin Icons ", -1), lE = /* @__PURE__ */ A("p", { class: "text-sm text-gray-500" }, [
+}</code></pre></div></div>`, 1), iE = { class: "px-4 max-w-7xl mx-auto sm:px-6 lg:max-w-none lg:mx-0" }, oE = /* @__PURE__ */ S("h2", { class: "mt-8 mb-4 text-lg leading-6 font-medium text-gray-900" }, " Builtin Icons ", -1), lE = /* @__PURE__ */ S("p", { class: "text-sm text-gray-500" }, [
   /* @__PURE__ */ dn(" Use "),
-  /* @__PURE__ */ A("span", { class: "rounded inline-block bg-gray-50 text-gray-600" }, [
-    /* @__PURE__ */ A("code", { class: "text-xs" }, "@Actor TheParticipant")
+  /* @__PURE__ */ S("span", { class: "rounded inline-block bg-gray-50 text-gray-600" }, [
+    /* @__PURE__ */ S("code", { class: "text-xs" }, "@Actor TheParticipant")
   ]),
   /* @__PURE__ */ dn(" to define the type of the participant. ")
-], -1), aE = /* @__PURE__ */ A("hr", { class: "mt-4" }, null, -1), cE = /* @__PURE__ */ A("hr", { class: "mt-4" }, null, -1), uE = /* @__PURE__ */ A("hr", { class: "mt-4" }, null, -1);
+], -1), aE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1), cE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1), uE = /* @__PURE__ */ S("hr", { class: "mt-4" }, null, -1);
 function hE(t, e, n, r, s, i) {
   const o = xe("Icon"), l = xe("IconList");
   return R(), q("div", Ww, [
     qw,
     Kw,
-    A("div", Yw, [
-      A("div", null, [
-        A("div", Xw, [
+    S("div", Yw, [
+      S("div", null, [
+        S("div", Xw, [
           Qw,
-          A("button", {
+          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"
@@ -27392,12 +27400,12 @@ function hE(t, e, n, r, s, i) {
             })
           ])
         ]),
-        A("div", eE, [
-          A("div", tE, [
-            A("div", nE, [
-              A("div", rE, [
+        S("div", eE, [
+          S("div", tE, [
+            S("div", nE, [
+              S("div", rE, [
                 sE,
-                A("div", iE, [
+                S("div", iE, [
                   oE,
                   lE,
                   z(l, { types: i.standardTypes }, null, 8, ["types"]),
@@ -27425,7 +27433,7 @@ const fE = {
   class: "arrow stroke-2",
   height: "10",
   width: "10"
-}, gE = /* @__PURE__ */ Ch(() => /* @__PURE__ */ A("polyline", {
+}, gE = /* @__PURE__ */ Ch(() => /* @__PURE__ */ S("polyline", {
   class: "right head fill-current stroke-current",
   points: "0,0 10,5 0,10"
 }, null, -1)), mE = [
@@ -27435,7 +27443,7 @@ const fE = {
   class: "arrow stroke-2",
   height: "10",
   width: "10"
-}, LE = /* @__PURE__ */ Ch(() => /* @__PURE__ */ A("polyline", {
+}, LE = /* @__PURE__ */ Ch(() => /* @__PURE__ */ S("polyline", {
   class: "left head fill-current stroke-current",
   points: "10,0 0,5 10,10"
 }, null, -1)), _E = [
@@ -27464,7 +27472,7 @@ const CE = /* @__PURE__ */ ze(fE, [["render", yE], ["__scopeId", "data-v-de6521b
     number: null
   },
   setup(t) {
-    const e = t, { context: n, content: r, rtl: s, type: i, textStyle: o, classNames: l, number: a } = kl(e), c = Fn(), u = ge(), h = V(() => c.state.numbering), d = V(() => (i == null ? void 0 : i.value) === "async"), p = V(() => {
+    const e = t, { context: n, content: r, rtl: s, type: i, textStyle: o, classNames: l, number: a } = kl(e), c = Fn(), u = me(), h = V(() => c.state.numbering), d = V(() => (i == null ? void 0 : i.value) === "async"), p = V(() => {
       switch (i == null ? void 0 : i.value) {
         case "sync":
         case "async":
@@ -27489,30 +27497,30 @@ const CE = /* @__PURE__ */ ze(fE, [["render", yE], ["__scopeId", "data-v-de6521b
     };
     return (T, _) => (R(), q("div", {
       class: ve(["message border-skin-message-arrow border-b-2 flex items-end", {
-        "flex-row-reverse": me(s),
-        return: me(i) === "return",
-        "right-to-left": me(s),
-        "text-left": me(d),
-        "text-center": !me(d)
+        "flex-row-reverse": pe(s),
+        return: pe(i) === "return",
+        "right-to-left": pe(s),
+        "text-left": pe(d),
+        "text-center": !pe(d)
       }]),
-      style: Ce({ "border-bottom-style": me(p) || void 0 }),
+      style: Ce({ "border-bottom-style": pe(p) || void 0 }),
       onClick: L,
       ref_key: "messageRef",
       ref: u
     }, [
-      A("div", vE, [
-        A("div", bE, [
-          A("div", {
-            style: Ce(me(o)),
-            class: ve(me(l))
-          }, Ve(me(r)), 7),
-          me(h) ? (R(), q("div", wE, Ve(me(a)), 1)) : Le("", !0)
+      S("div", vE, [
+        S("div", bE, [
+          S("div", {
+            style: Ce(pe(o)),
+            class: ve(pe(l))
+          }, Ve(pe(r)), 7),
+          pe(h) ? (R(), q("div", wE, Ve(pe(a)), 1)) : Le("", !0)
         ])
       ]),
       z(CE, {
         class: "flex-shrink-0 transform translate-y-1/2 -my-px",
-        fill: me(g),
-        rtl: me(s)
+        fill: pe(g),
+        rtl: pe(s)
       }, null, 8, ["fill", "rtl"])
     ], 6));
   }
@@ -28019,13 +28027,13 @@ const CT = {}.VITE_APP_GIT_HASH, vT = {}.VITE_APP_GIT_BRANCH, bT = {
 function ST(t, e, n, r, s, i) {
   const o = xe("Icon");
   return a1((R(), q("div", null, [
-    A("div", wT, [
-      A("div", ET, [
+    S("div", wT, [
+      S("div", ET, [
         z(o, {
           name: "debug",
           "icon-class": "h-4 w-4"
         }),
-        A("span", TT, Ve(s.gitBranch) + ":" + Ve(s.commitHash), 1)
+        S("span", TT, Ve(s.gitBranch) + ":" + Ve(s.commitHash), 1)
       ])
     ])
   ], 512)), [
@@ -28305,7 +28313,7 @@ function jT(t, e, n = V(() => !0)) {
     }
     return !UT(l, Mh.Loose) && l.tabIndex !== -1 && i.preventDefault(), e(i, l);
   }
-  let s = ge(null);
+  let s = me(null);
   gi("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);
@@ -28351,7 +28359,7 @@ function ZT(t) {
   }
 }
 function WT(t, e, n) {
-  let r = ge(n == null ? void 0 : n.value), s = V(() => t.value !== void 0);
+  let r = me(n == null ? void 0 : n.value), s = V(() => t.value !== void 0);
   return [V(() => s.value ? t.value : r.value), function(i) {
     return s.value || (r.value = i), e == null ? void 0 : e(i);
   }];
@@ -28407,7 +28415,7 @@ function Z0() {
 }
 var Xs = ((t) => (t[t.Forwards = 0] = "Forwards", t[t.Backwards = 1] = "Backwards", t))(Xs || {});
 function KT() {
-  let t = ge(0);
+  let t = me(0);
   return Ph("keydown", (e) => {
     e.key === "Tab" && (t.value = e.shiftKey ? 1 : 0);
   }), t;
@@ -28436,10 +28444,10 @@ function Hh(t) {
   return e;
 }
 var Uh = ((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))(Uh || {});
-let Ws = Object.assign(Ye({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: ge(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: r }) {
-  let s = ge(null);
+let Ws = Object.assign(Ye({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: me(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: r }) {
+  let s = me(null);
   r({ el: s, $el: s });
-  let i = V(() => Sn(s)), o = ge(!1);
+  let i = V(() => Sn(s)), o = me(!1);
   We(() => o.value = !0), ht(() => o.value = !1), QT({ ownerDocument: i }, V(() => o.value && Boolean(t.features & 16)));
   let l = JT({ ownerDocument: i, container: s, initialFocus: V(() => t.initialFocus) }, V(() => o.value && Boolean(t.features & 2)));
   eS({ ownerDocument: i, container: s, containers: t.containers, previousActiveElement: l }, V(() => o.value && Boolean(t.features & 8)));
@@ -28454,7 +28462,7 @@ let Ws = Object.assign(Ye({ name: "FocusTrap", props: { as: { type: [Object, Str
       } });
     });
   }
-  let u = ge(!1);
+  let u = me(!1);
   function h(p) {
     p.key === "Tab" && (u.value = !0, requestAnimationFrame(() => {
       u.value = !1;
@@ -28480,7 +28488,7 @@ YT(() => {
   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 XT(t) {
-  let e = ge(kr.slice());
+  let e = me(kr.slice());
   return Yt([t], ([n], [r]) => {
     r === !0 && n === !1 ? Lc(() => {
       e.value.splice(0);
@@ -28502,7 +28510,7 @@ function QT({ ownerDocument: t }, e) {
   });
 }
 function JT({ ownerDocument: t, container: e, initialFocus: n }, r) {
-  let s = ge(null), i = ge(!1);
+  let s = me(null), i = me(!1);
   return We(() => i.value = !0), ht(() => i.value = !1), We(() => {
     Yt([e, n, r], (o, l) => {
       if (o.every((c, u) => (l == null ? void 0 : l[u]) === c) || !r.value)
@@ -28548,7 +28556,7 @@ function Vh(t, e) {
   return !1;
 }
 let po = /* @__PURE__ */ new Map(), qs = /* @__PURE__ */ new Map();
-function pu(t, e = ge(!0)) {
+function pu(t, e = me(!0)) {
   Qt((n) => {
     var r;
     if (!e.value)
@@ -28594,7 +28602,7 @@ function nS(t) {
   return r.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(r);
 }
 let Gh = Ye({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(t, { slots: e, attrs: n }) {
-  let r = ge(null), s = V(() => Sn(r)), i = tS(), o = lt(jh, null), l = ge(i === !0 || o == null ? nS(r.value) : o.resolveTarget());
+  let r = me(null), s = V(() => Sn(r)), i = tS(), o = lt(jh, null), l = me(i === !0 || o == null ? nS(r.value) : o.resolveTarget());
   Qt(() => {
     i || o != null && (l.value = o.resolveTarget());
   });
@@ -28614,7 +28622,7 @@ let Gh = Ye({ name: "Portal", props: { as: { type: [Object, String], default: "d
   };
 } }), hl = Symbol("PortalParentContext");
 function rS() {
-  let t = lt(hl, null), e = ge([]);
+  let t = lt(hl, null), e = me([]);
   function n(i) {
     return e.value.push(i), t && t.register(i), () => r(i);
   }
@@ -28664,8 +28672,8 @@ function lS() {
     throw new Error("Missing parent");
   return t;
 }
-function _c({ slot: t = ge({}), name: e = "Description", props: n = {} } = {}) {
-  let r = ge([]);
+function _c({ slot: t = me({}), name: e = "Description", props: n = {} } = {}) {
+  let r = me([]);
   function s(i) {
     return r.value.push(i), () => {
       let o = r.value.indexOf(i);
@@ -28674,10 +28682,10 @@ function _c({ slot: t = ge({}), name: e = "Description", props: n = {} } = {}) {
   }
   return Ut(Wh, { register: s, slot: t, name: e, props: n }), V(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-let JO = Ye({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Bn()}` } }, setup(t, { attrs: e, slots: n }) {
+let sI = Ye({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${Bn()}` } }, setup(t, { attrs: e, slots: n }) {
   let r = lS();
   return We(() => ht(r.register(t.id))), () => {
-    let { name: s = "Description", slot: i = ge({}), props: o = {} } = r, { id: l, ...a } = t, c = { ...Object.entries(o).reduce((u, [h, d]) => Object.assign(u, { [h]: me(d) }), {}), id: l };
+    let { name: s = "Description", slot: i = me({}), props: o = {} } = r, { id: l, ...a } = t, c = { ...Object.entries(o).reduce((u, [h, d]) => Object.assign(u, { [h]: pe(d) }), {}), id: l };
     return wt({ ourProps: c, theirProps: a, slot: i.value, attrs: e, slots: n, name: s });
   };
 } });
@@ -28793,7 +28801,7 @@ function pS(t, e, n) {
   }, { immediate: !0 }), s;
 }
 function gS({ defaultContainers: t = [], portals: e, mainTreeNodeRef: n } = {}) {
-  let r = ge(null), s = Sn(r);
+  let r = me(null), s = Sn(r);
   function i() {
     var o;
     let l = [];
@@ -28824,11 +28832,11 @@ function W0(t) {
 }
 let mi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", xS = Ye({ 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: mi }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${Bn()}` } }, emits: { close: (t) => !0 }, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
   var i;
-  let o = ge(!1);
+  let o = me(!1);
   We(() => {
     o.value = !0;
   });
-  let l = ge(0), a = xc(), c = V(() => t.open === mi && a !== null ? (a.value & qt.Open) === qt.Open : t.open), u = ge(null), h = V(() => Sn(u));
+  let l = me(0), a = xc(), c = V(() => t.open === mi && a !== null ? (a.value & qt.Open) === qt.Open : t.open), u = me(null), h = V(() => Sn(u));
   if (s({ el: u, $el: u }), !(t.open !== mi || a !== null))
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof c.value != "boolean")
@@ -28849,7 +28857,7 @@ let mi = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", xS = Ye({ name: "Dialog", inher
     if (de === "Dialog")
       return Nn(X, { [dl.Add]: () => l.value += 1, [dl.Remove]: () => l.value -= 1 });
   } });
-  let he = _c({ name: "DialogDescription", slot: V(() => ({ open: c.value })) }), He = ge(null), _e = { titleId: He, panelRef: ge(null), dialogState: d, setTitleId(X) {
+  let he = _c({ name: "DialogDescription", slot: V(() => ({ open: c.value })) }), He = me(null), _e = { titleId: He, panelRef: me(null), dialogState: d, setTitleId(X) {
     He.value !== X && (He.value = X);
   }, close() {
     e("close", !1);
@@ -28896,7 +28904,7 @@ Ye({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div
   };
 } });
 Ye({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${Bn()}` } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: r }) {
-  let s = W0("DialogBackdrop"), i = ge(null);
+  let s = W0("DialogBackdrop"), i = me(null);
   return r({ el: i, $el: i }), We(() => {
     if (s.panelRef.value === null)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
@@ -28933,7 +28941,7 @@ function Kh() {
   return t;
 }
 function Yh({ slot: t = {}, name: e = "Label", props: n = {} } = {}) {
-  let r = ge([]);
+  let r = me([]);
   function s(i) {
     return r.value.push(i), () => {
       let o = r.value.indexOf(i);
@@ -28945,7 +28953,7 @@ function Yh({ slot: t = {}, name: e = "Label", props: n = {} } = {}) {
 let yS = Ye({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${Bn()}` } }, setup(t, { slots: e, attrs: n }) {
   let r = Kh();
   return We(() => 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]: me(p) }), {}), id: l };
+    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]: pe(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 });
   };
 } });
@@ -28962,7 +28970,7 @@ function Qh(t) {
   return e;
 }
 let vS = Ye({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => CS }, 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-${Bn()}` } }, inheritAttrs: !1, setup(t, { emit: e, attrs: n, slots: r, expose: s }) {
-  let i = ge(null), o = ge([]), l = Yh({ name: "RadioGroupLabel" }), a = _c({ name: "RadioGroupDescription" });
+  let i = me(null), o = me([]), l = Yh({ name: "RadioGroupLabel" }), a = _c({ name: "RadioGroupDescription" });
   s({ el: i, $el: i });
   let [c, u] = WT(V(() => t.modelValue), (g) => e("update:modelValue", g), V(() => t.defaultValue)), h = { options: o, value: c, disabled: V(() => t.disabled), firstOption: V(() => o.value.find((g) => !g.propsRef.disabled)), containsCheckedOption: V(() => o.value.some((g) => h.compare(we(g.propsRef.value), we(t.modelValue)))), compare(g, L) {
     if (typeof t.by == "string") {
@@ -29050,7 +29058,7 @@ let vS = Ye({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, pro
 } });
 var bS = ((t) => (t[t.Empty = 1] = "Empty", t[t.Active = 2] = "Active", t))(bS || {});
 let wS = Ye({ 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-${Bn()}` } }, setup(t, { attrs: e, slots: n, expose: r }) {
-  let s = Qh("RadioGroupOption"), i = Yh({ name: "RadioGroupLabel" }), o = _c({ name: "RadioGroupDescription" }), l = ge(null), a = V(() => ({ value: t.value, disabled: t.disabled })), c = ge(1);
+  let s = Qh("RadioGroupOption"), i = Yh({ name: "RadioGroupLabel" }), o = _c({ name: "RadioGroupDescription" }), l = me(null), a = V(() => ({ value: t.value, disabled: t.disabled })), c = me(1);
   r({ el: l, $el: l });
   let u = V(() => st(l));
   We(() => s.registerOption({ id: t.id, element: u, propsRef: a })), ht(() => s.unregisterOption(t.id));
@@ -29129,7 +29137,7 @@ function U1(t) {
   return "children" in t ? U1(t.children) : t.value.filter(({ state: e }) => e === "visible").length > 0;
 }
 function Jh(t) {
-  let e = ge([]), n = ge(!1);
+  let e = me([]), n = me(!1);
   We(() => n.value = !0), ht(() => n.value = !1);
   function r(i, o = lr.Hidden) {
     let l = e.value.findIndex(({ id: a }) => a === i);
@@ -29146,7 +29154,7 @@ function Jh(t) {
   return { children: e, register: s, unregister: r };
 }
 let e6 = Gi.RenderStrategy, gl = Ye({ 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 = ge(0);
+  let i = me(0);
   function o() {
     i.value |= qt.Opening, e("beforeEnter");
   }
@@ -29161,9 +29169,9 @@ let e6 = Gi.RenderStrategy, gl = Ye({ props: { as: { type: [Object, String], def
   }
   if (!AS() && MT())
     return () => ct(t6, { ...t, onBeforeEnter: o, onAfterEnter: l, onBeforeLeave: a, onAfterLeave: c }, r);
-  let u = ge(null), h = V(() => t.unmount ? lr.Unmount : lr.Hidden);
+  let u = me(null), h = V(() => t.unmount ? lr.Unmount : lr.Hidden);
   s({ el: u, $el: u });
-  let { show: d, appear: p } = RS(), { register: g, unregister: L } = kS(), T = ge(d.value ? "visible" : "hidden"), _ = { value: !0 }, x = Bn(), C = { value: !1 }, E = Jh(() => {
+  let { show: d, appear: p } = RS(), { register: g, unregister: L } = kS(), T = me(d.value ? "visible" : "hidden"), _ = { value: !0 }, x = Bn(), C = { value: !1 }, E = Jh(() => {
     !C.value && T.value !== "hidden" && (T.value = "hidden", L(x), c());
   });
   We(() => {
@@ -29210,9 +29218,9 @@ let e6 = Gi.RenderStrategy, gl = Ye({ props: { as: { type: [Object, String], def
     if (![!0, !1].includes(i.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let o = ge(i.value ? "visible" : "hidden"), l = Jh(() => {
+  let o = me(i.value ? "visible" : "hidden"), l = Jh(() => {
     o.value = "hidden";
-  }), a = ge(!0), c = { show: i, appear: V(() => t.appear || !a.value) };
+  }), a = me(!0), c = { show: i, appear: V(() => t.appear || !a.value) };
   return We(() => {
     Qt(() => {
       a.value = !1, i.value ? o.value = "visible" : U1(l) || (o.value = "hidden");
@@ -29286,10 +29294,13 @@ const IS = `<svg width="64" height="42" viewBox="0 0 64 42" fill="none" xmlns="h
 const FS = {
   key: 0,
   class: "dot"
-}, DS = /* @__PURE__ */ A("div", { class: "fixed inset-0 bg-black bg-opacity-25" }, null, -1), BS = { class: "fixed inset-0 overflow-y-auto" }, $S = { class: "flex min-h-full items-center justify-center p-4 text-center" }, HS = /* @__PURE__ */ A("p", { class: "text-gray-500 text-sm" }, "Customize your UI theme", -1), US = { class: "mt-4" }, VS = { class: "space-y-2" }, zS = { class: "flex w-full items-center justify-between" }, GS = { class: "flex items-center text-sm text-gray-900" }, jS = ["innerHTML"], ZS = {
+}, DS = /* @__PURE__ */ S("div", { class: "fixed inset-0 bg-black bg-opacity-25" }, null, -1), BS = { class: "fixed inset-0 overflow-y-auto" }, $S = { class: "flex min-h-full items-center justify-center p-4 text-center" }, HS = { class: "px-6" }, US = /* @__PURE__ */ S("p", { class: "text-gray-500 text-sm" }, "Customize your UI theme", -1), VS = { class: "mt-4 ml-[-0.5rem] px-2 max-h-72 overflow-y-auto" }, zS = { class: "pb-4" }, GS = { class: "space-y-2" }, jS = { class: "flex w-full items-center justify-between" }, ZS = { class: "flex items-center text-sm text-gray-900" }, WS = ["innerHTML"], qS = { class: "pt-6 px-6 border-t flex items-center gap-2" }, KS = ["checked"], YS = /* @__PURE__ */ S("label", {
+  for: "scopeTheming",
+  class: "select-none"
+}, "Apply to this diagram only", -1), XS = {
   __name: "ThemeSelect",
   setup(t) {
-    const e = ge(!1), n = [
+    const e = me(!1), n = [
       {
         name: "Legacy",
         id: "theme-default",
@@ -29310,35 +29321,39 @@ const FS = {
         id: "theme-neon",
         icon: PS
       }
-    ], r = Fn(), s = V(() => r.state.theme || n[0].id), i = ge(r.state.themeIconDot), o = () => {
+    ], r = Fn(), s = V(() => r.state.theme || n[0].id), i = V(
+      () => r.state.scopeThemingChecked || !1
+    ), o = me(r.state.themeIconDot), l = () => {
       e.value = !1;
-    }, l = () => {
-      e.value = !0, i.value = !0, r.commit("setThemeIconDot", !0);
-    }, a = (c) => {
-      s.value = c, r.commit("setTheme", c);
+    }, a = () => {
+      e.value = !0, o.value = !0, r.commit("setThemeIconDot", !0);
+    }, c = (h) => {
+      s.value = h, r.commit("setTheme", h);
+    }, u = (h) => {
+      i.value = h, r.commit("setEnableScopedTheming", h);
     };
-    return (c, u) => (R(), q(Fe, null, [
-      A("button", {
+    return (h, d) => (R(), q(Fe, null, [
+      S("button", {
         type: "button",
         class: "flex items-center icon-container",
-        onClick: l
+        onClick: a
       }, [
         z(dr, { name: "theme" }),
-        i.value ? Le("", !0) : (R(), q("span", FS))
+        o.value ? Le("", !0) : (R(), q("span", FS))
       ]),
-      z(me(t6), {
+      z(pe(t6), {
         appear: "",
         show: e.value,
         as: "template"
       }, {
         default: jt(() => [
-          z(me(xS), {
+          z(pe(xS), {
             as: "div",
-            onClose: o,
+            onClose: l,
             class: "relative z-10"
           }, {
             default: jt(() => [
-              z(me(gl), {
+              z(pe(gl), {
                 as: "template",
                 enter: "duration-300 ease-out",
                 "enter-from": "opacity-0",
@@ -29352,9 +29367,9 @@ const FS = {
                 ], void 0, !0),
                 _: 1
               }),
-              A("div", BS, [
-                A("div", $S, [
-                  z(me(gl), {
+              S("div", BS, [
+                S("div", $S, [
+                  z(pe(gl), {
                     as: "template",
                     enter: "duration-300 ease-out",
                     "enter-from": "opacity-0 scale-95",
@@ -29364,81 +29379,92 @@ const FS = {
                     "leave-to": "opacity-0 scale-95"
                   }, {
                     default: jt(() => [
-                      z(me(LS), { class: "w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all" }, {
+                      z(pe(LS), { class: "w-full max-w-md transform overflow-hidden rounded-2xl bg-white py-6 text-left align-middle shadow-xl transition-all" }, {
                         default: jt(() => [
-                          z(me(_S), {
-                            as: "h3",
-                            class: "text-lg font-semibold leading-6 text-gray-900"
-                          }, {
-                            default: jt(() => [
-                              dn(" Theme ")
-                            ], void 0, !0),
-                            _: 1
-                          }),
-                          HS,
-                          A("div", US, [
-                            A("div", null, [
-                              z(me(vS), {
-                                "model-value": me(s),
-                                "onUpdate:modelValue": a
-                              }, {
-                                default: jt(() => [
-                                  z(me(gu), { class: "sr-only" }, {
-                                    default: jt(() => [
-                                      dn("Server size ")
-                                    ], void 0, !0),
-                                    _: 1
-                                  }),
-                                  A("div", VS, [
-                                    (R(), q(Fe, null, On(n, (h) => z(me(wS), {
-                                      as: "template",
-                                      key: h.id,
-                                      value: h.id
-                                    }, {
-                                      default: jt(({ checked: d }) => [
-                                        A("div", {
-                                          class: ve([[
-                                            d ? "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"])
-                                        }, [
-                                          A("div", zS, [
-                                            A("div", GS, [
-                                              d ? (R(), ke(dr, {
-                                                key: 0,
-                                                name: "selected-cycle",
-                                                "icon-class": "h-5 w-5 fill-none"
-                                              })) : (R(), ke(dr, {
-                                                key: 1,
-                                                name: "non-selected-cycle",
-                                                "icon-class": "h-5 w-5"
-                                              })),
-                                              z(me(gu), {
-                                                as: "p",
-                                                class: ve([
-                                                  "text-gray-900",
-                                                  "font-medium ml-2"
-                                                ])
-                                              }, {
-                                                default: jt(() => [
-                                                  dn(Ve(h.name), 1)
-                                                ], void 0, !0),
-                                                _: 2
-                                              }, 1032, ["class"])
-                                            ])
-                                          ]),
-                                          A("span", {
-                                            class: "inline-block w-20 border rounded-md overflow-hidden",
-                                            innerHTML: h.icon
-                                          }, null, 8, jS)
-                                        ], 2)
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["value"])), 64))
-                                  ])
-                                ], void 0, !0),
-                                _: 1
-                              }, 8, ["model-value"])
+                          S("div", HS, [
+                            z(pe(_S), {
+                              as: "h3",
+                              class: "text-lg font-semibold leading-6 text-gray-900"
+                            }, {
+                              default: jt(() => [
+                                dn(" Theme ")
+                              ], void 0, !0),
+                              _: 1
+                            }),
+                            US,
+                            S("div", VS, [
+                              S("div", zS, [
+                                z(pe(vS), {
+                                  "model-value": pe(s),
+                                  "onUpdate:modelValue": c
+                                }, {
+                                  default: jt(() => [
+                                    z(pe(gu), { class: "sr-only" }, {
+                                      default: jt(() => [
+                                        dn("Server size")
+                                      ], void 0, !0),
+                                      _: 1
+                                    }),
+                                    S("div", GS, [
+                                      (R(), q(Fe, null, On(n, (p) => z(pe(wS), {
+                                        as: "template",
+                                        key: p.id,
+                                        value: p.id
+                                      }, {
+                                        default: jt(({ checked: g }) => [
+                                          S("div", {
+                                            class: ve([[
+                                              g ? "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", jS, [
+                                              S("div", ZS, [
+                                                g ? (R(), ke(dr, {
+                                                  key: 0,
+                                                  name: "selected-cycle",
+                                                  "icon-class": "h-5 w-5 fill-none"
+                                                })) : (R(), ke(dr, {
+                                                  key: 1,
+                                                  name: "non-selected-cycle",
+                                                  "icon-class": "h-5 w-5"
+                                                })),
+                                                z(pe(gu), {
+                                                  as: "p",
+                                                  class: ve([
+                                                    "text-gray-900",
+                                                    "font-medium ml-2"
+                                                  ])
+                                                }, {
+                                                  default: jt(() => [
+                                                    dn(Ve(p.name), 1)
+                                                  ], void 0, !0),
+                                                  _: 2
+                                                }, 1032, ["class"])
+                                              ])
+                                            ]),
+                                            S("span", {
+                                              class: "inline-block w-20 border rounded-md overflow-hidden",
+                                              innerHTML: p.icon
+                                            }, null, 8, WS)
+                                          ], 2)
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["value"])), 64))
+                                    ])
+                                  ], void 0, !0),
+                                  _: 1
+                                }, 8, ["model-value"])
+                              ])
                             ])
+                          ]),
+                          S("div", qS, [
+                            S("input", {
+                              type: "checkbox",
+                              id: "scopeTheming",
+                              checked: pe(i),
+                              onChange: d[0] || (d[0] = (p) => u(p.target.checked))
+                            }, null, 40, KS),
+                            YS
                           ])
                         ], void 0, !0),
                         _: 1
@@ -29456,7 +29482,7 @@ const FS = {
       }, 8, ["show"])
     ], 64));
   }
-}, WS = {
+}, QS = {
   name: "DiagramFrame",
   setup() {
     return {
@@ -29571,24 +29597,24 @@ const FS = {
     DiagramTitle: Sv,
     SeqDiagram: dc,
     Privacy: bv,
-    ThemeSelect: ZS
+    ThemeSelect: XS
   }
-}, qS = { class: "frame text-skin-frame bg-skin-frame border-skin-frame relative m-1 origin-top-left whitespace-nowrap border rounded" }, KS = { ref: "content" }, YS = { class: "header text-skin-title bg-skin-title border-skin-frame border-b p-1 flex justify-between rounded-t" }, XS = { class: "left hide-export" }, QS = { class: "right flex-grow flex justify-between" }, JS = {
+}, JS = { class: "frame text-skin-frame bg-skin-frame border-skin-frame relative m-1 origin-top-left whitespace-nowrap border rounded" }, eA = { ref: "content" }, tA = { class: "header text-skin-title bg-skin-title border-skin-frame border-b p-1 flex justify-between rounded-t" }, nA = { class: "left hide-export" }, rA = { class: "right flex-grow flex justify-between" }, sA = {
   key: 0,
   class: "fixed z-40 inset-0 overflow-y-auto",
   "aria-labelledby": "modal-title",
   role: "dialog",
   "aria-modal": "true"
-}, eA = { class: "footer text-skin-control px-4 py-1 flex justify-between items-center gap-3" }, tA = { class: "flex items-center gap-3 color-base" }, nA = { class: "flex items-center" }, rA = ["checked"], sA = {
+}, iA = { class: "footer text-skin-control px-4 py-1 flex justify-between items-center gap-3" }, oA = { class: "flex items-center gap-3 color-base" }, lA = { class: "flex items-center" }, aA = ["checked"], cA = {
   for: "order-display",
   title: "Numbering the diagram",
   class: "select-none"
-}, iA = { class: "zoom-controls bg-skin-base flex hide-export gap-1" }, oA = { class: "w-12 block text-center" }, lA = /* @__PURE__ */ A("a", {
+}, uA = { class: "zoom-controls bg-skin-base flex hide-export gap-1" }, hA = { class: "w-12 block text-center" }, dA = /* @__PURE__ */ S("a", {
   target: "_blank",
   href: "https://zenuml.com",
   class: "brand text-xs hover:underline"
 }, "ZenUML.com", -1);
-function aA(t, e, n, r, s, i) {
+function fA(t, e, n, r, s, i) {
   const o = xe("debug"), l = xe("diagram-title"), a = xe("privacy"), c = xe("TipsDialog"), u = xe("seq-diagram"), h = xe("Icon"), d = xe("ThemeSelect"), p = xe("width-provider");
   return R(), q("div", {
     ref: "export",
@@ -29596,19 +29622,19 @@ function aA(t, e, n, r, s, i) {
     style: { display: "inline-block" }
   }, [
     z(o),
-    A("div", qS, [
-      A("div", KS, [
-        A("div", YS, [
-          A("div", XS, [
+    S("div", JS, [
+      S("div", eA, [
+        S("div", tA, [
+          S("div", nA, [
             Vl(t.$slots, "default")
           ]),
-          A("div", QS, [
+          S("div", rA, [
             z(l, { context: i.title }, null, 8, ["context"]),
             z(a, { class: "hide-export flex items-center" })
           ])
         ]),
-        A("div", null, [
-          t.showTips ? (R(), q("div", JS, [
+        S("div", null, [
+          t.showTips ? (R(), q("div", sA, [
             z(c)
           ])) : Le("", !0)
         ]),
@@ -29618,10 +29644,10 @@ function aA(t, e, n, r, s, i) {
           class: "origin-top-left"
         }, null, 8, ["style"])
       ], 512),
-      A("div", eA, [
+      S("div", iA, [
         t.mode === r.RenderMode.Dynamic ? (R(), q(Fe, { key: 0 }, [
-          A("div", tA, [
-            A("button", {
+          S("div", oA, [
+            S("button", {
               class: "bottom-1 flex items-center left-1 hide-export",
               onClick: e[0] || (e[0] = (g) => i.showTipsDialog())
             }, [
@@ -29631,15 +29657,15 @@ function aA(t, e, n, r, s, i) {
               })
             ]),
             t.enableMultiTheme ? (R(), ke(d, { key: 0 })) : Le("", !0),
-            A("div", nA, [
-              A("input", {
+            S("div", lA, [
+              S("input", {
                 type: "checkbox",
                 id: "order-display",
                 class: "mr-1",
                 checked: t.numbering,
                 onInput: e[1] || (e[1] = (g) => t.toggleNumbering(!t.numbering))
-              }, null, 40, rA),
-              A("label", sA, [
+              }, null, 40, aA),
+              S("label", cA, [
                 z(h, {
                   name: "numbering",
                   "icon-class": "w-6 h-6"
@@ -29647,8 +29673,8 @@ function aA(t, e, n, r, s, i) {
               ])
             ])
           ]),
-          A("div", iA, [
-            A("button", {
+          S("div", uA, [
+            S("button", {
               class: "zoom-in",
               onClick: e[2] || (e[2] = (g) => i.zoomIn())
             }, [
@@ -29657,8 +29683,8 @@ function aA(t, e, n, r, s, i) {
                 "icon-class": "w-4 h-4"
               })
             ]),
-            A("label", oA, Ve(Number(t.scale * 100).toFixed(0)) + "%", 1),
-            A("button", {
+            S("label", hA, Ve(Number(t.scale * 100).toFixed(0)) + "%", 1),
+            S("button", {
               class: "zoom-out",
               onClick: e[3] || (e[3] = (g) => i.zoomOut())
             }, [
@@ -29668,14 +29694,14 @@ function aA(t, e, n, r, s, i) {
               })
             ])
           ]),
-          lA
+          dA
         ], 64)) : Le("", !0)
       ]),
       z(p)
     ])
   ], 2);
 }
-const n6 = /* @__PURE__ */ ze(WS, [["render", aA]]);
+const n6 = /* @__PURE__ */ ze(QS, [["render", fA]]);
 function r6() {
   return {
     baseUrl: null,
@@ -29700,50 +29726,50 @@ function r6() {
   };
 }
 let Bs = r6();
-function cA(t) {
+function pA(t) {
   Bs = t;
 }
-const uA = /[&<>"']/, hA = /[&<>"']/g, dA = /[<>"']|&(?!#?\w+;)/, fA = /[<>"']|&(?!#?\w+;)/g, pA = {
+const gA = /[&<>"']/, mA = /[&<>"']/g, xA = /[<>"']|&(?!#?\w+;)/, LA = /[<>"']|&(?!#?\w+;)/g, _A = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
-}, xu = (t) => pA[t];
+}, xu = (t) => _A[t];
 function pt(t, e) {
   if (e) {
-    if (uA.test(t))
-      return t.replace(hA, xu);
-  } else if (dA.test(t))
-    return t.replace(fA, xu);
+    if (gA.test(t))
+      return t.replace(mA, xu);
+  } else if (xA.test(t))
+    return t.replace(LA, xu);
   return t;
 }
-const gA = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+const yA = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
 function s6(t) {
-  return t.replace(gA, (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(yA, (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 mA = /(^|[^\[])\^/g;
+const CA = /(^|[^\[])\^/g;
 function Ze(t, e) {
   t = t.source || t, e = e || "";
   const n = {
-    replace: (r, s) => (s = s.source || s, s = s.replace(mA, "$1"), t = t.replace(r, s), n),
+    replace: (r, s) => (s = s.source || s, s = s.replace(CA, "$1"), t = t.replace(r, s), n),
     getRegex: () => new RegExp(t, e)
   };
   return n;
 }
-const xA = /[^\w:]/g, LA = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
+const vA = /[^\w:]/g, bA = /^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;
 function Lu(t, e, n) {
   if (t) {
     let r;
     try {
-      r = decodeURIComponent(s6(n)).replace(xA, "").toLowerCase();
+      r = decodeURIComponent(s6(n)).replace(vA, "").toLowerCase();
     } catch {
       return null;
     }
     if (r.indexOf("javascript:") === 0 || r.indexOf("vbscript:") === 0 || r.indexOf("data:") === 0)
       return null;
   }
-  e && !LA.test(n) && (n = vA(e, n));
+  e && !bA.test(n) && (n = SA(e, n));
   try {
     n = encodeURI(n).replace(/%25/g, "%");
   } catch {
@@ -29751,11 +29777,11 @@ function Lu(t, e, n) {
   }
   return n;
 }
-const Li = {}, _A = /^[^:]+:\/*[^/]*$/, yA = /^([^:]+:)[\s\S]*$/, CA = /^([^:]+:\/*[^/]*)[\s\S]*$/;
-function vA(t, e) {
-  Li[" " + t] || (_A.test(t) ? Li[" " + t] = t + "/" : Li[" " + t] = wi(t, "/", !0)), t = Li[" " + t];
+const Li = {}, wA = /^[^:]+:\/*[^/]*$/, EA = /^([^:]+:)[\s\S]*$/, TA = /^([^:]+:\/*[^/]*)[\s\S]*$/;
+function SA(t, e) {
+  Li[" " + t] || (wA.test(t) ? Li[" " + t] = t + "/" : Li[" " + t] = wi(t, "/", !0)), t = Li[" " + t];
   const n = t.indexOf(":") === -1;
-  return e.substring(0, 2) === "//" ? n ? e : t.replace(yA, "$1") + e : e.charAt(0) === "/" ? n ? e : t.replace(CA, "$1") + e : t + e;
+  return e.substring(0, 2) === "//" ? n ? e : t.replace(EA, "$1") + e : e.charAt(0) === "/" ? n ? e : t.replace(TA, "$1") + e : t + e;
 }
 const Wi = { exec: function() {
 } };
@@ -29801,7 +29827,7 @@ function wi(t, e, n) {
   }
   return t.substr(0, r - s);
 }
-function bA(t, e) {
+function AA(t, e) {
   if (t.indexOf(e[1]) === -1)
     return -1;
   const n = t.length;
@@ -29848,7 +29874,7 @@ function Cu(t, e, n, r) {
       text: pt(o)
     };
 }
-function wA(t, e) {
+function RA(t, e) {
   const n = t.match(/^(\s+)(?:```)/);
   if (n === null)
     return e;
@@ -29891,7 +29917,7 @@ class vc {
   fences(e) {
     const n = this.rules.block.fences.exec(e);
     if (n) {
-      const r = n[0], s = wA(r, n[3] || "");
+      const r = n[0], s = RA(r, n[3] || "");
       return {
         type: "code",
         raw: r,
@@ -30117,7 +30143,7 @@ class vc {
         if ((r.length - o.length) % 2 === 0)
           return;
       } else {
-        const o = bA(n[2], "()");
+        const o = AA(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] = "";
@@ -30392,7 +30418,7 @@ te.breaks = mn({}, te.gfm, {
   br: Ze(te.br).replace("{2,}", "*").getRegex(),
   text: Ze(te.gfm.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
 });
-function EA(t) {
+function kA(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 vu(t) {
@@ -30588,7 +30614,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, EA)) {
+        if (r = this.tokenizer.inlineText(i, kA)) {
           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;
         }
@@ -30915,12 +30941,12 @@ class Kn {
     return r;
   }
 }
-function pe(t, e, n) {
+function ge(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 = mn({}, pe.defaults, e || {}), i6(e), n) {
+  if (typeof e == "function" && (n = e, e = null), e = mn({}, ge.defaults, e || {}), i6(e), n) {
     const r = e.highlight;
     let s;
     try {
@@ -30932,7 +30958,7 @@ function pe(t, e, n) {
       let a;
       if (!l)
         try {
-          e.walkTokens && pe.walkTokens(s, e.walkTokens), a = Kn.parse(s, e);
+          e.walkTokens && ge.walkTokens(s, e.walkTokens), a = Kn.parse(s, e);
         } catch (c) {
           l = c;
         }
@@ -30941,7 +30967,7 @@ function pe(t, e, n) {
     if (!r || r.length < 3 || (delete e.highlight, !s.length))
       return i();
     let o = 0;
-    pe.walkTokens(s, function(l) {
+    ge.walkTokens(s, function(l) {
       l.type === "code" && (o++, setTimeout(() => {
         r(l.text, l.lang, function(a, c) {
           if (a)
@@ -30954,7 +30980,7 @@ function pe(t, e, n) {
   }
   try {
     const r = qn.lex(t, e);
-    return e.walkTokens && pe.walkTokens(r, e.walkTokens), Kn.parse(r, e);
+    return e.walkTokens && ge.walkTokens(r, e.walkTokens), Kn.parse(r, e);
   } catch (r) {
     if (r.message += `
 Please report this to https://github.com/markedjs/marked.`, e.silent)
@@ -30962,13 +30988,13 @@ Please report this to https://github.com/markedjs/marked.`, e.silent)
     throw r;
   }
 }
-pe.options = pe.setOptions = function(t) {
-  return mn(pe.defaults, t), cA(pe.defaults), pe;
+ge.options = ge.setOptions = function(t) {
+  return mn(ge.defaults, t), pA(ge.defaults), ge;
 };
-pe.getDefaults = r6;
-pe.defaults = Bs;
-pe.use = function(...t) {
-  const e = mn({}, ...t), n = pe.defaults.extensions || { renderers: {}, childTokens: {} };
+ge.getDefaults = r6;
+ge.defaults = Bs;
+ge.use = function(...t) {
+  const e = mn({}, ...t), n = ge.defaults.extensions || { renderers: {}, childTokens: {} };
   let r;
   t.forEach((s) => {
     if (s.extensions && (r = !0, s.extensions.forEach((i) => {
@@ -30988,7 +31014,7 @@ pe.use = function(...t) {
       }
       i.childTokens && (n.childTokens[i.name] = i.childTokens);
     })), s.renderer) {
-      const i = pe.defaults.renderer || new bc();
+      const i = ge.defaults.renderer || new bc();
       for (const o in s.renderer) {
         const l = i[o];
         i[o] = (...a) => {
@@ -30999,7 +31025,7 @@ pe.use = function(...t) {
       e.renderer = i;
     }
     if (s.tokenizer) {
-      const i = pe.defaults.tokenizer || new vc();
+      const i = ge.defaults.tokenizer || new vc();
       for (const o in s.tokenizer) {
         const l = i[o];
         i[o] = (...a) => {
@@ -31010,44 +31036,44 @@ pe.use = function(...t) {
       e.tokenizer = i;
     }
     if (s.walkTokens) {
-      const i = pe.defaults.walkTokens;
+      const i = ge.defaults.walkTokens;
       e.walkTokens = function(o) {
         s.walkTokens.call(this, o), i && i.call(this, o);
       };
     }
-    r && (e.extensions = n), pe.setOptions(e);
+    r && (e.extensions = n), ge.setOptions(e);
   });
 };
-pe.walkTokens = function(t, e) {
+ge.walkTokens = function(t, e) {
   for (const n of t)
-    switch (e.call(pe, n), n.type) {
+    switch (e.call(ge, n), n.type) {
       case "table": {
         for (const r of n.header)
-          pe.walkTokens(r.tokens, e);
+          ge.walkTokens(r.tokens, e);
         for (const r of n.rows)
           for (const s of r)
-            pe.walkTokens(s.tokens, e);
+            ge.walkTokens(s.tokens, e);
         break;
       }
       case "list": {
-        pe.walkTokens(n.items, e);
+        ge.walkTokens(n.items, e);
         break;
       }
       default:
-        pe.defaults.extensions && pe.defaults.extensions.childTokens && pe.defaults.extensions.childTokens[n.type] ? pe.defaults.extensions.childTokens[n.type].forEach(function(r) {
-          pe.walkTokens(n[r], e);
-        }) : n.tokens && pe.walkTokens(n.tokens, e);
+        ge.defaults.extensions && ge.defaults.extensions.childTokens && ge.defaults.extensions.childTokens[n.type] ? ge.defaults.extensions.childTokens[n.type].forEach(function(r) {
+          ge.walkTokens(n[r], e);
+        }) : n.tokens && ge.walkTokens(n.tokens, e);
     }
 };
-pe.parseInline = function(t, e) {
+ge.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 = mn({}, pe.defaults, e || {}), i6(e);
+  e = mn({}, ge.defaults, e || {}), i6(e);
   try {
     const n = qn.lexInline(t, e);
-    return e.walkTokens && pe.walkTokens(n, e.walkTokens), Kn.parseInline(n, e);
+    return e.walkTokens && ge.walkTokens(n, e.walkTokens), Kn.parseInline(n, e);
   } catch (n) {
     if (n.message += `
 Please report this to https://github.com/markedjs/marked.`, e.silent)
@@ -31055,20 +31081,20 @@ Please report this to https://github.com/markedjs/marked.`, e.silent)
     throw n;
   }
 };
-pe.Parser = Kn;
-pe.parser = Kn.parse;
-pe.Renderer = bc;
-pe.TextRenderer = o6;
-pe.Lexer = qn;
-pe.lexer = qn.lex;
-pe.Tokenizer = vc;
-pe.Slugger = l6;
-pe.parse = pe;
-pe.options;
-pe.setOptions;
-pe.use;
-pe.walkTokens;
-pe.parseInline;
+ge.Parser = Kn;
+ge.parser = Kn.parse;
+ge.Renderer = bc;
+ge.TextRenderer = o6;
+ge.Lexer = qn;
+ge.lexer = qn.lex;
+ge.Tokenizer = vc;
+ge.Slugger = l6;
+ge.parse = ge;
+ge.options;
+ge.setOptions;
+ge.use;
+ge.walkTokens;
+ge.parseInline;
 Kn.parse;
 qn.lex;
 function wc(t) {
@@ -31081,8 +31107,8 @@ function wc(t) {
     typeof n == "object" && !Object.isFrozen(n) && wc(n);
   }), t;
 }
-var a6 = wc, TA = wc;
-a6.default = TA;
+var a6 = wc, OA = wc;
+a6.default = OA;
 class bu {
   constructor(e) {
     e.data === void 0 && (e.data = {}), this.data = e.data, this.isMatchIgnored = !1;
@@ -31103,8 +31129,8 @@ function ar(t, ...e) {
       n[s] = r[s];
   }), n;
 }
-const SA = "</span>", wu = (t) => !!t.kind;
-class AA {
+const IA = "</span>", wu = (t) => !!t.kind;
+class MA {
   constructor(e, n) {
     this.buffer = "", this.classPrefix = n.classPrefix, e.walk(this);
   }
@@ -31118,7 +31144,7 @@ class AA {
     e.sublanguage || (n = `${this.classPrefix}${n}`), this.span(n);
   }
   closeNode(e) {
-    !wu(e) || (this.buffer += SA);
+    !wu(e) || (this.buffer += IA);
   }
   value() {
     return this.buffer;
@@ -31167,7 +31193,7 @@ class Ec {
     })));
   }
 }
-class RA extends Ec {
+class NA extends Ec {
   constructor(e) {
     super(), this.options = e;
   }
@@ -31182,40 +31208,40 @@ class RA extends Ec {
     r.kind = n, r.sublanguage = !0, this.add(r);
   }
   toHTML() {
-    return new AA(this, this.options).value();
+    return new MA(this, this.options).value();
   }
   finalize() {
     return !0;
   }
 }
-function kA(t) {
+function PA(t) {
   return new RegExp(t.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), "m");
 }
 function C0(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
-function OA(...t) {
+function FA(...t) {
   return t.map((n) => C0(n)).join("");
 }
-function IA(...t) {
+function DA(...t) {
   return "(" + t.map((n) => C0(n)).join("|") + ")";
 }
-function MA(t) {
+function BA(t) {
   return new RegExp(t.toString() + "|").exec("").length - 1;
 }
-function NA(t, e) {
+function $A(t, e) {
   const n = t && t.exec(e);
   return n && n.index === 0;
 }
-const PA = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
-function FA(t, e = "|") {
+const HA = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
+function UA(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 = PA.exec(i);
+      const l = HA.exec(i);
       if (!l) {
         o += i;
         break;
@@ -31225,9 +31251,9 @@ function FA(t, e = "|") {
     return o;
   }).map((r) => `(${r})`).join(e);
 }
-const DA = /\b\B/, c6 = "[a-zA-Z]\\w*", Tc = "[a-zA-Z_]\\w*", Sc = "\\b\\d+(\\.\\d+)?", u6 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", h6 = "\\b(0b[01]+)", BA = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", $A = (t = {}) => {
+const VA = /\b\B/, c6 = "[a-zA-Z]\\w*", Tc = "[a-zA-Z_]\\w*", Sc = "\\b\\d+(\\.\\d+)?", u6 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)", h6 = "\\b(0b[01]+)", zA = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~", GA = (t = {}) => {
   const e = /^#![ ]*\//;
-  return t.binary && (t.begin = OA(
+  return t.binary && (t.begin = FA(
     e,
     /.*\b/,
     t.binary,
@@ -31244,13 +31270,13 @@ const DA = /\b\B/, c6 = "[a-zA-Z]\\w*", Tc = "[a-zA-Z_]\\w*", Sc = "\\b\\d+(\\.\
 }, v0 = {
   begin: "\\\\[\\s\\S]",
   relevance: 0
-}, HA = {
+}, jA = {
   className: "string",
   begin: "'",
   end: "'",
   illegal: "\\n",
   contains: [v0]
-}, UA = {
+}, ZA = {
   className: "string",
   begin: '"',
   end: '"',
@@ -31273,23 +31299,23 @@ const DA = /\b\B/, c6 = "[a-zA-Z]\\w*", Tc = "[a-zA-Z_]\\w*", Sc = "\\b\\d+(\\.\
     begin: "(?:TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):",
     relevance: 0
   }), r;
-}, VA = V1("//", "$"), zA = V1("/\\*", "\\*/"), GA = V1("#", "$"), jA = {
+}, WA = V1("//", "$"), qA = V1("/\\*", "\\*/"), KA = V1("#", "$"), YA = {
   className: "number",
   begin: Sc,
   relevance: 0
-}, ZA = {
+}, XA = {
   className: "number",
   begin: u6,
   relevance: 0
-}, WA = {
+}, QA = {
   className: "number",
   begin: h6,
   relevance: 0
-}, qA = {
+}, JA = {
   className: "number",
   begin: Sc + "(%|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
-}, KA = {
+}, eR = {
   begin: /(?=\/[^/\n]*\/)/,
   contains: [{
     className: "regexp",
@@ -31306,18 +31332,18 @@ const DA = /\b\B/, c6 = "[a-zA-Z]\\w*", Tc = "[a-zA-Z_]\\w*", Sc = "\\b\\d+(\\.\
       }
     ]
   }]
-}, YA = {
+}, tR = {
   className: "title",
   begin: c6,
   relevance: 0
-}, XA = {
+}, nR = {
   className: "title",
   begin: Tc,
   relevance: 0
-}, QA = {
+}, rR = {
   begin: "\\.\\s*" + Tc,
   relevance: 0
-}, JA = function(t) {
+}, sR = function(t) {
   return Object.assign(
     t,
     {
@@ -31332,52 +31358,52 @@ const DA = /\b\B/, c6 = "[a-zA-Z]\\w*", Tc = "[a-zA-Z_]\\w*", Sc = "\\b\\d+(\\.\
 };
 var _i = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  MATCH_NOTHING_RE: DA,
+  MATCH_NOTHING_RE: VA,
   IDENT_RE: c6,
   UNDERSCORE_IDENT_RE: Tc,
   NUMBER_RE: Sc,
   C_NUMBER_RE: u6,
   BINARY_NUMBER_RE: h6,
-  RE_STARTERS_RE: BA,
-  SHEBANG: $A,
+  RE_STARTERS_RE: zA,
+  SHEBANG: GA,
   BACKSLASH_ESCAPE: v0,
-  APOS_STRING_MODE: HA,
-  QUOTE_STRING_MODE: UA,
+  APOS_STRING_MODE: jA,
+  QUOTE_STRING_MODE: ZA,
   PHRASAL_WORDS_MODE: d6,
   COMMENT: V1,
-  C_LINE_COMMENT_MODE: VA,
-  C_BLOCK_COMMENT_MODE: zA,
-  HASH_COMMENT_MODE: GA,
-  NUMBER_MODE: jA,
-  C_NUMBER_MODE: ZA,
-  BINARY_NUMBER_MODE: WA,
-  CSS_NUMBER_MODE: qA,
-  REGEXP_MODE: KA,
-  TITLE_MODE: YA,
-  UNDERSCORE_TITLE_MODE: XA,
-  METHOD_GUARD: QA,
-  END_SAME_AS_BEGIN: JA
+  C_LINE_COMMENT_MODE: WA,
+  C_BLOCK_COMMENT_MODE: qA,
+  HASH_COMMENT_MODE: KA,
+  NUMBER_MODE: YA,
+  C_NUMBER_MODE: XA,
+  BINARY_NUMBER_MODE: QA,
+  CSS_NUMBER_MODE: JA,
+  REGEXP_MODE: eR,
+  TITLE_MODE: tR,
+  UNDERSCORE_TITLE_MODE: nR,
+  METHOD_GUARD: rR,
+  END_SAME_AS_BEGIN: sR
 });
-function eR(t, e) {
+function iR(t, e) {
   t.input[t.index - 1] === "." && e.ignoreMatch();
 }
-function tR(t, e) {
-  !e || !t.beginKeywords || (t.begin = "\\b(" + t.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", t.__beforeBegin = eR, t.keywords = t.keywords || t.beginKeywords, delete t.beginKeywords, t.relevance === void 0 && (t.relevance = 0));
+function oR(t, e) {
+  !e || !t.beginKeywords || (t.begin = "\\b(" + t.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)", t.__beforeBegin = iR, t.keywords = t.keywords || t.beginKeywords, delete t.beginKeywords, t.relevance === void 0 && (t.relevance = 0));
 }
-function nR(t, e) {
-  !Array.isArray(t.illegal) || (t.illegal = IA(...t.illegal));
+function lR(t, e) {
+  !Array.isArray(t.illegal) || (t.illegal = DA(...t.illegal));
 }
-function rR(t, e) {
+function aR(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 sR(t, e) {
+function cR(t, e) {
   t.relevance === void 0 && (t.relevance = 1);
 }
-const iR = [
+const uR = [
   "of",
   "and",
   "for",
@@ -31389,8 +31415,8 @@ const iR = [
   "parent",
   "list",
   "value"
-], oR = "keyword";
-function f6(t, e, n = oR) {
+], hR = "keyword";
+function f6(t, e, n = hR) {
   const r = {};
   return typeof t == "string" ? s(n, t.split(" ")) : Array.isArray(t) ? s(n, t) : Object.keys(t).forEach(function(i) {
     Object.assign(
@@ -31401,17 +31427,17 @@ function f6(t, e, n = oR) {
   function s(i, o) {
     e && (o = o.map((l) => l.toLowerCase())), o.forEach(function(l) {
       const a = l.split("|");
-      r[a[0]] = [i, lR(a[0], a[1])];
+      r[a[0]] = [i, dR(a[0], a[1])];
     });
   }
 }
-function lR(t, e) {
-  return e ? Number(e) : aR(t) ? 0 : 1;
+function dR(t, e) {
+  return e ? Number(e) : fR(t) ? 0 : 1;
 }
-function aR(t) {
-  return iR.includes(t.toLowerCase());
+function fR(t) {
+  return uR.includes(t.toLowerCase());
 }
-function cR(t, { plugins: e }) {
+function pR(t, { plugins: e }) {
   function n(l, a) {
     return new RegExp(
       C0(l),
@@ -31423,12 +31449,12 @@ function cR(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 += MA(a) + 1;
+      c.position = this.position++, this.matchIndexes[this.matchAt] = c, this.regexes.push([c, a]), this.matchAt += BA(a) + 1;
     }
     compile() {
       this.regexes.length === 0 && (this.exec = () => null);
       const a = this.regexes.map((c) => c[1]);
-      this.matcherRe = n(FA(a), !0), this.lastIndex = 0;
+      this.matcherRe = n(UA(a), !0), this.lastIndex = 0;
     }
     exec(a) {
       this.matcherRe.lastIndex = this.lastIndex;
@@ -31478,17 +31504,17 @@ function cR(t, { plugins: e }) {
     if (l.isCompiled)
       return c;
     [
-      rR
+      aR
     ].forEach((h) => h(l, a)), t.compilerExtensions.forEach((h) => h(l, a)), l.__beforeBegin = null, [
-      tR,
-      nR,
-      sR
+      oR,
+      lR,
+      cR
     ].forEach((h) => h(l, a)), l.isCompiled = !0;
     let u = null;
     if (typeof l.keywords == "object" && (u = l.keywords.$pattern, delete l.keywords.$pattern), l.keywords && (l.keywords = f6(l.keywords, t.case_insensitive)), l.lexemes && u)
       throw new Error("ERR: Prefer `keywords.$pattern` to `mode.lexemes`, BOTH are not allowed. (see mode reference) ");
     return u = u || l.lexemes || /\w+/, c.keywordPatternRe = n(u, !0), a && (l.begin || (l.begin = /\B|\b/), c.beginRe = n(l.begin), l.endSameAsBegin && (l.end = l.begin), !l.end && !l.endsWithParent && (l.end = /\B|\b/), l.end && (c.endRe = n(l.end)), c.terminatorEnd = C0(l.end) || "", l.endsWithParent && a.terminatorEnd && (c.terminatorEnd += (l.end ? "|" : "") + a.terminatorEnd)), l.illegal && (c.illegalRe = n(l.illegal)), l.contains || (l.contains = []), l.contains = [].concat(...l.contains.map(function(h) {
-      return uR(h === "self" ? l : h);
+      return gR(h === "self" ? l : h);
     })), l.contains.forEach(function(h) {
       o(h, c);
     }), l.starts && o(l.starts, a), c.matcher = i(c), c;
@@ -31500,16 +31526,16 @@ function cR(t, { plugins: e }) {
 function p6(t) {
   return t ? t.endsWithParent || p6(t.starts) : !1;
 }
-function uR(t) {
+function gR(t) {
   return t.variants && !t.cachedVariants && (t.cachedVariants = t.variants.map(function(e) {
     return ar(t, { variants: null }, e);
   })), t.cachedVariants ? t.cachedVariants : p6(t) ? ar(t, { starts: t.starts ? ar(t.starts) : null }) : Object.isFrozen(t) ? ar(t) : t;
 }
-var hR = "10.7.3";
-function dR(t) {
+var mR = "10.7.3";
+function xR(t) {
   return Boolean(t || t === "");
 }
-function fR(t) {
+function LR(t) {
   const e = {
     props: ["language", "code", "autodetect"],
     data: function() {
@@ -31529,7 +31555,7 @@ function fR(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 || dR(this.autodetect);
+        return !this.language || xR(this.autodetect);
       },
       ignoreIllegals() {
         return !0;
@@ -31550,13 +31576,13 @@ function fR(t) {
     }
   } };
 }
-const pR = {
+const _R = {
   "after:highlightElement": ({ el: t, result: e, text: n }) => {
     const r = Eu(t);
     if (!r.length)
       return;
     const s = document.createElement("div");
-    s.innerHTML = e.value, e.value = gR(r, Eu(s), n);
+    s.innerHTML = e.value, e.value = yR(r, Eu(s), n);
   }
 };
 function ml(t) {
@@ -31578,7 +31604,7 @@ function Eu(t) {
     return s;
   }(t, 0), e;
 }
-function gR(t, e, n) {
+function yR(t, e, n) {
   let r = 0, s = "";
   const i = [];
   function o() {
@@ -31615,7 +31641,7 @@ const Tu = {}, mo = (t) => {
   console.log(`WARN: ${t}`, ...e);
 }, sn = (t, e) => {
   Tu[`${t}/${e}`] || (console.log(`Deprecated as of ${t}. ${e}`), Tu[`${t}/${e}`] = !0);
-}, xo = gs, Au = ar, Ru = Symbol("nomatch"), mR = function(t) {
+}, xo = gs, Au = ar, Ru = Symbol("nomatch"), CR = 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: [] };
@@ -31626,7 +31652,7 @@ const Tu = {}, mo = (t) => {
     tabReplace: null,
     useBR: !1,
     languages: null,
-    __emitter: RA
+    __emitter: NA
   };
   function c(N) {
     return a.noHighlightRe.test(N);
@@ -31704,7 +31730,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = N, tt = se);
       return J.className && Q.openNode(U.classNameAliases[J.className] || J.className), F = Object.create(J, { parent: { value: F } }), F;
     }
     function m(J, ce, Ee) {
-      let Ie = NA(J.endRe, Ee);
+      let Ie = $A(J.endRe, Ee);
       if (Ie) {
         if (J["on:end"]) {
           const xt = new bu(J);
@@ -31722,12 +31748,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = N, tt = se);
     function y(J) {
       return F.matcher.regexIndex === 0 ? (ne += J[0], 1) : (Je = !0, 0);
     }
-    function S(J) {
+    function A(J) {
       const ce = J[0], Ee = J.rule, Ie = new bu(Ee), xt = [Ee.__beforeBegin, Ee["on:begin"]];
       for (const ft of xt)
         if (!!ft && (ft(J, Ie), Ie.isMatchIgnored))
           return y(ce);
-      return Ee && Ee.endSameAsBegin && (Ee.endRe = kA(ce)), Ee.skip ? ne += ce : (Ee.excludeBegin && (ne += ce), It(), !Ee.returnBegin && !Ee.excludeBegin && (ne = ce)), Mt(Ee), Ee.returnBegin ? 0 : ce.length;
+      return Ee && Ee.endSameAsBegin && (Ee.endRe = PA(ce)), Ee.skip ? ne += ce : (Ee.excludeBegin && (ne += ce), It(), !Ee.returnBegin && !Ee.excludeBegin && (ne = ce)), Mt(Ee), Ee.returnBegin ? 0 : ce.length;
     }
     function I(J) {
       const ce = J[0], Ee = se.substr(J.index), Ie = m(F, J, Ee);
@@ -31759,7 +31785,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = N, tt = se);
         return 1;
       }
       if (H = ce, ce.type === "begin")
-        return S(ce);
+        return A(ce);
       if (ce.type === "illegal" && !Ae) {
         const Ie = new Error('Illegal lexeme "' + Ee + '" for mode "' + (F.className || "<unnamed>") + '"');
         throw Ie.mode = F, Ie;
@@ -31777,7 +31803,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = N, tt = se);
     const U = Ne(N);
     if (!U)
       throw mo(o.replace("{}", N)), new Error('Unknown language: "' + N + '"');
-    const G = cR(U, { plugins: r });
+    const G = pR(U, { plugins: r });
     let P = "", F = Re || G;
     const ie = {}, Q = new a.__emitter(a);
     O();
@@ -32007,18 +32033,18 @@ https://github.com/highlightjs/highlight.js/issues/2277`), xn = N, tt = se);
     autoDetection: X,
     inherit: Au,
     addPlugin: Xe,
-    vuePlugin: fR(t).VuePlugin
+    vuePlugin: LR(t).VuePlugin
   }), t.debugMode = function() {
     s = !1;
   }, t.safeMode = function() {
     s = !0;
-  }, t.versionString = hR;
+  }, t.versionString = mR;
   for (const N in _i)
     typeof _i[N] == "object" && a6(_i[N]);
-  return Object.assign(t, _i), t.addPlugin(_), t.addPlugin(pR), t.addPlugin(C), t;
+  return Object.assign(t, _i), t.addPlugin(_), t.addPlugin(_R), t.addPlugin(C), t;
 };
-var xR = mR({}), Br = xR;
-function LR(t) {
+var vR = CR({}), Br = vR;
+function bR(t) {
   return {
     name: "Plain text",
     aliases: [
@@ -32028,8 +32054,8 @@ function LR(t) {
     disableAutodetect: !0
   };
 }
-var _R = LR;
-const ku = "[A-Za-z$_][0-9A-Za-z$_]*", yR = [
+var wR = bR;
+const ku = "[A-Za-z$_][0-9A-Za-z$_]*", ER = [
   "as",
   "in",
   "of",
@@ -32068,14 +32094,14 @@ const ku = "[A-Za-z$_][0-9A-Za-z$_]*", yR = [
   "from",
   "export",
   "extends"
-], CR = [
+], TR = [
   "true",
   "false",
   "null",
   "undefined",
   "NaN",
   "Infinity"
-], vR = [
+], SR = [
   "Intl",
   "DataView",
   "Number",
@@ -32110,7 +32136,7 @@ const ku = "[A-Za-z$_][0-9A-Za-z$_]*", yR = [
   "BigInt64Array",
   "BigUint64Array",
   "BigInt"
-], bR = [
+], AR = [
   "EvalError",
   "InternalError",
   "RangeError",
@@ -32118,7 +32144,7 @@ const ku = "[A-Za-z$_][0-9A-Za-z$_]*", yR = [
   "SyntaxError",
   "TypeError",
   "URIError"
-], wR = [
+], RR = [
   "setInterval",
   "setTimeout",
   "clearInterval",
@@ -32136,7 +32162,7 @@ const ku = "[A-Za-z$_][0-9A-Za-z$_]*", yR = [
   "encodeURIComponent",
   "escape",
   "unescape"
-], ER = [
+], kR = [
   "arguments",
   "this",
   "super",
@@ -32146,22 +32172,22 @@ const ku = "[A-Za-z$_][0-9A-Za-z$_]*", yR = [
   "localStorage",
   "module",
   "global"
-], TR = [].concat(
-  wR,
-  ER,
-  vR,
-  bR
+], OR = [].concat(
+  RR,
+  kR,
+  SR,
+  AR
 );
-function SR(t) {
+function IR(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
 function Ou(t) {
   return xl("(?=", t, ")");
 }
 function xl(...t) {
-  return t.map((n) => SR(n)).join("");
+  return t.map((n) => IR(n)).join("");
 }
-function AR(t) {
+function MR(t) {
   const e = (E, { after: M }) => {
     const $ = "</" + E[0].slice(1);
     return E.input.indexOf($, M) !== -1;
@@ -32181,9 +32207,9 @@ function AR(t) {
     }
   }, i = {
     $pattern: ku,
-    keyword: yR,
-    literal: CR,
-    built_in: TR
+    keyword: ER,
+    literal: TR,
+    built_in: OR
   }, o = "[0-9](_?[0-9])*", l = `\\.(${o})`, a = "0|[1-9](_?[0-9])*|0[0-7]*[89][0-9]*", c = {
     className: "number",
     variants: [
@@ -32483,14 +32509,14 @@ function AR(t) {
     ]
   };
 }
-var RR = AR;
-function kR(t) {
+var NR = MR;
+function PR(t) {
   return t ? typeof t == "string" ? t : t.source : null;
 }
-function OR(...t) {
-  return t.map((n) => kR(n)).join("");
+function FR(...t) {
+  return t.map((n) => PR(n)).join("");
 }
-function IR(t) {
+function DR(t) {
   const e = {}, n = {
     begin: /\$\{/,
     end: /\}/,
@@ -32505,7 +32531,7 @@ function IR(t) {
   Object.assign(e, {
     className: "variable",
     variants: [
-      { begin: OR(
+      { begin: FR(
         /\$[\w\d#@][\w\d_]*/,
         "(?![\\w\\d])(?![$])"
       ) },
@@ -32597,8 +32623,8 @@ function IR(t) {
     ]
   };
 }
-var MR = IR;
-function NR(t) {
+var BR = DR;
+function $R(t) {
   var e = "true false yes no null", n = "[\\w#;/?:@&=+$,.~*'()[\\]]+", r = {
     className: "attr",
     variants: [
@@ -32721,12 +32747,12 @@ function NR(t) {
     contains: L
   };
 }
-var PR = NR;
-Br.registerLanguage("plaintext", _R);
-Br.registerLanguage("javascript", RR);
-Br.registerLanguage("bash", MR);
-Br.registerLanguage("yaml", PR);
-const FR = {
+var HR = $R;
+Br.registerLanguage("plaintext", wR);
+Br.registerLanguage("javascript", NR);
+Br.registerLanguage("bash", BR);
+Br.registerLanguage("yaml", HR);
+const UR = {
   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 ? `
@@ -32737,7 +32763,7 @@ const FR = {
         ` : `<code>${t}</code>`;
   }
 };
-pe.setOptions({
+ge.setOptions({
   highlight: function(t, e) {
     if (!e)
       return Br.highlightAuto(t).value;
@@ -32746,14 +32772,14 @@ pe.setOptions({
   },
   breaks: !0
 });
-pe.use({ renderer: FR });
-const DR = {
+ge.use({ renderer: UR });
+const VR = {
   name: "comment",
   props: ["comment", "commentObj"],
   computed: {
     markedComment() {
       var t, e;
-      return ((t = this.commentObj) == null ? void 0 : t.text) && pe.parse((e = this.commentObj) == null ? void 0 : e.text) || this.comment && pe.parse(this.comment);
+      return ((t = this.commentObj) == null ? void 0 : t.text) && ge.parse((e = this.commentObj) == null ? void 0 : e.text) || this.comment && ge.parse(this.comment);
     },
     commentStyle() {
       var t;
@@ -32764,27 +32790,27 @@ const DR = {
       return (t = this.commentObj) == null ? void 0 : t.commentClassNames;
     }
   }
-}, BR = { class: "comments text-skin-comment min-w-[100px] flex text-left text-sm opacity-50 hover:opacity-100" }, $R = ["innerHTML"];
-function HR(t, e, n, r, s, i) {
-  return R(), q("div", BR, [
-    A("div", {
+}, zR = { class: "comments text-skin-comment min-w-[100px] flex text-left text-sm opacity-50 hover:opacity-100" }, GR = ["innerHTML"];
+function jR(t, e, n, r, s, i) {
+  return R(), q("div", zR, [
+    S("div", {
       innerHTML: i.markedComment,
       class: ve(i.classNames),
       style: Ce(i.commentStyle)
-    }, null, 14, $R)
+    }, null, 14, GR)
   ]);
 }
-const q0 = /* @__PURE__ */ ze(DR, [["render", HR], ["__scopeId", "data-v-49a61c68"]]);
-const UR = {
+const q0 = /* @__PURE__ */ ze(VR, [["render", jR], ["__scopeId", "data-v-49a61c68"]]);
+const ZR = {
   props: ["collapsed"],
   emits: ["click"]
-}, VR = { class: "collapsible-header" }, zR = /* @__PURE__ */ h1('<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), GR = [
-  zR
-], jR = /* @__PURE__ */ h1('<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), ZR = [
-  jR
+}, WR = { class: "collapsible-header" }, qR = /* @__PURE__ */ h1('<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), KR = [
+  qR
+], YR = /* @__PURE__ */ h1('<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), XR = [
+  YR
 ];
-function WR(t, e, n, r, s, i) {
-  return R(), q("div", VR, [
+function QR(t, e, n, r, s, i) {
+  return R(), q("div", WR, [
     (R(), q("svg", {
       width: "20px",
       height: "20px",
@@ -32797,7 +32823,7 @@ function WR(t, e, n, r, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "miter"
-    }, GR, 2)),
+    }, KR, 2)),
     (R(), q("svg", {
       width: "20px",
       height: "20px",
@@ -32810,11 +32836,11 @@ function WR(t, e, n, r, s, i) {
       "stroke-width": "1",
       "stroke-linecap": "round",
       "stroke-linejoin": "miter"
-    }, ZR, 2))
+    }, XR, 2))
   ]);
 }
-const qR = /* @__PURE__ */ ze(UR, [["render", WR], ["__scopeId", "data-v-175097b8"]]);
-const KR = {
+const JR = /* @__PURE__ */ ze(ZR, [["render", QR], ["__scopeId", "data-v-175097b8"]]);
+const ek = {
   name: "occurrence",
   props: ["context", "selfCallIndent", "participant", "rtl", "number"],
   data: function() {
@@ -32847,14 +32873,14 @@ const KR = {
       this.collapsed = !this.collapsed, ac.$emit("participant_set_top");
     }
   },
-  components: { CollapseButton: qR },
+  components: { CollapseButton: JR },
   watch: {
     context() {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, YR = ["data-belongs-to", "data-x-offset", "data-debug-center-of"];
-function XR(t, e, n, r, s, i) {
+}, tk = ["data-belongs-to", "data-x-offset", "data-debug-center-of"];
+function nk(t, e, n, r, s, i) {
   const o = xe("collapse-button"), l = xe("block");
   return R(), q("div", {
     class: ve(["occurrence shadow-occurrence border-skin-occurrence bg-skin-occurrence rounded-sm border-2 relative left-full", { "right-to-left": n.rtl }]),
@@ -32876,9 +32902,9 @@ function XR(t, e, n, r, s, i) {
       collapsed: t.collapsed,
       inheritFromOccurrence: !0
     }, null, 8, ["context", "selfCallIndent", "number", "collapsed"])) : Le("", !0)
-  ], 10, YR);
+  ], 10, tk);
 }
-const g6 = /* @__PURE__ */ ze(KR, [["render", XR], ["__scopeId", "data-v-11f91122"]]);
+const g6 = /* @__PURE__ */ ze(ek, [["render", nk], ["__scopeId", "data-v-11f91122"]]);
 class $s {
   constructor(e, n, r, s) {
     W(this, "start");
@@ -32895,7 +32921,7 @@ class $s {
     );
   }
 }
-const Iu = b0.child({ name: "Creation" }), QR = {
+const Iu = b0.child({ name: "Creation" }), rk = {
   name: "creation",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   computed: {
@@ -32971,11 +32997,11 @@ const Iu = b0.child({ name: "Creation" }), QR = {
     Occurrence: g6,
     Message: G0
   }
-}, JR = ["data-signature"], ek = ["data-to"], tk = {
+}, sk = ["data-signature"], ik = ["data-to"], ok = {
   ref: "participantPlaceHolder",
   class: "invisible right-0 flex flex-col justify-center flex-shrink-0"
 };
-function nk(t, e, n, r, s, i) {
+function lk(t, e, n, r, s, i) {
   var u;
   const o = xe("comment"), l = xe("message"), a = xe("participant"), c = xe("occurrence");
   return R(), q("div", {
@@ -32993,7 +33019,7 @@ function nk(t, e, n, r, s, i) {
       key: 0,
       commentObj: n.commentObj
     }, null, 8, ["commentObj"])) : Le("", !0),
-    A("div", {
+    S("div", {
       ref: "messageContainer",
       "data-type": "creation",
       class: ve(["message-container pointer-events-none flex items-center h-10 relative", { "flex-row-reverse": i.rightToLeft }]),
@@ -33010,12 +33036,12 @@ function nk(t, e, n, r, s, i) {
         classNames: i.messageClassNames,
         textStyle: i.messageTextStyle
       }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"]),
-      A("div", tk, [
+      S("div", ok, [
         z(a, {
           entity: { name: i.to }
         }, null, 8, ["entity"])
       ], 512)
-    ], 10, ek),
+    ], 10, ik),
     z(c, {
       context: i.creation,
       class: "pointer-events-auto",
@@ -33033,25 +33059,25 @@ function nk(t, e, n, r, s, i) {
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle
     }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : Le("", !0)
-  ], 14, JR);
+  ], 14, sk);
 }
-const rk = /* @__PURE__ */ ze(QR, [["render", nk]]), sk = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em]" }, ik = {
+const ak = /* @__PURE__ */ ze(rk, [["render", lk]]), ck = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover relative min-h-[1em]" }, uk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
-}, ok = { key: 0 }, lk = /* @__PURE__ */ A("svg", {
+}, hk = { key: 0 }, dk = /* @__PURE__ */ S("svg", {
   class: "arrow text-skin-message-arrow",
   width: "30",
   height: "24"
 }, [
-  /* @__PURE__ */ A("polyline", {
+  /* @__PURE__ */ S("polyline", {
     class: "line stroke-current fill-none stroke-2",
     points: "0,2 28,2 28,15 14,15"
   }),
-  /* @__PURE__ */ A("polyline", {
+  /* @__PURE__ */ S("polyline", {
     class: "head stroke-current fill-current stroke-2",
     points: "18,9 8,15 18,21"
   })
-], -1), ak = /* @__PURE__ */ Ye({
+], -1), fk = /* @__PURE__ */ Ye({
   __name: "SelfInvocation",
   props: {
     context: null,
@@ -33062,7 +33088,7 @@ const rk = /* @__PURE__ */ ze(QR, [["render", nk]]), sk = { class: "name group p
     classNames: null
   },
   setup(t) {
-    const e = t, { context: n } = kl(e), r = Fn(), s = V(() => r.state.numbering), i = ge(), o = () => {
+    const e = t, { context: n } = kl(e), r = Fn(), s = V(() => r.state.numbering), i = me(), o = () => {
       r.getters.onMessageClick(n, i.value);
     };
     return (l, a) => (R(), q("div", {
@@ -33072,21 +33098,21 @@ const rk = /* @__PURE__ */ ze(QR, [["render", nk]]), sk = { class: "name group p
       ref_key: "messageRef",
       ref: i
     }, [
-      A("label", sk, [
-        me(s) ? (R(), q("div", ik, Ve(t.number), 1)) : Le("", !0),
-        A("div", {
+      S("label", ck, [
+        pe(s) ? (R(), q("div", uk, Ve(t.number), 1)) : Le("", !0),
+        S("div", {
           style: Ce(t.textStyle),
           class: ve(t.classNames)
         }, [
-          t.assignee ? (R(), q("span", ok, Ve(t.assignee) + " = ", 1)) : Le("", !0),
+          t.assignee ? (R(), q("span", hk, Ve(t.assignee) + " = ", 1)) : Le("", !0),
           dn(" " + Ve(t.content), 1)
         ], 6)
       ]),
-      lk
+      dk
     ], 512));
   }
 });
-const ck = {
+const pk = {
   name: "interaction",
   props: [
     "context",
@@ -33186,12 +33212,12 @@ const ck = {
   },
   components: {
     Message: G0,
-    SelfInvocation: ak,
+    SelfInvocation: fk,
     Comment: q0,
     Occurrence: g6
   }
-}, uk = ["data-to", "data-signature"];
-function hk(t, e, n, r, s, i) {
+}, gk = ["data-to", "data-signature"];
+function mk(t, e, n, r, s, i) {
   var c;
   const o = xe("comment"), l = xe("occurrence"), a = xe("message");
   return R(), q("div", {
@@ -33248,49 +33274,49 @@ function hk(t, e, n, r, s, i) {
       classNames: i.messageClassNames,
       textStyle: i.messageTextStyle
     }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : Le("", !0)
-  ], 14, uk);
+  ], 14, gk);
 }
-const dk = /* @__PURE__ */ ze(ck, [["render", hk], ["__scopeId", "data-v-e6d7fb3f"]]);
-const fk = {
+const xk = /* @__PURE__ */ ze(pk, [["render", mk], ["__scopeId", "data-v-e6d7fb3f"]]);
+const Lk = {
   name: "self-invocation-async",
   props: ["content", "number"],
   computed: {
     ...yr(["numbering"])
   }
-}, pk = (t) => (Ss("data-v-f5fd8c09"), t = t(), As(), t), gk = {
+}, _k = (t) => (Ss("data-v-f5fd8c09"), t = t(), As(), t), yk = {
   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]" }, xk = {
+}, Ck = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover min-h-[1em]" }, vk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500"
-}, Lk = /* @__PURE__ */ pk(() => /* @__PURE__ */ A("svg", {
+}, bk = /* @__PURE__ */ _k(() => /* @__PURE__ */ S("svg", {
   class: "arrow text-skin-message-arrow",
   width: "34",
   height: "34"
 }, [
-  /* @__PURE__ */ A("polyline", {
+  /* @__PURE__ */ S("polyline", {
     class: "stroke-current stroke-2 fill-none",
     points: "0,2 28,2 28,25 1,25"
   }),
-  /* @__PURE__ */ A("polyline", {
+  /* @__PURE__ */ S("polyline", {
     class: "head stroke-current stroke-2 fill-none",
     points: "11,19 1,25 11,31"
   })
 ], -1));
-function _k(t, e, n, r, s, i) {
-  return R(), q("div", gk, [
-    A("label", mk, [
-      t.numbering ? (R(), q("div", xk, Ve(n.number), 1)) : Le("", !0),
+function wk(t, e, n, r, s, i) {
+  return R(), q("div", yk, [
+    S("label", Ck, [
+      t.numbering ? (R(), q("div", vk, Ve(n.number), 1)) : Le("", !0),
       dn(" " + Ve(n.content), 1)
     ]),
-    Lk
+    bk
   ]);
 }
-const yk = /* @__PURE__ */ ze(fk, [["render", _k], ["__scopeId", "data-v-f5fd8c09"]]);
+const Ek = /* @__PURE__ */ ze(Lk, [["render", wk], ["__scopeId", "data-v-f5fd8c09"]]);
 function Lo(t) {
   return t == null;
 }
-const Ck = {
+const Tk = {
   name: "interaction-async",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   computed: {
@@ -33376,11 +33402,11 @@ const Ck = {
   },
   components: {
     Comment: q0,
-    SelfInvocationAsync: yk,
+    SelfInvocationAsync: Ek,
     Message: G0
   }
-}, vk = ["data-signature"];
-function bk(t, e, n, r, s, i) {
+}, Sk = ["data-signature"];
+function Ak(t, e, n, r, s, i) {
   const o = xe("comment");
   return R(), q("div", {
     class: ve(["interaction async", {
@@ -33411,18 +33437,18 @@ function bk(t, e, n, r, s, i) {
       type: "async",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, vk);
+  ], 14, Sk);
 }
-const wk = /* @__PURE__ */ ze(Ck, [["render", bk], ["__scopeId", "data-v-77b8885a"]]);
-const Ek = {
+const Rk = /* @__PURE__ */ ze(Tk, [["render", Ak], ["__scopeId", "data-v-77b8885a"]]);
+const kk = {
   components: { Icon: dr },
   props: ["label", "collapsed"],
   emits: ["click"]
-}, Tk = { class: "collapsible-header" }, Sk = { class: "mb-0" };
-function Ak(t, e, n, r, s, i) {
+}, Ok = { class: "collapsible-header" }, Ik = { class: "mb-0" };
+function Mk(t, e, n, r, s, i) {
   const o = xe("Icon");
-  return R(), q("div", Tk, [
-    A("label", Sk, Ve(n.label), 1),
+  return R(), q("div", Ok, [
+    S("label", Ik, Ve(n.label), 1),
     n.collapsed ? (R(), ke(o, {
       key: 1,
       name: "collapse-unexpanded",
@@ -33436,7 +33462,7 @@ function Ak(t, e, n, r, s, i) {
     }, null, 8, ["icon-class"]))
   ]);
 }
-const Rk = /* @__PURE__ */ ze(Ek, [["render", Ak], ["__scopeId", "data-v-048a5186"]]), K0 = {
+const Nk = /* @__PURE__ */ ze(kk, [["render", Mk], ["__scopeId", "data-v-048a5186"]]), K0 = {
   computed: {
     ...pn(["coordinates"]),
     offsetX: function() {
@@ -33466,13 +33492,13 @@ const Rk = /* @__PURE__ */ ze(Ek, [["render", Ak], ["__scopeId", "data-v-048a518
       this.collapsed = !this.collapsed, ac.$emit("participant_set_top");
     }
   },
-  components: { CollapseButton: Rk },
+  components: { CollapseButton: Nk },
   watch: {
     context() {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, kk = (t) => {
+}, Pk = (t) => {
   const e = {
     loop: "FragmentLoop",
     alt: "FragmentAlt",
@@ -33486,17 +33512,17 @@ const Rk = /* @__PURE__ */ ze(Ek, [["render", Ak], ["__scopeId", "data-v-048a518
     ret: "Return"
   }, n = Object.keys(e).find((r) => t[r]() !== null) || "";
   return e[n];
-}, o0 = (t) => t && t.stat() ? t.stat().filter((e) => kk(e) !== "Divider").length : 0, m6 = (t, e) => {
+}, o0 = (t) => t && t.stat() ? t.stat().filter((e) => Pk(e) !== "Divider").length : 0, m6 = (t, e) => {
   if (t) {
     const n = t.split(".");
     return n[n.length - 1] = Number(n[n.length - 1]) + e, n.join(".");
   } else
     return String(e);
-}, Ok = {
+}, Fk = {
   name: "ConditionLabel",
   props: ["block", "getConditionFromBlock"],
   setup(t) {
-    const e = ge(!1), n = Fn(), r = V(() => n.getters.code), s = V(
+    const e = me(!1), n = Fn(), r = V(() => n.getters.code), s = V(
       () => n.getters.onContentChange || (() => {
       })
     ), i = V(() => t.getConditionFromBlock(t.block)), o = V(
@@ -33559,8 +33585,8 @@ const Rk = /* @__PURE__ */ ze(Ek, [["render", Ak], ["__scopeId", "data-v-048a518
       handleKeyup: d
     };
   }
-}, Ik = ["contenteditable"];
-function Mk(t, e, n, r, s, i) {
+}, Dk = ["contenteditable"];
+function Bk(t, e, n, r, s, i) {
   return R(), q("label", {
     title: "Double click to edit",
     class: ve(["bg-skin-frame/[0.66] condition px-1 cursor-text hover:text-skin-message-hover hover:bg-skin-message-hover", {
@@ -33571,10 +33597,10 @@ function Mk(t, e, n, r, s, i) {
     onBlur: e[1] || (e[1] = (...o) => r.handleBlur && r.handleBlur(...o)),
     onKeyup: e[2] || (e[2] = (...o) => r.handleKeyup && r.handleKeyup(...o)),
     onKeydown: e[3] || (e[3] = (...o) => r.handleKeydown && r.handleKeydown(...o))
-  }, Ve(r.editable ? r.conditionText : `[${r.conditionText}]`), 43, Ik);
+  }, Ve(r.editable ? r.conditionText : `[${r.conditionText}]`), 43, Dk);
 }
-const x6 = /* @__PURE__ */ ze(Ok, [["render", Mk]]);
-const Nk = {
+const x6 = /* @__PURE__ */ ze(Fk, [["render", Bk]]);
+const $k = {
   name: "fragment-alt",
   props: ["context", "comment", "selfCallIndent", "commentObj", "number"],
   mixins: [K0],
@@ -33630,31 +33656,31 @@ const Nk = {
       blockLength: o0
     };
   }
-}, L6 = (t) => (Ss("data-v-a525ba55"), t = t(), As(), t), Pk = { class: "segment" }, Fk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Dk = {
+}, L6 = (t) => (Ss("data-v-a525ba55"), t = t(), As(), t), Hk = { class: "segment" }, Uk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Vk = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, Bk = { class: "name font-semibold p-1 border-b text-sm" }, $k = { class: "p-0" }, Hk = { class: "segment" }, Uk = { class: "text-skin-fragment flex" }, Vk = /* @__PURE__ */ L6(() => /* @__PURE__ */ A("label", { class: "else-if hidden" }, "else if", -1)), zk = {
+}, zk = { class: "name font-semibold p-1 border-b text-sm" }, Gk = { class: "p-0" }, jk = { class: "segment" }, Zk = { class: "text-skin-fragment flex" }, Wk = /* @__PURE__ */ L6(() => /* @__PURE__ */ S("label", { class: "else-if hidden" }, "else if", -1)), qk = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
-}, Gk = /* @__PURE__ */ L6(() => /* @__PURE__ */ A("div", { class: "text-skin-fragment" }, [
-  /* @__PURE__ */ A("label", { class: "p-1" }, "[else]")
+}, Kk = /* @__PURE__ */ L6(() => /* @__PURE__ */ S("div", { class: "text-skin-fragment" }, [
+  /* @__PURE__ */ S("label", { class: "p-1" }, "[else]")
 ], -1));
-function jk(t, e, n, r, s, i) {
+function Yk(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("ConditionLabel"), c = xe("block");
   return R(), q("div", {
     class: "fragment alt border-skin-fragment rounded",
     style: Ce(t.fragmentStyle)
   }, [
-    A("div", Pk, [
+    S("div", Hk, [
       n.comment ? (R(), ke(o, {
         key: 0,
         comment: n.comment,
         commentObj: n.commentObj
       }, null, 8, ["comment", "commentObj"])) : Le("", !0),
-      A("div", Fk, [
-        r.numbering ? (R(), q("div", Dk, Ve(n.number), 1)) : Le("", !0),
-        A("div", Bk, [
-          A("label", $k, [
+      S("div", Uk, [
+        r.numbering ? (R(), q("div", Vk, Ve(n.number), 1)) : Le("", !0),
+        S("div", zk, [
+          S("label", Gk, [
             z(l, {
               label: "Alt",
               collapsed: t.collapsed,
@@ -33666,11 +33692,11 @@ function jk(t, e, n, r, s, i) {
         ])
       ])
     ]),
-    A("div", {
+    S("div", {
       class: ve({ hidden: t.collapsed })
     }, [
-      A("div", Hk, [
-        A("div", Uk, [
+      S("div", jk, [
+        S("div", Zk, [
           z(a, {
             block: r.ifBlock,
             getConditionFromBlock: r.conditionFromIfElseBlock
@@ -33693,7 +33719,7 @@ function jk(t, e, n, r, s, i) {
           class: "text-skin-fragment",
           key: h + 1e3
         }, [
-          Vk,
+          Wk,
           z(a, {
             block: u,
             getConditionFromBlock: r.conditionFromIfElseBlock
@@ -33708,8 +33734,8 @@ function jk(t, e, n, r, s, i) {
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"]))
       ]))), 128)),
-      r.elseBlock ? (R(), q("div", zk, [
-        Gk,
+      r.elseBlock ? (R(), q("div", qk, [
+        Kk,
         z(c, {
           style: Ce({ paddingLeft: `${t.offsetX}px` }),
           context: r.elseBlock,
@@ -33721,8 +33747,8 @@ function jk(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const Zk = /* @__PURE__ */ ze(Nk, [["render", jk], ["__scopeId", "data-v-a525ba55"]]);
-const Wk = {
+const Xk = /* @__PURE__ */ ze($k, [["render", Yk], ["__scopeId", "data-v-a525ba55"]]);
+const Qk = {
   name: "fragment-par",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33735,11 +33761,11 @@ const Wk = {
       return this.context.par();
     }
   }
-}, qk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, Kk = {
+}, Jk = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, eO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, Yk = { class: "name font-semibold p-1 border-b" };
-function Xk(t, e, n, r, s, i) {
+}, tO = { class: "name font-semibold p-1 border-b" };
+function nO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), q("div", {
     class: "fragment par border-skin-fragment rounded",
@@ -33750,9 +33776,9 @@ function Xk(t, e, n, r, s, i) {
       comment: n.comment,
       commentObj: n.commentObj
     }, null, 8, ["comment", "commentObj"])) : Le("", !0),
-    A("div", qk, [
-      t.numbering ? (R(), q("div", Kk, Ve(n.number), 1)) : Le("", !0),
-      A("div", Yk, [
+    S("div", Jk, [
+      t.numbering ? (R(), q("div", eO, Ve(n.number), 1)) : Le("", !0),
+      S("div", tO, [
         z(l, {
           label: "Par",
           collapsed: t.collapsed,
@@ -33771,8 +33797,8 @@ function Xk(t, e, n, r, s, i) {
     }, null, 8, ["class", "style", "context", "selfCallIndent", "number"])
   ], 4);
 }
-const Qk = /* @__PURE__ */ ze(Wk, [["render", Xk], ["__scopeId", "data-v-12f63f5c"]]);
-const Jk = {
+const rO = /* @__PURE__ */ ze(Qk, [["render", nO], ["__scopeId", "data-v-12f63f5c"]]);
+const sO = {
   name: "fragment-loop",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33795,11 +33821,11 @@ const Jk = {
       }
     };
   }
-}, eO = { class: "header text-skin-fragment-header bg-skin-fragment-header text-base leading-4 relative" }, tO = {
+}, iO = { class: "header text-skin-fragment-header bg-skin-fragment-header text-base leading-4 relative" }, oO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, nO = { class: "name font-semibold p-1 border-b" }, rO = { class: "segment" }, sO = { class: "text-skin-fragment" };
-function iO(t, e, n, r, s, i) {
+}, lO = { class: "name font-semibold p-1 border-b" }, aO = { class: "segment" }, cO = { class: "text-skin-fragment" };
+function uO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("ConditionLabel"), c = xe("block");
   return R(), q("div", {
     class: "fragment loop border-skin-fragment rounded",
@@ -33810,9 +33836,9 @@ function iO(t, e, n, r, s, i) {
       comment: n.comment,
       commentObj: n.commentObj
     }, null, 8, ["comment", "commentObj"])) : Le("", !0),
-    A("div", eO, [
-      r.numbering ? (R(), q("div", tO, Ve(n.number), 1)) : Le("", !0),
-      A("div", nO, [
+    S("div", iO, [
+      r.numbering ? (R(), q("div", oO, Ve(n.number), 1)) : Le("", !0),
+      S("div", lO, [
         z(l, {
           label: "Loop",
           collapsed: t.collapsed,
@@ -33822,11 +33848,11 @@ function iO(t, e, n, r, s, i) {
         }, null, 8, ["collapsed", "onClick", "style", "class"])
       ])
     ]),
-    A("div", {
+    S("div", {
       class: ve({ hidden: t.collapsed })
     }, [
-      A("div", rO, [
-        A("div", sO, [
+      S("div", aO, [
+        S("div", cO, [
           z(a, {
             editable: t.editable,
             toggleEditable: t.toggleEditable,
@@ -33844,8 +33870,8 @@ function iO(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const oO = /* @__PURE__ */ ze(Jk, [["render", iO], ["__scopeId", "data-v-13453f1f"]]);
-const lO = {
+const hO = /* @__PURE__ */ ze(sO, [["render", uO], ["__scopeId", "data-v-13453f1f"]]);
+const dO = {
   name: "fragment-opt",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33858,11 +33884,11 @@ const lO = {
       return this.context.opt();
     }
   }
-}, aO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 relative" }, cO = {
+}, fO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 relative" }, pO = {
   key: 0,
   class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 text-sm font-thin leading-6"
-}, uO = { class: "name font-semibold p-1 border-b" };
-function hO(t, e, n, r, s, i) {
+}, gO = { class: "name font-semibold p-1 border-b" };
+function mO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), q("div", {
     class: "fragment opt border-skin-fragment rounded",
@@ -33873,9 +33899,9 @@ function hO(t, e, n, r, s, i) {
       comment: n.comment,
       commentObj: n.commentObj
     }, null, 8, ["comment", "commentObj"])) : Le("", !0),
-    A("div", aO, [
-      t.numbering ? (R(), q("div", cO, Ve(n.number), 1)) : Le("", !0),
-      A("div", uO, [
+    S("div", fO, [
+      t.numbering ? (R(), q("div", pO, Ve(n.number), 1)) : Le("", !0),
+      S("div", gO, [
         z(l, {
           label: "Opt",
           collapsed: t.collapsed,
@@ -33894,8 +33920,8 @@ function hO(t, e, n, r, s, i) {
     }, null, 8, ["class", "style", "context", "selfCallIndent", "number"])
   ], 4);
 }
-const dO = /* @__PURE__ */ ze(lO, [["render", hO], ["__scopeId", "data-v-533e0127"]]);
-const fO = {
+const xO = /* @__PURE__ */ ze(dO, [["render", mO], ["__scopeId", "data-v-533e0127"]]);
+const LO = {
   name: "fragment-tcf",
   props: ["context", "comment", "commentObj", "selfCallIndent", "number"],
   mixins: [K0],
@@ -33935,30 +33961,30 @@ const fO = {
       return (e = t == null ? void 0 : t.braceBlock()) == null ? void 0 : e.block();
     }
   }
-}, _6 = (t) => (Ss("data-v-4defdd44"), t = t(), As(), t), pO = { class: "segment" }, gO = { class: "header bg-skin-fragment-header text-skin-fragment-header text-base leading-4 rounded-t relative" }, mO = {
+}, _6 = (t) => (Ss("data-v-4defdd44"), t = t(), As(), t), _O = { class: "segment" }, yO = { 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"
-}, xO = { class: "name font-semibold p-1 border-b text-sm" }, LO = { class: "segment" }, _O = /* @__PURE__ */ _6(() => /* @__PURE__ */ A("label", { class: "keyword catch p-1" }, "catch", -1)), yO = { class: "exception p-1" }, CO = {
+}, vO = { class: "name font-semibold p-1 border-b text-sm" }, bO = { class: "segment" }, wO = /* @__PURE__ */ _6(() => /* @__PURE__ */ S("label", { class: "keyword catch p-1" }, "catch", -1)), EO = { class: "exception p-1" }, TO = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
-}, vO = /* @__PURE__ */ _6(() => /* @__PURE__ */ A("div", { class: "header flex text-skin-fragment finally" }, [
-  /* @__PURE__ */ A("label", { class: "keyword finally bg-skin-frame/[0.66] px-1 inline-block text-sm" }, "finally")
+}, SO = /* @__PURE__ */ _6(() => /* @__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 AO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("collapse-button"), a = xe("block");
   return R(), q("div", {
     class: "fragment tcf border-skin-fragment rounded",
     style: Ce(t.fragmentStyle)
   }, [
-    A("div", pO, [
+    S("div", _O, [
       n.comment ? (R(), ke(o, {
         key: 0,
         comment: n.comment,
         commentObj: n.commentObj
       }, null, 8, ["comment", "commentObj"])) : Le("", !0),
-      A("div", gO, [
-        t.numbering ? (R(), q("div", mO, Ve(n.number), 1)) : Le("", !0),
-        A("div", xO, [
+      S("div", yO, [
+        t.numbering ? (R(), q("div", CO, Ve(n.number), 1)) : Le("", !0),
+        S("div", vO, [
           z(l, {
             label: "Try",
             collapsed: t.collapsed,
@@ -33967,10 +33993,10 @@ function bO(t, e, n, r, s, i) {
         ])
       ])
     ]),
-    A("div", {
+    S("div", {
       class: ve({ hidden: t.collapsed })
     }, [
-      A("div", LO, [
+      S("div", bO, [
         i.blockInTryBlock ? (R(), ke(a, {
           key: 0,
           style: Ce({ paddingLeft: `${t.offsetX}px` }),
@@ -33988,8 +34014,8 @@ function bO(t, e, n, r, s, i) {
           class: "header inline-block bg-skin-frame/[0.66]",
           key: u + 1e3
         }, [
-          _O,
-          A("label", yO, Ve(i.exception(c)), 1)
+          wO,
+          S("label", EO, Ve(i.exception(c)), 1)
         ])),
         (R(), ke(a, {
           style: Ce({ paddingLeft: `${t.offsetX}px` }),
@@ -34000,8 +34026,8 @@ function bO(t, e, n, r, s, i) {
           incremental: ""
         }, null, 8, ["style", "context", "selfCallIndent", "number"]))
       ]))), 128)),
-      i.finallyBlock ? (R(), q("div", CO, [
-        vO,
+      i.finallyBlock ? (R(), q("div", TO, [
+        SO,
         z(a, {
           style: Ce({ paddingLeft: `${t.offsetX}px` }),
           context: i.finallyBlock,
@@ -34013,7 +34039,7 @@ function bO(t, e, n, r, s, i) {
     ], 2)
   ], 4);
 }
-const wO = /* @__PURE__ */ ze(fO, [["render", bO], ["__scopeId", "data-v-4defdd44"]]), EO = {
+const RO = /* @__PURE__ */ ze(LO, [["render", AO], ["__scopeId", "data-v-4defdd44"]]), kO = {
   name: "return",
   props: ["context", "comment", "commentObj", "number"],
   computed: {
@@ -34077,23 +34103,23 @@ const wO = /* @__PURE__ */ ze(fO, [["render", bO], ["__scopeId", "data-v-4defdd4
     Comment: q0,
     Message: G0
   }
-}, TO = ["data-signature"], SO = {
+}, OO = ["data-signature"], IO = {
   key: 1,
   class: "flex items-center"
-}, AO = /* @__PURE__ */ A("svg", {
+}, MO = /* @__PURE__ */ S("svg", {
   class: "w-3 h-3 flex-shrink-0 fill-current m-1",
   viewBox: "0 0 512 512"
 }, [
-  /* @__PURE__ */ A("path", {
+  /* @__PURE__ */ S("path", {
     class: "cls-1",
     d: "M256 0C114.84 0 0 114.84 0 256s114.84 256 256 256 256-114.84 256-256S397.16 0 256 0Zm0 469.33c-117.63 0-213.33-95.7-213.33-213.33S138.37 42.67 256 42.67 469.33 138.37 469.33 256 373.63 469.33 256 469.33Z"
   }),
-  /* @__PURE__ */ A("path", {
+  /* @__PURE__ */ S("path", {
     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), RO = { class: "name text-sm" };
-function kO(t, e, n, r, s, i) {
+], -1), NO = { class: "name text-sm" };
+function PO(t, e, n, r, s, i) {
   const o = xe("comment"), l = xe("Message");
   return R(), q("div", {
     class: ve(["interaction return relative", {
@@ -34109,9 +34135,9 @@ function kO(t, e, n, r, s, i) {
       key: 0,
       commentObj: n.commentObj
     }, null, 8, ["commentObj"])) : Le("", !0),
-    i.isSelf ? (R(), q("div", SO, [
-      AO,
-      A("span", RO, Ve(i.signature), 1)
+    i.isSelf ? (R(), q("div", IO, [
+      MO,
+      S("span", NO, Ve(i.signature), 1)
     ])) : Le("", !0),
     i.isSelf ? Le("", !0) : (R(), ke(l, {
       key: 2,
@@ -34123,9 +34149,9 @@ function kO(t, e, n, r, s, i) {
       type: "return",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, TO);
+  ], 14, OO);
 }
-const OO = /* @__PURE__ */ ze(EO, [["render", kO]]), IO = [
+const FO = /* @__PURE__ */ ze(kO, [["render", PO]]), DO = [
   "aliceblue",
   "antiquewhite",
   "aqua",
@@ -34274,20 +34300,20 @@ const OO = /* @__PURE__ */ ze(EO, [["render", kO]]), IO = [
   "whitesmoke",
   "yellow",
   "yellowgreen"
-], MO = ["italic", "oblique"], NO = ["bold", "bolder", "lighter"], PO = ["underline", "overline", "line-through"], l0 = (t) => {
+], BO = ["italic", "oblique"], $O = ["bold", "bolder", "lighter"], HO = ["underline", "overline", "line-through"], l0 = (t) => {
   const e = {}, n = [];
   return t.forEach((r) => {
     switch (!0) {
-      case IO.includes(r):
+      case DO.includes(r):
         e.color = r;
         break;
-      case MO.includes(r):
+      case BO.includes(r):
         e.fontStyle = r;
         break;
-      case NO.includes(r):
+      case $O.includes(r):
         e.fontWeight = r;
         break;
-      case PO.includes(r):
+      case HO.includes(r):
         e.textDecoration = r;
         break;
       default:
@@ -34295,7 +34321,7 @@ const OO = /* @__PURE__ */ ze(EO, [["render", kO]]), IO = [
     }
   }), { textStyle: e, classNames: n };
 };
-const FO = {
+const UO = {
   name: "divider",
   props: ["context"],
   computed: {
@@ -34324,8 +34350,8 @@ const FO = {
       return { style: l0([]), note: this.note };
     }
   }
-}, y6 = (t) => (Ss("data-v-0be02001"), t = t(), As(), t), DO = /* @__PURE__ */ y6(() => /* @__PURE__ */ A("div", { class: "left bg-skin-divider" }, null, -1)), BO = /* @__PURE__ */ y6(() => /* @__PURE__ */ A("div", { class: "right bg-skin-divider" }, null, -1));
-function $O(t, e, n, r, s, i) {
+}, y6 = (t) => (Ss("data-v-0be02001"), t = t(), As(), t), VO = /* @__PURE__ */ y6(() => /* @__PURE__ */ S("div", { class: "left bg-skin-divider" }, null, -1)), zO = /* @__PURE__ */ y6(() => /* @__PURE__ */ S("div", { class: "right bg-skin-divider" }, null, -1));
+function GO(t, e, n, r, s, i) {
   return R(), q("div", {
     class: "divider",
     style: Ce({
@@ -34333,16 +34359,16 @@ function $O(t, e, n, r, s, i) {
       transform: "translateX(" + (-1 * i.centerOfFrom + 10) + "px)"
     })
   }, [
-    DO,
-    A("div", {
+    VO,
+    S("div", {
       class: ve(["name", i.messageStyle.style.classNames]),
       style: Ce(i.messageStyle.style.textStyle)
     }, Ve(i.messageStyle.note), 7),
-    BO
+    zO
   ], 4);
 }
-const HO = /* @__PURE__ */ ze(FO, [["render", $O], ["__scopeId", "data-v-0be02001"]]);
-function UO(t) {
+const jO = /* @__PURE__ */ ze(UO, [["render", GO], ["__scopeId", "data-v-0be02001"]]);
+function ZO(t) {
   const e = {
     "<>": /* @__PURE__ */ new Set(),
     "()": /* @__PURE__ */ new Set(),
@@ -34363,7 +34389,7 @@ function UO(t) {
     t.slice(s)
   ];
 }
-class VO {
+class WO {
   constructor(e) {
     W(this, "text", "");
     W(this, "classNames", []);
@@ -34373,7 +34399,7 @@ class VO {
     W(this, "commentClassNames", []);
     W(this, "messageClassNames", []);
     const n = e.slice(0, -1).split(`
-`), r = n[n.length - 1], [s, i, o, l] = UO(r), { textStyle: a, classNames: c } = l0(s), { textStyle: u, classNames: h } = l0(i), { textStyle: d, classNames: p } = l0(o);
+`), r = n[n.length - 1], [s, i, o, l] = ZO(r), { textStyle: a, classNames: c } = l0(s), { textStyle: u, classNames: h } = l0(i), { textStyle: d, classNames: p } = l0(o);
     this.text = (n.slice(0, n.length - 1).join(`
 `) + `
 ` + l).trim(), this.textStyle = { ...d, ...a, ...u }, this.classNames = [
@@ -34383,7 +34409,7 @@ class VO {
     ], this.commentStyle = { ...d, ...a }, this.messageStyle = { ...d, ...u }, this.commentClassNames = [...p, ...c], this.messageClassNames = [...p, ...h];
   }
 }
-const zO = {
+const qO = {
   name: "statement",
   props: [
     "context",
@@ -34397,7 +34423,7 @@ const zO = {
       return this.context.getComment() ? this.context.getComment() : "";
     },
     commentObj: function() {
-      return new VO(this.comment);
+      return new WO(this.comment);
     },
     subStatement: function() {
       let t = this, e = {
@@ -34419,19 +34445,19 @@ const zO = {
     }
   },
   components: {
-    Creation: rk,
-    Interaction: dk,
-    InteractionAsync: wk,
-    FragmentAlt: Zk,
-    FragmentPar: Qk,
-    FragmentOpt: dO,
-    FragmentTryCatchFinally: wO,
-    FragmentLoop: oO,
-    Divider: HO,
-    Return: OO
+    Creation: ak,
+    Interaction: xk,
+    InteractionAsync: Rk,
+    FragmentAlt: Xk,
+    FragmentPar: rO,
+    FragmentOpt: xO,
+    FragmentTryCatchFinally: RO,
+    FragmentLoop: hO,
+    Divider: jO,
+    Return: FO
   }
 };
-function GO(t, e, n, r, s, i) {
+function KO(t, e, n, r, s, i) {
   return R(), ke(Rs(i.subStatement), {
     class: ve(["text-left text-sm text-skin-message", { hidden: i.collapsedCheck }]),
     context: n.context,
@@ -34442,7 +34468,7 @@ function GO(t, e, n, r, s, i) {
     inheritFromOccurrence: n.inheritFromOccurrence
   }, null, 8, ["class", "context", "comment", "commentObj", "selfCallIndent", "number", "inheritFromOccurrence"]);
 }
-const jO = /* @__PURE__ */ ze(zO, [["render", GO]]), ZO = { class: "block" }, WO = /* @__PURE__ */ Ye({
+const YO = /* @__PURE__ */ ze(qO, [["render", KO]]), XO = { class: "block" }, QO = /* @__PURE__ */ Ye({
   __name: "Block",
   props: {
     context: null,
@@ -34457,12 +34483,12 @@ const jO = /* @__PURE__ */ ze(zO, [["render", GO]]), ZO = { class: "block" }, WO
       var s;
       return ((s = e.context) == null ? void 0 : s.stat()) || [];
     }), r = (s) => e.number ? e.incremental ? m6(e.number, s) : `${e.number}.${s + 1}` : String(s + 1);
-    return (s, i) => (R(), q("div", ZO, [
-      (R(!0), q(Fe, null, On(me(n), (o, l) => (R(), q("div", {
+    return (s, i) => (R(), q("div", XO, [
+      (R(!0), q(Fe, null, On(pe(n), (o, l) => (R(), q("div", {
         class: "statement-container mt-1",
         key: l
       }, [
-        z(jO, {
+        z(YO, {
           inheritFromOccurrence: t.inheritFromOccurrence,
           context: o,
           collapsed: t.collapsed,
@@ -34473,15 +34499,15 @@ const jO = /* @__PURE__ */ ze(zO, [["render", GO]]), ZO = { class: "block" }, WO
     ]));
   }
 });
-function qO(t) {
+function JO(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 KO = (t, e) => {
+const eI = (t, e) => {
   const r = C6() - e;
-  return console.debug(t + " cost: " + qO(r)), r;
-}, C6 = () => performance.now(), YO = b0.child({ name: "core" });
-class eI {
+  return console.debug(t + " cost: " + JO(r)), r;
+}, C6 = () => performance.now(), tI = b0.child({ name: "core" });
+class iI {
   constructor(e, n = !1) {
     W(this, "el");
     W(this, "_code");
@@ -34491,14 +34517,14 @@ class eI {
     W(this, "_currentTimeout");
     W(this, "_lastRenderingCostMilliseconds", 0);
     W(this, "initialRender", !0);
-    this.el = e, this.store = U5(hh()), this.app = P0(n ? dc : n6), this.app.component("Comment", q0), this.app.component("Block", WO), this.app.use(this.store), this.app.mount(this.el), this.addPortalRootElement();
+    this.el = e, this.store = U5(hh()), this.app = P0(n ? dc : n6), this.app.component("Comment", q0), this.app.component("Block", QO), 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)), YO.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.mode = (n == null ? void 0 : n.mode) || Gn.Dynamic, this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
+    return this._currentTimeout && (console.debug("rendering clearTimeout"), clearTimeout(this._currentTimeout)), tI.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) || Gn.Dynamic, this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
       async () => await this.doRender(n),
       this.calculateDebounceMilliseconds()
     ), this;
@@ -34508,7 +34534,7 @@ class eI {
     const n = C6();
     tv(), this.store.commit("onContentChange", (e == null ? void 0 : e.onContentChange) || (() => {
     })), this.store.commit("onThemeChange", (e == null ? void 0 : e.onThemeChange) || (() => {
-    })), (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 = KO(
+    })), (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 = eI(
       "rendering end",
       n
     );
@@ -34527,7 +34553,7 @@ class eI {
     return this.el.children[0].__vue__.toPng();
   }
 }
-const tI = {
+const oI = {
   createApp: P0,
   createStore: U5,
   Store: hh,
@@ -34541,14 +34567,14 @@ export {
   Ve as D,
   rh as E,
   Fe as F,
-  QO as G,
+  rI as G,
   YC as H,
   ov as P,
   I0 as T,
   Gh as U,
-  tI as V,
-  eI as Z,
-  A as a,
+  oI as V,
+  iI as Z,
+  S as a,
   V as b,
   q as c,
   i8 as d,
@@ -34565,14 +34591,14 @@ export {
   R as o,
   Ut as p,
   an as q,
-  ge as r,
+  me as r,
   e3 as s,
   n3 as t,
-  me as u,
+  pe as u,
   Ye as v,
   Yt as w,
   Fn as x,
   xh as y,
   ke as z
 };
-//# sourceMappingURL=core.4014abe8.js.map
+//# sourceMappingURL=core.27be72fc.js.map