@zenuml/core 3.28.1 → 3.29.1

package/dist/{core-cb5ceedc.js → core-97be1854.js}

@@ -382,10 +382,10 @@ function gC(t, e) {
     return !1;
   let n = !0;
   for (let i = 0; n && i < t.length; i++)
-    n = c4(t[i], e[i]);
+    n = h4(t[i], e[i]);
   return n;
 }
-function c4(t, e) {
+function h4(t, e) {
   if (t === e)
     return !0;
   let n = yn(t), i = yn(e);
@@ -403,21 +403,21 @@ function c4(t, e) {
       return !1;
     for (const o in t) {
       const l = t.hasOwnProperty(o), L = e.hasOwnProperty(o);
-      if (l && !L || !l && L || !c4(t[o], e[o]))
+      if (l && !L || !l && L || !h4(t[o], e[o]))
         return !1;
     }
   }
   return String(t) === String(e);
 }
 function Y0(t, e) {
-  return t.findIndex((n) => c4(n, e));
+  return t.findIndex((n) => h4(n, e));
 }
 const m1 = (t) => r1(t) ? t : t == null ? "" : e2(t) || P2(t) && (t.toString === $s || !p2(t.toString)) ? JSON.stringify(t, Hs, 2) : String(t), Hs = (t, e) => e && e.__v_isRef ? Hs(t, e.value) : S9(e) ? {
   [`Map(${e.size})`]: [...e.entries()].reduce((n, [i, s]) => (n[`${i} =>`] = s, n), {})
 } : d9(e) ? {
   [`Set(${e.size})`]: [...e.values()]
 } : P2(e) && !e2(e) && !e8(e) ? String(e) : e, X2 = {}, T9 = [], r3 = () => {
-}, fC = () => !1, pC = /^on[^a-z]/, f4 = (t) => pC.test(t), ie = (t) => t.startsWith("onUpdate:"), U2 = Object.assign, se = (t, e) => {
+}, fC = () => !1, pC = /^on[^a-z]/, m4 = (t) => pC.test(t), ie = (t) => t.startsWith("onUpdate:"), U2 = Object.assign, se = (t, e) => {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }, mC = Object.prototype.hasOwnProperty, $2 = (t, e) => mC.call(t, e), e2 = Array.isArray, S9 = (t) => Q0(t) === "[object Map]", d9 = (t) => Q0(t) === "[object Set]", yn = (t) => Q0(t) === "[object Date]", p2 = (t) => typeof t == "function", r1 = (t) => typeof t == "string", N0 = (t) => typeof t == "symbol", P2 = (t) => t !== null && typeof t == "object", A8 = (t) => P2(t) && p2(t.then) && p2(t.catch), $s = Object.prototype.toString, Q0 = (t) => $s.call(t), wC = (t) => Q0(t).slice(8, -1), e8 = (t) => Q0(t) === "[object Object]", re = (t) => r1(t) && t !== "NaN" && t[0] !== "-" && "" + parseInt(t, 10) === t, b9 = /* @__PURE__ */ Q9(
@@ -928,8 +928,8 @@ function b8(t, e, n, i, s) {
   const l = new Proxy(t, o === 2 ? i : n);
   return s.set(t, l), l;
 }
-function a4(t) {
-  return a9(t) ? a4(t.__v_raw) : !!(t && t.__v_isReactive);
+function c4(t) {
+  return a9(t) ? c4(t.__v_raw) : !!(t && t.__v_isReactive);
 }
 function a9(t) {
   return !!(t && t.__v_isReadonly);
@@ -938,7 +938,7 @@ function D0(t) {
   return !!(t && t.__v_isShallow);
 }
 function Ce(t) {
-  return a4(t) || a9(t);
+  return c4(t) || a9(t);
 }
 function I2(t) {
   const e = t && t.__v_raw;
@@ -992,7 +992,7 @@ const nc = {
   }
 };
 function de(t) {
-  return a4(t) ? t : new Proxy(t, nc);
+  return c4(t) ? t : new Proxy(t, nc);
 }
 class ic {
   constructor(e) {
@@ -1105,7 +1105,7 @@ let B0 = !1, L6 = !1;
 const F1 = [];
 let W3 = 0;
 const I9 = [];
-let l4 = null, Y4 = 0;
+let a4 = null, Y4 = 0;
 const Cr = /* @__PURE__ */ Promise.resolve();
 let ge = null;
 function P4(t) {
@@ -1131,7 +1131,7 @@ function cc(t) {
   e > W3 && F1.splice(e, 1);
 }
 function fe(t) {
-  e2(t) ? I9.push(...t) : (!l4 || !l4.includes(t, t.allowRecurse ? Y4 + 1 : Y4)) && I9.push(t), cr();
+  e2(t) ? I9.push(...t) : (!a4 || !a4.includes(t, t.allowRecurse ? Y4 + 1 : Y4)) && I9.push(t), cr();
 }
 function Fn(t, e = B0 ? W3 + 1 : 0) {
   for (; e < F1.length; e++) {
@@ -1142,13 +1142,13 @@ function Fn(t, e = B0 ? W3 + 1 : 0) {
 function n8(t) {
   if (I9.length) {
     const e = [...new Set(I9)];
-    if (I9.length = 0, l4) {
-      l4.push(...e);
+    if (I9.length = 0, a4) {
+      a4.push(...e);
       return;
     }
-    for (l4 = e, l4.sort((n, i) => z0(n) - z0(i)), Y4 = 0; Y4 < l4.length; Y4++)
-      l4[Y4]();
-    l4 = null, Y4 = 0;
+    for (a4 = e, a4.sort((n, i) => z0(n) - z0(i)), Y4 = 0; Y4 < a4.length; Y4++)
+      a4[Y4]();
+    a4 = null, Y4 = 0;
   }
 }
 const z0 = (t) => t.id == null ? 1 / 0 : t.id, uc = (t, e) => {
@@ -1211,7 +1211,7 @@ function T1(t, e, ...n) {
   if (!Y2(t, e))
     throw new Error(`${t} compat has been disabled.`);
 }
-function u4(t, e, ...n) {
+function d4(t, e, ...n) {
   return Y2(t, e);
 }
 function F8(t, e, ...n) {
@@ -1320,17 +1320,17 @@ function gr(t, e, n = !1) {
   return !r && !l ? (P2(t) && i.set(t, null), null) : (e2(r) ? r.forEach((L) => o[L] = null) : U2(o, r), P2(t) && i.set(t, o), o);
 }
 function N8(t, e) {
-  return !t || !f4(e) ? !1 : e.startsWith(O8) ? !0 : (e = e.slice(2).replace(/Once$/, ""), $2(t, e[0].toLowerCase() + e.slice(1)) || $2(t, H1(e)) || $2(t, e));
+  return !t || !m4(e) ? !1 : e.startsWith(O8) ? !0 : (e = e.slice(2).replace(/Once$/, ""), $2(t, e[0].toLowerCase() + e.slice(1)) || $2(t, H1(e)) || $2(t, e));
 }
 let p1 = null, F9 = null;
 function U0(t) {
   const e = p1;
   return p1 = t, F9 = t && t.type.__scopeId || null, F9 || (F9 = t && t.type._scopeId || null), e;
 }
-function p4(t) {
+function s4(t) {
   F9 = t;
 }
-function m4() {
+function r4() {
   F9 = null;
 }
 const xc = (t) => u3;
@@ -1406,7 +1406,7 @@ function _c(t) {
 const vc = (t) => {
   let e;
   for (const n in t)
-    (n === "class" || n === "style" || f4(n)) && ((e || (e = {}))[n] = t[n]);
+    (n === "class" || n === "style" || m4(n)) && ((e || (e = {}))[n] = t[n]);
   return e;
 }, Mc = (t, e) => {
   const n = {};
@@ -1718,10 +1718,10 @@ function p3(t, e, n) {
 function e5(t, e, { immediate: n, deep: i, flush: s, onTrack: r, onTrigger: o } = X2) {
   const l = _1;
   let L, a = !1, C = !1;
-  if (R1(t) ? (L = () => t.value, a = D0(t)) : a4(t) ? (L = () => t, i = !0) : e2(t) ? (C = !0, a = t.some((w) => a4(w) || D0(w)), L = () => t.map((w) => {
+  if (R1(t) ? (L = () => t.value, a = D0(t)) : c4(t) ? (L = () => t, i = !0) : e2(t) ? (C = !0, a = t.some((w) => c4(w) || D0(w)), L = () => t.map((w) => {
     if (R1(w))
       return w.value;
-    if (a4(w))
+    if (c4(w))
       return Z4(w);
     if (p2(w))
       return G3(
@@ -1864,7 +1864,7 @@ const R3 = [Function, Array], xr = {
     onAppearCancelled: R3
   },
   setup(t, { slots: e }) {
-    const n = s4(), i = Me();
+    const n = o4(), i = Me();
     let s;
     return () => {
       const r = e.default && D8(e.default(), !0);
@@ -2086,7 +2086,7 @@ const t5 = (t) => t.type.__isKeepAlive, vr = {
     max: [String, Number]
   },
   setup(t, { slots: e }) {
-    const n = s4(), i = n.ctx;
+    const n = o4(), i = n.ctx;
     if (!i.renderer)
       return () => {
         const g = e.default && e.default();
@@ -2274,7 +2274,7 @@ function Fr(t) {
   if (!n)
     return e;
   for (const i in n)
-    f4(i) && (e[i[2].toLowerCase() + i.slice(3)] = n[i]);
+    m4(i) && (e[i[2].toLowerCase() + i.slice(3)] = n[i]);
   return e;
 }
 const Oc = {
@@ -2290,10 +2290,10 @@ function Nc(t, e, n) {
       const s = [];
       return i.forEach((r) => {
         const o = e[r];
-        o && (u4("CUSTOM_DIR", n, r, t), s.push(o));
+        o && (d4("CUSTOM_DIR", n, r, t), s.push(o));
       }), s.length ? s : void 0;
     } else
-      return e[i] && u4("CUSTOM_DIR", n, i, t), e[i];
+      return e[i] && d4("CUSTOM_DIR", n, i, t), e[i];
 }
 function $0(t, e) {
   const n = p1;
@@ -2490,7 +2490,7 @@ function Wc(t) {
   if (A7.has(t))
     return A7.get(t);
   const e = t.render, n = (i, s) => {
-    const r = s4(), o = {
+    const r = o4(), o = {
       props: i,
       children: r.vnode.children || [],
       data: r.vnode.props || {},
@@ -2712,7 +2712,7 @@ function Jc(t) {
     _s: () => m1,
     _l: () => J3,
     _t: (i) => Gc.bind(null, i),
-    _q: () => c4,
+    _q: () => h4,
     _i: () => Y0,
     _m: (i) => qc.bind(null, i),
     _f: () => Dr,
@@ -2913,7 +2913,7 @@ function tu(t) {
   function H(i2, g2) {
     e2(g2) ? g2.forEach((J2) => i2(J2.bind(n))) : g2 && i2(g2.bind(n));
   }
-  if (H(kr, c), H(s1, h), H(Zr, d), H(n5, f), H(Rr, x), H(yr, Z), H(Er, E), H(br, P), H(Sr, q), H(H0, g), H(x1, k), H(Tr, L2), m && u4("OPTIONS_BEFORE_DESTROY", t) && H(H0, m), w && u4("OPTIONS_DESTROYED", t) && H(x1, w), e2(t2))
+  if (H(kr, c), H(s1, h), H(Zr, d), H(n5, f), H(Rr, x), H(yr, Z), H(Er, E), H(br, P), H(Sr, q), H(H0, g), H(x1, k), H(Tr, L2), m && d4("OPTIONS_BEFORE_DESTROY", t) && H(H0, m), w && d4("OPTIONS_DESTROYED", t) && H(x1, w), e2(t2))
     if (t2.length) {
       const i2 = t.exposed || (t.exposed = {});
       t2.forEach((g2) => {
@@ -3062,7 +3062,7 @@ function su(t, e, n) {
   });
 }
 function jr(t, e) {
-  return !!(t === "is" || (t === "class" || t === "style") && Y2("INSTANCE_ATTRS_CLASS_STYLE", e) || f4(t) && Y2("INSTANCE_LISTENERS", e) || t.startsWith("routerView") || t === "registerRouteInstance");
+  return !!(t === "is" || (t === "class" || t === "style") && Y2("INSTANCE_ATTRS_CLASS_STYLE", e) || m4(t) && Y2("INSTANCE_LISTENERS", e) || t.startsWith("routerView") || t === "registerRouteInstance");
 }
 function ru(t, e, n, i = !1) {
   const s = {}, r = {};
@@ -3103,7 +3103,7 @@ function ou(t, e, n, i) {
             );
           }
         else {
-          if (f4(h) && h.endsWith("Native"))
+          if (m4(h) && h.endsWith("Native"))
             h = h.slice(0, -6);
           else if (jr(h, t))
             continue;
@@ -3140,14 +3140,14 @@ function qr(t, e, n, i) {
   let o = !1, l;
   if (e)
     for (let L in e) {
-      if (b9(L) || (L.startsWith("onHook:") && u4("INSTANCE_EVENT_HOOKS", t, L.slice(2).toLowerCase()), L === "inline-template"))
+      if (b9(L) || (L.startsWith("onHook:") && d4("INSTANCE_EVENT_HOOKS", t, L.slice(2).toLowerCase()), L === "inline-template"))
         continue;
       const a = e[L];
       let C;
       if (s && $2(s, C = j1(L)))
         !r || !r.includes(C) ? n[C] = a : (l || (l = {}))[C] = a;
       else if (!N8(t.emitsOptions, L)) {
-        if (f4(L) && L.endsWith("Native"))
+        if (m4(L) && L.endsWith("Native"))
           L = L.slice(0, -6);
         else if (jr(L, t))
           continue;
@@ -3284,7 +3284,7 @@ function Cu(t) {
     get(e, n) {
       if (n in e)
         return e[n];
-      if (n in r9 && u4("CONFIG_OPTION_MERGE_STRATS", null))
+      if (n in r9 && d4("CONFIG_OPTION_MERGE_STRATS", null))
         return r9[n];
     }
   });
@@ -3298,7 +3298,7 @@ function cu(t, e) {
   function i(L = {}, a) {
     T1("GLOBAL_MOUNT", null);
     const { data: C } = L;
-    C && !p2(C) && u4("OPTIONS_DATA_FN", null) && (L.data = () => C);
+    C && !p2(C) && d4("OPTIONS_DATA_FN", null) && (L.data = () => C);
     const c = t(L);
     a !== n && Jr(c, a);
     const h = c._createRoot(L);
@@ -3430,7 +3430,7 @@ const pu = [
   "reverse"
 ], mu = /* @__PURE__ */ new WeakSet();
 function wu(t, e, n) {
-  if (P2(n) && !a4(n) && !mu.has(n)) {
+  if (P2(n) && !c4(n) && !mu.has(n)) {
     const s = X3(n);
     e2(n) ? pu.forEach((r) => {
       n[r] = (...o) => {
@@ -3444,7 +3444,7 @@ function wu(t, e, n) {
     });
   }
   const i = t.$;
-  i && t === i.proxy ? (Z7(i.ctx, e, n), i.accessCache = /* @__PURE__ */ Object.create(null)) : a4(t) ? t[e] = n : Z7(t, e, n);
+  i && t === i.proxy ? (Z7(i.ctx, e, n), i.accessCache = /* @__PURE__ */ Object.create(null)) : c4(t) ? t[e] = n : Z7(t, e, n);
 }
 function Z7(t, e, n) {
   n = P2(n) ? X3(n) : n, Object.defineProperty(t, e, {
@@ -3605,7 +3605,7 @@ function vu(t) {
       if (u2 && U3(g, null, w, "created"), E)
         if (N2 || !P || L2 & 48)
           for (const D in E)
-            (N2 && D.endsWith("value") || f4(D) && !b9(D)) && i(m, D, null, E[D], !1, void 0, w);
+            (N2 && D.endsWith("value") || m4(D) && !b9(D)) && i(m, D, null, E[D], !1, void 0, w);
         else
           E.onClick && i(m, "onClick", null, E.onClick, !1, void 0, w);
       let m2;
@@ -4254,7 +4254,7 @@ function ku(t) {
   }) : s == null ? r = N9(() => i) : r = t, T7.set(t, r), r;
 }
 function Zu(t, e) {
-  return t.__isBuiltIn ? t : (p2(t) && t.cid && (t = t.options), p2(t) && F8("COMPONENT_ASYNC", e, t) ? ku(t) : P2(t) && t.functional && u4("COMPONENT_FUNCTIONAL", e, t) ? Wc(t) : t);
+  return t.__isBuiltIn ? t : (p2(t) && t.cid && (t = t.options), p2(t) && F8("COMPONENT_ASYNC", e, t) ? ku(t) : P2(t) && t.functional && d4("COMPONENT_FUNCTIONAL", e, t) ? Wc(t) : t);
 }
 const z2 = Symbol(void 0), c9 = Symbol(void 0), S1 = Symbol(void 0), o9 = Symbol(void 0), y0 = [];
 let i3 = null;
@@ -4459,7 +4459,7 @@ function $8(...t) {
         e.class !== i.class && (e.class = v2([e.class, i.class]));
       else if (s === "style")
         e.style = w2([e.style, i.style]);
-      else if (f4(s)) {
+      else if (m4(s)) {
         const r = e[s], o = i[s];
         o && r !== o && !(e2(r) && r.includes(o)) && (e[s] = r ? [].concat(r, o) : o);
       } else
@@ -4549,7 +4549,7 @@ function Te(t, e, n) {
   return r.ctx = { _: r }, r.root = e ? e.root : r, r.emit = wc.bind(null, r), t.ce && t.ce(r), r;
 }
 let _1 = null;
-const s4 = () => _1 || p1, B4 = (t) => {
+const o4 = () => _1 || p1, B4 = (t) => {
   _1 = t, t.scope.on();
 }, F4 = () => {
   _1 && _1.scope.off(), _1 = null;
@@ -4678,7 +4678,7 @@ function Wu() {
   return uo().attrs;
 }
 function uo() {
-  const t = s4();
+  const t = o4();
   return t.setupContext || (t.setupContext = co(t));
 }
 function Hu(t, e) {
@@ -4699,7 +4699,7 @@ function $u(t, e) {
   return n;
 }
 function Vu(t) {
-  const e = s4();
+  const e = o4();
   let n = t();
   return F4(), A8(n) && (n = n.catch((i) => {
     throw B4(e), i;
@@ -4740,7 +4740,7 @@ const po = "3.2.45", qu = {
   createCompatVue: cu,
   isCompatEnabled: Y2,
   checkCompatEnabled: F8,
-  softAssertCompatEnabled: u4
+  softAssertCompatEnabled: d4
 }, e4 = Qu, Xu = "http://www.w3.org/2000/svg", X4 = typeof document < "u" ? document : null, Qn = X4 && /* @__PURE__ */ X4.createElement("template"), Ju = {
   insert: (t, e, n) => {
     e.insertBefore(t, n || null);
@@ -4889,7 +4889,7 @@ function oh(t, e, n, i, s, r, o) {
   }
   l && t.removeAttribute(e);
 }
-function L4(t, e, n, i) {
+function C4(t, e, n, i) {
   t.addEventListener(e, n, i);
 }
 function lh(t, e, n, i) {
@@ -4903,7 +4903,7 @@ function Lh(t, e, n, i, s = null) {
     const [l, L] = ah(e);
     if (i) {
       const a = r[e] = uh(i, s);
-      L4(t, l, a, L);
+      C4(t, l, a, L);
     } else
       o && (lh(t, l, o, L), r[e] = void 0);
   }
@@ -4941,7 +4941,7 @@ function hh(t, e) {
     return e;
 }
 const ni = /^on[a-z]/, dh = (t, e, n, i, s = !1, r, o, l, L) => {
-  e === "class" ? eh(t, i, s) : e === "style" ? th(t, n, i) : f4(e) ? ie(e) || Lh(t, e, n, i, o) : (e[0] === "." ? (e = e.slice(1), !0) : e[0] === "^" ? (e = e.slice(1), !1) : gh(t, e, i, s)) ? oh(t, e, i, r, o, l, L) : (e === "true-value" ? t._trueValue = i : e === "false-value" && (t._falseValue = i), ih(t, e, i, s, o));
+  e === "class" ? eh(t, i, s) : e === "style" ? th(t, n, i) : m4(e) ? ie(e) || Lh(t, e, n, i, o) : (e[0] === "." ? (e = e.slice(1), !0) : e[0] === "^" ? (e = e.slice(1), !1) : gh(t, e, i, s)) ? oh(t, e, i, r, o, l, L) : (e === "true-value" ? t._trueValue = i : e === "false-value" && (t._falseValue = i), ih(t, e, i, s, o));
 };
 function gh(t, e, n, i) {
   return i ? !!(e === "innerHTML" || e === "textContent" || e in t && ni.test(e) && p2(n)) : e === "spellcheck" || e === "draggable" || e === "translate" || e === "form" || e === "list" && t.tagName === "INPUT" || e === "type" && t.tagName === "TEXTAREA" || ni.test(e) && r1(n) ? !1 : e in t;
@@ -5055,7 +5055,7 @@ class G8 extends ph {
 }
 function mh(t = "$style") {
   {
-    const e = s4();
+    const e = o4();
     if (!e)
       return X2;
     const n = e.type.__cssModules;
@@ -5066,7 +5066,7 @@ function mh(t = "$style") {
   }
 }
 function wh(t) {
-  const e = s4();
+  const e = o4();
   if (!e)
     return;
   const n = e.ut = (s = t(e.proxy)) => {
@@ -5255,7 +5255,7 @@ const Mo = /* @__PURE__ */ new WeakMap(), Ro = /* @__PURE__ */ new WeakMap(), yo
     moveClass: String
   }),
   setup(t, { slots: e }) {
-    const n = s4(), i = Me();
+    const n = o4(), i = Me();
     let s, r;
     return n5(() => {
       if (!s.length)
@@ -5331,14 +5331,14 @@ const o8 = {
   created(t, { modifiers: { lazy: e, trim: n, number: i } }, s) {
     t._assign = z4(s);
     const r = i || s.props && s.props.type === "number";
-    L4(t, e ? "change" : "input", (o) => {
+    C4(t, e ? "change" : "input", (o) => {
       if (o.target.composing)
         return;
       let l = t.value;
       n && (l = l.trim()), r && (l = Y3(l)), t._assign(l);
-    }), n && L4(t, "change", () => {
+    }), n && C4(t, "change", () => {
       t.value = t.value.trim();
-    }), e || (L4(t, "compositionstart", kh), L4(t, "compositionend", Li), L4(t, "change", Li));
+    }), e || (C4(t, "compositionstart", kh), C4(t, "compositionend", Li), C4(t, "change", Li));
   },
   // set value on mounted so it's after min/max for type="range"
   mounted(t, { value: e }) {
@@ -5354,7 +5354,7 @@ const o8 = {
   // #4096 array checkboxes need to be deep traversed
   deep: !0,
   created(t, e, n) {
-    t._assign = z4(n), L4(t, "change", () => {
+    t._assign = z4(n), C4(t, "change", () => {
       const i = t._modelValue, s = $9(t), r = t.checked, o = t._assign;
       if (e2(i)) {
         const l = Y0(i, s), L = l !== -1;
@@ -5378,23 +5378,23 @@ const o8 = {
   }
 };
 function ai(t, { value: e, oldValue: n }, i) {
-  t._modelValue = e, e2(e) ? t.checked = Y0(e, i.props.value) > -1 : d9(e) ? t.checked = e.has(i.props.value) : e !== n && (t.checked = c4(e, Zo(t, !0)));
+  t._modelValue = e, e2(e) ? t.checked = Y0(e, i.props.value) > -1 : d9(e) ? t.checked = e.has(i.props.value) : e !== n && (t.checked = h4(e, Zo(t, !0)));
 }
 const Ie = {
   created(t, { value: e }, n) {
-    t.checked = c4(e, n.props.value), t._assign = z4(n), L4(t, "change", () => {
+    t.checked = h4(e, n.props.value), t._assign = z4(n), C4(t, "change", () => {
       t._assign($9(t));
     });
   },
   beforeUpdate(t, { value: e, oldValue: n }, i) {
-    t._assign = z4(i), e !== n && (t.checked = c4(e, i.props.value));
+    t._assign = z4(i), e !== n && (t.checked = h4(e, i.props.value));
   }
 }, ko = {
   // <select multiple> value need to be deep traversed
   deep: !0,
   created(t, { value: e, modifiers: { number: n } }, i) {
     const s = d9(e);
-    L4(t, "change", () => {
+    C4(t, "change", () => {
       const r = Array.prototype.filter.call(t.options, (o) => o.selected).map((o) => n ? Y3($9(o)) : $9(o));
       t._assign(t.multiple ? s ? new Set(r) : r : r[0]);
     }), t._assign = z4(i);
@@ -5418,7 +5418,7 @@ function Ci(t, e) {
       const r = t.options[i], o = $9(r);
       if (n)
         e2(e) ? r.selected = Y0(e, o) > -1 : r.selected = e.has(o);
-      else if (c4($9(r), e)) {
+      else if (h4($9(r), e)) {
         t.selectedIndex !== i && (t.selectedIndex = i);
         return;
       }
@@ -5470,7 +5470,7 @@ function F5(t, e, n, i, s) {
 }
 function Zh() {
   o8.getSSRProps = ({ value: t }) => ({ value: t }), Ie.getSSRProps = ({ value: t }, e) => {
-    if (e.props && c4(e.props.value, t))
+    if (e.props && h4(e.props.value, t))
       return { checked: !0 };
   }, Ee.getSSRProps = ({ value: t }, e) => {
     if (e2(t)) {
@@ -5522,7 +5522,7 @@ const Th = ["ctrl", "shift", "alt", "meta"], Sh = {
   delete: "backspace"
 }, Eh = (t, e) => {
   let n, i = null;
-  return i = s4(), e4.isCompatEnabled("CONFIG_KEY_CODES", i) && i && (n = i.appContext.config.keyCodes), (s) => {
+  return i = o4(), e4.isCompatEnabled("CONFIG_KEY_CODES", i) && i && (n = i.appContext.config.keyCodes), (s) => {
     if (!("key" in s))
       return;
     const r = H1(s.key);
@@ -5634,7 +5634,7 @@ var Nh = /* @__PURE__ */ Object.freeze({
   toRef: Lr,
   toRefs: g9,
   isProxy: Ce,
-  isReactive: a4,
+  isReactive: c4,
   isReadonly: a9,
   isShallow: D0,
   customRef: sc,
@@ -5682,7 +5682,7 @@ var Nh = /* @__PURE__ */ Object.freeze({
   mergeDefaults: Hu,
   createPropsRestProxy: $u,
   withAsyncContext: Vu,
-  getCurrentInstance: s4,
+  getCurrentInstance: o4,
   h: f1,
   createVNode: U,
   cloneVNode: Z3,
@@ -5721,8 +5721,8 @@ var Nh = /* @__PURE__ */ Object.freeze({
   },
   setDevtoolsHook: hr,
   withCtx: u3,
-  pushScopeId: p4,
-  popScopeId: m4,
+  pushScopeId: s4,
+  popScopeId: r4,
   withScopeId: xc,
   renderList: J3,
   toHandlers: Wr,
@@ -5763,7 +5763,7 @@ function Ph() {
 const Oo = Ph();
 Oo.compile = () => {
 };
-const { configureCompat: aD } = Oo;
+const { configureCompat: CD } = Oo;
 function Bh() {
   return No().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -7249,9 +7249,9 @@ class a8 extends el {
     throw new Error("missing interface implementation");
   }
 }
-class h4 extends el {
+class g4 extends el {
 }
-class K8 extends h4 {
+class K8 extends g4 {
 }
 function ud(t, e) {
   return t = t.replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r"), e && (t = t.replace(/ /g, "·")), t;
@@ -7283,7 +7283,7 @@ const z3 = {
       } else {
         if (t instanceof K8)
           return t.toString();
-        if (t instanceof h4 && t.symbol !== null)
+        if (t instanceof g4 && t.symbol !== null)
           return t.symbol.text;
       }
     const i = t.getPayload();
@@ -7319,7 +7319,7 @@ const z3 = {
     return z3._findAllNodes(t, e, n, i), i;
   },
   _findAllNodes: function(t, e, n, i) {
-    n && t instanceof h4 ? t.symbol.type === e && i.push(t) : !n && t instanceof a8 && t.ruleIndex === e && i.push(t);
+    n && t instanceof g4 ? t.symbol.type === e && i.push(t) : !n && t instanceof a8 && t.ruleIndex === e && i.push(t);
     for (let s = 0; s < t.getChildCount(); s++)
       z3._findAllNodes(t.getChild(s), e, n, i);
   },
@@ -9232,7 +9232,7 @@ class W1 {
     return this.configs.length;
   }
 }
-class C4 {
+class u4 {
   constructor(e, n) {
     return e === null && (e = -1), n === null && (n = new W1()), this.stateNumber = e, this.configs = n, this.edges = null, this.isAcceptState = !1, this.prediction = 0, this.lexerActionExecutor = null, this.requiresFullContext = !1, this.predicates = null, this;
   }
@@ -9263,7 +9263,7 @@ class C4 {
    * {@link //stateNumber} is irrelevant.</p>
    */
   equals(e) {
-    return this === e || e instanceof C4 && this.configs.equals(e.configs);
+    return this === e || e instanceof u4 && this.configs.equals(e.configs);
   }
   toString() {
     let e = "" + this.stateNumber + ":" + this.configs;
@@ -9285,7 +9285,7 @@ class $3 {
     return tl(e, this.sharedContextCache, n);
   }
 }
-$3.ERROR = new C4(2147483647, new W1());
+$3.ERROR = new u4(2147483647, new W1());
 class _i extends W1 {
   constructor() {
     super(), this.configLookup = new m3();
@@ -9749,7 +9749,7 @@ class L1 extends $3 {
    * traversing the DFA, we will know which rule to accept.
    */
   addDFAState(e) {
-    const n = new C4(null, e);
+    const n = new u4(null, e);
     let i = null;
     for (let l = 0; l < e.items.length; l++) {
       const L = e.items[l];
@@ -10322,7 +10322,7 @@ class Ad extends $3 {
         i === null && (i = j9.EMPTY), (this.debug || this.debug_list_atn_decisions) && console.log("predictATN decision " + s.decision + " exec LA(1)==" + this.getLookaheadName(e) + ", outerContext=" + i.toString(this.parser.ruleNames));
         const a = !1;
         let C = this.computeStartState(s.atnStartState, j9.EMPTY, a);
-        s.precedenceDfa ? (s.s0.configs = C, C = this.applyPrecedenceFilter(C), l = this.addDFAState(s, new C4(null, C)), s.setPrecedenceStartState(this.parser.getPrecedence(), l)) : (l = this.addDFAState(s, new C4(null, C)), s.s0 = l);
+        s.precedenceDfa ? (s.s0.configs = C, C = this.applyPrecedenceFilter(C), l = this.addDFAState(s, new u4(null, C)), s.setPrecedenceStartState(this.parser.getPrecedence(), l)) : (l = this.addDFAState(s, new u4(null, C)), s.s0 = l);
       }
       const L = this.execATN(s, l, e, o, i);
       return this.debug && console.log("DFA after predictATN: " + s.toString(this.parser.literalNames, this.parser.symbolicNames)), L;
@@ -10432,7 +10432,7 @@ class Ad extends $3 {
     const s = this.computeReachSet(n.configs, i, !1);
     if (s === null)
       return this.addDFAEdge(e, n, i, $3.ERROR), $3.ERROR;
-    let r = new C4(null, s);
+    let r = new u4(null, s);
     const o = this.getUniqueAlt(s);
     if (this.debug) {
       const l = e1.getConflictingAltSubsets(s);
@@ -11121,7 +11121,7 @@ class Zd {
   constructor(e, n) {
     if (n === void 0 && (n = 0), this.atnStartState = e, this.decision = n, this._states = new m3(), this.s0 = null, this.precedenceDfa = !1, e instanceof q4 && e.isPrecedenceDecision) {
       this.precedenceDfa = !0;
-      const i = new C4(null, new W1());
+      const i = new u4(null, new W1());
       i.edges = [], i.isAcceptState = !1, i.requiresFullContext = !1, this.s0 = i;
     }
   }
@@ -11175,7 +11175,7 @@ class Zd {
   setPrecedenceDfa(e) {
     if (this.precedenceDfa !== e) {
       if (this._states = new m3(), e) {
-        const n = new C4(null, new W1());
+        const n = new u4(null, new W1());
         n.edges = [], n.isAcceptState = !1, n.requiresFullContext = !1, this.s0 = n;
       } else
         this.s0 = null;
@@ -11237,7 +11237,7 @@ class I6 {
   walk(e, n) {
     if (n instanceof K8 || n.isErrorNode !== void 0 && n.isErrorNode())
       e.visitErrorNode(n);
-    else if (n instanceof h4)
+    else if (n instanceof g4)
       e.visitTerminal(n);
     else {
       this.enterRule(e, n);
@@ -11270,7 +11270,7 @@ class I6 {
   }
 }
 I6.DEFAULT = new I6();
-const bd = { Trees: z3, RuleNode: a8, ErrorNode: K8, TerminalNode: h4, ParseTreeListener: ll, ParseTreeVisitor: Sd, ParseTreeWalker: I6 };
+const bd = { Trees: z3, RuleNode: a8, ErrorNode: K8, TerminalNode: g4, ParseTreeListener: ll, ParseTreeVisitor: Sd, ParseTreeWalker: I6 };
 class S0 extends H4 {
   constructor(e) {
     super({ message: "", recognizer: e, input: e.getInputStream(), ctx: e._ctx }), this.offendingToken = e.getCurrentToken();
@@ -12499,7 +12499,7 @@ let al = class extends J8 {
     if (this.buildParseTrees || n) {
       let i;
       this._errHandler.inErrorRecoveryMode(this) ? i = this._ctx.addErrorNode(e) : i = this._ctx.addTokenNode(e), i.invokingState = this.state, n && this._parseListeners.forEach(function(s) {
-        i instanceof K8 || i.isErrorNode !== void 0 && i.isErrorNode() ? s.visitErrorNode(i) : i instanceof h4 && s.visitTerminal(i);
+        i instanceof K8 || i.isErrorNode !== void 0 && i.isErrorNode() ? s.visitErrorNode(i) : i instanceof g4 && s.visitTerminal(i);
       });
     }
     return e;
@@ -12681,7 +12681,7 @@ class Hd {
     return this.cache.length;
   }
 }
-class Cl extends h4 {
+class Cl extends g4 {
   constructor(e) {
     super(), this.parentCtx = null, this.symbol = e;
   }
@@ -12781,7 +12781,7 @@ let cl = class extends j9 {
       return null;
     for (let i = 0; i < this.children.length; i++) {
       const s = this.children[i];
-      if (s instanceof h4 && s.symbol.type === e) {
+      if (s instanceof g4 && s.symbol.type === e) {
         if (n === 0)
           return s;
         n -= 1;
@@ -12796,7 +12796,7 @@ let cl = class extends j9 {
       const n = [];
       for (let i = 0; i < this.children.length; i++) {
         const s = this.children[i];
-        s instanceof h4 && s.symbol.type === e && n.push(s);
+        s instanceof g4 && s.symbol.type === e && n.push(s);
       }
       return n;
     }
@@ -28198,7 +28198,7 @@ const i0 = /* @__PURE__ */ i4(xf), _f = i0(/[\n\r]/g, " "), vf = i0(/\s+/g, " ")
     i--;
   }
   return 0;
-}, yD = (t, e) => {
+}, AD = (t, e) => {
   const n = Ql(t, e);
   if (n === 0)
     return "";
@@ -28426,14 +28426,14 @@ class Vf {
     return e.type === Z9.CreationMessage && (i += n), i;
   }
   withMessageGaps(e, n) {
-    e.forEach((i) => {
+    for (const i of e) {
       i.from || (i.from = N1);
       const s = n.findIndex(
         (L) => L.name === i.from
       ), r = n.findIndex((L) => L.name === i.to);
       if (s === -1 || r === -1) {
         console.warn(`Participant ${i.from} or ${i.to} not found`);
-        return;
+        continue;
       }
       const o = Math.min(s, r), l = Math.max(s, r);
       try {
@@ -28447,7 +28447,7 @@ class Vf {
           `Could not set message gap between ${i.from} and ${i.to}`
         );
       }
-    });
+    }
   }
   withParticipantGaps(e) {
     this.m = e.map((n, i) => e.map((s, r) => r - i === 1 ? this.getParticipantGap(s) : 0));
@@ -28627,7 +28627,7 @@ const lL = () => ({
     }
   },
   setup(t) {
-    const e = t, n = N9(() => Gf(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close-cdb25d71.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded-74fa747e.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded-7eaa8c36.js"), "./icons/debug.svg": () => import("./debug-fc9b6727.js"), "./icons/message-arrow.svg": () => import("./message-arrow-03adbaaa.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle-c21e6265.js"), "./icons/numbering.svg": () => import("./numbering-4e0612f7.js"), "./icons/privacy.svg": () => import("./privacy-cfe1a08b.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle-bcd1a062.js"), "./icons/theme.svg": () => import("./theme-914b6b29.js"), "./icons/tip.svg": () => import("./tip-0a628518.js"), "./icons/zoom-in.svg": () => import("./zoom-in-d735d94f.js"), "./icons/zoom-out.svg": () => import("./zoom-out-d690e7a4.js") }), `./icons/${e.name}.svg`));
+    const e = t, n = N9(() => Gf(/* @__PURE__ */ Object.assign({ "./icons/close.svg": () => import("./close-f732d93b.js"), "./icons/collapse-expanded.svg": () => import("./collapse-expanded-18896bf9.js"), "./icons/collapse-unexpanded.svg": () => import("./collapse-unexpanded-d88d158e.js"), "./icons/debug.svg": () => import("./debug-922426e4.js"), "./icons/message-arrow.svg": () => import("./message-arrow-ca89b176.js"), "./icons/non-selected-cycle.svg": () => import("./non-selected-cycle-a42143a2.js"), "./icons/numbering.svg": () => import("./numbering-518e7f48.js"), "./icons/privacy.svg": () => import("./privacy-d39f3019.js"), "./icons/selected-cycle.svg": () => import("./selected-cycle-c475c912.js"), "./icons/theme.svg": () => import("./theme-dba923c8.js"), "./icons/tip.svg": () => import("./tip-7e9d692b.js"), "./icons/zoom-in.svg": () => import("./zoom-in-ecd0a13e.js"), "./icons/zoom-out.svg": () => import("./zoom-out-e21494d1.js") }), `./icons/${e.name}.svg`));
     return (i, s) => (S(), X("span", {
       class: v2(["flex items-center justify-center", t.iconClass]),
       onClick: s[0] || (s[0] = (r) => i.$emit("icon-click"))
@@ -33243,7 +33243,7 @@ const H7 = /* @__PURE__ */ K2(BA, [["render", WA]]), HA = { class: "message-laye
     context: null
   },
   setup(t) {
-    const e = N9(() => import("./StylePanel-2776c05a.js")), n = y8.child({ name: "MessageLayer" }), i = I3(), s = F(() => i.getters.centerOf), r = F(() => i.getters.rootContext), o = F(() => s.value(l.value) + 1), l = F(() => {
+    const e = N9(() => import("./StylePanel-90c804df.js")), n = y8.child({ name: "MessageLayer" }), i = I3(), s = F(() => i.getters.centerOf), r = F(() => i.getters.rootContext), o = F(() => s.value(l.value) + 1), l = F(() => {
       const L = c7(r.value);
       return L.length === 0 ? N1 : L[0].from || N1;
     });
@@ -33791,7 +33791,7 @@ const Ok = /* @__PURE__ */ K2(_k, [["render", Fk]]), Nk = ["contenteditable"], d
   }
 }), Dk = {
   key: 0,
-  class: "absolute right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 font-thin leading-6"
+  class: "absolute text-xs right-[100%] top-0 pr-1 group-hover:hidden text-gray-500 font-thin"
 }, O3 = /* @__PURE__ */ q2({
   __name: "Numbering",
   props: {
@@ -33912,7 +33912,7 @@ const Ok = /* @__PURE__ */ K2(_k, [["render", Fk]]), Nk = ["contenteditable"], d
       f.value && a.getters.onMessageClick(n, C.value);
     };
     return (b, P) => (S(), X("div", {
-      class: v2(["message border-skin-message-arrow border-b-2 flex items-end", {
+      class: v2(["message leading-none border-skin-message-arrow border-b-2 flex items-end", {
         "flex-row-reverse": I(s),
         return: I(r) === "return",
         "right-to-left": I(s)
@@ -33943,15 +33943,15 @@ const Ok = /* @__PURE__ */ K2(_k, [["render", Fk]]), Nk = ["contenteditable"], d
             ], 64)) : (S(), X(z2, { key: 1 }, [
               j3(m1(I(i)), 1)
             ], 64))
-          ], 6),
-          U(O3, { number: I(L) }, null, 8, ["number"])
+          ], 6)
         ])
       ]),
       U(Ok, {
         class: "flex-shrink-0 transform translate-y-1/2 -my-px",
         fill: I(w),
         rtl: I(s)
-      }, null, 8, ["fill", "rtl"])
+      }, null, 8, ["fill", "rtl"]),
+      U(O3, { number: I(L) }, null, 8, ["number"])
     ], 6));
   }
 }), zk = {
@@ -34568,7 +34568,7 @@ let GZ = 0;
 function jZ() {
   return ++GZ;
 }
-function r4() {
+function l4() {
   return jZ();
 }
 var k4 = ((t) => (t.Space = " ", t.Enter = "Enter", t.Escape = "Escape", t.Backspace = "Backspace", t.Delete = "Delete", t.ArrowLeft = "ArrowLeft", t.ArrowUp = "ArrowUp", t.ArrowRight = "ArrowRight", t.ArrowDown = "ArrowDown", t.Home = "Home", t.End = "End", t.PageUp = "PageUp", t.PageDown = "PageDown", t.Tab = "Tab", t))(k4 || {});
@@ -35115,7 +35115,7 @@ function Qt({ slot: t = R2({}), name: e = "Description", props: n = {} } = {}) {
   }
   return L3(HL, { register: s, slot: t, name: e, props: n }), F(() => i.value.length > 0 ? i.value.join(" ") : void 0);
 }
-q2({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${r4()}` } }, setup(t, { attrs: e, slots: n }) {
+q2({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${l4()}` } }, setup(t, { attrs: e, slots: n }) {
   let i = vT();
   return s1(() => x1(i.register(t.id))), () => {
     let { name: s = "Description", slot: r = R2({}), props: o = {} } = i, { id: l, ...L } = t, a = { ...Object.entries(o).reduce((C, [c, h]) => Object.assign(C, { [c]: I(h) }), {}), id: l };
@@ -35263,7 +35263,7 @@ function p5(t) {
   }
   return e;
 }
-let U5 = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ET = q2({ 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: U5 }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${r4()}` } }, emits: { close: (t) => !0 }, setup(t, { emit: e, attrs: n, slots: i, expose: s }) {
+let U5 = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ET = q2({ 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: U5 }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${l4()}` } }, emits: { close: (t) => !0 }, setup(t, { emit: e, attrs: n, slots: i, expose: s }) {
   var r;
   let o = R2(!1);
   s1(() => {
@@ -35326,7 +35326,7 @@ let U5 = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ET = q2({ name: "Dialog", inher
     return f1(V6, { force: !0 }, () => [f1(zL, () => f1(wT, { target: C.value }, () => f1(V6, { force: !1 }, () => f1(d0, { initialFocus: J2, containers: g, features: d.value ? n4(b.value, { parent: d0.features.RestoreFocus, leaf: d0.features.All & ~d0.features.FocusLock }) : d0.features.None }, () => f1(m, {}, () => P1({ ourProps: y1, theirProps: { ...S2, ...n }, slot: E2, attrs: n, slots: i, visible: h.value === 0, features: x8.RenderStrategy | x8.Static, name: "Dialog" })))))), f1(k)]);
   };
 } });
-q2({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${r4()}` } }, setup(t, { attrs: e, slots: n }) {
+q2({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${l4()}` } }, setup(t, { attrs: e, slots: n }) {
   let i = p5("DialogOverlay");
   function s(r) {
     r.target === r.currentTarget && (r.preventDefault(), r.stopPropagation(), i.close());
@@ -35336,7 +35336,7 @@ q2({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div
     return P1({ ourProps: { id: r, "aria-hidden": !0, onClick: s }, theirProps: o, slot: { open: i.dialogState.value === 0 }, attrs: e, slots: n, name: "DialogOverlay" });
   };
 } });
-q2({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${r4()}` } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: i }) {
+q2({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${l4()}` } }, inheritAttrs: !1, setup(t, { attrs: e, slots: n, expose: i }) {
   let s = p5("DialogBackdrop"), r = R2(null);
   return i({ el: r, $el: r }), s1(() => {
     if (s.panelRef.value === null)
@@ -35346,7 +35346,7 @@ q2({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "di
     return f1(V6, { force: !0 }, () => f1(zL, () => P1({ ourProps: L, theirProps: { ...e, ...l }, slot: { open: s.dialogState.value === 0 }, attrs: e, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let IT = q2({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${r4()}` } }, setup(t, { attrs: e, slots: n, expose: i }) {
+let IT = q2({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${l4()}` } }, setup(t, { attrs: e, slots: n, expose: i }) {
   let s = p5("DialogPanel");
   i({ el: s.panelRef, $el: s.panelRef });
   function r(o) {
@@ -35356,7 +35356,7 @@ let IT = q2({ name: "DialogPanel", props: { as: { type: [Object, String], defaul
     let { id: o, ...l } = t, L = { id: o, ref: s.panelRef, onClick: r };
     return P1({ ourProps: L, theirProps: l, slot: { open: s.dialogState.value === 0 }, attrs: e, slots: n, name: "DialogPanel" });
   };
-} }), FT = q2({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${r4()}` } }, setup(t, { attrs: e, slots: n }) {
+} }), FT = q2({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${l4()}` } }, setup(t, { attrs: e, slots: n }) {
   let i = p5("DialogTitle");
   return s1(() => {
     i.setTitleId(t.id), x1(() => i.setTitleId(null));
@@ -35383,7 +35383,7 @@ function GL({ slot: t = {}, name: e = "Label", props: n = {} } = {}) {
   }
   return L3($L, { register: s, slot: t, name: e, props: n }), F(() => i.value.length > 0 ? i.value.join(" ") : void 0);
 }
-let OT = q2({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${r4()}` } }, setup(t, { slots: e, attrs: n }) {
+let OT = q2({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${l4()}` } }, setup(t, { slots: e, attrs: n }) {
   let i = VL();
   return s1(() => x1(i.register(t.id))), () => {
     let { name: s = "Label", slot: r = {}, props: o = {} } = i, { id: l, passive: L, ...a } = t, C = { ...Object.entries(o).reduce((c, [h, d]) => Object.assign(c, { [h]: I(d) }), {}), id: l };
@@ -35402,7 +35402,7 @@ function qL(t) {
   }
   return e;
 }
-let DT = q2({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => NT }, 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-${r4()}` } }, inheritAttrs: !1, setup(t, { emit: e, attrs: n, slots: i, expose: s }) {
+let DT = q2({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => NT }, 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-${l4()}` } }, inheritAttrs: !1, setup(t, { emit: e, attrs: n, slots: i, expose: s }) {
   let r = R2(null), o = R2([]), l = GL({ name: "RadioGroupLabel" }), L = Qt({ name: "RadioGroupDescription" });
   s({ el: r, $el: r });
   let [a, C] = LT(F(() => t.modelValue), (f) => e("update:modelValue", f), F(() => t.defaultValue)), c = { options: o, value: a, disabled: F(() => t.disabled), firstOption: F(() => o.value.find((f) => !f.propsRef.disabled)), containsCheckedOption: F(() => o.value.some((f) => c.compare(I2(f.propsRef.value), I2(t.modelValue)))), compare(f, x) {
@@ -35490,7 +35490,7 @@ let DT = q2({ name: "RadioGroup", emits: { "update:modelValue": (t) => !0 }, pro
   };
 } });
 var PT = ((t) => (t[t.Empty = 1] = "Empty", t[t.Active = 2] = "Active", t))(PT || {});
-let BT = q2({ 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-${r4()}` } }, setup(t, { attrs: e, slots: n, expose: i }) {
+let BT = q2({ 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-${l4()}` } }, setup(t, { attrs: e, slots: n, expose: i }) {
   let s = qL("RadioGroupOption"), r = GL({ name: "RadioGroupLabel" }), o = Qt({ name: "RadioGroupDescription" }), l = R2(null), L = F(() => ({ value: t.value, disabled: t.disabled })), a = R2(1);
   i({ el: l, $el: l });
   let C = F(() => a1(l));
@@ -35604,7 +35604,7 @@ let YL = x8.RenderStrategy, Y6 = q2({ props: { as: { type: [Object, String], def
     return () => f1(QL, { ...t, onBeforeEnter: o, onAfterEnter: l, onBeforeLeave: L, onAfterLeave: a }, i);
   let C = R2(null), c = F(() => t.unmount ? S4.Unmount : S4.Hidden);
   s({ el: C, $el: C });
-  let { show: h, appear: d } = $T(), { register: f, unregister: x } = VT(), Z = R2(h.value ? "visible" : "hidden"), m = { value: !0 }, g = r4(), w = { value: !1 }, k = KL(() => {
+  let { show: h, appear: d } = $T(), { register: f, unregister: x } = VT(), Z = R2(h.value ? "visible" : "hidden"), m = { value: !0 }, g = l4(), w = { value: !1 }, k = KL(() => {
     !w.value && Z.value !== "hidden" && (Z.value = "hidden", x(g), a());
   });
   s1(() => {
@@ -36048,7 +36048,7 @@ const QT = {
   "aria-labelledby": "modal-title",
   role: "dialog",
   "aria-modal": "true"
-}, xS = { class: "footer text-skin-control bg-skin-title px-4 py-1 flex justify-between items-center gap-3" }, _S = { class: "flex items-center gap-3 color-base" }, vS = { class: "flex items-center" }, MS = ["checked"], RS = {
+}, xS = { class: "footer rounded text-skin-control bg-skin-title px-4 py-1 flex justify-between items-center gap-3" }, _S = { class: "flex items-center gap-3 color-base" }, vS = { class: "flex items-center" }, MS = ["checked"], RS = {
   for: "order-display",
   title: "Numbering the diagram",
   class: "select-none"
@@ -36144,7 +36144,7 @@ function ZS(t, e, n, i, s, r) {
     ])
   ], 2);
 }
-const XL = /* @__PURE__ */ K2(hS, [["render", ZS]]), TS = "3.28.1";
+const XL = /* @__PURE__ */ K2(hS, [["render", ZS]]), TS = "3.29.1";
 function JL() {
   return {
     baseUrl: null,
@@ -36879,7 +36879,7 @@ function gs(t) {
     i = t.charCodeAt(n), Math.random() > 0.5 && (i = "x" + i.toString(16)), e += "&#" + i + ";";
   return e;
 }
-class d4 {
+class f4 {
   constructor(e) {
     this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || s0, this.options.tokenizer = this.options.tokenizer || new en(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
       inLink: !1,
@@ -36905,13 +36905,13 @@ class d4 {
    * Static Lex Method
    */
   static lex(e, n) {
-    return new d4(n).lex(e);
+    return new f4(n).lex(e);
   }
   /**
    * Static Lex Inline Method
    */
   static lexInline(e, n) {
-    return new d4(n).inlineTokens(e);
+    return new f4(n).inlineTokens(e);
   }
   /**
    * Preprocessing
@@ -37258,7 +37258,7 @@ class ia {
     return this.getNextSafeSlug(i, n.dryrun);
   }
 }
-class g4 {
+class p4 {
   constructor(e) {
     this.options = e || s0, this.options.renderer = this.options.renderer || new tn(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.textRenderer = new na(), this.slugger = new ia();
   }
@@ -37266,13 +37266,13 @@ class g4 {
    * Static Parse Method
    */
   static parse(e, n) {
-    return new g4(n).parse(e);
+    return new p4(n).parse(e);
   }
   /**
    * Static Parse Inline Method
    */
   static parseInline(e, n) {
-    return new g4(n).parseInline(e);
+    return new p4(n).parseInline(e);
   }
   /**
    * Parse Loop
@@ -37441,7 +37441,7 @@ function M2(t, e, n) {
     const i = e.highlight;
     let s;
     try {
-      s = d4.lex(t, e);
+      s = f4.lex(t, e);
     } catch (l) {
       return n(l);
     }
@@ -37449,7 +37449,7 @@ function M2(t, e, n) {
       let L;
       if (!l)
         try {
-          e.walkTokens && M2.walkTokens(s, e.walkTokens), L = g4.parse(s, e);
+          e.walkTokens && M2.walkTokens(s, e.walkTokens), L = p4.parse(s, e);
         } catch (a) {
           l = a;
         }
@@ -37470,8 +37470,8 @@ function M2(t, e, n) {
     return;
   }
   try {
-    const i = d4.lex(t, e);
-    return e.walkTokens && M2.walkTokens(i, e.walkTokens), g4.parse(i, e);
+    const i = f4.lex(t, e);
+    return e.walkTokens && M2.walkTokens(i, e.walkTokens), p4.parse(i, e);
   } catch (i) {
     if (i.message += `
 Please report this to https://github.com/markedjs/marked.`, e.silent)
@@ -37563,8 +37563,8 @@ M2.parseInline = function(t, e) {
     throw new Error("marked.parseInline(): input parameter is of type " + Object.prototype.toString.call(t) + ", string expected");
   e = N3({}, M2.defaults, e || {}), ta(e);
   try {
-    const n = d4.lexInline(t, e);
-    return e.walkTokens && M2.walkTokens(n, e.walkTokens), g4.parseInline(n, e);
+    const n = f4.lexInline(t, e);
+    return e.walkTokens && M2.walkTokens(n, e.walkTokens), p4.parseInline(n, e);
   } catch (n) {
     if (n.message += `
 Please report this to https://github.com/markedjs/marked.`, e.silent)
@@ -37572,12 +37572,12 @@ Please report this to https://github.com/markedjs/marked.`, e.silent)
     throw n;
   }
 };
-M2.Parser = g4;
-M2.parser = g4.parse;
+M2.Parser = p4;
+M2.parser = p4.parse;
 M2.Renderer = tn;
 M2.TextRenderer = na;
-M2.Lexer = d4;
-M2.lexer = d4.lex;
+M2.Lexer = f4;
+M2.lexer = f4.lex;
 M2.Tokenizer = en;
 M2.Slugger = ia;
 M2.parse = M2;
@@ -37586,8 +37586,8 @@ M2.setOptions;
 M2.use;
 M2.walkTokens;
 M2.parseInline;
-g4.parse;
-d4.lex;
+p4.parse;
+f4.lex;
 /*! @license DOMPurify 3.1.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.5/LICENSE */
 const {
   entries: sa,
@@ -37918,16 +37918,16 @@ function La() {
     return v instanceof c && (typeof v.nodeName != "string" || typeof v.textContent != "string" || typeof v.removeChild != "function" || !(v.attributes instanceof C) || typeof v.removeAttribute != "function" || typeof v.setAttribute != "function" || typeof v.namespaceURI != "string" || typeof v.insertBefore != "function" || typeof v.hasChildNodes != "function");
   }, fn = function(v) {
     return typeof l == "function" && v instanceof l;
-  }, o4 = function(v, K, d2) {
+  }, L4 = function(v, K, d2) {
     t2[v] && $5(t2[v], (i1) => {
       i1.call(e, K, d2, w9);
     });
   }, pn = function(v) {
     let K = null;
-    if (o4("beforeSanitizeElements", v, null), gn(v))
+    if (L4("beforeSanitizeElements", v, null), gn(v))
       return D3(v), !0;
     const d2 = v1(v.nodeName);
-    if (o4("uponSanitizeElement", v, {
+    if (L4("uponSanitizeElement", v, {
       tagName: d2,
       allowedTags: S2
     }), v.hasChildNodes() && !fn(v.firstElementChild) && z1(/<[/\w]/g, v.innerHTML) && z1(/<[/\w]/g, v.textContent) || v.nodeType === w0.progressingInstruction || p && v.nodeType === w0.comment && z1(/<[/\w]/g, v.data))
@@ -37951,7 +37951,7 @@ function La() {
       K = p0(K, i1, " ");
     }), v.textContent !== K && (f0(e.removed, {
       element: v.cloneNode()
-    }), v.textContent = K)), o4("afterSanitizeElements", v, null), !1);
+    }), v.textContent = K)), L4("afterSanitizeElements", v, null), !1);
   }, mn = function(v, K, d2) {
     if (V && (K === "id" || K === "name") && (d2 in n || d2 in Na))
       return !1;
@@ -37983,7 +37983,7 @@ function La() {
   }, wn = function(v) {
     return v !== "annotation-xml" && ms(v, g2);
   }, xn = function(v) {
-    o4("beforeSanitizeAttributes", v, null);
+    L4("beforeSanitizeAttributes", v, null);
     const {
       attributes: K
     } = v;
@@ -38003,7 +38003,7 @@ function La() {
         value: P3
       } = E1, l0 = v1(k1);
       let B1 = k1 === "value" ? P3 : QS(P3);
-      if (d2.attrName = l0, d2.attrValue = B1, d2.keepAttr = !0, d2.forceKeepAttr = void 0, o4("uponSanitizeAttribute", v, d2), B1 = d2.attrValue, d2.forceKeepAttr || (x5(k1, v), !d2.keepAttr))
+      if (d2.attrName = l0, d2.attrValue = B1, d2.keepAttr = !0, d2.forceKeepAttr = void 0, L4("uponSanitizeAttribute", v, d2), B1 = d2.attrValue, d2.forceKeepAttr || (x5(k1, v), !d2.keepAttr))
         continue;
       if (!A1 && z1(/\/>/i, B1)) {
         x5(k1, v);
@@ -38035,13 +38035,13 @@ function La() {
         }
       }
     }
-    o4("afterSanitizeAttributes", v, null);
+    L4("afterSanitizeAttributes", v, null);
   }, Ba = function f2(v) {
     let K = null;
     const d2 = dn(v);
-    for (o4("beforeSanitizeShadowDOM", v, null); K = d2.nextNode(); )
-      o4("uponSanitizeShadowNode", K, null), !pn(K) && (K.content instanceof r && f2(K.content), xn(K));
-    o4("afterSanitizeShadowDOM", v, null);
+    for (L4("beforeSanitizeShadowDOM", v, null); K = d2.nextNode(); )
+      L4("uponSanitizeShadowNode", K, null), !pn(K) && (K.content instanceof r && f2(K.content), xn(K));
+    L4("afterSanitizeShadowDOM", v, null);
   };
   return e.sanitize = function(f2) {
     let v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, K = null, d2 = null, i1 = null, E1 = null;
@@ -40073,7 +40073,7 @@ const UE = {
       if (!t)
         return !1;
       let e = ((i = t.block()) == null ? void 0 : i.stat()) || [], n = e.length;
-      return n > 1 || n == 1 && e[0].ret() == null;
+      return n > 1 ? !0 : n === 1 && e[0].ret() == null;
     }
   },
   // The following code will cause the Block to be created and mounted AFTER the occurrence (and upto DiagramFrame) is updated.
@@ -40092,7 +40092,7 @@ const UE = {
       this.collapsed && (this.collapsed = !1);
     }
   }
-}, fa = (t) => (p4("data-v-cc2c6dc4"), t = t(), m4(), t), WE = ["data-belongs-to", "data-x-offset", "data-debug-center-of"], HE = {
+}, fa = (t) => (s4("data-v-2d5b6cca"), t = t(), r4(), t), WE = ["data-belongs-to", "data-x-offset", "data-debug-center-of"], HE = {
   key: 0,
   class: "absolute w-full left-0 bg-amber-700 h-3 -top-1 flex justify-center items-center"
 }, $E = /* @__PURE__ */ fa(() => /* @__PURE__ */ A("div", { class: "w-px h-full bg-black" }, null, -1)), VE = [
@@ -40106,7 +40106,7 @@ const UE = {
 function KE(t, e, n, i, s, r) {
   const o = l2("collapse-button"), l = l2("block");
   return S(), X("div", {
-    class: v2(["occurrence shadow-occurrence border-skin-occurrence bg-skin-occurrence rounded-sm border-2 relative left-full", { "right-to-left": n.rtl }]),
+    class: v2(["occurrence min-h-6 shadow-occurrence border-skin-occurrence bg-skin-occurrence rounded-sm border-2 relative left-full", { "right-to-left": n.rtl }]),
     "data-el-type": "occurrence",
     "data-belongs-to": n.participant,
     "data-x-offset": t.center,
@@ -40128,7 +40128,7 @@ function KE(t, e, n, i, s, r) {
     }, null, 8, ["origin", "context", "number", "collapsed"])) : x2("", !0)
   ], 10, WE);
 }
-const pa = /* @__PURE__ */ K2(UE, [["render", KE], ["__scopeId", "data-v-cc2c6dc4"]]);
+const pa = /* @__PURE__ */ K2(UE, [["render", KE], ["__scopeId", "data-v-2d5b6cca"]]);
 class r0 {
   constructor(e, n, i, s) {
     this.start = { line: e, col: n }, this.stop = { line: i, col: s };
@@ -40410,7 +40410,7 @@ const tI = /* @__PURE__ */ K2(YE, [["render", eI], ["__scopeId", "data-v-5803e4a
       i.getters.onMessageClick(n, s.value);
     };
     return (a, C) => (S(), X("div", {
-      class: "self-invocation message self flex items-start flex-col",
+      class: "self-invocation message leading-none self flex items-start flex-col",
       style: { "border-width": "0" },
       onClick: L,
       ref_key: "messageRef",
@@ -40557,7 +40557,7 @@ function cI(t, e, n, i, s, r) {
     }, null, 8, ["context", "content", "rtl", "number", "classNames", "textStyle"])) : x2("", !0)
   ], 14, CI);
 }
-const uI = /* @__PURE__ */ K2(aI, [["render", cI], ["__scopeId", "data-v-7ccc7a9c"]]), hI = (t) => (p4("data-v-0083f8a9"), t = t(), m4(), t), dI = {
+const uI = /* @__PURE__ */ K2(aI, [["render", cI], ["__scopeId", "data-v-7ccc7a9c"]]), hI = (t) => (s4("data-v-0083f8a9"), t = t(), r4(), t), dI = {
   class: "message self flex items-start flex-col",
   style: { "border-width": "0" }
 }, gI = { class: "name group px-px hover:text-skin-message-hover hover:bg-skin-message-hover min-h-[1em]" }, fI = /* @__PURE__ */ hI(() => /* @__PURE__ */ A("svg", {
@@ -40898,7 +40898,7 @@ const SI = {
       blockLength: E0
     };
   }
-}, xa = (t) => (p4("data-v-d7a294d3"), t = t(), m4(), t), bI = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], EI = { class: "segment" }, II = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, FI = { class: "name font-semibold p-1 border-b" }, OI = { class: "p-0" }, NI = { class: "segment" }, DI = { class: "text-skin-fragment flex" }, PI = /* @__PURE__ */ xa(() => /* @__PURE__ */ A("label", { class: "else-if hidden" }, "else if", -1)), BI = {
+}, xa = (t) => (s4("data-v-d7a294d3"), t = t(), r4(), t), bI = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], EI = { class: "segment" }, II = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, FI = { class: "name font-semibold p-1 border-b" }, OI = { class: "p-0" }, NI = { class: "segment" }, DI = { class: "text-skin-fragment flex" }, PI = /* @__PURE__ */ xa(() => /* @__PURE__ */ A("label", { class: "else-if hidden" }, "else if", -1)), BI = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
 }, zI = /* @__PURE__ */ xa(() => /* @__PURE__ */ A("div", { class: "text-skin-fragment" }, [
@@ -41279,7 +41279,7 @@ const $O = {
       blockInSection: s
     };
   }
-}, VO = (t) => (p4("data-v-eeca9da5"), t = t(), m4(), t), GO = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], jO = { class: "segment" }, qO = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, KO = { class: "name font-semibold p-1 border-b" }, YO = { class: "p-0" }, QO = { class: "segment" }, XO = /* @__PURE__ */ VO(() => /* @__PURE__ */ A("div", { class: "text-skin-fragment flex" }, null, -1));
+}, VO = (t) => (s4("data-v-eeca9da5"), t = t(), r4(), t), GO = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], jO = { class: "segment" }, qO = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, KO = { class: "name font-semibold p-1 border-b" }, YO = { class: "p-0" }, QO = { class: "segment" }, XO = /* @__PURE__ */ VO(() => /* @__PURE__ */ A("div", { class: "text-skin-fragment flex" }, null, -1));
 function JO(t, e, n, i, s, r) {
   const o = l2("comment"), l = l2("Numbering"), L = l2("collapse-button"), a = l2("block");
   return S(), X("div", {
@@ -41352,7 +41352,7 @@ const tN = {
       blockInCritical: s
     };
   }
-}, nN = (t) => (p4("data-v-49f97c9c"), t = t(), m4(), t), iN = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], sN = { class: "segment" }, rN = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, oN = { class: "name font-semibold p-1 border-b" }, lN = { class: "p-0" }, LN = { class: "segment" }, aN = /* @__PURE__ */ nN(() => /* @__PURE__ */ A("div", { class: "text-skin-fragment flex" }, null, -1));
+}, nN = (t) => (s4("data-v-49f97c9c"), t = t(), r4(), t), iN = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], sN = { class: "segment" }, rN = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, oN = { class: "name font-semibold p-1 border-b" }, lN = { class: "p-0" }, LN = { class: "segment" }, aN = /* @__PURE__ */ nN(() => /* @__PURE__ */ A("div", { class: "text-skin-fragment flex" }, null, -1));
 function CN(t, e, n, i, s, r) {
   const o = l2("comment"), l = l2("Numbering"), L = l2("collapse-button"), a = l2("block");
   return S(), X("div", {
@@ -41426,7 +41426,7 @@ const uN = {
       contentPosition: i
     };
   }
-}, hN = (t) => (p4("data-v-2321fa2c"), t = t(), m4(), t), dN = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], gN = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t absolute top-0 left-0" }, fN = { class: "text-skin-fragment relative w-9 h-8 -top-[1px] -left-[1px]" }, pN = /* @__PURE__ */ hN(() => /* @__PURE__ */ A("div", { class: "polygon-border absolute inset-0" }, null, -1)), mN = { class: "polygon-content bg-skin-frame text-skin-fragment-header absolute inset-[1px] flex flex-col items-center justify-center" };
+}, hN = (t) => (s4("data-v-2321fa2c"), t = t(), r4(), t), dN = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], gN = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t absolute top-0 left-0" }, fN = { class: "text-skin-fragment relative w-9 h-8 -top-[1px] -left-[1px]" }, pN = /* @__PURE__ */ hN(() => /* @__PURE__ */ A("div", { class: "polygon-border absolute inset-0" }, null, -1)), mN = { class: "polygon-content bg-skin-frame text-skin-fragment-header absolute inset-[1px] flex flex-col items-center justify-center" };
 function wN(t, e, n, i, s, r) {
   const o = l2("Numbering"), l = l2("comment"), L = l2("MessageLabel");
   return S(), X("div", {
@@ -41502,7 +41502,7 @@ const _N = {
       return (e = t == null ? void 0 : t.braceBlock()) == null ? void 0 : e.block();
     }
   }
-}, ba = (t) => (p4("data-v-910d3f87"), t = t(), m4(), t), vN = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], MN = { class: "segment" }, RN = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, yN = { class: "name font-semibold p-1 border-b" }, AN = { class: "segment" }, kN = /* @__PURE__ */ ba(() => /* @__PURE__ */ A("label", { class: "keyword catch p-1" }, "catch", -1)), ZN = { class: "exception p-1" }, TN = {
+}, ba = (t) => (s4("data-v-910d3f87"), t = t(), r4(), t), vN = ["data-origin", "data-left-participant", "data-frame-padding-left", "data-frame-padding-right"], MN = { class: "segment" }, RN = { class: "header bg-skin-fragment-header text-skin-fragment-header leading-4 rounded-t relative" }, yN = { class: "name font-semibold p-1 border-b" }, AN = { class: "segment" }, kN = /* @__PURE__ */ ba(() => /* @__PURE__ */ A("label", { class: "keyword catch p-1" }, "catch", -1)), ZN = { class: "exception p-1" }, TN = {
   key: 0,
   class: "segment mt-2 border-t border-solid"
 }, SN = /* @__PURE__ */ ba(() => /* @__PURE__ */ A("div", { class: "header flex text-skin-fragment finally" }, [
@@ -41583,7 +41583,8 @@ function bN(t, e, n, i, s, r) {
     ], 2)
   ], 12, vN);
 }
-const EN = /* @__PURE__ */ K2(_N, [["render", bN], ["__scopeId", "data-v-910d3f87"]]), IN = {
+const EN = /* @__PURE__ */ K2(_N, [["render", bN], ["__scopeId", "data-v-910d3f87"]]);
+const IN = {
   name: "return",
   props: ["context", "comment", "commentObj", "number"],
   mixins: [m7, w7],
@@ -41643,10 +41644,10 @@ const EN = /* @__PURE__ */ K2(_N, [["render", bN], ["__scopeId", "data-v-910d3f8
     Comment: m5,
     Message: d5
   }
-}, FN = ["data-signature", "data-origin", "data-to", "data-source", "data-target"], ON = {
+}, FN = (t) => (s4("data-v-1501de70"), t = t(), r4(), t), ON = ["data-signature", "data-origin", "data-to", "data-source", "data-target"], NN = {
   key: 1,
   class: "flex items-center"
-}, NN = /* @__PURE__ */ A("svg", {
+}, DN = /* @__PURE__ */ FN(() => /* @__PURE__ */ A("svg", {
   class: "w-3 h-3 flex-shrink-0 fill-current m-1",
   viewBox: "0 0 512 512"
 }, [
@@ -41658,8 +41659,8 @@ const EN = /* @__PURE__ */ K2(_N, [["render", bN], ["__scopeId", "data-v-910d3f8
     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), DN = { class: "name" };
-function PN(t, e, n, i, s, r) {
+], -1)), PN = { class: "name" };
+function BN(t, e, n, i, s, r) {
   const o = l2("comment"), l = l2("Message");
   return S(), X("div", {
     class: v2(["interaction return relative", {
@@ -41682,9 +41683,9 @@ function PN(t, e, n, i, s, r) {
       key: 0,
       commentObj: n.commentObj
     }, null, 8, ["commentObj"])) : x2("", !0),
-    t.isSelf ? (S(), X("div", ON, [
-      NN,
-      A("span", DN, m1(r.signature), 1)
+    t.isSelf ? (S(), X("div", NN, [
+      DN,
+      A("span", PN, m1(r.signature), 1)
     ])) : x2("", !0),
     t.isSelf ? x2("", !0) : (S(), T2(l, {
       key: 2,
@@ -41696,9 +41697,9 @@ function PN(t, e, n, i, s, r) {
       type: "return",
       number: n.number
     }, null, 8, ["classNames", "textStyle", "context", "content", "rtl", "number"]))
-  ], 14, FN);
+  ], 14, ON);
 }
-const BN = /* @__PURE__ */ K2(IN, [["render", PN]]), zN = [
+const zN = /* @__PURE__ */ K2(IN, [["render", BN], ["__scopeId", "data-v-1501de70"]]), UN = [
   "aliceblue",
   "antiquewhite",
   "aqua",
@@ -41847,20 +41848,20 @@ const BN = /* @__PURE__ */ K2(IN, [["render", PN]]), zN = [
   "whitesmoke",
   "yellow",
   "yellowgreen"
-], UN = ["italic", "oblique"], WN = ["bold", "bolder", "lighter"], HN = ["underline", "overline", "line-through"], I0 = (t) => {
+], WN = ["italic", "oblique"], HN = ["bold", "bolder", "lighter"], $N = ["underline", "overline", "line-through"], I0 = (t) => {
   const e = {}, n = [];
   return t.forEach((i) => {
     switch (!0) {
-      case zN.includes(i):
+      case UN.includes(i):
         e.color = i;
         break;
-      case UN.includes(i):
+      case WN.includes(i):
         e.fontStyle = i;
         break;
-      case WN.includes(i):
+      case HN.includes(i):
         e.fontWeight = i;
         break;
-      case HN.includes(i):
+      case $N.includes(i):
         e.textDecoration = i;
         break;
       default:
@@ -41868,7 +41869,7 @@ const BN = /* @__PURE__ */ K2(IN, [["render", PN]]), zN = [
     }
   }), { textStyle: e, classNames: n };
 };
-const $N = {
+const VN = {
   name: "divider",
   props: ["context", "origin"],
   computed: {
@@ -41895,8 +41896,8 @@ const $N = {
       return { style: I0([]), note: this.note };
     }
   }
-}, Ea = (t) => (p4("data-v-376dd717"), t = t(), m4(), t), VN = ["data-origin"], GN = /* @__PURE__ */ Ea(() => /* @__PURE__ */ A("div", { class: "left bg-skin-divider" }, null, -1)), jN = /* @__PURE__ */ Ea(() => /* @__PURE__ */ A("div", { class: "right bg-skin-divider" }, null, -1));
-function qN(t, e, n, i, s, r) {
+}, Ea = (t) => (s4("data-v-376dd717"), t = t(), r4(), t), GN = ["data-origin"], jN = /* @__PURE__ */ Ea(() => /* @__PURE__ */ A("div", { class: "left bg-skin-divider" }, null, -1)), qN = /* @__PURE__ */ Ea(() => /* @__PURE__ */ A("div", { class: "right bg-skin-divider" }, null, -1));
+function KN(t, e, n, i, s, r) {
   return S(), X("div", {
     class: "divider",
     "data-origin": n.origin,
@@ -41905,16 +41906,16 @@ function qN(t, e, n, i, s, r) {
       transform: "translateX(" + (-1 * r.centerOfOrigin + 10) + "px)"
     })
   }, [
-    GN,
+    jN,
     A("div", {
       class: v2(["name", r.messageStyle.style.classNames]),
       style: w2(r.messageStyle.style.textStyle)
     }, m1(r.messageStyle.note), 7),
-    jN
-  ], 12, VN);
+    qN
+  ], 12, GN);
 }
-const KN = /* @__PURE__ */ K2($N, [["render", qN], ["__scopeId", "data-v-376dd717"]]);
-function YN(t) {
+const YN = /* @__PURE__ */ K2(VN, [["render", KN], ["__scopeId", "data-v-376dd717"]]);
+function QN(t) {
   const e = {
     "<>": /* @__PURE__ */ new Set(),
     "()": /* @__PURE__ */ new Set(),
@@ -41935,12 +41936,12 @@ function YN(t) {
     t.slice(s)
   ];
 }
-let QN = class {
+let XN = class {
   // Raw comment contains all spaces and newlines
   constructor(e) {
     this.text = "", this.classNames = [], this.textStyle = {}, this.commentStyle = {}, this.messageStyle = {}, this.commentClassNames = [], this.messageClassNames = [];
     const n = e.slice(0, -1).split(`
-`), i = n[n.length - 1], [s, r, o, l] = YN(i), { textStyle: L, classNames: a } = I0(s), { textStyle: C, classNames: c } = I0(r), { textStyle: h, classNames: d } = I0(o);
+`), i = n[n.length - 1], [s, r, o, l] = QN(i), { textStyle: L, classNames: a } = I0(s), { textStyle: C, classNames: c } = I0(r), { textStyle: h, classNames: d } = I0(o);
     this.text = (n.slice(0, n.length - 1).join(`
 `) + `
 ` + l).trim(), this.textStyle = { ...h, ...L, ...C }, this.classNames = [
@@ -41950,7 +41951,7 @@ let QN = class {
     ], this.commentStyle = { ...h, ...L }, this.messageStyle = { ...h, ...C }, this.commentClassNames = [...d, ...a], this.messageClassNames = [...d, ...c];
   }
 };
-const XN = {
+const JN = {
   name: "statement",
   props: ["origin", "context", "number", "collapsed"],
   computed: {
@@ -41958,7 +41959,7 @@ const XN = {
       return this.context.getComment() ? this.context.getComment() : "";
     },
     commentObj: function() {
-      return new QN(this.comment);
+      return new XN(this.comment);
     },
     subStatement: function() {
       let t = this, e = {
@@ -41994,11 +41995,11 @@ const XN = {
     FragmentRef: xN,
     FragmentTryCatchFinally: EN,
     FragmentLoop: nF,
-    Divider: KN,
-    Return: BN
+    Divider: YN,
+    Return: zN
   }
 };
-function JN(t, e, n, i, s, r) {
+function eD(t, e, n, i, s, r) {
   return S(), T2(B8(r.subStatement), {
     class: v2(["text-left text-sm text-skin-message", { hidden: r.collapsedCheck }]),
     origin: n.origin,
@@ -42008,7 +42009,7 @@ function JN(t, e, n, i, s, r) {
     number: n.number
   }, null, 8, ["origin", "class", "context", "comment", "commentObj", "number"]);
 }
-const eD = /* @__PURE__ */ K2(XN, [["render", JN]]), tD = ["data-origin"], nD = ["data-origin"], iD = /* @__PURE__ */ q2({
+const tD = /* @__PURE__ */ K2(JN, [["render", eD]]), nD = ["data-origin"], iD = ["data-origin"], sD = /* @__PURE__ */ q2({
   __name: "Block",
   props: {
     origin: null,
@@ -42027,31 +42028,31 @@ const eD = /* @__PURE__ */ K2(XN, [["render", JN]]), tD = ["data-origin"], nD =
       "data-origin": t.origin
     }, [
       (S(!0), X(z2, null, J3(I(n), (o, l) => (S(), X("div", {
-        class: "statement-container mt-1",
+        class: "statement-container my-4",
         "data-origin": t.origin,
         key: l
       }, [
-        U(eD, {
+        U(tD, {
           origin: t.origin,
           context: o,
           collapsed: t.collapsed,
           number: i(l)
         }, null, 8, ["origin", "context", "collapsed", "number"])
-      ], 8, nD))), 128))
-    ], 8, tD));
+      ], 8, iD))), 128))
+    ], 8, nD));
   }
 });
-function sD(t) {
+function rD(t) {
   const e = Math.floor(t / 1e3), n = Math.floor(t % 1e3), i = Math.floor((t % 1e3 - n) * 1e3);
   return e + "s " + n + "ms " + i + "μs";
 }
-const rD = (t, e) => {
+const oD = (t, e) => {
   const i = Ia() - e;
-  return console.debug(t + " cost: " + sD(i)), i;
-}, Ia = () => performance.now(), oD = y8.child({ name: "core" });
-class lD {
+  return console.debug(t + " cost: " + rD(i)), i;
+}, Ia = () => performance.now(), lD = y8.child({ name: "core" });
+class LD {
   constructor(e, n = !1) {
-    this._lastRenderingCostMilliseconds = 0, this.initialRender = !0, this.el = e, this.store = qo(lL()), this.app = o5(n ? $t : XL), this.app.component("Comment", m5), this.app.component("Block", iD), this.app.use(this.store), this.app.mount(this.el), this.addPortalRootElement();
+    this._lastRenderingCostMilliseconds = 0, this.initialRender = !0, this.el = e, this.store = qo(lL()), this.app = o5(n ? $t : XL), this.app.component("Comment", m5), this.app.component("Block", sD), this.app.use(this.store), this.app.mount(this.el), this.addPortalRootElement();
   }
   // DON'T REMOVE: headlessui portal root hack
   // ref: https://github.com/tailwindlabs/headlessui/discussions/666#discussioncomment-4966117
@@ -42060,7 +42061,7 @@ class lD {
     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)), oD.debug("rendering", e, n), this._code = e === void 0 ? this._code : e, 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) || q1.Dynamic, this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
+    return this._currentTimeout && (console.debug("rendering clearTimeout"), clearTimeout(this._currentTimeout)), lD.debug("rendering", e, n), this._code = e === void 0 ? this._code : e, 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) || q1.Dynamic, this.initialRender ? (this.initialRender = !1, await this.doRender(n)) : this._currentTimeout = setTimeout(
       async () => await this.doRender(n),
       this.calculateDebounceMilliseconds()
     ), this;
@@ -42071,7 +42072,7 @@ class lD {
     iL(), this.store.commit("onContentChange", (e == null ? void 0 : e.onContentChange) || (() => {
     })), this.store.commit("onThemeChange", (e == null ? void 0 : e.onThemeChange) || (() => {
     })), this.store.commit("onEventEmit", (e == null ? void 0 : e.onEventEmit) || (() => {
-    })), (e == null ? void 0 : e.enableMultiTheme) !== void 0 && (this.store.state.enableMultiTheme = e == null ? void 0 : e.enableMultiTheme), await this.store.dispatch("updateCode", { code: this._code }), this._lastRenderingCostMilliseconds = rD(
+    })), (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 = oD(
       "rendering end",
       n
     );
@@ -42090,8 +42091,8 @@ class lD {
     return this.el.children[0].__vue__.toPng();
   }
 }
-lD.version = TS;
-const kD = {
+LD.version = TS;
+const ZD = {
   createApp: o5,
   createStore: qo,
   Store: lL,
@@ -42106,14 +42107,14 @@ export {
   m1 as E,
   z2 as F,
   Ql as G,
-  yD as H,
+  AD as H,
   kf as I,
   Ff as P,
   QL as S,
   s5 as T,
   zL as U,
-  kD as V,
-  lD as Z,
+  ZD as V,
+  LD as Z,
   A as a,
   F as b,
   X as c,
@@ -42137,8 +42138,8 @@ export {
   I as u,
   q2 as v,
   p3 as w,
-  aD as x,
+  CD as x,
   I3 as y,
   dL as z
 };
-//# sourceMappingURL=core-cb5ceedc.js.map
+//# sourceMappingURL=core-97be1854.js.map