@zenuml/core 3.23.25 → 3.23.26

package/dist/StylePanel.b28a5986.js

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