@zenuml/core 3.10.2 → 3.12.0

package/dist/{StylePanel.1a71aa36.js → StylePanel.4c9f8216.js}

@@ -1,4 +1,4 @@
-import { b as P, u as H, r as L, s as je, w as M, g as nt, d as ot, e as Q, F as Ie, m as ge, t as Ae, f as _e, n as it, p as rt, h as st, i as lt, j as te, U as at, k as Te, l as ct, T as ut, q as ft, v as dt, x as mt, y as pt, P as gt, o as Se, z as ht, A as vt, a as he, c as yt, B as wt, C as xt, D as bt, E as Ct, G as Ot, H as Et } from "./core.5bb8425a.js";
+import { b as L, u as H, r as F, s as Me, w as j, g as nt, d as ot, e as Q, F as Ie, m as ge, t as Ae, f as _e, n as it, p as rt, h as st, i as lt, j as te, U as at, k as Te, l as ct, T as ut, q as ft, v as dt, x as mt, y as pt, P as gt, o as Se, z as vt, A as ht, a as ve, c as yt, B as wt, C as xt, D as bt, E as Ct, G as Ot, H as Et } from "./core.4a17c405.js";
 const ze = ["top", "right", "bottom", "left"], Re = ["start", "end"], Pe = /* @__PURE__ */ ze.reduce((e, t) => e.concat(t, t + "-" + Re[0], t + "-" + Re[1]), []), J = Math.min, Y = Math.max, le = Math.round, se = Math.floor, X = (e) => ({
   x: e,
   y: e
@@ -20,7 +20,7 @@ function K(e, t) {
 function V(e) {
   return e.split("-")[0];
 }
-function j(e) {
+function M(e) {
   return e.split("-")[1];
 }
 function He(e) {
@@ -37,7 +37,7 @@ function be(e) {
 }
 function Ve(e, t, n) {
   n === void 0 && (n = !1);
-  const i = j(e), o = be(e), r = xe(o);
+  const i = M(e), o = be(e), r = xe(o);
   let s = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (s = ce(s)), [s, ce(s)];
 }
@@ -62,14 +62,14 @@ function Rt(e, t, n) {
   }
 }
 function Pt(e, t, n, i) {
-  const o = j(e);
+  const o = M(e);
   let r = Rt(V(e), n === "start", i);
   return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(ae)))), r;
 }
 function ce(e) {
   return e.replace(/left|right|bottom|top/g, (t) => At[t]);
 }
-function Lt(e) {
+function Ft(e) {
   return {
     top: 0,
     right: 0,
@@ -79,7 +79,7 @@ function Lt(e) {
   };
 }
 function We(e) {
-  return typeof e != "number" ? Lt(e) : {
+  return typeof e != "number" ? Ft(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -95,36 +95,36 @@ function ue(e) {
     bottom: e.y + e.height
   };
 }
-function Le(e, t, n) {
+function Fe(e, t, n) {
   let {
     reference: i,
     floating: o
   } = e;
-  const r = fe(t), s = be(t), l = xe(s), u = V(t), c = r === "y", d = i.x + i.width / 2 - o.width / 2, m = i.y + i.height / 2 - o.height / 2, p = i[l] / 2 - o[l] / 2;
+  const r = fe(t), s = be(t), l = xe(s), c = V(t), u = r === "y", m = i.x + i.width / 2 - o.width / 2, d = i.y + i.height / 2 - o.height / 2, p = i[l] / 2 - o[l] / 2;
   let f;
-  switch (u) {
+  switch (c) {
     case "top":
       f = {
-        x: d,
+        x: m,
         y: i.y - o.height
       };
       break;
     case "bottom":
       f = {
-        x: d,
+        x: m,
         y: i.y + i.height
       };
       break;
     case "right":
       f = {
         x: i.x + i.width,
-        y: m
+        y: d
       };
       break;
     case "left":
       f = {
         x: i.x - o.width,
-        y: m
+        y: d
       };
       break;
     default:
@@ -133,75 +133,75 @@ function Le(e, t, n) {
         y: i.y
       };
   }
-  switch (j(t)) {
+  switch (M(t)) {
     case "start":
-      f[s] -= p * (n && c ? -1 : 1);
+      f[s] -= p * (n && u ? -1 : 1);
       break;
     case "end":
-      f[s] += p * (n && c ? -1 : 1);
+      f[s] += p * (n && u ? -1 : 1);
       break;
   }
   return f;
 }
-const Ft = async (e, t, n) => {
+const Lt = async (e, t, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
     middleware: r = [],
     platform: s
-  } = n, l = r.filter(Boolean), u = await (s.isRTL == null ? void 0 : s.isRTL(t));
-  let c = await s.getElementRects({
+  } = n, l = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let u = await s.getElementRects({
     reference: e,
     floating: t,
     strategy: o
   }), {
-    x: d,
-    y: m
-  } = Le(c, i, u), p = i, f = {}, a = 0;
-  for (let h = 0; h < l.length; h++) {
+    x: m,
+    y: d
+  } = Fe(u, i, c), p = i, f = {}, a = 0;
+  for (let v = 0; v < l.length; v++) {
     const {
       name: w,
       fn: g
-    } = l[h], {
+    } = l[v], {
       x,
       y: b,
       data: C,
-      reset: y
+      reset: h
     } = await g({
-      x: d,
-      y: m,
+      x: m,
+      y: d,
       initialPlacement: i,
       placement: p,
       strategy: o,
       middlewareData: f,
-      rects: c,
+      rects: u,
       platform: s,
       elements: {
         reference: e,
         floating: t
       }
     });
-    if (d = x != null ? x : d, m = b != null ? b : m, f = {
+    if (m = x != null ? x : m, d = b != null ? b : d, f = {
       ...f,
       [w]: {
         ...f[w],
         ...C
       }
-    }, y && a <= 50) {
-      a++, typeof y == "object" && (y.placement && (p = y.placement), y.rects && (c = y.rects === !0 ? await s.getElementRects({
+    }, h && a <= 50) {
+      a++, typeof h == "object" && (h.placement && (p = h.placement), h.rects && (u = h.rects === !0 ? await s.getElementRects({
         reference: e,
         floating: t,
         strategy: o
-      }) : y.rects), {
-        x: d,
-        y: m
-      } = Le(c, p, u)), h = -1;
+      }) : h.rects), {
+        x: m,
+        y: d
+      } = Fe(u, p, c)), v = -1;
       continue;
     }
   }
   return {
-    x: d,
-    y: m,
+    x: m,
+    y: d,
     placement: p,
     strategy: o,
     middlewareData: f
@@ -216,19 +216,19 @@ async function ne(e, t) {
     platform: r,
     rects: s,
     elements: l,
-    strategy: u
+    strategy: c
   } = e, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: m = "floating",
+    boundary: u = "clippingAncestors",
+    rootBoundary: m = "viewport",
+    elementContext: d = "floating",
     altBoundary: p = !1,
     padding: f = 0
-  } = K(t, e), a = We(f), w = l[p ? m === "floating" ? "reference" : "floating" : m], g = ue(await r.getClippingRect({
+  } = K(t, e), a = We(f), w = l[p ? d === "floating" ? "reference" : "floating" : d], g = ue(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(w))) == null || n ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
-    boundary: c,
-    rootBoundary: d,
-    strategy: u
-  })), x = m === "floating" ? {
+    boundary: u,
+    rootBoundary: m,
+    strategy: c
+  })), x = d === "floating" ? {
     ...s.floating,
     x: i,
     y: o
@@ -238,16 +238,16 @@ async function ne(e, t) {
   } : {
     x: 1,
     y: 1
-  }, y = ue(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, h = ue(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: x,
     offsetParent: b,
-    strategy: u
+    strategy: c
   }) : x);
   return {
-    top: (g.top - y.top + a.top) / C.y,
-    bottom: (y.bottom - g.bottom + a.bottom) / C.y,
-    left: (g.left - y.left + a.left) / C.x,
-    right: (y.right - g.right + a.right) / C.x
+    top: (g.top - h.top + a.top) / C.y,
+    bottom: (h.bottom - g.bottom + a.bottom) / C.y,
+    left: (g.left - h.left + a.left) / C.x,
+    right: (h.right - g.right + a.right) / C.x
   };
 }
 const Bt = (e) => ({
@@ -261,20 +261,20 @@ const Bt = (e) => ({
       rects: r,
       platform: s,
       elements: l,
-      middlewareData: u
+      middlewareData: c
     } = t, {
-      element: c,
-      padding: d = 0
+      element: u,
+      padding: m = 0
     } = K(e, t) || {};
-    if (c == null)
+    if (u == null)
       return {};
-    const m = We(d), p = {
+    const d = We(m), p = {
       x: n,
       y: i
-    }, f = be(o), a = xe(f), h = await s.getDimensions(c), w = f === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", C = r.reference[a] + r.reference[f] - p[f] - r.floating[a], y = p[f] - r.reference[f], O = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
-    let T = O ? O[b] : 0;
-    (!T || !await (s.isElement == null ? void 0 : s.isElement(O))) && (T = l.floating[b] || r.floating[a]);
-    const A = C / 2 - y / 2, F = T / 2 - h[a] / 2 - 1, S = J(m[g], F), E = J(m[x], F), R = S, _ = T - h[a] - E, B = T / 2 - h[a] / 2 + A, N = ye(R, B, _), $ = !u.arrow && j(o) != null && B != N && r.reference[a] / 2 - (B < R ? S : E) - h[a] / 2 < 0, z = $ ? B < R ? B - R : B - _ : 0;
+    }, f = be(o), a = xe(f), v = await s.getDimensions(u), w = f === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", C = r.reference[a] + r.reference[f] - p[f] - r.floating[a], h = p[f] - r.reference[f], O = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    let E = O ? O[b] : 0;
+    (!E || !await (s.isElement == null ? void 0 : s.isElement(O))) && (E = l.floating[b] || r.floating[a]);
+    const A = C / 2 - h / 2, R = E / 2 - v[a] / 2 - 1, S = J(d[g], R), T = J(d[x], R), P = S, _ = E - v[a] - T, B = E / 2 - v[a] / 2 + A, N = ye(P, B, _), $ = !c.arrow && M(o) != null && B != N && r.reference[a] / 2 - (B < P ? S : T) - v[a] / 2 < 0, z = $ ? B < P ? B - P : B - _ : 0;
     return {
       [f]: p[f] + z,
       data: {
@@ -289,7 +289,7 @@ const Bt = (e) => ({
   }
 });
 function kt(e, t, n) {
-  return (e ? [...n.filter((o) => j(o) === e), ...n.filter((o) => j(o) !== e)] : n.filter((o) => V(o) === o)).filter((o) => e ? j(o) === e || (t ? ae(o) !== o : !1) : !0);
+  return (e ? [...n.filter((o) => M(o) === e), ...n.filter((o) => M(o) !== e)] : n.filter((o) => V(o) === o)).filter((o) => e ? M(o) === e || (t ? ae(o) !== o : !1) : !0);
 }
 const Dt = function(e) {
   return e === void 0 && (e = {}), {
@@ -301,52 +301,52 @@ const Dt = function(e) {
         rects: r,
         middlewareData: s,
         placement: l,
-        platform: u,
-        elements: c
+        platform: c,
+        elements: u
       } = t, {
-        crossAxis: d = !1,
-        alignment: m,
+        crossAxis: m = !1,
+        alignment: d,
         allowedPlacements: p = Pe,
         autoAlignment: f = !0,
         ...a
-      } = K(e, t), h = m !== void 0 || p === Pe ? kt(m || null, f, p) : p, w = await ne(t, a), g = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, x = h[g];
+      } = K(e, t), v = d !== void 0 || p === Pe ? kt(d || null, f, p) : p, w = await ne(t, a), g = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, x = v[g];
       if (x == null)
         return {};
-      const b = Ve(x, r, await (u.isRTL == null ? void 0 : u.isRTL(c.floating)));
+      const b = Ve(x, r, await (c.isRTL == null ? void 0 : c.isRTL(u.floating)));
       if (l !== x)
         return {
           reset: {
-            placement: h[0]
+            placement: v[0]
           }
         };
-      const C = [w[V(x)], w[b[0]], w[b[1]]], y = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
+      const C = [w[V(x)], w[b[0]], w[b[1]]], h = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
         placement: x,
         overflows: C
-      }], O = h[g + 1];
+      }], O = v[g + 1];
       if (O)
         return {
           data: {
             index: g + 1,
-            overflows: y
+            overflows: h
           },
           reset: {
             placement: O
           }
         };
-      const T = y.map((S) => {
-        const E = j(S.placement);
-        return [S.placement, E && d ? S.overflows.slice(0, 2).reduce((R, _) => R + _, 0) : S.overflows[0], S.overflows];
-      }).sort((S, E) => S[1] - E[1]), F = ((o = T.filter((S) => S[2].slice(
+      const E = h.map((S) => {
+        const T = M(S.placement);
+        return [S.placement, T && m ? S.overflows.slice(0, 2).reduce((P, _) => P + _, 0) : S.overflows[0], S.overflows];
+      }).sort((S, T) => S[1] - T[1]), R = ((o = E.filter((S) => S[2].slice(
         0,
-        j(S[0]) ? 2 : 3
-      ).every((E) => E <= 0))[0]) == null ? void 0 : o[0]) || T[0][0];
-      return F !== l ? {
+        M(S[0]) ? 2 : 3
+      ).every((T) => T <= 0))[0]) == null ? void 0 : o[0]) || E[0][0];
+      return R !== l ? {
         data: {
           index: g + 1,
-          overflows: y
+          overflows: h
         },
         reset: {
-          placement: F
+          placement: R
         }
       } : {};
     }
@@ -362,37 +362,37 @@ const Dt = function(e) {
         middlewareData: r,
         rects: s,
         initialPlacement: l,
-        platform: u,
-        elements: c
+        platform: c,
+        elements: u
       } = t, {
-        mainAxis: d = !0,
-        crossAxis: m = !0,
+        mainAxis: m = !0,
+        crossAxis: d = !0,
         fallbackPlacements: p,
         fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: a = "none",
-        flipAlignment: h = !0,
+        flipAlignment: v = !0,
         ...w
       } = K(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const g = V(o), x = V(l) === l, b = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), C = p || (x || !h ? [ce(l)] : St(l));
-      !p && a !== "none" && C.push(...Pt(l, h, a, b));
-      const y = [l, ...C], O = await ne(t, w), T = [];
+      const g = V(o), x = V(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), C = p || (x || !v ? [ce(l)] : St(l));
+      !p && a !== "none" && C.push(...Pt(l, v, a, b));
+      const h = [l, ...C], O = await ne(t, w), E = [];
       let A = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (d && T.push(O[g]), m) {
-        const R = Ve(o, s, b);
-        T.push(O[R[0]], O[R[1]]);
+      if (m && E.push(O[g]), d) {
+        const P = Ve(o, s, b);
+        E.push(O[P[0]], O[P[1]]);
       }
       if (A = [...A, {
         placement: o,
-        overflows: T
-      }], !T.every((R) => R <= 0)) {
-        var F, S;
-        const R = (((F = r.flip) == null ? void 0 : F.index) || 0) + 1, _ = y[R];
+        overflows: E
+      }], !E.every((P) => P <= 0)) {
+        var R, S;
+        const P = (((R = r.flip) == null ? void 0 : R.index) || 0) + 1, _ = h[P];
         if (_)
           return {
             data: {
-              index: R,
+              index: P,
               overflows: A
             },
             reset: {
@@ -403,8 +403,8 @@ const Dt = function(e) {
         if (!B)
           switch (f) {
             case "bestFit": {
-              var E;
-              const N = (E = A.map(($) => [$.placement, $.overflows.filter((z) => z > 0).reduce((z, tt) => z + tt, 0)]).sort(($, z) => $[1] - z[1])[0]) == null ? void 0 : E[0];
+              var T;
+              const N = (T = A.map(($) => [$.placement, $.overflows.filter((z) => z > 0).reduce((z, tt) => z + tt, 0)]).sort(($, z) => $[1] - z[1])[0]) == null ? void 0 : T[0];
               N && (B = N);
               break;
             }
@@ -423,7 +423,7 @@ const Dt = function(e) {
     }
   };
 };
-function Fe(e, t) {
+function Le(e, t) {
   return {
     top: e.top - t.height,
     right: e.right - t.width,
@@ -450,7 +450,7 @@ const $t = function(e) {
           const r = await ne(t, {
             ...o,
             elementContext: "reference"
-          }), s = Fe(r, n.reference);
+          }), s = Le(r, n.reference);
           return {
             data: {
               referenceHiddenOffsets: s,
@@ -462,7 +462,7 @@ const $t = function(e) {
           const r = await ne(t, {
             ...o,
             altBoundary: !0
-          }), s = Fe(r, n.floating);
+          }), s = Le(r, n.floating);
           return {
             data: {
               escapedOffsets: s,
@@ -476,35 +476,35 @@ const $t = function(e) {
     }
   };
 };
-async function Mt(e, t) {
+async function jt(e, t) {
   const {
     placement: n,
     platform: i,
     elements: o
-  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), s = V(n), l = j(n), u = fe(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, d = r && u ? -1 : 1, m = K(t, e);
+  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), s = V(n), l = M(n), c = fe(n) === "y", u = ["left", "top"].includes(s) ? -1 : 1, m = r && c ? -1 : 1, d = K(t, e);
   let {
     mainAxis: p,
     crossAxis: f,
     alignmentAxis: a
-  } = typeof m == "number" ? {
-    mainAxis: m,
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...m
+    ...d
   };
-  return l && typeof a == "number" && (f = l === "end" ? a * -1 : a), u ? {
-    x: f * d,
-    y: p * c
+  return l && typeof a == "number" && (f = l === "end" ? a * -1 : a), c ? {
+    x: f * m,
+    y: p * u
   } : {
-    x: p * c,
-    y: f * d
+    x: p * u,
+    y: f * m
   };
 }
-const jt = function(e) {
+const Mt = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -512,7 +512,7 @@ const jt = function(e) {
       const {
         x: n,
         y: i
-      } = t, o = await Mt(t, e);
+      } = t, o = await jt(t, e);
       return {
         x: n + o.x,
         y: i + o.y,
@@ -544,30 +544,30 @@ const jt = function(e) {
             };
           }
         },
-        ...u
-      } = K(e, t), c = {
+        ...c
+      } = K(e, t), u = {
         x: n,
         y: i
-      }, d = await ne(t, u), m = fe(V(o)), p = He(m);
-      let f = c[p], a = c[m];
+      }, m = await ne(t, c), d = fe(V(o)), p = He(d);
+      let f = u[p], a = u[d];
       if (r) {
-        const w = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", x = f + d[w], b = f - d[g];
+        const w = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", x = f + m[w], b = f - m[g];
         f = ye(x, f, b);
       }
       if (s) {
-        const w = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", x = a + d[w], b = a - d[g];
+        const w = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", x = a + m[w], b = a - m[g];
         a = ye(x, a, b);
       }
-      const h = l.fn({
+      const v = l.fn({
         ...t,
         [p]: f,
-        [m]: a
+        [d]: a
       });
       return {
-        ...h,
+        ...v,
         data: {
-          x: h.x - n,
-          y: h.y - i
+          x: v.x - n,
+          y: v.y - i
         }
       };
     }
@@ -700,20 +700,20 @@ function G(e, t, n, i) {
   let s = X(1);
   t && (i ? W(i) && (s = Z(i)) : s = Z(e));
   const l = Vt(r, n, i) ? Ye(r) : X(0);
-  let u = (o.left + l.x) / s.x, c = (o.top + l.y) / s.y, d = o.width / s.x, m = o.height / s.y;
+  let c = (o.left + l.x) / s.x, u = (o.top + l.y) / s.y, m = o.width / s.x, d = o.height / s.y;
   if (r) {
     const p = k(r), f = i && W(i) ? k(i) : i;
     let a = p.frameElement;
     for (; a && i && f !== p; ) {
-      const h = Z(a), w = a.getBoundingClientRect(), g = D(a), x = w.left + (a.clientLeft + parseFloat(g.paddingLeft)) * h.x, b = w.top + (a.clientTop + parseFloat(g.paddingTop)) * h.y;
-      u *= h.x, c *= h.y, d *= h.x, m *= h.y, u += x, c += b, a = k(a).frameElement;
+      const v = Z(a), w = a.getBoundingClientRect(), g = D(a), x = w.left + (a.clientLeft + parseFloat(g.paddingLeft)) * v.x, b = w.top + (a.clientTop + parseFloat(g.paddingTop)) * v.y;
+      c *= v.x, u *= v.y, m *= v.x, d *= v.y, c += x, u += b, a = k(a).frameElement;
     }
   }
   return ue({
-    width: d,
-    height: m,
-    x: u,
-    y: c
+    width: m,
+    height: d,
+    x: c,
+    y: u
   });
 }
 function Wt(e) {
@@ -729,16 +729,16 @@ function Wt(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, l = X(1);
-  const u = X(0);
+  const c = X(0);
   if ((o || !o && i !== "fixed") && ((q(n) !== "body" || re(r)) && (s = me(n)), I(n))) {
-    const c = G(n);
-    l = Z(n), u.x = c.x + n.clientLeft, u.y = c.y + n.clientTop;
+    const u = G(n);
+    l = Z(n), c.x = u.x + n.clientLeft, c.y = u.y + n.clientTop;
   }
   return {
     width: t.width * l.x,
     height: t.height * l.y,
-    x: t.x * l.x - s.scrollLeft * l.x + u.x,
-    y: t.y * l.y - s.scrollTop * l.y + u.y
+    x: t.x * l.x - s.scrollLeft * l.x + c.x,
+    y: t.y * l.y - s.scrollTop * l.y + c.y
   };
 }
 function Ut(e) {
@@ -760,26 +760,26 @@ function Xt(e) {
 }
 function qt(e, t) {
   const n = k(e), i = U(e), o = n.visualViewport;
-  let r = i.clientWidth, s = i.clientHeight, l = 0, u = 0;
+  let r = i.clientWidth, s = i.clientHeight, l = 0, c = 0;
   if (o) {
     r = o.width, s = o.height;
-    const c = Oe();
-    (!c || c && t === "fixed") && (l = o.offsetLeft, u = o.offsetTop);
+    const u = Oe();
+    (!u || u && t === "fixed") && (l = o.offsetLeft, c = o.offsetTop);
   }
   return {
     width: r,
     height: s,
     x: l,
-    y: u
+    y: c
   };
 }
 function Yt(e, t) {
-  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = I(e) ? Z(e) : X(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, u = o * r.x, c = i * r.y;
+  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = I(e) ? Z(e) : X(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, c = o * r.x, u = i * r.y;
   return {
     width: s,
     height: l,
-    x: u,
-    y: c
+    x: c,
+    y: u
   };
 }
 function De(e, t, n) {
@@ -812,8 +812,8 @@ function Gt(e, t) {
   const r = D(e).position === "fixed";
   let s = r ? ee(e) : e;
   for (; W(s) && !de(s); ) {
-    const l = D(s), u = Ce(s);
-    !u && l.position === "fixed" && (o = null), (r ? !u && !o : !u && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || re(s) && !u && Ke(e, s)) ? i = i.filter((d) => d !== s) : o = l, s = ee(s);
+    const l = D(s), c = Ce(s);
+    !c && l.position === "fixed" && (o = null), (r ? !c && !o : !c && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || re(s) && !c && Ke(e, s)) ? i = i.filter((m) => m !== s) : o = l, s = ee(s);
   }
   return t.set(e, i), i;
 }
@@ -824,15 +824,15 @@ function Kt(e) {
     rootBoundary: i,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? Gt(t, this._c) : [].concat(n), i], l = s[0], u = s.reduce((c, d) => {
-    const m = De(t, d, o);
-    return c.top = Y(m.top, c.top), c.right = J(m.right, c.right), c.bottom = J(m.bottom, c.bottom), c.left = Y(m.left, c.left), c;
+  const s = [...n === "clippingAncestors" ? Gt(t, this._c) : [].concat(n), i], l = s[0], c = s.reduce((u, m) => {
+    const d = De(t, m, o);
+    return u.top = Y(d.top, u.top), u.right = J(d.right, u.right), u.bottom = J(d.bottom, u.bottom), u.left = Y(d.left, u.left), u;
   }, De(t, l, o));
   return {
-    width: u.right - u.left,
-    height: u.bottom - u.top,
-    x: u.left,
-    y: u.top
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
   };
 }
 function Qt(e) {
@@ -844,16 +844,16 @@ function Zt(e, t, n) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const u = X(0);
+  const c = X(0);
   if (i || !i && !r)
     if ((q(t) !== "body" || re(o)) && (l = me(t)), i) {
-      const c = G(t, !0, r, t);
-      u.x = c.x + t.clientLeft, u.y = c.y + t.clientTop;
+      const u = G(t, !0, r, t);
+      c.x = u.x + t.clientLeft, c.y = u.y + t.clientTop;
     } else
-      o && (u.x = Ge(o));
+      o && (c.x = Ge(o));
   return {
-    x: s.left + l.scrollLeft - u.x,
-    y: s.top + l.scrollTop - u.y,
+    x: s.left + l.scrollLeft - c.x,
+    y: s.top + l.scrollTop - c.y,
     width: s.width,
     height: s.height
   };
@@ -907,24 +907,24 @@ function nn(e, t) {
   function r() {
     clearTimeout(i), n && n.disconnect(), n = null;
   }
-  function s(l, u) {
-    l === void 0 && (l = !1), u === void 0 && (u = 1), r();
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), r();
     const {
-      left: c,
-      top: d,
-      width: m,
+      left: u,
+      top: m,
+      width: d,
       height: p
     } = e.getBoundingClientRect();
-    if (l || t(), !m || !p)
+    if (l || t(), !d || !p)
       return;
-    const f = se(d), a = se(o.clientWidth - (c + m)), h = se(o.clientHeight - (d + p)), w = se(c), x = {
-      rootMargin: -f + "px " + -a + "px " + -h + "px " + -w + "px",
-      threshold: Y(0, J(1, u)) || 1
+    const f = se(m), a = se(o.clientWidth - (u + d)), v = se(o.clientHeight - (m + p)), w = se(u), x = {
+      rootMargin: -f + "px " + -a + "px " + -v + "px " + -w + "px",
+      threshold: Y(0, J(1, c)) || 1
     };
     let b = !0;
-    function C(y) {
-      const O = y[0].intersectionRatio;
-      if (O !== u) {
+    function C(h) {
+      const O = h[0].intersectionRatio;
+      if (O !== c) {
         if (!b)
           return s();
         O ? s(!1, O) : i = setTimeout(() => {
@@ -952,31 +952,31 @@ function on(e, t, n, i) {
     ancestorResize: r = !0,
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: u = !1
-  } = i, c = Ee(e), d = o || r ? [...c ? oe(c) : [], ...oe(t)] : [];
-  d.forEach((g) => {
+    animationFrame: c = !1
+  } = i, u = Ee(e), m = o || r ? [...u ? oe(u) : [], ...oe(t)] : [];
+  m.forEach((g) => {
     o && g.addEventListener("scroll", n, {
       passive: !0
     }), r && g.addEventListener("resize", n);
   });
-  const m = c && l ? nn(c, n) : null;
+  const d = u && l ? nn(u, n) : null;
   let p = -1, f = null;
   s && (f = new ResizeObserver((g) => {
     let [x] = g;
-    x && x.target === c && f && (f.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+    x && x.target === u && f && (f.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       f && f.observe(t);
     })), n();
-  }), c && !u && f.observe(c), f.observe(t));
-  let a, h = u ? G(e) : null;
-  u && w();
+  }), u && !c && f.observe(u), f.observe(t));
+  let a, v = c ? G(e) : null;
+  c && w();
   function w() {
     const g = G(e);
-    h && (g.x !== h.x || g.y !== h.y || g.width !== h.width || g.height !== h.height) && n(), h = g, a = requestAnimationFrame(w);
+    v && (g.x !== v.x || g.y !== v.y || g.width !== v.width || g.height !== v.height) && n(), v = g, a = requestAnimationFrame(w);
   }
   return n(), () => {
-    d.forEach((g) => {
+    m.forEach((g) => {
       o && g.removeEventListener("scroll", n), r && g.removeEventListener("resize", n);
-    }), m && m(), f && f.disconnect(), f = null, u && cancelAnimationFrame(a);
+    }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(a);
   };
 }
 const rn = (e, t, n) => {
@@ -987,7 +987,7 @@ const rn = (e, t, n) => {
     ...o.platform,
     _c: i
   };
-  return Ft(e, t, {
+  return Lt(e, t, {
     ...o,
     platform: r
   });
@@ -1011,24 +1011,24 @@ function sn(e) {
 }
 function ln(e, t, n) {
   n === void 0 && (n = {});
-  const i = n.whileElementsMounted, o = P(() => {
-    var y;
-    return (y = H(n.open)) != null ? y : !0;
-  }), r = P(() => H(n.middleware)), s = P(() => {
-    var y;
-    return (y = H(n.placement)) != null ? y : "bottom";
-  }), l = P(() => {
-    var y;
-    return (y = H(n.strategy)) != null ? y : "absolute";
-  }), u = P(() => we(e.value)), c = P(() => we(t.value)), d = L(null), m = L(null), p = L(l.value), f = L(s.value), a = je({}), h = L(!1);
+  const i = n.whileElementsMounted, o = L(() => {
+    var h;
+    return (h = H(n.open)) != null ? h : !0;
+  }), r = L(() => H(n.middleware)), s = L(() => {
+    var h;
+    return (h = H(n.placement)) != null ? h : "bottom";
+  }), l = L(() => {
+    var h;
+    return (h = H(n.strategy)) != null ? h : "absolute";
+  }), c = L(() => we(e.value)), u = L(() => we(t.value)), m = F(null), d = F(null), p = F(l.value), f = F(s.value), a = Me({}), v = F(!1);
   let w;
   function g() {
-    u.value == null || c.value == null || rn(u.value, c.value, {
+    c.value == null || u.value == null || rn(c.value, u.value, {
       middleware: r.value,
       placement: s.value,
       strategy: l.value
-    }).then((y) => {
-      d.value = y.x, m.value = y.y, p.value = y.strategy, f.value = y.placement, a.value = y.middlewareData, h.value = !0;
+    }).then((h) => {
+      m.value = h.x, d.value = h.y, p.value = h.strategy, f.value = h.placement, a.value = h.middlewareData, v.value = !0;
     });
   }
   function x() {
@@ -1039,27 +1039,27 @@ function ln(e, t, n) {
       g();
       return;
     }
-    if (u.value != null && c.value != null) {
-      w = i(u.value, c.value, g);
+    if (c.value != null && u.value != null) {
+      w = i(c.value, u.value, g);
       return;
     }
   }
   function C() {
-    o.value || (h.value = !1);
+    o.value || (v.value = !1);
   }
-  return M([r, s, l], g, {
+  return j([r, s, l], g, {
     flush: "sync"
-  }), M([u, c], b, {
+  }), j([c, u], b, {
     flush: "sync"
-  }), M(o, C, {
+  }), j(o, C, {
     flush: "sync"
   }), nt() && ot(x), {
-    x: Q(d),
-    y: Q(m),
+    x: Q(m),
+    y: Q(d),
     strategy: Q(p),
     placement: Q(f),
     middlewareData: Q(a),
-    isPositioned: Q(h),
+    isPositioned: Q(v),
     update: g
   };
 }
@@ -1069,7 +1069,7 @@ function ie(e) {
   if (e == null || e.value == null)
     return null;
   const t = (n = e.value.$el) != null ? n : e.value;
-  return t.$el ? ie(L(t)) : t;
+  return t.$el ? ie(F(t)) : t;
 }
 class fn {
   constructor() {
@@ -1114,7 +1114,7 @@ function mn(e) {
   return document;
 }
 function pn(e, t, n, i, o) {
-  M([
+  j([
     () => o.offset,
     () => o.flip,
     () => o.shift,
@@ -1124,7 +1124,7 @@ function pn(e, t, n, i, o) {
     () => o.middleware
   ], () => {
     const r = [];
-    (typeof o.offset == "number" || typeof o.offset == "object" || typeof o.offset == "function") && r.push(jt(o.offset)), (o.flip === !0 || typeof o.flip == "number" || typeof o.flip == "object") && r.push(Nt({
+    (typeof o.offset == "number" || typeof o.offset == "object" || typeof o.offset == "function") && r.push(Mt(o.offset)), (o.flip === !0 || typeof o.flip == "number" || typeof o.flip == "object") && r.push(Nt({
       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(It({
@@ -1159,7 +1159,7 @@ function gn(e, t, n) {
     i();
   });
 }
-const hn = (e) => {
+const vn = (e) => {
   switch (e) {
     case "top":
       return "origin-bottom";
@@ -1185,17 +1185,17 @@ const hn = (e) => {
       return "";
   }
 };
-function vn(e, t) {
-  const n = P(() => {
+function hn(e, t) {
+  const n = L(() => {
     if (typeof e.originClass == "function")
       return e.originClass(t.value);
     if (typeof e.originClass == "string")
       return e.originClass;
     if (e.tailwindcssOriginClass)
-      return hn(t.value);
-  }), i = P(
+      return vn(t.value);
+  }), i = L(
     () => e.enter || n.value ? `${e.enter || ""} ${n.value || ""}` : void 0
-  ), o = P(
+  ), o = L(
     () => e.leave || n.value ? `${e.leave || ""} ${n.value || ""}` : void 0
   );
   return { originClassRef: n, enterActiveClassRef: i, leaveActiveClassRef: o };
@@ -1212,7 +1212,7 @@ function Je(e, t, ...n) {
   );
   throw Error.captureStackTrace && Error.captureStackTrace(i, Je), i;
 }
-const Me = [
+const je = [
   "[contentEditable=true]",
   "[tabindex]",
   "a[href]",
@@ -1230,12 +1230,12 @@ function yn(e, t = 0) {
   var n;
   return e === ((n = mn(e)) == null ? void 0 : n.body) ? !1 : Je(t, {
     0() {
-      return e.matches(Me);
+      return e.matches(je);
     },
     1() {
       let i = e;
       for (; i !== null; ) {
-        if (i.matches(Me))
+        if (i.matches(je))
           return !0;
         i = i.parentElement;
       }
@@ -1243,46 +1243,46 @@ function yn(e, t = 0) {
     }
   });
 }
-function ve(e, t, n) {
+function he(e, t, n) {
   pe.isServer || lt((i) => {
     document.addEventListener(e, t, n), i(() => document.removeEventListener(e, t, n));
   });
 }
-function wn(e, t, n = P(() => !0)) {
+function wn(e, t, n = L(() => !0)) {
   function i(r, s) {
     if (!n.value || r.defaultPrevented)
       return;
     const l = s(r);
     if (l === null || !l.getRootNode().contains(l))
       return;
-    const u = function c(d) {
-      return typeof d == "function" ? c(d()) : Array.isArray(d) || d instanceof Set ? d : [d];
+    const c = function u(m) {
+      return typeof m == "function" ? u(m()) : Array.isArray(m) || m instanceof Set ? m : [m];
     }(e);
-    for (const c of u) {
-      if (c === null)
+    for (const u of c) {
+      if (u === null)
         continue;
-      const d = c instanceof HTMLElement ? c : ie(c);
-      if (d != null && d.contains(l) || r.composed && r.composedPath().includes(d))
+      const m = u instanceof HTMLElement ? u : ie(u);
+      if (m != null && m.contains(l) || r.composed && r.composedPath().includes(m))
         return;
     }
     return !yn(l, et.Loose) && l.tabIndex !== -1 && r.preventDefault(), t(r, l);
   }
-  const o = L(null);
-  ve("mousedown", (r) => {
+  const o = F(null);
+  he("mousedown", (r) => {
     var s, l;
     n.value && (o.value = ((l = (s = r.composedPath) == null ? void 0 : s.call(r)) == null ? void 0 : l[0]) || r.target);
-  }, !0), ve(
+  }, !0), he(
     "click",
     (r) => {
       o.value && (i(r, () => o.value), o.value = null);
     },
     !0
-  ), ve("blur", (r) => i(
+  ), he("blur", (r) => i(
     r,
     () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null
   ), !0);
 }
-const xn = Symbol("ArrowContext"), v = {
+const xn = Symbol("ArrowContext"), y = {
   as: {
     type: [String, Function],
     default: "template"
@@ -1371,11 +1371,11 @@ const xn = Symbol("ArrowContext"), v = {
   }
 };
 function bn(e, t, n, i) {
-  const { floatingRef: o, props: r, mounted: s, show: l, x: u, y: c, placement: d, strategy: m, referenceElWidth: p, updateFloating: f } = i, a = ge(
+  const { floatingRef: o, props: r, mounted: s, show: l, x: c, y: u, placement: m, strategy: d, referenceElWidth: p, updateFloating: f } = i, a = ge(
     { ...r, as: r.floatingAs },
     t
-  ), { enterActiveClassRef: h, leaveActiveClassRef: w } = vn(a, d), g = {
-    enterActiveClass: h.value,
+  ), { enterActiveClassRef: v, leaveActiveClassRef: w } = hn(a, m), g = {
+    enterActiveClass: v.value,
     enterFromClass: a.enterFrom,
     enterToClass: a.enterTo,
     leaveActiveClass: w.value,
@@ -1393,7 +1393,7 @@ function bn(e, t, n, i) {
       l.value = !1;
     }
   }, b = {
-    enter: h.value,
+    enter: v.value,
     enterFrom: a.enterFrom,
     enterTo: a.enterTo,
     leave: w.value,
@@ -1404,45 +1404,45 @@ function bn(e, t, n, i) {
   }, C = {
     style: {
       ...!a.dialog && a.transform ? {
-        position: m.value,
+        position: d.value,
         zIndex: a.zIndex,
         top: "0px",
         left: "0px",
         right: "auto",
         bottom: "auto",
-        transform: `translate(${Math.round(u.value || 0)}px,${Math.round(c.value || 0)}px)`
+        transform: `translate(${Math.round(c.value || 0)}px,${Math.round(u.value || 0)}px)`
       } : {
-        position: m.value,
+        position: d.value,
         zIndex: a.zIndex,
-        top: `${c.value || 0}px`,
-        left: `${u.value || 0}px`
+        top: `${u.value || 0}px`,
+        left: `${c.value || 0}px`
       },
       width: a.adaptiveWidth && typeof p.value == "number" ? `${p.value}px` : void 0
     }
   };
-  function y(A) {
+  function h(A) {
     return a.portal ? te(at, () => A) : A;
   }
   function O(A) {
-    const F = ge(
+    const R = ge(
       C,
       n,
       a.dialog ? {} : { ref: o }
     );
-    return a.as === "template" ? A : typeof a.as == "string" ? te(a.as, F, A) : te(a.as, F, () => A);
+    return a.as === "template" ? A : typeof a.as == "string" ? te(a.as, R, A) : te(a.as, R, () => A);
   }
-  function T() {
+  function E() {
     function A() {
-      var F;
+      var R;
       const S = a.as === "template" ? ge(
         C,
         n,
         a.dialog ? {} : { ref: o }
-      ) : null, E = ft(e, S);
-      return ((F = E.props) == null ? void 0 : F.unmount) === !1 ? (f(), E) : typeof a.show != "boolean" || a.show ? E : Te();
+      ) : null, T = ft(e, S);
+      return ((R = T.props) == null ? void 0 : R.unmount) === !1 ? (f(), T) : typeof a.show != "boolean" || a.show ? T : Te();
     }
     return pe.isServer ? s.value && a.show ? A() : Te() : a.transitionChild ? te(ct, {
-      key: `placement-${d.value}`,
+      key: `placement-${m.value}`,
       ...a.dialog ? { ref: o } : {},
       as: "template",
       ...b
@@ -1451,40 +1451,40 @@ function bn(e, t, n, i) {
       ...x
     }, A);
   }
-  return y(
+  return h(
     O(
-      T()
+      E()
     )
   );
 }
 function Cn(e, t, n, i, o) {
-  const r = L(!1), s = Ae(i, "placement"), l = Ae(i, "strategy"), u = je({}), c = L(null), d = L(void 0), m = L(void 0), p = P(() => ie(t)), f = P(() => ie(n)), a = P(
+  const r = F(!1), s = Ae(i, "placement"), l = Ae(i, "strategy"), c = Me({}), u = F(null), m = F(void 0), d = F(void 0), p = L(() => ie(t)), f = L(() => ie(n)), a = L(
     () => $e(p) && $e(f)
-  ), { x: h, y: w, placement: g, strategy: x, middlewareData: b, update: C } = ln(p, f, {
+  ), { x: v, y: w, placement: g, strategy: x, middlewareData: b, update: C } = ln(p, f, {
     placement: s,
     strategy: l,
-    middleware: u,
+    middleware: c,
     whileElementsMounted: () => {
     }
-  }), y = L(null);
+  }), h = F(null);
   _e(() => {
     r.value = !0;
-  }), M(e, (E, R) => {
-    E && !R ? o("show") : !E && R && o("hide");
+  }), j(e, (T, P) => {
+    T && !P ? o("show") : !T && P && o("hide");
   }, { immediate: !0 });
   function O() {
     a.value && (C(), o("update"));
   }
-  M([s, l, u], O, { flush: "sync" }), pn(
-    u,
+  j([s, l, c], O, { flush: "sync" }), pn(
+    c,
     p,
     f,
-    c,
+    u,
     i
-  ), M(b, () => {
-    const E = b.value.arrow;
-    d.value = E == null ? void 0 : E.x, m.value = E == null ? void 0 : E.y;
-  }), gn(i.adaptiveWidth, p, y), M(e, async (E, R, _) => {
+  ), j(b, () => {
+    const T = b.value.arrow;
+    m.value = T == null ? void 0 : T.x, d.value = T == null ? void 0 : T.y;
+  }), gn(i.adaptiveWidth, p, h), j(e, async (T, P, _) => {
     if (await it(), e.value && a.value && i.autoUpdate) {
       const B = on(
         p.value,
@@ -1495,71 +1495,71 @@ function Cn(e, t, n, i, o) {
       _(B);
     }
   }, { flush: "post", immediate: !0 });
-  const T = L(!0);
-  M(p, () => {
-    !(p.value instanceof Element) && a.value && T.value && (T.value = !1, window.requestAnimationFrame(() => {
-      T.value = !0, O();
+  const E = F(!0);
+  j(p, () => {
+    !(p.value instanceof Element) && a.value && E.value && (E.value = !1, window.requestAnimationFrame(() => {
+      E.value = !0, O();
     }));
   }, { flush: "sync" });
   const A = {
     referenceRef: t,
     placement: g
-  }, F = {
+  }, R = {
     floatingRef: n,
     props: i,
     mounted: r,
     show: e,
-    x: h,
+    x: v,
     y: w,
     placement: g,
     strategy: x,
-    referenceElWidth: y,
+    referenceElWidth: h,
     updateFloating: O
   }, S = {
-    ref: c,
+    ref: u,
     placement: g,
-    x: d,
-    y: m
+    x: m,
+    y: d
   };
-  return rt(xn, S), { referenceApi: A, floatingApi: F, arrowApi: S, x: h, y: w, placement: g, strategy: x, referenceEl: p, floatingEl: f, middlewareData: b, update: O };
+  return rt(xn, S), { referenceApi: A, floatingApi: R, arrowApi: S, x: v, y: w, placement: g, strategy: x, referenceEl: p, floatingEl: f, middlewareData: b, update: O };
 }
 ({
-  ...v.as
+  ...y.as
 });
 const On = {
-  as: v.as,
-  show: v.show,
-  placement: v.placement,
-  strategy: v.strategy,
-  offset: v.offset,
-  shift: v.shift,
-  flip: v.flip,
-  arrow: v.arrow,
-  autoPlacement: v.autoPlacement,
-  hide: v.hide,
-  autoUpdate: v.autoUpdate,
-  zIndex: v.zIndex,
-  transitionName: v.transitionName,
-  transitionType: v.transitionType,
-  enter: v.enter,
-  enterFrom: v.enterFrom,
-  enterTo: v.enterTo,
-  leave: v.leave,
-  leaveFrom: v.leaveFrom,
-  leaveTo: v.leaveTo,
-  originClass: v.originClass,
-  tailwindcssOriginClass: v.tailwindcssOriginClass,
-  portal: v.portal,
-  transform: v.transform,
-  middleware: v.middleware
+  as: y.as,
+  show: y.show,
+  placement: y.placement,
+  strategy: y.strategy,
+  offset: y.offset,
+  shift: y.shift,
+  flip: y.flip,
+  arrow: y.arrow,
+  autoPlacement: y.autoPlacement,
+  hide: y.hide,
+  autoUpdate: y.autoUpdate,
+  zIndex: y.zIndex,
+  transitionName: y.transitionName,
+  transitionType: y.transitionType,
+  enter: y.enter,
+  enterFrom: y.enterFrom,
+  enterTo: y.enterTo,
+  leave: y.leave,
+  leaveFrom: y.leaveFrom,
+  leaveTo: y.leaveTo,
+  originClass: y.originClass,
+  tailwindcssOriginClass: y.tailwindcssOriginClass,
+  portal: y.portal,
+  transform: y.transform,
+  middleware: y.middleware
 }, En = {
   name: "FloatVirtual",
   inheritAttrs: !1,
   props: On,
   emits: ["initial", "show", "hide", "update"],
   setup(e, { emit: t, slots: n, attrs: i }) {
-    var d;
-    const o = L((d = e.show) != null ? d : !1), r = L({
+    var m;
+    const o = F((m = e.show) != null ? m : !1), r = F({
       getBoundingClientRect() {
         return {
           x: 0,
@@ -1572,29 +1572,29 @@ const On = {
           height: 0
         };
       }
-    }), s = L(null), {
+    }), s = F(null), {
       floatingApi: l,
-      placement: u
+      placement: c
     } = Cn(o, r, s, e, t);
-    M(() => e.show, () => {
-      var m;
-      o.value = (m = e.show) != null ? m : !1;
+    j(() => e.show, () => {
+      var d;
+      o.value = (d = e.show) != null ? d : !1;
     });
-    function c() {
+    function u() {
       o.value = !1;
     }
     return t("initial", {
       show: o,
-      placement: u,
+      placement: c,
       reference: r,
       floating: s
     }), () => {
       if (!n.default)
         return;
-      const m = {
-        placement: u.value,
-        close: c
-      }, [p] = Ze(n.default(m)).filter(dn);
+      const d = {
+        placement: c.value,
+        close: u
+      }, [p] = Ze(n.default(d)).filter(dn);
       return bn(
         p,
         {
@@ -1607,53 +1607,60 @@ const On = {
     };
   }
 };
-v.as, v.placement, v.strategy, v.offset, v.shift, {
-  ...v.flip
-}, v.arrow, v.autoPlacement, v.hide, v.autoUpdate, v.zIndex, v.transitionName, v.transitionType, v.enter, v.enterFrom, v.enterTo, v.leave, v.leaveFrom, v.leaveTo, v.originClass, v.tailwindcssOriginClass, v.transform, v.middleware;
+y.as, y.placement, y.strategy, y.offset, y.shift, {
+  ...y.flip
+}, y.arrow, y.autoPlacement, y.hide, y.autoUpdate, y.zIndex, y.transitionName, y.transitionType, y.enter, y.enterFrom, y.enterTo, y.leave, y.leaveFrom, y.leaveTo, y.originClass, y.tailwindcssOriginClass, y.transform, y.middleware;
 const An = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Tn = ["onClick"], Rn = /* @__PURE__ */ dt({
   __name: "StylePanel",
   setup(e) {
-    const t = L({ value: null }), n = mt(), i = P(
+    const t = F({ value: null }), n = mt(), i = L(
       () => n.getters.onContentChange || (() => {
       })
-    ), o = P(
+    ), o = L(
       () => pt(n.getters.diagramElement) + gt
-    ), r = P(() => n.getters.code), s = (d) => {
+    ), r = L(() => n.getters.code), s = (d) => {
       n.dispatch("updateCode", { code: d }), i.value(d);
-    };
-    let l;
-    const u = ({ show: d, reference: m, floating: p }) => {
-      n.commit("onMessageClick", (f, a) => {
-        m.value = {
-          getBoundingClientRect: () => a.getBoundingClientRect()
-        }, t.value = f, d.value = !0;
+    }, l = F([]);
+    let c;
+    const u = ({ show: d, reference: p, floating: f }) => {
+      let a, v, w, g, x, b;
+      n.commit("onMessageClick", (C, h) => {
+        var O;
+        if (a = C.value.start.start, v = Ct(r.value, a), w = Ot(r.value, a), g = ((O = r.value.slice(v).match(/^\s*/)) == null ? void 0 : O[0]) || "", x = w.trim().startsWith("//"), x) {
+          const E = w.trimStart().slice(2).trimStart(), A = E.indexOf("["), R = E.indexOf("]");
+          b = Boolean(A === 0 && R), b ? l.value = E.slice(A + 1, R).split(",").map((S) => S.trim()) : l.value = [];
+        }
+        p.value = {
+          getBoundingClientRect: () => h.getBoundingClientRect()
+        }, t.value = C, d.value = !0;
       }), wn(
-        p,
+        f,
         () => {
-          d.value = !1;
+          d.value = !1, l.value = [];
         },
-        P(() => d.value)
-      ), l = (f) => {
-        var b;
-        if (d.value = !1, !t.value.value)
-          return;
-        const a = t.value.value.start.start, h = Ct(r.value, a), w = Ot(r.value, a), g = ((b = r.value.slice(h).match(/^\s*/)) == null ? void 0 : b[0]) || "";
-        if (w.trim().startsWith("//")) {
-          const C = w.trimStart().slice(2).trimStart(), y = C.indexOf("["), O = C.indexOf("]");
-          if (y === 0 && O) {
-            const T = C.slice(y + 1, O);
-            T.split(",").map((A) => A.trim()).includes(f) || s(
-              r.value.slice(0, Et(r.value, a)) + `${g}// [${T}, ${f}]
-` + r.value.slice(h)
+        L(() => d.value)
+      ), c = (C) => {
+        if (d.value = !1, !!t.value.value)
+          if (x) {
+            let h = "";
+            if (b) {
+              let O;
+              l.value.includes(C) ? O = l.value.filter((E) => E !== C) : O = [...l.value, C], h = `${g}// [${O.join(
+                ", "
+              )}] ${w.slice(w.indexOf("]") + 1).trimStart()}`;
+            }
+            h.endsWith(`
+`) || (h += `
+`), s(
+              r.value.slice(0, Et(r.value, a)) + h + r.value.slice(v)
+            );
+          } else
+            s(
+              r.value.slice(0, v) + `${g}// [${C}]
+` + r.value.slice(v)
             );
-          }
-        } else
-          s(
-            r.value.slice(0, h) + `${g}// [${f}]
-` + r.value.slice(h)
-          );
       };
-    }, c = [
+    }, m = [
       {
         name: "bold",
         content: "B",
@@ -1675,24 +1682,27 @@ const An = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Tn = ["onCl
         class: "line-through"
       }
     ];
-    return (d, m) => (Se(), ht(H(En), {
+    return (d, p) => (Se(), vt(H(En), {
       key: "tool",
       onInitial: u,
       placement: "top",
       offset: 5,
-      shift: "",
       flip: { padding: H(o) },
+      shift: "",
       zIndex: "30"
     }, {
-      default: vt(() => [
-        he("div", An, [
-          (Se(), yt(Ie, null, wt(c, (p) => he("div", {
-            onClick: () => H(l)(p.class),
-            key: p.name
+      default: ht(() => [
+        ve("div", An, [
+          (Se(), yt(Ie, null, wt(m, (f) => ve("div", {
+            onClick: () => H(c)(f.class),
+            key: f.name
           }, [
-            he("div", {
-              class: xt([p.class, "w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200"])
-            }, bt(p.content), 3)
+            ve("div", {
+              class: xt(["w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200", [
+                f.class,
+                { "bg-gray-100": l.value.includes(f.class) }
+              ]])
+            }, bt(f.content), 3)
           ], 8, Tn)), 64))
         ])
       ], void 0, !0),
@@ -1703,4 +1713,4 @@ const An = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Tn = ["onCl
 export {
   Rn as default
 };
-//# sourceMappingURL=StylePanel.1a71aa36.js.map
+//# sourceMappingURL=StylePanel.4c9f8216.js.map