@zenuml/core 3.23.13 → 3.23.14

package/dist/StylePanel.c2aa5a4f.js

@@ -0,0 +1,1756 @@
+import { b as B, u as W, r as L, s as _e, w as M, g as it, d as rt, e as Q, F as Ie, m as he, t as Ee, f as He, n as st, p as lt, h as at, i as ct, j as ne, U as ft, k as Te, l as ut, T as dt, q as mt, v as pt, x as ht, y as gt, P as vt, o as Pe, z as wt, A as yt, a as ge, c as xt, B as bt, C as Ct, D as At, E as Ot, G as Rt, H as St } from "./core.4f31d6ef.js";
+const We = ["top", "right", "bottom", "left"], Le = ["start", "end"], Be = /* @__PURE__ */ We.reduce((e, t) => e.concat(t, t + "-" + Le[0], t + "-" + Le[1]), []), J = Math.min, q = Math.max, ae = Math.round, le = Math.floor, X = (e) => ({
+  x: e,
+  y: e
+}), Et = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Tt = {
+  start: "end",
+  end: "start"
+};
+function ye(e, t, o) {
+  return q(e, J(t, o));
+}
+function K(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function V(e) {
+  return e.split("-")[0];
+}
+function j(e) {
+  return e.split("-")[1];
+}
+function Ve(e) {
+  return e === "x" ? "y" : "x";
+}
+function be(e) {
+  return e === "y" ? "height" : "width";
+}
+function de(e) {
+  return ["top", "bottom"].includes(V(e)) ? "y" : "x";
+}
+function Ce(e) {
+  return Ve(de(e));
+}
+function Ue(e, t, o) {
+  o === void 0 && (o = !1);
+  const i = j(e), n = Ce(e), r = be(n);
+  let s = n === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
+  return t.reference[r] > t.floating[r] && (s = fe(s)), [s, fe(s)];
+}
+function Pt(e) {
+  const t = fe(e);
+  return [ce(e), t, ce(t)];
+}
+function ce(e) {
+  return e.replace(/start|end/g, (t) => Tt[t]);
+}
+function Lt(e, t, o) {
+  const i = ["left", "right"], n = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return o ? t ? n : i : t ? i : n;
+    case "left":
+    case "right":
+      return t ? r : s;
+    default:
+      return [];
+  }
+}
+function Bt(e, t, o, i) {
+  const n = j(e);
+  let r = Lt(V(e), o === "start", i);
+  return n && (r = r.map((s) => s + "-" + n), t && (r = r.concat(r.map(ce)))), r;
+}
+function fe(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Et[t]);
+}
+function Ft(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Xe(e) {
+  return typeof e != "number" ? Ft(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function ue(e) {
+  const {
+    x: t,
+    y: o,
+    width: i,
+    height: n
+  } = e;
+  return {
+    width: i,
+    height: n,
+    top: o,
+    left: t,
+    right: t + i,
+    bottom: o + n,
+    x: t,
+    y: o
+  };
+}
+function Fe(e, t, o) {
+  let {
+    reference: i,
+    floating: n
+  } = e;
+  const r = de(t), s = Ce(t), l = be(s), c = V(t), a = r === "y", m = i.x + i.width / 2 - n.width / 2, u = i.y + i.height / 2 - n.height / 2, p = i[l] / 2 - n[l] / 2;
+  let d;
+  switch (c) {
+    case "top":
+      d = {
+        x: m,
+        y: i.y - n.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: m,
+        y: i.y + i.height
+      };
+      break;
+    case "right":
+      d = {
+        x: i.x + i.width,
+        y: u
+      };
+      break;
+    case "left":
+      d = {
+        x: i.x - n.width,
+        y: u
+      };
+      break;
+    default:
+      d = {
+        x: i.x,
+        y: i.y
+      };
+  }
+  switch (j(t)) {
+    case "start":
+      d[s] -= p * (o && a ? -1 : 1);
+      break;
+    case "end":
+      d[s] += p * (o && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const Dt = async (e, t, o) => {
+  const {
+    placement: i = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: s
+  } = o, l = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let a = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: n
+  }), {
+    x: m,
+    y: u
+  } = Fe(a, i, c), p = i, d = {}, f = 0;
+  for (let g = 0; g < l.length; g++) {
+    const {
+      name: v,
+      fn: h
+    } = l[g], {
+      x,
+      y: b,
+      data: C,
+      reset: y
+    } = await h({
+      x: m,
+      y: u,
+      initialPlacement: i,
+      placement: p,
+      strategy: n,
+      middlewareData: d,
+      rects: a,
+      platform: s,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    m = x != null ? x : m, u = b != null ? b : u, d = {
+      ...d,
+      [v]: {
+        ...d[v],
+        ...C
+      }
+    }, y && f <= 50 && (f++, typeof y == "object" && (y.placement && (p = y.placement), y.rects && (a = y.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: n
+    }) : y.rects), {
+      x: m,
+      y: u
+    } = Fe(a, p, c)), g = -1);
+  }
+  return {
+    x: m,
+    y: u,
+    placement: p,
+    strategy: n,
+    middlewareData: d
+  };
+};
+async function oe(e, t) {
+  var o;
+  t === void 0 && (t = {});
+  const {
+    x: i,
+    y: n,
+    platform: r,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = e, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: m = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: d = 0
+  } = K(t, e), f = Xe(d), v = l[p ? u === "floating" ? "reference" : "floating" : u], h = ue(await r.getClippingRect({
+    element: (o = await (r.isElement == null ? void 0 : r.isElement(v))) == null || o ? v : v.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: m,
+    strategy: c
+  })), x = u === "floating" ? {
+    x: i,
+    y: n,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), C = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, y = ue(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: x,
+    offsetParent: b,
+    strategy: c
+  }) : x);
+  return {
+    top: (h.top - y.top + f.top) / C.y,
+    bottom: (y.bottom - h.bottom + f.bottom) / C.y,
+    left: (h.left - y.left + f.left) / C.x,
+    right: (y.right - h.right + f.right) / C.x
+  };
+}
+const kt = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: o,
+      y: i,
+      placement: n,
+      rects: r,
+      platform: s,
+      elements: l,
+      middlewareData: c
+    } = t, {
+      element: a,
+      padding: m = 0
+    } = K(e, t) || {};
+    if (a == null)
+      return {};
+    const u = Xe(m), p = {
+      x: o,
+      y: i
+    }, d = Ce(n), f = be(d), g = await s.getDimensions(a), v = d === "y", h = v ? "top" : "left", x = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", C = r.reference[f] + r.reference[d] - p[d] - r.floating[f], y = p[d] - r.reference[d], A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
+    let O = A ? A[b] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(A))) && (O = l.floating[b] || r.floating[f]);
+    const R = C / 2 - y / 2, T = O / 2 - g[f] / 2 - 1, E = J(u[h], T), S = J(u[x], T), P = E, I = O - g[f] - S, F = O / 2 - g[f] / 2 + R, $ = ye(P, F, I), N = !c.arrow && j(n) != null && F !== $ && r.reference[f] / 2 - (F < P ? E : S) - g[f] / 2 < 0, H = N ? F < P ? F - P : F - I : 0;
+    return {
+      [d]: p[d] + H,
+      data: {
+        [d]: $,
+        centerOffset: F - $ - H,
+        ...N && {
+          alignmentOffset: H
+        }
+      },
+      reset: N
+    };
+  }
+});
+function $t(e, t, o) {
+  return (e ? [...o.filter((n) => j(n) === e), ...o.filter((n) => j(n) !== e)] : o.filter((n) => V(n) === n)).filter((n) => e ? j(n) === e || (t ? ce(n) !== n : !1) : !0);
+}
+const Nt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "autoPlacement",
+    options: e,
+    async fn(t) {
+      var o, i, n;
+      const {
+        rects: r,
+        middlewareData: s,
+        placement: l,
+        platform: c,
+        elements: a
+      } = t, {
+        crossAxis: m = !1,
+        alignment: u,
+        allowedPlacements: p = Be,
+        autoAlignment: d = !0,
+        ...f
+      } = K(e, t), g = u !== void 0 || p === Be ? $t(u || null, d, p) : p, v = await oe(t, f), h = ((o = s.autoPlacement) == null ? void 0 : o.index) || 0, x = g[h];
+      if (x == null)
+        return {};
+      const b = Ue(x, r, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
+      if (l !== x)
+        return {
+          reset: {
+            placement: g[0]
+          }
+        };
+      const C = [v[V(x)], v[b[0]], v[b[1]]], y = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
+        placement: x,
+        overflows: C
+      }], A = g[h + 1];
+      if (A)
+        return {
+          data: {
+            index: h + 1,
+            overflows: y
+          },
+          reset: {
+            placement: A
+          }
+        };
+      const O = y.map((E) => {
+        const S = j(E.placement);
+        return [E.placement, S && m ? E.overflows.slice(0, 2).reduce((P, I) => P + I, 0) : E.overflows[0], E.overflows];
+      }).sort((E, S) => E[1] - S[1]), T = ((n = O.filter((E) => E[2].slice(
+        0,
+        j(E[0]) ? 2 : 3
+      ).every((S) => S <= 0))[0]) == null ? void 0 : n[0]) || O[0][0];
+      return T !== l ? {
+        data: {
+          index: h + 1,
+          overflows: y
+        },
+        reset: {
+          placement: T
+        }
+      } : {};
+    }
+  };
+}, Mt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var o, i;
+      const {
+        placement: n,
+        middlewareData: r,
+        rects: s,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = t, {
+        mainAxis: m = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: p,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: f = "none",
+        flipAlignment: g = !0,
+        ...v
+      } = K(e, t);
+      if ((o = r.arrow) != null && o.alignmentOffset)
+        return {};
+      const h = V(n), x = V(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), C = p || (x || !g ? [fe(l)] : Pt(l));
+      !p && f !== "none" && C.push(...Bt(l, g, f, b));
+      const y = [l, ...C], A = await oe(t, v), O = [];
+      let R = ((i = r.flip) == null ? void 0 : i.overflows) || [];
+      if (m && O.push(A[h]), u) {
+        const P = Ue(n, s, b);
+        O.push(A[P[0]], A[P[1]]);
+      }
+      if (R = [...R, {
+        placement: n,
+        overflows: O
+      }], !O.every((P) => P <= 0)) {
+        var T, E;
+        const P = (((T = r.flip) == null ? void 0 : T.index) || 0) + 1, I = y[P];
+        if (I)
+          return {
+            data: {
+              index: P,
+              overflows: R
+            },
+            reset: {
+              placement: I
+            }
+          };
+        let F = (E = R.filter(($) => $.overflows[0] <= 0).sort(($, N) => $.overflows[1] - N.overflows[1])[0]) == null ? void 0 : E.placement;
+        if (!F)
+          switch (d) {
+            case "bestFit": {
+              var S;
+              const $ = (S = R.map((N) => [N.placement, N.overflows.filter((H) => H > 0).reduce((H, ot) => H + ot, 0)]).sort((N, H) => N[1] - H[1])[0]) == null ? void 0 : S[0];
+              $ && (F = $);
+              break;
+            }
+            case "initialPlacement":
+              F = l;
+              break;
+          }
+        if (n !== F)
+          return {
+            reset: {
+              placement: F
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function De(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function ke(e) {
+  return We.some((t) => e[t] >= 0);
+}
+const jt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: o
+      } = t, {
+        strategy: i = "referenceHidden",
+        ...n
+      } = K(e, t);
+      switch (i) {
+        case "referenceHidden": {
+          const r = await oe(t, {
+            ...n,
+            elementContext: "reference"
+          }), s = De(r, o.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: ke(s)
+            }
+          };
+        }
+        case "escaped": {
+          const r = await oe(t, {
+            ...n,
+            altBoundary: !0
+          }), s = De(r, o.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: ke(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+async function zt(e, t) {
+  const {
+    placement: o,
+    platform: i,
+    elements: n
+  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(n.floating)), s = V(o), l = j(o), c = de(o) === "y", a = ["left", "top"].includes(s) ? -1 : 1, m = r && c ? -1 : 1, u = K(t, e);
+  let {
+    mainAxis: p,
+    crossAxis: d,
+    alignmentAxis: f
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...u
+  };
+  return l && typeof f == "number" && (d = l === "end" ? f * -1 : f), c ? {
+    x: d * m,
+    y: p * a
+  } : {
+    x: p * a,
+    y: d * m
+  };
+}
+const _t = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var o, i;
+      const {
+        x: n,
+        y: r,
+        placement: s,
+        middlewareData: l
+      } = t, c = await zt(t, e);
+      return s === ((o = l.offset) == null ? void 0 : o.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
+        x: n + c.x,
+        y: r + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, It = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: o,
+        y: i,
+        placement: n
+      } = t, {
+        mainAxis: r = !0,
+        crossAxis: s = !1,
+        limiter: l = {
+          fn: (v) => {
+            let {
+              x: h,
+              y: x
+            } = v;
+            return {
+              x: h,
+              y: x
+            };
+          }
+        },
+        ...c
+      } = K(e, t), a = {
+        x: o,
+        y: i
+      }, m = await oe(t, c), u = de(V(n)), p = Ve(u);
+      let d = a[p], f = a[u];
+      if (r) {
+        const v = p === "y" ? "top" : "left", h = p === "y" ? "bottom" : "right", x = d + m[v], b = d - m[h];
+        d = ye(x, d, b);
+      }
+      if (s) {
+        const v = u === "y" ? "top" : "left", h = u === "y" ? "bottom" : "right", x = f + m[v], b = f - m[h];
+        f = ye(x, f, b);
+      }
+      const g = l.fn({
+        ...t,
+        [p]: d,
+        [u]: f
+      });
+      return {
+        ...g,
+        data: {
+          x: g.x - o,
+          y: g.y - i
+        }
+      };
+    }
+  };
+};
+function te(e) {
+  return Ye(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function D(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function U(e) {
+  var t;
+  return (t = (Ye(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Ye(e) {
+  return e instanceof Node || e instanceof D(e).Node;
+}
+function z(e) {
+  return e instanceof Element || e instanceof D(e).Element;
+}
+function _(e) {
+  return e instanceof HTMLElement || e instanceof D(e).HTMLElement;
+}
+function $e(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof D(e).ShadowRoot;
+}
+function se(e) {
+  const {
+    overflow: t,
+    overflowX: o,
+    overflowY: i,
+    display: n
+  } = k(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + i + o) && !["inline", "contents"].includes(n);
+}
+function Ht(e) {
+  return ["table", "td", "th"].includes(te(e));
+}
+function Ae(e) {
+  const t = Oe(), o = k(e);
+  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (o.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (o.contain || "").includes(i));
+}
+function Wt(e) {
+  let t = Y(e);
+  for (; _(t) && !ee(t); ) {
+    if (Ae(t))
+      return t;
+    t = Y(t);
+  }
+  return null;
+}
+function Oe() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function ee(e) {
+  return ["html", "body", "#document"].includes(te(e));
+}
+function k(e) {
+  return D(e).getComputedStyle(e);
+}
+function me(e) {
+  return z(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.pageXOffset,
+    scrollTop: e.pageYOffset
+  };
+}
+function Y(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 qe(e) {
+  const t = Y(e);
+  return ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : _(t) && se(t) ? t : qe(t);
+}
+function ie(e, t, o) {
+  var i;
+  t === void 0 && (t = []), o === void 0 && (o = !0);
+  const n = qe(e), r = n === ((i = e.ownerDocument) == null ? void 0 : i.body), s = D(n);
+  return r ? t.concat(s, s.visualViewport || [], se(n) ? n : [], s.frameElement && o ? ie(s.frameElement) : []) : t.concat(n, ie(n, [], o));
+}
+function Ge(e) {
+  const t = k(e);
+  let o = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
+  const n = _(e), r = n ? e.offsetWidth : o, s = n ? e.offsetHeight : i, l = ae(o) !== r || ae(i) !== s;
+  return l && (o = r, i = s), {
+    width: o,
+    height: i,
+    $: l
+  };
+}
+function Re(e) {
+  return z(e) ? e : e.contextElement;
+}
+function Z(e) {
+  const t = Re(e);
+  if (!_(t))
+    return X(1);
+  const o = t.getBoundingClientRect(), {
+    width: i,
+    height: n,
+    $: r
+  } = Ge(t);
+  let s = (r ? ae(o.width) : o.width) / i, l = (r ? ae(o.height) : o.height) / n;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
+  };
+}
+const Vt = /* @__PURE__ */ X(0);
+function Ke(e) {
+  const t = D(e);
+  return !Oe() || !t.visualViewport ? Vt : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Ut(e, t, o) {
+  return t === void 0 && (t = !1), !o || t && o !== D(e) ? !1 : t;
+}
+function G(e, t, o, i) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  const n = e.getBoundingClientRect(), r = Re(e);
+  let s = X(1);
+  t && (i ? z(i) && (s = Z(i)) : s = Z(e));
+  const l = Ut(r, o, i) ? Ke(r) : X(0);
+  let c = (n.left + l.x) / s.x, a = (n.top + l.y) / s.y, m = n.width / s.x, u = n.height / s.y;
+  if (r) {
+    const p = D(r), d = i && z(i) ? D(i) : i;
+    let f = p, g = f.frameElement;
+    for (; g && i && d !== f; ) {
+      const v = Z(g), h = g.getBoundingClientRect(), x = k(g), b = h.left + (g.clientLeft + parseFloat(x.paddingLeft)) * v.x, C = h.top + (g.clientTop + parseFloat(x.paddingTop)) * v.y;
+      c *= v.x, a *= v.y, m *= v.x, u *= v.y, c += b, a += C, f = D(g), g = f.frameElement;
+    }
+  }
+  return ue({
+    width: m,
+    height: u,
+    x: c,
+    y: a
+  });
+}
+const Xt = [":popover-open", ":modal"];
+function Se(e) {
+  return Xt.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Yt(e) {
+  let {
+    elements: t,
+    rect: o,
+    offsetParent: i,
+    strategy: n
+  } = e;
+  const r = n === "fixed", s = U(i), l = t ? Se(t.floating) : !1;
+  if (i === s || l && r)
+    return o;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = X(1);
+  const m = X(0), u = _(i);
+  if ((u || !u && !r) && ((te(i) !== "body" || se(s)) && (c = me(i)), _(i))) {
+    const p = G(i);
+    a = Z(i), m.x = p.x + i.clientLeft, m.y = p.y + i.clientTop;
+  }
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - c.scrollLeft * a.x + m.x,
+    y: o.y * a.y - c.scrollTop * a.y + m.y
+  };
+}
+function qt(e) {
+  return Array.from(e.getClientRects());
+}
+function Qe(e) {
+  return G(U(e)).left + me(e).scrollLeft;
+}
+function Gt(e) {
+  const t = U(e), o = me(e), i = e.ownerDocument.body, n = q(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = q(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let s = -o.scrollLeft + Qe(e);
+  const l = -o.scrollTop;
+  return k(i).direction === "rtl" && (s += q(t.clientWidth, i.clientWidth) - n), {
+    width: n,
+    height: r,
+    x: s,
+    y: l
+  };
+}
+function Kt(e, t) {
+  const o = D(e), i = U(e), n = o.visualViewport;
+  let r = i.clientWidth, s = i.clientHeight, l = 0, c = 0;
+  if (n) {
+    r = n.width, s = n.height;
+    const a = Oe();
+    (!a || a && t === "fixed") && (l = n.offsetLeft, c = n.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+function Qt(e, t) {
+  const o = G(e, !0, t === "fixed"), i = o.top + e.clientTop, n = o.left + e.clientLeft, r = _(e) ? Z(e) : X(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, c = n * r.x, a = i * r.y;
+  return {
+    width: s,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function Ne(e, t, o) {
+  let i;
+  if (t === "viewport")
+    i = Kt(e, o);
+  else if (t === "document")
+    i = Gt(U(e));
+  else if (z(t))
+    i = Qt(t, o);
+  else {
+    const n = Ke(e);
+    i = {
+      ...t,
+      x: t.x - n.x,
+      y: t.y - n.y
+    };
+  }
+  return ue(i);
+}
+function Ze(e, t) {
+  const o = Y(e);
+  return o === t || !z(o) || ee(o) ? !1 : k(o).position === "fixed" || Ze(o, t);
+}
+function Zt(e, t) {
+  const o = t.get(e);
+  if (o)
+    return o;
+  let i = ie(e, [], !1).filter((l) => z(l) && te(l) !== "body"), n = null;
+  const r = k(e).position === "fixed";
+  let s = r ? Y(e) : e;
+  for (; z(s) && !ee(s); ) {
+    const l = k(s), c = Ae(s);
+    !c && l.position === "fixed" && (n = null), (r ? !c && !n : !c && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || se(s) && !c && Ze(e, s)) ? i = i.filter((m) => m !== s) : n = l, s = Y(s);
+  }
+  return t.set(e, i), i;
+}
+function Jt(e) {
+  let {
+    element: t,
+    boundary: o,
+    rootBoundary: i,
+    strategy: n
+  } = e;
+  const s = [...o === "clippingAncestors" ? Se(t) ? [] : Zt(t, this._c) : [].concat(o), i], l = s[0], c = s.reduce((a, m) => {
+    const u = Ne(t, m, n);
+    return a.top = q(u.top, a.top), a.right = J(u.right, a.right), a.bottom = J(u.bottom, a.bottom), a.left = q(u.left, a.left), a;
+  }, Ne(t, l, n));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function en(e) {
+  const {
+    width: t,
+    height: o
+  } = Ge(e);
+  return {
+    width: t,
+    height: o
+  };
+}
+function tn(e, t, o) {
+  const i = _(t), n = U(t), r = o === "fixed", s = G(e, !0, r, t);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = X(0);
+  if (i || !i && !r)
+    if ((te(t) !== "body" || se(n)) && (l = me(t)), i) {
+      const u = G(t, !0, r, t);
+      c.x = u.x + t.clientLeft, c.y = u.y + t.clientTop;
+    } else
+      n && (c.x = Qe(n));
+  const a = s.left + l.scrollLeft - c.x, m = s.top + l.scrollTop - c.y;
+  return {
+    x: a,
+    y: m,
+    width: s.width,
+    height: s.height
+  };
+}
+function ve(e) {
+  return k(e).position === "static";
+}
+function Me(e, t) {
+  return !_(e) || k(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+}
+function Je(e, t) {
+  const o = D(e);
+  if (Se(e))
+    return o;
+  if (!_(e)) {
+    let n = Y(e);
+    for (; n && !ee(n); ) {
+      if (z(n) && !ve(n))
+        return n;
+      n = Y(n);
+    }
+    return o;
+  }
+  let i = Me(e, t);
+  for (; i && Ht(i) && ve(i); )
+    i = Me(i, t);
+  return i && ee(i) && ve(i) && !Ae(i) ? o : i || Wt(e) || o;
+}
+const nn = async function(e) {
+  const t = this.getOffsetParent || Je, o = this.getDimensions, i = await o(e.floating);
+  return {
+    reference: tn(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: i.width,
+      height: i.height
+    }
+  };
+};
+function on(e) {
+  return k(e).direction === "rtl";
+}
+const rn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Yt,
+  getDocumentElement: U,
+  getClippingRect: Jt,
+  getOffsetParent: Je,
+  getElementRects: nn,
+  getClientRects: qt,
+  getDimensions: en,
+  getScale: Z,
+  isElement: z,
+  isRTL: on
+};
+function sn(e, t) {
+  let o = null, i;
+  const n = U(e);
+  function r() {
+    var l;
+    clearTimeout(i), (l = o) == null || l.disconnect(), o = null;
+  }
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), r();
+    const {
+      left: a,
+      top: m,
+      width: u,
+      height: p
+    } = e.getBoundingClientRect();
+    if (l || t(), !u || !p)
+      return;
+    const d = le(m), f = le(n.clientWidth - (a + u)), g = le(n.clientHeight - (m + p)), v = le(a), x = {
+      rootMargin: -d + "px " + -f + "px " + -g + "px " + -v + "px",
+      threshold: q(0, J(1, c)) || 1
+    };
+    let b = !0;
+    function C(y) {
+      const A = y[0].intersectionRatio;
+      if (A !== c) {
+        if (!b)
+          return s();
+        A ? s(!1, A) : i = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      b = !1;
+    }
+    try {
+      o = new IntersectionObserver(C, {
+        ...x,
+        root: n.ownerDocument
+      });
+    } catch {
+      o = new IntersectionObserver(C, x);
+    }
+    o.observe(e);
+  }
+  return s(!0), r;
+}
+function ln(e, t, o, i) {
+  i === void 0 && (i = {});
+  const {
+    ancestorScroll: n = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = i, a = Re(e), m = n || r ? [...a ? ie(a) : [], ...ie(t)] : [];
+  m.forEach((h) => {
+    n && h.addEventListener("scroll", o, {
+      passive: !0
+    }), r && h.addEventListener("resize", o);
+  });
+  const u = a && l ? sn(a, o) : null;
+  let p = -1, d = null;
+  s && (d = new ResizeObserver((h) => {
+    let [x] = h;
+    x && x.target === a && d && (d.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var b;
+      (b = d) == null || b.observe(t);
+    })), o();
+  }), a && !c && d.observe(a), d.observe(t));
+  let f, g = c ? G(e) : null;
+  c && v();
+  function v() {
+    const h = G(e);
+    g && (h.x !== g.x || h.y !== g.y || h.width !== g.width || h.height !== g.height) && o(), g = h, f = requestAnimationFrame(v);
+  }
+  return o(), () => {
+    var h;
+    m.forEach((x) => {
+      n && x.removeEventListener("scroll", o), r && x.removeEventListener("resize", o);
+    }), u == null || u(), (h = d) == null || h.disconnect(), d = null, c && cancelAnimationFrame(f);
+  };
+}
+const an = _t, cn = Nt, fn = It, un = Mt, dn = jt, mn = kt, pn = (e, t, o) => {
+  const i = /* @__PURE__ */ new Map(), n = {
+    platform: rn,
+    ...o
+  }, r = {
+    ...n.platform,
+    _c: i
+  };
+  return Dt(e, t, {
+    ...n,
+    platform: r
+  });
+};
+function xe(e) {
+  var t;
+  return (t = e == null ? void 0 : e.$el) != null ? t : e;
+}
+function hn(e) {
+  return {
+    name: "arrow",
+    options: e,
+    fn(t) {
+      const o = xe(W(e.element));
+      return o == null ? {} : mn({
+        element: o,
+        padding: e.padding
+      }).fn(t);
+    }
+  };
+}
+function gn(e, t, o) {
+  o === void 0 && (o = {});
+  const i = o.whileElementsMounted, n = B(() => {
+    var y;
+    return (y = W(o.open)) != null ? y : !0;
+  }), r = B(() => W(o.middleware)), s = B(() => {
+    var y;
+    return (y = W(o.placement)) != null ? y : "bottom";
+  }), l = B(() => {
+    var y;
+    return (y = W(o.strategy)) != null ? y : "absolute";
+  }), c = B(() => xe(e.value)), a = B(() => xe(t.value)), m = L(null), u = L(null), p = L(l.value), d = L(s.value), f = _e({}), g = L(!1);
+  let v;
+  function h() {
+    c.value == null || a.value == null || pn(c.value, a.value, {
+      middleware: r.value,
+      placement: s.value,
+      strategy: l.value
+    }).then((y) => {
+      m.value = y.x, u.value = y.y, p.value = y.strategy, d.value = y.placement, f.value = y.middlewareData, g.value = !0;
+    });
+  }
+  function x() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function b() {
+    if (x(), i === void 0) {
+      h();
+      return;
+    }
+    if (c.value != null && a.value != null) {
+      v = i(c.value, a.value, h);
+      return;
+    }
+  }
+  function C() {
+    n.value || (g.value = !1);
+  }
+  return M([r, s, l], h, {
+    flush: "sync"
+  }), M([c, a], b, {
+    flush: "sync"
+  }), M(n, C, {
+    flush: "sync"
+  }), it() && rt(x), {
+    x: Q(m),
+    y: Q(u),
+    strategy: Q(p),
+    placement: Q(d),
+    middlewareData: Q(f),
+    isPositioned: Q(g),
+    update: h
+  };
+}
+var vn = Object.defineProperty, wn = (e, t, o) => t in e ? vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, yn = (e, t, o) => (wn(e, typeof t != "symbol" ? t + "" : t, o), o);
+function re(e) {
+  return e == null || e.value == null ? null : e.value instanceof Node ? e.value : "$el" in e.value && e.value.$el ? re(L(e.value.$el)) : "getBoundingClientRect" in e.value ? e.value : null;
+}
+class xn {
+  constructor() {
+    yn(this, "current", this.detect());
+  }
+  set(t) {
+    this.current !== t && (this.current = t);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window > "u" || typeof document > "u" ? "server" : "client";
+  }
+}
+const pe = new xn();
+function et(e) {
+  return e.reduce((t, o) => o.type === Ie ? t.concat(et(o.children)) : t.concat(o), []);
+}
+function bn(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+function je(e) {
+  return e = W(e), e && (e == null ? void 0 : e.nodeType) !== Node.COMMENT_NODE;
+}
+function Cn(e) {
+  if (pe.isServer)
+    return null;
+  if (e instanceof Node)
+    return e.ownerDocument;
+  if (Object.prototype.hasOwnProperty.call(e, "value")) {
+    const t = re(e);
+    if (t)
+      return t.ownerDocument;
+  }
+  return document;
+}
+function An(e, t, o, i, n) {
+  M([
+    () => n.offset,
+    () => n.flip,
+    () => n.shift,
+    () => n.autoPlacement,
+    () => n.arrow,
+    () => n.hide,
+    () => n.middleware
+  ], () => {
+    const r = [];
+    (typeof n.offset == "number" || typeof n.offset == "object" || typeof n.offset == "function") && r.push(an(n.offset)), (n.flip === !0 || typeof n.flip == "number" || typeof n.flip == "object") && r.push(un({
+      padding: typeof n.flip == "number" ? n.flip : void 0,
+      ...typeof n.flip == "object" ? n.flip : {}
+    })), (n.shift === !0 || typeof n.shift == "number" || typeof n.shift == "object") && r.push(fn({
+      padding: typeof n.shift == "number" ? n.shift : void 0,
+      ...typeof n.shift == "object" ? n.shift : {}
+    })), (n.autoPlacement === !0 || typeof n.autoPlacement == "object") && r.push(cn(
+      typeof n.autoPlacement == "object" ? n.autoPlacement : void 0
+    )), (n.arrow === !0 || typeof n.arrow == "number") && r.push(hn({
+      element: i,
+      padding: n.arrow === !0 ? 0 : n.arrow
+    })), r.push(...typeof n.middleware == "function" ? n.middleware({
+      referenceEl: t,
+      floatingEl: o
+    }) : n.middleware || []), (n.hide === !0 || typeof n.hide == "object") && r.push(dn(
+      typeof n.hide == "object" ? n.hide : void 0
+    )), e.value = r;
+  }, { immediate: !0 });
+}
+function On(e, t, o) {
+  let i = () => {
+  };
+  He(() => {
+    if (e && pe.isClient && typeof ResizeObserver < "u" && t.value && t.value instanceof Element) {
+      const n = new ResizeObserver(([r]) => {
+        o.value = r.borderBoxSize.reduce((s, { inlineSize: l }) => s + l, 0);
+      });
+      n.observe(t.value), i = () => {
+        n.disconnect(), o.value = null;
+      };
+    }
+  }), at(() => {
+    i();
+  });
+}
+const Rn = (e) => {
+  switch (e) {
+    case "top":
+      return "origin-bottom";
+    case "bottom":
+      return "origin-top";
+    case "left":
+      return "origin-right";
+    case "right":
+      return "origin-left";
+    case "top-start":
+    case "right-end":
+      return "origin-bottom-left";
+    case "top-end":
+    case "left-end":
+      return "origin-bottom-right";
+    case "right-start":
+    case "bottom-start":
+      return "origin-top-left";
+    case "left-start":
+    case "bottom-end":
+      return "origin-top-right";
+    default:
+      return "";
+  }
+};
+function Sn(e, t) {
+  const o = B(() => {
+    if (typeof e.originClass == "function")
+      return e.originClass(t.value);
+    if (typeof e.originClass == "string")
+      return e.originClass;
+    if (e.tailwindcssOriginClass)
+      return Rn(t.value);
+  }), i = B(
+    () => e.enter || o.value ? `${e.enter || ""} ${o.value || ""}` : void 0
+  ), n = B(
+    () => e.leave || o.value ? `${e.leave || ""} ${o.value || ""}` : void 0
+  );
+  return { originClassRef: o, enterActiveClassRef: i, leaveActiveClassRef: n };
+}
+function tt(e, t, ...o) {
+  if (e in t) {
+    const n = t[e];
+    return typeof n == "function" ? n(...o) : n;
+  }
+  const i = new Error(
+    `Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(
+      t
+    ).map((n) => `"${n}"`).join(", ")}.`
+  );
+  throw Error.captureStackTrace && Error.captureStackTrace(i, tt), i;
+}
+const ze = [
+  "[contentEditable=true]",
+  "[tabindex]",
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "iframe",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])"
+].map(
+  (e) => `${e}:not([tabindex='-1'])`
+).join(",");
+var nt = /* @__PURE__ */ ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(nt || {});
+function En(e, t = 0) {
+  var o;
+  return e === ((o = Cn(e)) == null ? void 0 : o.body) ? !1 : tt(t, {
+    0() {
+      return e.matches(ze);
+    },
+    1() {
+      let i = e;
+      for (; i !== null; ) {
+        if (i.matches(ze))
+          return !0;
+        i = i.parentElement;
+      }
+      return !1;
+    }
+  });
+}
+function we(e, t, o) {
+  pe.isServer || ct((i) => {
+    document.addEventListener(e, t, o), i(() => document.removeEventListener(e, t, o));
+  });
+}
+function Tn(e, t, o = B(() => !0)) {
+  function i(r, s) {
+    if (!o.value || r.defaultPrevented)
+      return;
+    const l = s(r);
+    if (l === null || !l.getRootNode().contains(l))
+      return;
+    const c = function a(m) {
+      return typeof m == "function" ? a(m()) : Array.isArray(m) || m instanceof Set ? m : [m];
+    }(e);
+    for (const a of c) {
+      if (a === null)
+        continue;
+      const m = a instanceof HTMLElement ? a : re(a);
+      if (m != null && m.contains(l) || r.composed && r.composedPath().includes(m))
+        return;
+    }
+    return !En(l, nt.Loose) && l.tabIndex !== -1 && r.preventDefault(), t(r, l);
+  }
+  const n = L(null);
+  we("mousedown", (r) => {
+    var s, l;
+    o.value && (n.value = ((l = (s = r.composedPath) == null ? void 0 : s.call(r)) == null ? void 0 : l[0]) || r.target);
+  }, !0), we(
+    "click",
+    (r) => {
+      n.value && (i(r, () => n.value), n.value = null);
+    },
+    !0
+  ), we("blur", (r) => i(
+    r,
+    () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null
+  ), !0);
+}
+const Pn = Symbol("ArrowContext"), w = {
+  as: {
+    type: [String, Function],
+    default: "template"
+  },
+  floatingAs: {
+    type: [String, Function],
+    default: "div"
+  },
+  show: {
+    type: Boolean,
+    default: null
+  },
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  strategy: {
+    type: String,
+    default: "absolute"
+  },
+  offset: [Number, Function, Object],
+  shift: {
+    type: [Boolean, Number, Object],
+    default: !1
+  },
+  flip: {
+    type: [Boolean, Number, Object],
+    default: !1
+  },
+  arrow: {
+    type: [Boolean, Number],
+    default: !1
+  },
+  autoPlacement: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  hide: {
+    type: [Boolean, Object],
+    default: !1
+  },
+  autoUpdate: {
+    type: [Boolean, Object],
+    default: !0
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 9999
+  },
+  transitionName: String,
+  transitionType: String,
+  enter: String,
+  enterFrom: String,
+  enterTo: String,
+  leave: String,
+  leaveFrom: String,
+  leaveTo: String,
+  originClass: [String, Function],
+  tailwindcssOriginClass: {
+    type: Boolean,
+    default: !1
+  },
+  portal: {
+    type: Boolean,
+    default: !1
+  },
+  transform: {
+    type: Boolean,
+    default: !0
+  },
+  adaptiveWidth: {
+    type: Boolean,
+    default: !1
+  },
+  composable: {
+    type: Boolean,
+    default: !1
+  },
+  dialog: {
+    type: Boolean,
+    default: !1
+  },
+  middleware: {
+    type: [Array, Function],
+    default: () => []
+  }
+};
+function Ln(e, t, o, i) {
+  const { floatingRef: n, props: r, mounted: s, show: l, x: c, y: a, placement: m, strategy: u, referenceElWidth: p, updateFloating: d } = i, f = he(
+    { ...r, as: r.floatingAs },
+    t
+  ), { enterActiveClassRef: g, leaveActiveClassRef: v } = Sn(f, m), h = {
+    enterActiveClass: g.value,
+    enterFromClass: f.enterFrom,
+    enterToClass: f.enterTo,
+    leaveActiveClass: v.value,
+    leaveFromClass: f.leaveFrom,
+    leaveToClass: f.leaveTo
+  }, x = {
+    name: f.transitionName,
+    type: f.transitionType,
+    appear: !0,
+    ...f.transitionName ? {} : h,
+    onBeforeEnter() {
+      l.value = !0;
+    },
+    onAfterLeave() {
+      l.value = !1;
+    }
+  }, b = {
+    enter: g.value,
+    enterFrom: f.enterFrom,
+    enterTo: f.enterTo,
+    leave: v.value,
+    leaveFrom: f.leaveFrom,
+    leaveTo: f.leaveTo,
+    onBeforeEnter: x.onBeforeEnter,
+    onAfterLeave: x.onAfterLeave
+  }, C = {
+    style: {
+      ...!f.dialog && f.transform ? {
+        position: u.value,
+        zIndex: f.zIndex,
+        top: "0px",
+        left: "0px",
+        right: "auto",
+        bottom: "auto",
+        transform: `translate(${Math.round(c.value || 0)}px,${Math.round(a.value || 0)}px)`
+      } : {
+        position: u.value,
+        zIndex: f.zIndex,
+        top: `${a.value || 0}px`,
+        left: `${c.value || 0}px`
+      },
+      width: f.adaptiveWidth && typeof p.value == "number" ? `${p.value}px` : void 0
+    }
+  };
+  function y(R) {
+    return f.portal ? ne(ft, () => R) : R;
+  }
+  function A(R) {
+    const T = he(
+      C,
+      o,
+      f.dialog ? {} : { ref: n }
+    );
+    return f.as === "template" ? R : typeof f.as == "string" ? ne(f.as, T, R) : ne(f.as, T, () => R);
+  }
+  function O() {
+    function R() {
+      var T;
+      const E = f.as === "template" ? he(
+        C,
+        o,
+        f.dialog ? {} : { ref: n }
+      ) : null, S = mt(e, E);
+      return ((T = S.props) == null ? void 0 : T.unmount) === !1 ? (d(), S) : typeof f.show != "boolean" || f.show ? S : Te();
+    }
+    return pe.isServer ? s.value && f.show ? R() : Te() : f.transitionChild ? ne(ut, {
+      key: `placement-${m.value}`,
+      ...f.dialog ? { ref: n } : {},
+      as: "template",
+      ...b
+    }, R) : ne(dt, {
+      ...f.dialog ? { ref: n } : {},
+      ...x
+    }, R);
+  }
+  return y(
+    A(
+      O()
+    )
+  );
+}
+function Bn(e, t, o, i, n) {
+  const r = L(!1), s = Ee(i, "placement"), l = Ee(i, "strategy"), c = _e({}), a = L(null), m = L(void 0), u = L(void 0), p = B(() => re(t)), d = B(() => re(o)), f = B(
+    () => je(p) && je(d)
+  ), { x: g, y: v, placement: h, strategy: x, middlewareData: b, update: C } = gn(p, d, {
+    placement: s,
+    strategy: l,
+    middleware: c,
+    whileElementsMounted: () => {
+    }
+  }), y = L(null);
+  He(() => {
+    r.value = !0;
+  }), M(e, (S, P) => {
+    S && !P ? n("show") : !S && P && n("hide");
+  }, { immediate: !0 });
+  function A() {
+    f.value && (C(), n("update"));
+  }
+  M([s, l, c], A, { flush: "sync" }), An(
+    c,
+    p,
+    d,
+    a,
+    i
+  ), M(b, () => {
+    const S = b.value.arrow;
+    m.value = S == null ? void 0 : S.x, u.value = S == null ? void 0 : S.y;
+  }), On(i.adaptiveWidth, p, y), M(e, async (S, P, I) => {
+    if (await st(), e.value && f.value && i.autoUpdate) {
+      const F = ln(
+        p.value,
+        d.value,
+        A,
+        typeof i.autoUpdate == "object" ? i.autoUpdate : void 0
+      );
+      I(F);
+    }
+  }, { flush: "post", immediate: !0 });
+  const O = L(!0);
+  M(p, () => {
+    !(p.value instanceof Element) && f.value && O.value && (O.value = !1, window.requestAnimationFrame(() => {
+      O.value = !0, A();
+    }));
+  }, { flush: "sync" });
+  const R = {
+    referenceRef: t,
+    placement: h
+  }, T = {
+    floatingRef: o,
+    props: i,
+    mounted: r,
+    show: e,
+    x: g,
+    y: v,
+    placement: h,
+    strategy: x,
+    referenceElWidth: y,
+    updateFloating: A
+  }, E = {
+    ref: a,
+    placement: h,
+    x: m,
+    y: u
+  };
+  return lt(Pn, E), { referenceApi: R, floatingApi: T, arrowApi: E, x: g, y: v, placement: h, strategy: x, referenceEl: p, floatingEl: d, middlewareData: b, update: A };
+}
+({
+  ...w.as
+});
+const Fn = {
+  as: w.as,
+  show: w.show,
+  placement: w.placement,
+  strategy: w.strategy,
+  offset: w.offset,
+  shift: w.shift,
+  flip: w.flip,
+  arrow: w.arrow,
+  autoPlacement: w.autoPlacement,
+  hide: w.hide,
+  autoUpdate: w.autoUpdate,
+  zIndex: w.zIndex,
+  transitionName: w.transitionName,
+  transitionType: w.transitionType,
+  enter: w.enter,
+  enterFrom: w.enterFrom,
+  enterTo: w.enterTo,
+  leave: w.leave,
+  leaveFrom: w.leaveFrom,
+  leaveTo: w.leaveTo,
+  originClass: w.originClass,
+  tailwindcssOriginClass: w.tailwindcssOriginClass,
+  portal: w.portal,
+  transform: w.transform,
+  middleware: w.middleware
+}, Dn = {
+  name: "FloatVirtual",
+  inheritAttrs: !1,
+  props: Fn,
+  emits: ["initial", "show", "hide", "update"],
+  setup(e, { emit: t, slots: o, attrs: i }) {
+    var m;
+    const n = L((m = e.show) != null ? m : !1), r = L({
+      getBoundingClientRect() {
+        return {
+          x: 0,
+          y: 0,
+          top: 0,
+          left: 0,
+          bottom: 0,
+          right: 0,
+          width: 0,
+          height: 0
+        };
+      }
+    }), s = L(null), {
+      floatingApi: l,
+      placement: c
+    } = Bn(n, r, s, e, t);
+    M(() => e.show, () => {
+      var u;
+      n.value = (u = e.show) != null ? u : !1;
+    });
+    function a() {
+      n.value = !1;
+    }
+    return t("initial", {
+      show: n,
+      placement: c,
+      reference: r,
+      floating: s
+    }), () => {
+      if (!o.default)
+        return;
+      const u = {
+        placement: c.value,
+        close: a
+      }, [p] = et(o.default(u)).filter(bn);
+      return Ln(
+        p,
+        {
+          as: e.as,
+          show: n.value
+        },
+        i,
+        l
+      );
+    };
+  }
+};
+w.as, w.placement, w.strategy, w.offset, w.shift, {
+  ...w.flip
+}, w.arrow, w.autoPlacement, w.hide, w.autoUpdate, w.zIndex, w.transitionName, w.transitionType, w.enter, w.enterFrom, w.enterTo, w.leave, w.leaveFrom, w.leaveTo, w.originClass, w.tailwindcssOriginClass, w.transform, w.middleware;
+const kn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, $n = ["onClick"], Mn = /* @__PURE__ */ pt({
+  __name: "StylePanel",
+  setup(e) {
+    const t = L({ value: null }), o = ht(), i = B(
+      () => o.getters.onContentChange || (() => {
+      })
+    ), n = B(
+      () => gt(o.getters.diagramElement) + vt
+    ), r = B(() => o.getters.code), s = (u) => {
+      o.dispatch("updateCode", { code: u }), i.value(u);
+    }, l = L([]);
+    let c;
+    const a = ({ show: u, reference: p, floating: d }) => {
+      let f, g, v, h, x, b;
+      o.commit("onMessageClick", (C, y) => {
+        var A;
+        if (f = C.value.start.start, g = Ot(r.value, f), v = Rt(r.value, f), h = ((A = r.value.slice(g).match(/^\s*/)) == null ? void 0 : A[0]) || "", x = v.trim().startsWith("//"), x) {
+          const O = v.trimStart().slice(2).trimStart(), R = O.indexOf("["), T = O.indexOf("]");
+          b = Boolean(R === 0 && T), b ? l.value = O.slice(R + 1, T).split(",").map((E) => E.trim()) : l.value = [];
+        }
+        p.value = {
+          getBoundingClientRect: () => y.getBoundingClientRect()
+        }, t.value = C, u.value = !0;
+      }), Tn(
+        d,
+        () => {
+          u.value = !1, l.value = [];
+        },
+        B(() => u.value)
+      ), c = (C) => {
+        var y;
+        if (u.value = !1, !!t.value.value)
+          if (x) {
+            let A = "";
+            if (b) {
+              let O;
+              l.value.includes(C) ? O = l.value.filter((R) => R !== C) : O = [...l.value, C], A = `${h}// [${O.filter(Boolean).join(", ")}] ${v.slice(v.indexOf("]") + 1).trimStart()}`;
+            } else
+              A = `${h}// [${C}] ${v.slice((((y = v.match(/\/\/*/)) == null ? void 0 : y.index) || -2) + 2).trimStart()}`;
+            A.endsWith(`
+`) || (A += `
+`), s(
+              r.value.slice(0, St(r.value, f)) + A + r.value.slice(g)
+            );
+          } else
+            s(
+              r.value.slice(0, g) + `${h}// [${C}]
+` + r.value.slice(g)
+            );
+      };
+    }, m = [
+      {
+        name: "bold",
+        content: "B",
+        class: "font-bold"
+      },
+      {
+        name: "italic",
+        content: "I",
+        class: "italic"
+      },
+      {
+        name: "underline",
+        content: "U",
+        class: "underline"
+      },
+      {
+        name: "strikethrough",
+        content: "S",
+        class: "line-through"
+      }
+    ];
+    return (u, p) => (Pe(), wt(W(Dn), {
+      key: "tool",
+      onInitial: a,
+      placement: "top",
+      offset: 5,
+      flip: { padding: W(n) },
+      shift: "",
+      zIndex: "30"
+    }, {
+      default: yt(() => [
+        ge("div", kn, [
+          (Pe(), xt(Ie, null, bt(m, (d) => ge("div", {
+            onClick: () => W(c)(d.class),
+            key: d.name
+          }, [
+            ge("div", {
+              class: Ct(["w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200", [
+                d.class,
+                { "bg-gray-100": l.value.includes(d.class) }
+              ]])
+            }, At(d.content), 3)
+          ], 8, $n)), 64))
+        ])
+      ], void 0, !0),
+      _: 1
+    }, 8, ["flip"]));
+  }
+});
+export {
+  Mn as default
+};
+//# sourceMappingURL=StylePanel.c2aa5a4f.js.map