@zenuml/core 3.24.29 → 3.25.0

package/dist/{StylePanel.bd682c91.js → StylePanel.d2a9b51a.js}

@@ -1,13 +1,13 @@
-import { b as P, u as H, r as E, s as _e, w as k, g as lt, d as at, e as Q, F as ze, m as pe, t as Ee, f as Ve, n as ct, p as ft, h as ut, i as dt, j as ne, U as mt, k as he, T as pt, l as ht, S as gt, q as vt, v as wt, x as yt, y as xt, P as bt, o as Pe, z as Ct, A as At, a as ge, c as Ot, B as Tt, C as St, D as Rt, E as Et, G as Pt, H as Lt } from "./core.e23f021e.js";
-const Ie = ["top", "right", "bottom", "left"], Le = ["start", "end"], Fe = /* @__PURE__ */ Ie.reduce((e, t) => e.concat(t, t + "-" + Le[0], t + "-" + Le[1]), []), Z = Math.min, q = Math.max, ae = Math.round, le = Math.floor, X = (e) => ({
+import { b as P, u as H, r as E, s as _e, w as k, g as lt, d as at, e as Q, F as ze, m as pe, t as Ee, f as Ie, n as ct, p as ft, h as ut, i as dt, j as ne, U as mt, k as he, T as pt, l as ht, S as gt, q as vt, v as wt, x as yt, y as xt, z as bt, P as Ct, o as Pe, A as At, B as Ot, a as ge, c as Tt, C as Rt, D as St, E as Et, G as Pt, H as Lt, I as Ft } from "./core.cbcf63dd.js";
+const Ve = ["top", "right", "bottom", "left"], Le = ["start", "end"], Fe = /* @__PURE__ */ Ve.reduce((e, t) => e.concat(t, t + "-" + Le[0], t + "-" + Le[1]), []), Z = Math.min, q = Math.max, ae = Math.round, le = Math.floor, Y = (e) => ({
   x: e,
   y: e
-}), Ft = {
+}), Bt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Bt = {
+}, Dt = {
   start: "end",
   end: "start"
 };
@@ -17,7 +17,7 @@ function ye(e, t, n) {
 function K(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function I(e) {
+function V(e) {
   return e.split("-")[0];
 }
 function W(e) {
@@ -30,25 +30,25 @@ function be(e) {
   return e === "y" ? "height" : "width";
 }
 function de(e) {
-  return ["top", "bottom"].includes(I(e)) ? "y" : "x";
+  return ["top", "bottom"].includes(V(e)) ? "y" : "x";
 }
 function Ce(e) {
   return Ue(de(e));
 }
-function Xe(e, t, n) {
+function Ye(e, t, n) {
   n === void 0 && (n = !1);
   const i = W(e), o = Ce(e), r = be(o);
   let s = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (s = fe(s)), [s, fe(s)];
 }
-function Dt(e) {
+function Nt(e) {
   const t = fe(e);
   return [ce(e), t, ce(t)];
 }
 function ce(e) {
-  return e.replace(/start|end/g, (t) => Bt[t]);
+  return e.replace(/start|end/g, (t) => Dt[t]);
 }
-function Nt(e, t, n) {
+function $t(e, t, n) {
   const i = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -61,15 +61,15 @@ function Nt(e, t, n) {
       return [];
   }
 }
-function $t(e, t, n, i) {
+function kt(e, t, n, i) {
   const o = W(e);
-  let r = Nt(I(e), n === "start", i);
+  let r = $t(V(e), n === "start", i);
   return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(ce)))), r;
 }
 function fe(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Ft[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => Bt[t]);
 }
-function kt(e) {
+function Mt(e) {
   return {
     top: 0,
     right: 0,
@@ -78,8 +78,8 @@ function kt(e) {
     ...e
   };
 }
-function Ye(e) {
-  return typeof e != "number" ? kt(e) : {
+function Xe(e) {
+  return typeof e != "number" ? Mt(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -109,7 +109,7 @@ function Be(e, t, n) {
     reference: i,
     floating: o
   } = e;
-  const r = de(t), s = Ce(t), l = be(s), f = I(t), c = r === "y", u = i.x + i.width / 2 - o.width / 2, d = i.y + i.height / 2 - o.height / 2, g = i[l] / 2 - o[l] / 2;
+  const r = de(t), s = Ce(t), l = be(s), f = V(t), c = r === "y", u = i.x + i.width / 2 - o.width / 2, d = i.y + i.height / 2 - o.height / 2, g = i[l] / 2 - o[l] / 2;
   let m;
   switch (f) {
     case "top":
@@ -152,7 +152,7 @@ function Be(e, t, n) {
   }
   return m;
 }
-const Mt = async (e, t, n) => {
+const jt = async (e, t, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
@@ -229,7 +229,7 @@ async function oe(e, t) {
     elementContext: d = "floating",
     altBoundary: g = !1,
     padding: m = 0
-  } = K(t, e), a = Ye(m), v = l[g ? d === "floating" ? "reference" : "floating" : d], w = ue(await r.getClippingRect({
+  } = K(t, e), a = Xe(m), v = l[g ? d === "floating" ? "reference" : "floating" : d], w = ue(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(v))) == null || n ? v : v.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: u,
@@ -258,7 +258,7 @@ async function oe(e, t) {
     right: (A.right - w.right + a.right) / C.x
   };
 }
-const jt = (e) => ({
+const Ht = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -276,30 +276,30 @@ const jt = (e) => ({
     } = K(e, t) || {};
     if (c == null)
       return {};
-    const d = Ye(u), g = {
+    const d = Xe(u), g = {
       x: n,
       y: i
     }, m = Ce(o), a = be(m), h = await s.getDimensions(c), v = m === "y", w = v ? "top" : "left", y = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", C = r.reference[a] + r.reference[m] - g[m] - r.floating[a], A = g[m] - r.reference[m], O = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let p = O ? O[b] : 0;
     (!p || !await (s.isElement == null ? void 0 : s.isElement(O))) && (p = l.floating[b] || r.floating[a]);
-    const T = C / 2 - A / 2, L = p / 2 - h[a] / 2 - 1, R = Z(d[w], L), B = Z(d[y], L), S = R, D = p - h[a] - B, F = p / 2 - h[a] / 2 + T, $ = ye(S, F, D), j = !f.arrow && W(o) != null && F !== $ && r.reference[a] / 2 - (F < S ? R : B) - h[a] / 2 < 0, V = j ? F < S ? F - S : F - D : 0;
+    const T = C / 2 - A / 2, L = p / 2 - h[a] / 2 - 1, S = Z(d[w], L), B = Z(d[y], L), R = S, D = p - h[a] - B, F = p / 2 - h[a] / 2 + T, $ = ye(R, F, D), j = !f.arrow && W(o) != null && F !== $ && r.reference[a] / 2 - (F < R ? S : B) - h[a] / 2 < 0, I = j ? F < R ? F - R : F - D : 0;
     return {
-      [m]: g[m] + V,
+      [m]: g[m] + I,
       data: {
         [m]: $,
-        centerOffset: F - $ - V,
+        centerOffset: F - $ - I,
         ...j && {
-          alignmentOffset: V
+          alignmentOffset: I
         }
       },
       reset: j
     };
   }
 });
-function Ht(e, t, n) {
-  return (e ? [...n.filter((o) => W(o) === e), ...n.filter((o) => W(o) !== e)] : n.filter((o) => I(o) === o)).filter((o) => e ? W(o) === e || (t ? ce(o) !== o : !1) : !0);
+function Wt(e, t, n) {
+  return (e ? [...n.filter((o) => W(o) === e), ...n.filter((o) => W(o) !== e)] : n.filter((o) => V(o) === o)).filter((o) => e ? W(o) === e || (t ? ce(o) !== o : !1) : !0);
 }
-const Wt = function(e) {
+const _t = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -317,17 +317,17 @@ const Wt = function(e) {
         allowedPlacements: g = Fe,
         autoAlignment: m = !0,
         ...a
-      } = K(e, t), h = d !== void 0 || g === Fe ? Ht(d || null, m, g) : g, v = await oe(t, a), w = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = h[w];
+      } = K(e, t), h = d !== void 0 || g === Fe ? Wt(d || null, m, g) : g, v = await oe(t, a), w = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = h[w];
       if (y == null)
         return {};
-      const b = Xe(y, r, await (f.isRTL == null ? void 0 : f.isRTL(c.floating)));
+      const b = Ye(y, r, await (f.isRTL == null ? void 0 : f.isRTL(c.floating)));
       if (l !== y)
         return {
           reset: {
             placement: h[0]
           }
         };
-      const C = [v[I(y)], v[b[0]], v[b[1]]], A = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
+      const C = [v[V(y)], v[b[0]], v[b[1]]], A = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
         placement: y,
         overflows: C
       }], O = h[w + 1];
@@ -341,12 +341,12 @@ const Wt = function(e) {
             placement: O
           }
         };
-      const p = A.map((R) => {
-        const B = W(R.placement);
-        return [R.placement, B && u ? R.overflows.slice(0, 2).reduce((S, D) => S + D, 0) : R.overflows[0], R.overflows];
-      }).sort((R, B) => R[1] - B[1]), L = ((o = p.filter((R) => R[2].slice(
+      const p = A.map((S) => {
+        const B = W(S.placement);
+        return [S.placement, B && u ? S.overflows.slice(0, 2).reduce((R, D) => R + D, 0) : S.overflows[0], S.overflows];
+      }).sort((S, B) => S[1] - B[1]), L = ((o = p.filter((S) => S[2].slice(
         0,
-        W(R[0]) ? 2 : 3
+        W(S[0]) ? 2 : 3
       ).every((B) => B <= 0))[0]) == null ? void 0 : o[0]) || p[0][0];
       return L !== l ? {
         data: {
@@ -359,7 +359,7 @@ const Wt = function(e) {
       } : {};
     }
   };
-}, _t = function(e) {
+}, zt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -383,36 +383,36 @@ const Wt = function(e) {
       } = K(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const w = I(o), y = I(l) === l, b = await (f.isRTL == null ? void 0 : f.isRTL(c.floating)), C = g || (y || !h ? [fe(l)] : Dt(l));
-      !g && a !== "none" && C.push(...$t(l, h, a, b));
+      const w = V(o), y = V(l) === l, b = await (f.isRTL == null ? void 0 : f.isRTL(c.floating)), C = g || (y || !h ? [fe(l)] : Nt(l));
+      !g && a !== "none" && C.push(...kt(l, h, a, b));
       const A = [l, ...C], O = await oe(t, v), p = [];
       let T = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (u && p.push(O[w]), d) {
-        const S = Xe(o, s, b);
-        p.push(O[S[0]], O[S[1]]);
+        const R = Ye(o, s, b);
+        p.push(O[R[0]], O[R[1]]);
       }
       if (T = [...T, {
         placement: o,
         overflows: p
-      }], !p.every((S) => S <= 0)) {
-        var L, R;
-        const S = (((L = r.flip) == null ? void 0 : L.index) || 0) + 1, D = A[S];
+      }], !p.every((R) => R <= 0)) {
+        var L, S;
+        const R = (((L = r.flip) == null ? void 0 : L.index) || 0) + 1, D = A[R];
         if (D)
           return {
             data: {
-              index: S,
+              index: R,
               overflows: T
             },
             reset: {
               placement: D
             }
           };
-        let F = (R = T.filter(($) => $.overflows[0] <= 0).sort(($, j) => $.overflows[1] - j.overflows[1])[0]) == null ? void 0 : R.placement;
+        let F = (S = T.filter(($) => $.overflows[0] <= 0).sort(($, j) => $.overflows[1] - j.overflows[1])[0]) == null ? void 0 : S.placement;
         if (!F)
           switch (m) {
             case "bestFit": {
               var B;
-              const $ = (B = T.map((j) => [j.placement, j.overflows.filter((V) => V > 0).reduce((V, st) => V + st, 0)]).sort((j, V) => j[1] - V[1])[0]) == null ? void 0 : B[0];
+              const $ = (B = T.map((j) => [j.placement, j.overflows.filter((I) => I > 0).reduce((I, st) => I + st, 0)]).sort((j, I) => j[1] - I[1])[0]) == null ? void 0 : B[0];
               $ && (F = $);
               break;
             }
@@ -440,9 +440,9 @@ function De(e, t) {
   };
 }
 function Ne(e) {
-  return Ie.some((t) => e[t] >= 0);
+  return Ve.some((t) => e[t] >= 0);
 }
-const zt = function(e) {
+const It = function(e) {
   return e === void 0 && (e = {}), {
     name: "hide",
     options: e,
@@ -489,7 +489,7 @@ async function Vt(e, t) {
     placement: n,
     platform: i,
     elements: o
-  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), s = I(n), l = W(n), f = de(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, u = r && f ? -1 : 1, d = K(t, e);
+  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), s = V(n), l = W(n), f = de(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, u = r && f ? -1 : 1, d = K(t, e);
   let {
     mainAxis: g,
     crossAxis: m,
@@ -512,7 +512,7 @@ async function Vt(e, t) {
     y: m * u
   };
 }
-const It = function(e) {
+const Ut = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -534,7 +534,7 @@ const It = function(e) {
       };
     }
   };
-}, Ut = function(e) {
+}, Yt = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -562,7 +562,7 @@ const It = function(e) {
       } = K(e, t), c = {
         x: n,
         y: i
-      }, u = await oe(t, f), d = de(I(o)), g = Ue(d);
+      }, u = await oe(t, f), d = de(V(o)), g = Ue(d);
       let m = c[g], a = c[d];
       if (r) {
         const v = g === "y" ? "top" : "left", w = g === "y" ? "bottom" : "right", y = m + u[v], b = m - u[w];
@@ -626,12 +626,12 @@ function Ae(e) {
   const t = Oe(), n = M(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
 }
-function Yt(e) {
-  let t = Y(e);
+function qt(e) {
+  let t = X(e);
   for (; z(t) && !ee(t); ) {
     if (Ae(t))
       return t;
-    t = Y(t);
+    t = X(t);
   }
   return null;
 }
@@ -653,14 +653,14 @@ function me(e) {
     scrollTop: e.pageYOffset
   };
 }
-function Y(e) {
+function X(e) {
   if (te(e) === "html")
     return e;
   const t = e.assignedSlot || e.parentNode || $e(e) && e.host || U(e);
   return $e(t) ? t.host : t;
 }
 function Ge(e) {
-  const t = Y(e);
+  const t = X(e);
   return ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : z(t) && se(t) ? t : Ge(t);
 }
 function ie(e, t, n) {
@@ -685,7 +685,7 @@ function Te(e) {
 function J(e) {
   const t = Te(e);
   if (!z(t))
-    return X(1);
+    return Y(1);
   const n = t.getBoundingClientRect(), {
     width: i,
     height: o,
@@ -697,23 +697,23 @@ function J(e) {
     y: l
   };
 }
-const qt = /* @__PURE__ */ X(0);
+const Gt = /* @__PURE__ */ Y(0);
 function Qe(e) {
   const t = N(e);
-  return !Oe() || !t.visualViewport ? qt : {
+  return !Oe() || !t.visualViewport ? Gt : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Gt(e, t, n) {
+function Kt(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== N(e) ? !1 : t;
 }
 function G(e, t, n, i) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), r = Te(e);
-  let s = X(1);
+  let s = Y(1);
   t && (i ? _(i) && (s = J(i)) : s = J(e));
-  const l = Gt(r, n, i) ? Qe(r) : X(0);
+  const l = Kt(r, n, i) ? Qe(r) : Y(0);
   let f = (o.left + l.x) / s.x, c = (o.top + l.y) / s.y, u = o.width / s.x, d = o.height / s.y;
   if (r) {
     const g = N(r), m = i && _(i) ? N(i) : i;
@@ -730,9 +730,9 @@ function G(e, t, n, i) {
     y: c
   });
 }
-const Kt = [":popover-open", ":modal"];
-function Se(e) {
-  return Kt.some((t) => {
+const Qt = [":popover-open", ":modal"];
+function Re(e) {
+  return Qt.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -740,21 +740,21 @@ function Se(e) {
     }
   });
 }
-function Qt(e) {
+function Jt(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: i,
     strategy: o
   } = e;
-  const r = o === "fixed", s = U(i), l = t ? Se(t.floating) : !1;
+  const r = o === "fixed", s = U(i), l = t ? Re(t.floating) : !1;
   if (i === s || l && r)
     return n;
   let f = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = X(1);
-  const u = X(0), d = z(i);
+  }, c = Y(1);
+  const u = Y(0), d = z(i);
   if ((d || !d && !r) && ((te(i) !== "body" || se(s)) && (f = me(i)), z(i))) {
     const g = G(i);
     c = J(i), u.x = g.x + i.clientLeft, u.y = g.y + i.clientTop;
@@ -766,13 +766,13 @@ function Qt(e) {
     y: n.y * c.y - f.scrollTop * c.y + u.y
   };
 }
-function Jt(e) {
+function Zt(e) {
   return Array.from(e.getClientRects());
 }
 function Je(e) {
   return G(U(e)).left + me(e).scrollLeft;
 }
-function Zt(e) {
+function en(e) {
   const t = U(e), n = me(e), i = e.ownerDocument.body, o = q(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = q(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let s = -n.scrollLeft + Je(e);
   const l = -n.scrollTop;
@@ -783,7 +783,7 @@ function Zt(e) {
     y: l
   };
 }
-function en(e, t) {
+function tn(e, t) {
   const n = N(e), i = U(e), o = n.visualViewport;
   let r = i.clientWidth, s = i.clientHeight, l = 0, f = 0;
   if (o) {
@@ -798,8 +798,8 @@ function en(e, t) {
     y: f
   };
 }
-function tn(e, t) {
-  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = z(e) ? J(e) : X(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, f = o * r.x, c = i * r.y;
+function nn(e, t) {
+  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = z(e) ? J(e) : Y(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, f = o * r.x, c = i * r.y;
   return {
     width: s,
     height: l,
@@ -810,11 +810,11 @@ function tn(e, t) {
 function ke(e, t, n) {
   let i;
   if (t === "viewport")
-    i = en(e, n);
+    i = tn(e, n);
   else if (t === "document")
-    i = Zt(U(e));
+    i = en(U(e));
   else if (_(t))
-    i = tn(t, n);
+    i = nn(t, n);
   else {
     const o = Qe(e);
     i = {
@@ -826,30 +826,30 @@ function ke(e, t, n) {
   return ue(i);
 }
 function Ze(e, t) {
-  const n = Y(e);
+  const n = X(e);
   return n === t || !_(n) || ee(n) ? !1 : M(n).position === "fixed" || Ze(n, t);
 }
-function nn(e, t) {
+function on(e, t) {
   const n = t.get(e);
   if (n)
     return n;
   let i = ie(e, [], !1).filter((l) => _(l) && te(l) !== "body"), o = null;
   const r = M(e).position === "fixed";
-  let s = r ? Y(e) : e;
+  let s = r ? X(e) : e;
   for (; _(s) && !ee(s); ) {
     const l = M(s), f = Ae(s);
-    !f && l.position === "fixed" && (o = null), (r ? !f && !o : !f && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || se(s) && !f && Ze(e, s)) ? i = i.filter((u) => u !== s) : o = l, s = Y(s);
+    !f && l.position === "fixed" && (o = null), (r ? !f && !o : !f && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || se(s) && !f && Ze(e, s)) ? i = i.filter((u) => u !== s) : o = l, s = X(s);
   }
   return t.set(e, i), i;
 }
-function on(e) {
+function rn(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? Se(t) ? [] : nn(t, this._c) : [].concat(n), i], l = s[0], f = s.reduce((c, u) => {
+  const s = [...n === "clippingAncestors" ? Re(t) ? [] : on(t, this._c) : [].concat(n), i], l = s[0], f = s.reduce((c, u) => {
     const d = ke(t, u, o);
     return c.top = q(d.top, c.top), c.right = Z(d.right, c.right), c.bottom = Z(d.bottom, c.bottom), c.left = q(d.left, c.left), c;
   }, ke(t, l, o));
@@ -860,7 +860,7 @@ function on(e) {
     y: f.top
   };
 }
-function rn(e) {
+function sn(e) {
   const {
     width: t,
     height: n
@@ -870,13 +870,13 @@ function rn(e) {
     height: n
   };
 }
-function sn(e, t, n) {
+function ln(e, t, n) {
   const i = z(t), o = U(t), r = n === "fixed", s = G(e, !0, r, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = X(0);
+  const f = Y(0);
   if (i || !i && !r)
     if ((te(t) !== "body" || se(o)) && (l = me(t)), i) {
       const d = G(t, !0, r, t);
@@ -899,26 +899,26 @@ function Me(e, t) {
 }
 function et(e, t) {
   const n = N(e);
-  if (Se(e))
+  if (Re(e))
     return n;
   if (!z(e)) {
-    let o = Y(e);
+    let o = X(e);
     for (; o && !ee(o); ) {
       if (_(o) && !ve(o))
         return o;
-      o = Y(o);
+      o = X(o);
     }
     return n;
   }
   let i = Me(e, t);
   for (; i && Xt(i) && ve(i); )
     i = Me(i, t);
-  return i && ee(i) && ve(i) && !Ae(i) ? n : i || Yt(e) || n;
+  return i && ee(i) && ve(i) && !Ae(i) ? n : i || qt(e) || n;
 }
-const ln = async function(e) {
+const an = async function(e) {
   const t = this.getOffsetParent || et, n = this.getDimensions, i = await n(e.floating);
   return {
-    reference: sn(e.reference, await t(e.floating), e.strategy),
+    reference: ln(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -927,22 +927,22 @@ const ln = async function(e) {
     }
   };
 };
-function an(e) {
+function cn(e) {
   return M(e).direction === "rtl";
 }
-const cn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Qt,
+const fn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Jt,
   getDocumentElement: U,
-  getClippingRect: on,
+  getClippingRect: rn,
   getOffsetParent: et,
-  getElementRects: ln,
-  getClientRects: Jt,
-  getDimensions: rn,
+  getElementRects: an,
+  getClientRects: Zt,
+  getDimensions: sn,
   getScale: J,
   isElement: _,
-  isRTL: an
+  isRTL: cn
 };
-function fn(e, t) {
+function un(e, t) {
   let n = null, i;
   const o = U(e);
   function r() {
@@ -987,7 +987,7 @@ function fn(e, t) {
   }
   return s(!0), r;
 }
-function un(e, t, n, i) {
+function dn(e, t, n, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: o = !0,
@@ -1001,7 +1001,7 @@ function un(e, t, n, i) {
       passive: !0
     }), r && w.addEventListener("resize", n);
   });
-  const d = c && l ? fn(c, n) : null;
+  const d = c && l ? un(c, n) : null;
   let g = -1, m = null;
   s && (m = new ResizeObserver((w) => {
     let [y] = w;
@@ -1023,46 +1023,46 @@ function un(e, t, n, i) {
     }), d == null || d(), (w = m) == null || w.disconnect(), m = null, f && cancelAnimationFrame(a);
   };
 }
-const dn = It, mn = Wt, pn = Ut, hn = _t, gn = zt, vn = jt, wn = (e, t, n) => {
+const mn = Ut, pn = _t, hn = Yt, gn = zt, vn = It, wn = Ht, yn = (e, t, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: cn,
+    platform: fn,
     ...n
   }, r = {
     ...o.platform,
     _c: i
   };
-  return Mt(e, t, {
+  return jt(e, t, {
     ...o,
     platform: r
   });
 };
-function yn(e) {
+function xn(e) {
   return tt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function xn(e) {
+function bn(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function tt(e) {
-  return e instanceof Node || e instanceof xn(e).Node;
+  return e instanceof Node || e instanceof bn(e).Node;
 }
-function bn(e) {
+function Cn(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function xe(e) {
-  if (bn(e)) {
+  if (Cn(e)) {
     const t = e.$el;
-    return tt(t) && yn(t) === "#comment" ? null : t;
+    return tt(t) && xn(t) === "#comment" ? null : t;
   }
   return e;
 }
-function Cn(e) {
+function An(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
       const n = xe(H(e.element));
-      return n == null ? {} : vn({
+      return n == null ? {} : wn({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -1076,7 +1076,7 @@ function je(e, t) {
   const n = nt(e);
   return Math.round(t * n) / n;
 }
-function An(e, t, n) {
+function On(e, t, n) {
   n === void 0 && (n = {});
   const i = n.whileElementsMounted, o = P(() => {
     var p;
@@ -1113,7 +1113,7 @@ function An(e, t, n) {
   });
   let y;
   function b() {
-    c.value == null || u.value == null || wn(c.value, u.value, {
+    c.value == null || u.value == null || yn(c.value, u.value, {
       middleware: r.value,
       placement: s.value,
       strategy: l.value
@@ -1154,20 +1154,20 @@ function An(e, t, n) {
     update: b
   };
 }
-var On = Object.defineProperty, Tn = (e, t, n) => t in e ? On(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Sn = (e, t, n) => (Tn(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Tn = Object.defineProperty, Rn = (e, t, n) => t in e ? Tn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Sn = (e, t, n) => (Rn(e, typeof t != "symbol" ? t + "" : t, n), n);
 function re(e) {
   return e == null || e.value == null ? null : e.value instanceof Node ? e.value : "$el" in e.value && e.value.$el ? re(E(e.value.$el)) : "getBoundingClientRect" in e.value ? e.value : null;
 }
 function ot(e) {
   return e.reduce((t, n) => n.type === ze ? t.concat(ot(n.children)) : t.concat(n), []);
 }
-function Rn(e) {
+function En(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 function He(e) {
   return e = H(e), e && (e == null ? void 0 : e.nodeType) !== Node.COMMENT_NODE;
 }
-class En {
+class Pn {
   constructor() {
     Sn(this, "current", this.detect());
   }
@@ -1187,9 +1187,9 @@ class En {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
 }
-const Re = new En();
-function Pn(e) {
-  if (Re.isServer)
+const Se = new Pn();
+function Ln(e) {
+  if (Se.isServer)
     return null;
   if (e instanceof Node)
     return e.ownerDocument;
@@ -1200,10 +1200,10 @@ function Pn(e) {
   }
   return document;
 }
-function Ln(e, t) {
+function Fn(e, t) {
   !t.vueTransition && (t.transitionName || t.transitionType) && console.warn(`[headlessui-float]: <${e} /> pass "transition-name" or "transition-type" prop, must be set "vue-transition" prop.`);
 }
-function Fn(e, t, n, i, o) {
+function Bn(e, t, n, i, o) {
   k([
     () => o.offset,
     () => o.flip,
@@ -1214,32 +1214,32 @@ function Fn(e, t, n, i, o) {
     () => o.middleware
   ], () => {
     const r = [];
-    (typeof o.offset == "number" || typeof o.offset == "object" || typeof o.offset == "function") && r.push(dn(o.offset)), (o.flip === !0 || typeof o.flip == "number" || typeof o.flip == "object") && r.push(hn({
+    (typeof o.offset == "number" || typeof o.offset == "object" || typeof o.offset == "function") && r.push(mn(o.offset)), (o.flip === !0 || typeof o.flip == "number" || typeof o.flip == "object") && r.push(gn({
       padding: typeof o.flip == "number" ? o.flip : void 0,
       ...typeof o.flip == "object" ? o.flip : {}
-    })), (o.shift === !0 || typeof o.shift == "number" || typeof o.shift == "object") && r.push(pn({
+    })), (o.shift === !0 || typeof o.shift == "number" || typeof o.shift == "object") && r.push(hn({
       padding: typeof o.shift == "number" ? o.shift : void 0,
       ...typeof o.shift == "object" ? o.shift : {}
-    })), (o.autoPlacement === !0 || typeof o.autoPlacement == "object") && r.push(mn(
+    })), (o.autoPlacement === !0 || typeof o.autoPlacement == "object") && r.push(pn(
       typeof o.autoPlacement == "object" ? o.autoPlacement : void 0
     )), r.push(...typeof o.middleware == "function" ? o.middleware({
       referenceEl: t,
       floatingEl: n
-    }) : o.middleware || []), (o.arrow === !0 || typeof o.arrow == "number") && r.push(Cn({
+    }) : o.middleware || []), (o.arrow === !0 || typeof o.arrow == "number") && r.push(An({
       element: i,
       padding: o.arrow === !0 ? 0 : o.arrow
     })), (o.hide === !0 || typeof o.hide == "object" || Array.isArray(o.hide)) && (Array.isArray(o.hide) ? o.hide : [o.hide]).forEach((s) => {
-      r.push(gn(
+      r.push(vn(
         typeof s == "object" ? s : void 0
       ));
     }), e.value = r;
   }, { immediate: !0 });
 }
-function Bn(e, t, n) {
+function Dn(e, t, n) {
   let i = () => {
   };
-  Ve(() => {
-    if (e && Re.isClient && typeof ResizeObserver < "u" && t.value && t.value instanceof Element) {
+  Ie(() => {
+    if (e && Se.isClient && typeof ResizeObserver < "u" && t.value && t.value instanceof Element) {
       const o = new ResizeObserver(([r]) => {
         n.value = r.borderBoxSize.reduce((s, { inlineSize: l }) => s + l, 0);
       });
@@ -1251,7 +1251,7 @@ function Bn(e, t, n) {
     i();
   });
 }
-const Dn = (e) => {
+const Nn = (e) => {
   switch (e) {
     case "top":
       return "origin-bottom";
@@ -1277,14 +1277,14 @@ const Dn = (e) => {
       return "origin-center";
   }
 };
-function Nn(e, t) {
+function $n(e, t) {
   const n = P(() => {
     if (typeof e.originClass == "function")
       return e.originClass(t.value);
     if (typeof e.originClass == "string")
       return e.originClass;
     if (e.tailwindcssOriginClass)
-      return Dn(t.value);
+      return Nn(t.value);
   }), i = P(
     () => e.enter || n.value ? `${e.enter || ""} ${n.value || ""}` : void 0
   ), o = P(
@@ -1318,9 +1318,9 @@ const We = [
   (e) => `${e}:not([tabindex='-1'])`
 ).join(",");
 var rt = /* @__PURE__ */ ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(rt || {});
-function $n(e, t = 0) {
+function kn(e, t = 0) {
   var n;
-  return e === ((n = Pn(e)) == null ? void 0 : n.body) ? !1 : it(t, {
+  return e === ((n = Ln(e)) == null ? void 0 : n.body) ? !1 : it(t, {
     0() {
       return e.matches(We);
     },
@@ -1336,11 +1336,11 @@ function $n(e, t = 0) {
   });
 }
 function we(e, t, n) {
-  Re.isServer || dt((i) => {
+  Se.isServer || dt((i) => {
     document.addEventListener(e, t, n), i(() => document.removeEventListener(e, t, n));
   });
 }
-function kn(e, t, n = P(() => !0)) {
+function Mn(e, t, n = P(() => !0)) {
   function i(r, s) {
     if (!n.value || r.defaultPrevented)
       return;
@@ -1357,7 +1357,7 @@ function kn(e, t, n = P(() => !0)) {
       if (u != null && u.contains(l) || r.composed && r.composedPath().includes(u))
         return;
     }
-    return !$n(l, rt.Loose) && l.tabIndex !== -1 && r.preventDefault(), t(r, l);
+    return !kn(l, rt.Loose) && l.tabIndex !== -1 && r.preventDefault(), t(r, l);
   }
   const o = E(null);
   we("mousedown", (r) => {
@@ -1374,7 +1374,7 @@ function kn(e, t, n = P(() => !0)) {
     () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null
   ), !0);
 }
-const Mn = Symbol("ArrowContext"), x = {
+const jn = Symbol("ArrowContext"), x = {
   as: {
     type: [String, Function],
     default: "template"
@@ -1468,11 +1468,11 @@ const Mn = Symbol("ArrowContext"), x = {
     default: () => []
   }
 };
-function jn(e, t, n, i) {
+function Hn(e, t, n, i) {
   const { floatingRef: o, props: r, mounted: s, show: l, referenceHidden: f, escaped: c, placement: u, floatingStyles: d, referenceElWidth: g, updateFloating: m } = i, a = pe(
     { ...r, as: r.floatingAs },
     t
-  ), { enterActiveClassRef: h, leaveActiveClassRef: v } = Nn(a, u), w = {
+  ), { enterActiveClassRef: h, leaveActiveClassRef: v } = $n(a, u), w = {
     show: s.value ? a.show : !1,
     enter: h.value,
     enterFrom: a.enterFrom,
@@ -1539,8 +1539,8 @@ function jn(e, t, n, i) {
         b,
         n,
         a.dialog ? {} : { ref: o }
-      ) : null, R = vt(e, L);
-      return ((T = e.props) == null ? void 0 : T.unmount) === !1 ? (m(), R) : a.vueTransition && a.show === !1 ? he() : R;
+      ) : null, S = vt(e, L);
+      return ((T = e.props) == null ? void 0 : T.unmount) === !1 ? (m(), S) : a.vueTransition && a.show === !1 ? he() : S;
     }
     return s.value ? a.vueTransition ? ne(pt, {
       ...a.dialog ? { ref: o } : {},
@@ -1558,10 +1558,10 @@ function jn(e, t, n, i) {
     )
   );
 }
-function Hn(e, t, n, i, o) {
+function Wn(e, t, n, i, o) {
   const r = E(!1), s = Ee(i, "placement"), l = Ee(i, "strategy"), f = _e({}), c = E(void 0), u = E(void 0), d = E(null), g = E(void 0), m = E(void 0), a = P(() => re(t)), h = P(() => re(n)), v = P(
     () => He(a) && He(h)
-  ), { placement: w, middlewareData: y, isPositioned: b, floatingStyles: C, update: A } = An(a, h, {
+  ), { placement: w, middlewareData: y, isPositioned: b, floatingStyles: C, update: A } = On(a, h, {
     placement: s,
     strategy: l,
     middleware: f,
@@ -1569,29 +1569,29 @@ function Hn(e, t, n, i, o) {
     whileElementsMounted: i.dialog ? () => () => {
     } : void 0
   }), O = E(null);
-  Ve(() => {
+  Ie(() => {
     r.value = !0;
-  }), k(e, (S, D) => {
-    S && !D ? o("show") : !S && D && o("hide");
+  }), k(e, (R, D) => {
+    R && !D ? o("show") : !R && D && o("hide");
   }, { immediate: !0 });
   function p() {
     v.value && (A(), o("update"));
   }
-  k([s, l, f], p, { flush: "sync" }), Fn(
+  k([s, l, f], p, { flush: "sync" }), Bn(
     f,
     a,
     h,
     d,
     i
   ), k([y, () => i.hide, b], () => {
-    var S, D;
-    (i.hide === !0 || typeof i.hide == "object" || Array.isArray(i.hide)) && (c.value = ((S = y.value.hide) == null ? void 0 : S.referenceHidden) || !b.value, u.value = (D = y.value.hide) == null ? void 0 : D.escaped);
+    var R, D;
+    (i.hide === !0 || typeof i.hide == "object" || Array.isArray(i.hide)) && (c.value = ((R = y.value.hide) == null ? void 0 : R.referenceHidden) || !b.value, u.value = (D = y.value.hide) == null ? void 0 : D.escaped);
   }), k(y, () => {
-    const S = y.value.arrow;
-    g.value = S == null ? void 0 : S.x, m.value = S == null ? void 0 : S.y;
-  }), Bn(!!i.adaptiveWidth, a, O), k([e, v], async (S, D, F) => {
+    const R = y.value.arrow;
+    g.value = R == null ? void 0 : R.x, m.value = R == null ? void 0 : R.y;
+  }), Dn(!!i.adaptiveWidth, a, O), k([e, v], async (R, D, F) => {
     if (await ct(), e.value && v.value && i.autoUpdate) {
-      const $ = un(
+      const $ = dn(
         a.value,
         h.value,
         p,
@@ -1609,7 +1609,7 @@ function Hn(e, t, n, i, o) {
   const L = {
     referenceRef: t,
     placement: w
-  }, R = {
+  }, S = {
     floatingRef: n,
     props: i,
     mounted: r,
@@ -1626,12 +1626,12 @@ function Hn(e, t, n, i, o) {
     x: g,
     y: m
   };
-  return ft(Mn, B), { referenceApi: L, floatingApi: R, arrowApi: B, placement: w, referenceEl: a, floatingEl: h, middlewareData: y, update: p };
+  return ft(jn, B), { referenceApi: L, floatingApi: S, arrowApi: B, placement: w, referenceEl: a, floatingEl: h, middlewareData: y, update: p };
 }
 ({
   ...x.as
 });
-const Wn = {
+const _n = {
   as: x.as,
   show: x.show,
   placement: x.placement,
@@ -1657,14 +1657,14 @@ const Wn = {
   portal: x.portal,
   transform: x.transform,
   middleware: x.middleware
-}, _n = {
+}, zn = {
   name: "FloatVirtual",
   inheritAttrs: !1,
-  props: Wn,
+  props: _n,
   emits: ["initial", "show", "hide", "update"],
   setup(e, { emit: t, slots: n, attrs: i }) {
     var u;
-    Ln("FloatVirtual", e);
+    Fn("FloatVirtual", e);
     const o = E((u = e.show) != null ? u : !1), r = E({
       getBoundingClientRect() {
         return {
@@ -1681,7 +1681,7 @@ const Wn = {
     }), s = E(null), {
       floatingApi: l,
       placement: f
-    } = Hn(o, r, s, e, t);
+    } = Wn(o, r, s, e, t);
     k(() => e.show, () => {
       var d;
       o.value = (d = e.show) != null ? d : !1;
@@ -1700,8 +1700,8 @@ const Wn = {
       const d = {
         placement: f.value,
         close: c
-      }, [g] = ot(n.default(d)).filter(Rn);
-      return jn(
+      }, [g] = ot(n.default(d)).filter(En);
+      return Hn(
         g,
         {
           as: e.as,
@@ -1716,14 +1716,15 @@ const Wn = {
 x.as, x.placement, x.strategy, x.offset, x.shift, {
   ...x.flip
 }, x.arrow, x.autoPlacement, x.autoUpdate, x.zIndex, x.vueTransition, x.transitionName, x.transitionType, x.enter, x.enterFrom, x.enterTo, x.leave, x.leaveFrom, x.leaveTo, x.originClass, x.tailwindcssOriginClass, x.transform, x.middleware;
-const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onClick"], Un = /* @__PURE__ */ wt({
+const In = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onClick"], Yn = /* @__PURE__ */ wt({
   __name: "StylePanel",
   setup(e) {
-    const t = E({ value: null }), n = yt(), i = P(
+    yt({ WATCH_ARRAY: !1 });
+    const t = E({ value: null }), n = xt(), i = P(
       () => n.getters.onContentChange || (() => {
       })
     ), o = P(
-      () => xt(n.getters.diagramElement) + bt
+      () => bt(n.getters.diagramElement) + Ct
     ), r = P(() => n.getters.code), s = (d) => {
       n.dispatch("updateCode", { code: d }), i.value(d);
     }, l = E([]);
@@ -1732,14 +1733,14 @@ const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
       let a, h, v, w, y, b;
       n.commit("onMessageClick", (C, A) => {
         var O;
-        if (a = C.value.start.start, h = Et(r.value, a), v = Pt(r.value, a), w = ((O = r.value.slice(h).match(/^\s*/)) == null ? void 0 : O[0]) || "", y = v.trim().startsWith("//"), y) {
+        if (a = C.value.start.start, h = Pt(r.value, a), v = Lt(r.value, a), w = ((O = r.value.slice(h).match(/^\s*/)) == null ? void 0 : O[0]) || "", y = v.trim().startsWith("//"), y) {
           const p = v.trimStart().slice(2).trimStart(), T = p.indexOf("["), L = p.indexOf("]");
-          b = Boolean(T === 0 && L), b ? l.value = p.slice(T + 1, L).split(",").map((R) => R.trim()) : l.value = [];
+          b = Boolean(T === 0 && L), b ? l.value = p.slice(T + 1, L).split(",").map((S) => S.trim()) : l.value = [];
         }
         g.value = {
           getBoundingClientRect: () => A.getBoundingClientRect()
         }, t.value = C, d.value = !0;
-      }), kn(
+      }), Mn(
         m,
         () => {
           d.value = !1, l.value = [];
@@ -1758,7 +1759,7 @@ const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
             O.endsWith(`
 `) || (O += `
 `), s(
-              r.value.slice(0, Lt(r.value, a)) + O + r.value.slice(h)
+              r.value.slice(0, Ft(r.value, a)) + O + r.value.slice(h)
             );
           } else
             s(
@@ -1788,7 +1789,7 @@ const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
         class: "line-through"
       }
     ];
-    return (d, g) => (Pe(), Ct(H(_n), {
+    return (d, g) => (Pe(), At(H(zn), {
       "vue-transition": "",
       id: "style-panel",
       key: "tool",
@@ -1799,9 +1800,9 @@ const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
       shift: "",
       zIndex: "30"
     }, {
-      default: At(() => [
-        ge("div", zn, [
-          (Pe(), Ot(ze, null, Tt(u, (m) => ge("div", {
+      default: Ot(() => [
+        ge("div", In, [
+          (Pe(), Tt(ze, null, Rt(u, (m) => ge("div", {
             onClick: () => H(f)(m.class),
             key: m.name
           }, [
@@ -1810,7 +1811,7 @@ const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
                 m.class,
                 { "bg-gray-100": l.value.includes(m.class) }
               ]])
-            }, Rt(m.content), 3)
+            }, Et(m.content), 3)
           ], 8, Vn)), 64))
         ])
       ], void 0, !0),
@@ -1819,6 +1820,6 @@ const zn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
   }
 });
 export {
-  Un as default
+  Yn as default
 };
-//# sourceMappingURL=StylePanel.bd682c91.js.map
+//# sourceMappingURL=StylePanel.d2a9b51a.js.map