@vanjana/vue-ui 0.1.59

package/dist/vanjana-vue-ui.es.js

@@ -0,0 +1,2862 @@
+import { createElementBlock as x, openBlock as v, createElementVNode as k, renderSlot as B, defineComponent as T, computed as C, normalizeClass as H, createBlock as P, createCommentVNode as L, createTextVNode as je, unref as E, toDisplayString as I, useSlots as Yt, mergeModels as ue, useModel as ye, ref as R, onMounted as Le, nextTick as he, onBeforeUnmount as Ae, watch as q, resolveComponent as W, createVNode as D, normalizeStyle as Z, Fragment as ge, renderList as We, Teleport as Ze, Transition as Ie, withCtx as K, withModifiers as de, createSlots as Jt, resolveDynamicComponent as Vt, mergeProps as Qt, shallowRef as Zt, getCurrentScope as en, onScopeDispose as tn, shallowReadonly as _e, withKeys as nn, provide as on, inject as kt, toRef as Ge, normalizeProps as ln, guardReactiveProps as an, isRef as sn, createApp as rn, h as cn } from "vue";
+import { useRouter as un, useRoute as dn } from "vue-router";
+const M = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, l] of n)
+    t[o] = l;
+  return t;
+}, fn = {}, mn = { class: "button-bar" }, vn = { class: "left" }, pn = { class: "right" };
+function hn(e, n) {
+  return v(), x("div", mn, [
+    k("div", vn, [
+      B(e.$slots, "left", {}, void 0, !0)
+    ]),
+    k("div", pn, [
+      B(e.$slots, "default", {}, void 0, !0)
+    ])
+  ]);
+}
+const gn = /* @__PURE__ */ M(fn, [["render", hn], ["__scopeId", "data-v-45a6ed1a"]]);
+var N = /* @__PURE__ */ ((e) => (e.HOME = "fa-regular fa-house", e.DASHBOARD = "fa-solid fa-gauge", e.MENU = "fa-solid fa-bars", e.DOT_MENU = "fa-solid fa-ellipsis-vertical", e.BACK = "fa-regular fa-hand-point-left", e.CHEVRON_LEFT = "fa-solid fa-chevron-left", e.CHEVRON_RIGHT = "fa-solid fa-chevron-right", e.CHEVRON_UP = "fa-solid fa-chevron-up", e.CHEVRON_DOWN = "fa-solid fa-chevron-down", e.PREVIOUS = "fa-solid fa-angle-left", e.FIRST = "fa-solid fa-angles-left", e.NEXT = "fa-solid fa-angle-right", e.LAST = "fa-solid fa-angles-right", e.USER = "fa-regular fa-user", e.CHARACTER = "fa-solid fa-person", e.SETTINGS = "fa-solid fa-gear", e.ADD = "fa-regular fa-plus", e.EDIT = "fa-solid fa-pen", e.REMOVE = "fa-regular fa-trash-can", e.DELETE = "fa-regular fa-trash-can", e.SHARE = "fa-solid fa-share-nodes", e.SORT = "fa-regular fa-arrow-up-arrow-down", e.CLOSE = "fa-regular fa-circle-xmark", e.INFO = "fa-regular fa-circle-info", e.WARNING = "fa-regular fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.PROJECT = "fa-regular fa-folder-open", e.FOLDER = "fa-regular fa-folder", e.FILE_TEXT = "fa-regular fa-file-lines", e.UPLOAD = "fa-solid fa-cloud-arrow-up", e.DOWNLOAD = "fa-solid fa-cloud-arrow-down", e.SEARCH = "fa-solid fa-magnifying-glass", e.MESSAGE_SQUARE = "fa-regular fa-message", e.MAIL = "fa-regular fa-envelope", e.SHOPPING_BAG = "fa-regular fa-bag-shopping", e))(N || {}), U = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(U || {});
+const Oe = /* @__PURE__ */ T({
+  __name: "icon",
+  props: {
+    icon: {},
+    size: {}
+  },
+  setup(e) {
+    const n = e, t = U.M, o = C(() => `${n.icon} ${n.size ?? t}`);
+    return (l, a) => (v(), x("i", {
+      class: H(o.value)
+    }, null, 2));
+  }
+}), bn = ["disabled"], yn = /* @__PURE__ */ T({
+  __name: "button",
+  props: {
+    label: {},
+    icon: {},
+    primary: { type: Boolean },
+    secondary: { type: Boolean },
+    tertiary: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const n = e, t = U.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary"), l = C(() => !n.label && !!n.icon);
+    return (a, s) => (v(), x("button", {
+      class: H(["button", o.value, { "icon-only": l.value }]),
+      disabled: e.disabled
+    }, [
+      e.icon ? (v(), P(Oe, {
+        key: 0,
+        icon: e.icon,
+        size: E(t)
+      }, null, 8, ["icon", "size"])) : L("", !0),
+      je(" " + I(e.label), 1)
+    ], 10, bn));
+  }
+}), Ct = /* @__PURE__ */ M(yn, [["__scopeId", "data-v-f31c33cf"]]), wn = {
+  key: 0,
+  class: "header-actions"
+}, xn = { key: 0 }, _n = /* @__PURE__ */ T({
+  __name: "card",
+  props: {
+    header: {},
+    scrollable: { type: Boolean }
+  },
+  setup(e) {
+    const n = Yt();
+    return (t, o) => (v(), x("div", {
+      class: H(["card", { scrollable: e.scrollable }])
+    }, [
+      k("header", null, [
+        k("h3", null, I(e.header), 1),
+        E(n).headerActions ? (v(), x("span", wn, [
+          B(t.$slots, "headerActions", {}, void 0, !0)
+        ])) : L("", !0)
+      ]),
+      k("main", null, [
+        B(t.$slots, "default", {}, void 0, !0)
+      ]),
+      E(n).footer ? (v(), x("footer", xn, [
+        B(t.$slots, "footer", {}, void 0, !0)
+      ])) : L("", !0)
+    ], 2));
+  }
+}), Rt = /* @__PURE__ */ M(_n, [["__scopeId", "data-v-ec6ab562"]]), Vn = { class: "checkbox" }, kn = ["checked", "disabled"], Cn = {
+  key: 0,
+  class: "checkbox-label"
+}, Rn = /* @__PURE__ */ T({
+  __name: "checkbox",
+  props: /* @__PURE__ */ ue({
+    label: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = ye(e, "modelValue"), t = (o) => {
+      const l = o.target;
+      n.value = l.checked;
+    };
+    return (o, l) => (v(), x("label", Vn, [
+      k("input", {
+        type: "checkbox",
+        checked: n.value,
+        onChange: t,
+        disabled: e.disabled,
+        class: "checkbox-input"
+      }, null, 40, kn),
+      l[0] || (l[0] = k("span", { class: "checkbox-box" }, [
+        k("svg", {
+          class: "checkbox-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          k("path", {
+            class: "checkbox-check",
+            d: "M5 12L10 17L20 7",
+            stroke: "currentColor",
+            "stroke-width": "2.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          })
+        ])
+      ], -1)),
+      e.label ? (v(), x("span", Cn, I(e.label), 1)) : L("", !0)
+    ]));
+  }
+}), ga = /* @__PURE__ */ M(Rn, [["__scopeId", "data-v-e2d27ecb"]]), En = ["aria-label"], Sn = {
+  key: 0,
+  class: "carousel-indicators"
+}, $n = /* @__PURE__ */ T({
+  __name: "carousel",
+  props: {
+    autoplay: { type: Boolean },
+    interval: {},
+    loop: { type: Boolean },
+    pauseOnHover: { type: Boolean },
+    startIndex: {},
+    ariaLabel: {}
+  },
+  setup(e) {
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, a = n.pauseOnHover ?? !0, s = n.startIndex ?? 0, u = n.ariaLabel ?? "Carousel", c = R(Math.max(0, s)), r = R(null), i = R(null), d = R(0), f = R(0);
+    let m = !1;
+    const p = R(0), y = R(!1);
+    let V = null, w = null;
+    const _ = R(null), h = R(null), O = () => {
+      p.value = r.value ? r.value.children.length : 0, p.value === 0 ? c.value = 0 : c.value >= p.value && (c.value = l ? 0 : p.value - 1), F();
+    }, A = C(() => d.value > 0 ? { transform: `translateX(${-c.value * d.value + f.value}px)` } : { transform: `translateX(-${c.value * 100}%)` }), F = () => {
+      r.value && Array.from(r.value.children).forEach((S, ve) => {
+        try {
+          ve === c.value ? S.removeAttribute("aria-hidden") : S.setAttribute("aria-hidden", "true");
+        } catch {
+        }
+      });
+    }, g = () => {
+      b(), !(!t || p.value <= 1) && (a && y.value || (V = setTimeout(() => {
+        j(), g();
+      }, o)));
+    }, b = () => {
+      V && (clearTimeout(V), V = null);
+    }, $ = () => {
+      p.value !== 0 && (c.value <= 0 ? c.value = l ? p.value - 1 : 0 : c.value--);
+    }, j = () => {
+      p.value !== 0 && (c.value >= p.value - 1 ? c.value = l ? 0 : p.value - 1 : c.value++);
+    }, z = (S) => {
+      S < 0 || S >= p.value || (c.value = S);
+    }, se = () => {
+      y.value = !0, a && b();
+    }, ie = () => {
+      y.value = !1, g();
+    }, re = (S) => {
+      S.key === "ArrowLeft" ? $() : S.key === "ArrowRight" && j();
+    };
+    let xe = 0, J = 0;
+    const ne = (S) => {
+      xe = S.touches[0].clientX, J = 0;
+    }, X = (S) => {
+      J = S.touches[0].clientX - xe;
+    }, Q = () => {
+      J > 50 ? $() : J < -50 && j(), J = 0;
+    };
+    let Fe = 0;
+    const rt = (S) => {
+      if (S.isPrimary !== !1 && !(S.pointerType === "mouse" && S.button !== 0)) {
+        m = !0, Fe = S.clientX, f.value = 0, b();
+        try {
+          S.target?.setPointerCapture?.(S.pointerId);
+        } catch {
+        }
+      }
+    }, ct = (S) => {
+      m && (f.value = S.clientX - Fe, S.preventDefault());
+    }, ut = () => {
+      if (!m) return;
+      m = !1;
+      const S = Math.max(50, d.value * 0.15);
+      f.value > S ? $() : f.value < -S && j(), f.value = 0, g();
+    }, dt = (S) => {
+      try {
+        S.target?.releasePointerCapture?.(S.pointerId);
+      } catch {
+      }
+      ut();
+    }, ft = () => ut();
+    return Le(() => {
+      he(() => {
+        if (O(), r.value && (w = new MutationObserver(O), w.observe(r.value, { childList: !0 }), r.value.addEventListener("touchstart", ne, { passive: !0 }), r.value.addEventListener("touchmove", X, { passive: !0 }), r.value.addEventListener("touchend", Q)), i.value) {
+          const S = () => {
+            d.value = i.value ? i.value.clientWidth : 0;
+          };
+          S();
+          const ve = window.ResizeObserver;
+          if (ve && i.value) {
+            const pe = new ve(() => S());
+            pe.observe(i.value), _.value = pe;
+          } else
+            window.addEventListener("resize", S), h.value = S;
+          i.value && (i.value.addEventListener("pointerdown", rt), i.value.addEventListener("pointermove", ct), i.value.addEventListener("pointerup", dt), i.value.addEventListener("pointercancel", ft));
+        }
+        F(), g();
+      });
+    }), Ae(() => {
+      b(), w && r.value && w.disconnect(), r.value && (r.value.removeEventListener("touchstart", ne), r.value.removeEventListener("touchmove", X), r.value.removeEventListener("touchend", Q)), i.value && (_.value && _.value.disconnect && _.value.disconnect(), h.value && window.removeEventListener("resize", h.value), i.value.removeEventListener("pointerdown", rt), i.value.removeEventListener("pointermove", ct), i.value.removeEventListener("pointerup", dt), i.value.removeEventListener("pointercancel", ft));
+    }), q([c, () => p.value], () => {
+      F();
+    }), q([() => y.value, c], () => {
+      g();
+    }), (S, ve) => {
+      const pe = W("VjButton");
+      return v(), x("div", {
+        class: "carousel",
+        role: "region",
+        "aria-roledescription": "carousel",
+        "aria-label": E(u),
+        tabindex: "0",
+        onKeydown: re,
+        onMouseenter: se,
+        onMouseleave: ie
+      }, [
+        k("div", {
+          class: "carousel-window",
+          ref_key: "windowRef",
+          ref: i
+        }, [
+          k("div", {
+            class: "carousel-track",
+            ref_key: "track",
+            ref: r,
+            style: Z(A.value)
+          }, [
+            B(S.$slots, "default", {}, void 0, !0)
+          ], 4)
+        ], 512),
+        D(pe, {
+          class: "carousel-btn prev",
+          icon: E(N).PREVIOUS,
+          onClick: $,
+          type: "button",
+          "aria-label": "Previous slide"
+        }, null, 8, ["icon"]),
+        D(pe, {
+          class: "carousel-btn next",
+          icon: E(N).NEXT,
+          onClick: j,
+          type: "button",
+          "aria-label": "Next slide"
+        }, null, 8, ["icon"]),
+        p.value > 1 ? (v(), x("div", Sn, [
+          (v(!0), x(ge, null, We(p.value, (Ee) => (v(), P(pe, {
+            key: Ee - 1,
+            class: H(["indicator", { active: Ee - 1 === c.value }]),
+            onClick: (va) => z(Ee - 1),
+            "aria-current": Ee - 1 === c.value,
+            "aria-label": `Go to slide ${Ee}`,
+            type: "button"
+          }, null, 8, ["class", "onClick", "aria-current", "aria-label"]))), 128))
+        ])) : L("", !0)
+      ], 40, En);
+    };
+  }
+}), Ln = /* @__PURE__ */ M($n, [["__scopeId", "data-v-232abca2"]]), An = { class: "dialog-content" }, On = { key: 1 }, Tn = { class: "dialog-footer" }, Bn = /* @__PURE__ */ T({
+  __name: "dialog",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: {},
+    message: {},
+    component: {},
+    componentProps: {},
+    showFooter: { type: Boolean, default: !1 },
+    showCancel: { type: Boolean, default: !0 },
+    confirmText: { default: "OK" },
+    cancelText: { default: "Abbrechen" },
+    closeOnBackdrop: { type: Boolean, default: !1 },
+    closeOnEscape: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "confirm", "cancel", "close"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = R(t.modelValue);
+    q(
+      () => t.modelValue,
+      (i) => l.value = i
+    );
+    const a = () => {
+      l.value = !1, o("update:modelValue", !1), o("close");
+    }, s = () => {
+      o("confirm"), a();
+    }, u = () => {
+      o("cancel"), a();
+    }, c = () => {
+      t.closeOnBackdrop && a();
+    }, r = (i) => {
+      i.key === "Escape" && t.closeOnEscape && l.value && a();
+    };
+    return Le(() => {
+      document.addEventListener("keydown", r);
+    }), Ae(() => {
+      document.removeEventListener("keydown", r);
+    }), (i, d) => {
+      const f = W("VjIcon"), m = W("VjButton"), p = W("VjCard");
+      return v(), P(Ze, { to: "body" }, [
+        D(Ie, { name: "dialog-fade" }, {
+          default: K(() => [
+            l.value ? (v(), x("div", {
+              key: 0,
+              class: "dialog-backdrop",
+              onClick: c
+            }, [
+              D(Ie, { name: "dialog-scale" }, {
+                default: K(() => [
+                  l.value ? (v(), x("div", {
+                    key: 0,
+                    class: "dialog-wrapper",
+                    onClick: d[0] || (d[0] = de(() => {
+                    }, ["stop"]))
+                  }, [
+                    D(p, {
+                      class: "dialog-card",
+                      header: e.title || ""
+                    }, Jt({
+                      headerActions: K(() => [
+                        D(f, {
+                          icon: E(N).CLOSE,
+                          size: E(U).S,
+                          class: "dialog-close",
+                          onClick: a
+                        }, null, 8, ["icon", "size"])
+                      ]),
+                      default: K(() => [
+                        k("div", An, [
+                          e.component ? (v(), P(Vt(e.component), Qt({ key: 0 }, e.componentProps, { onClose: a }), null, 16)) : e.message ? (v(), x("div", On, I(e.message), 1)) : B(i.$slots, "default", { key: 2 }, void 0, !0)
+                        ])
+                      ]),
+                      _: 2
+                    }, [
+                      e.showFooter ? {
+                        name: "footer",
+                        fn: K(() => [
+                          k("div", Tn, [
+                            B(i.$slots, "footer", {}, () => [
+                              e.showCancel ? (v(), P(m, {
+                                key: 0,
+                                secondary: "",
+                                onClick: u,
+                                label: e.cancelText
+                              }, null, 8, ["label"])) : L("", !0),
+                              D(m, {
+                                primary: "",
+                                onClick: s,
+                                label: e.confirmText
+                              }, null, 8, ["label"])
+                            ], !0)
+                          ])
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["header"])
+                  ])) : L("", !0)
+                ]),
+                _: 3
+              })
+            ])) : L("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+}), Et = /* @__PURE__ */ M(Bn, [["__scopeId", "data-v-6af510b3"]]), Ce = Math.min, G = Math.max, ze = Math.round, De = Math.floor, oe = (e) => ({
+  x: e,
+  y: e
+}), Mn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Pn = {
+  start: "end",
+  end: "start"
+};
+function mt(e, n, t) {
+  return G(e, Ce(n, t));
+}
+function Te(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+function fe(e) {
+  return e.split("-")[0];
+}
+function Be(e) {
+  return e.split("-")[1];
+}
+function St(e) {
+  return e === "x" ? "y" : "x";
+}
+function $t(e) {
+  return e === "y" ? "height" : "width";
+}
+const Fn = /* @__PURE__ */ new Set(["top", "bottom"]);
+function ce(e) {
+  return Fn.has(fe(e)) ? "y" : "x";
+}
+function Lt(e) {
+  return St(ce(e));
+}
+function Dn(e, n, t) {
+  t === void 0 && (t = !1);
+  const o = Be(e), l = Lt(e), a = $t(l);
+  let s = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return n.reference[a] > n.floating[a] && (s = He(s)), [s, He(s)];
+}
+function jn(e) {
+  const n = He(e);
+  return [Je(e), n, Je(n)];
+}
+function Je(e) {
+  return e.replace(/start|end/g, (n) => Pn[n]);
+}
+const vt = ["left", "right"], pt = ["right", "left"], In = ["top", "bottom"], zn = ["bottom", "top"];
+function Hn(e, n, t) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return t ? n ? pt : vt : n ? vt : pt;
+    case "left":
+    case "right":
+      return n ? In : zn;
+    default:
+      return [];
+  }
+}
+function Nn(e, n, t, o) {
+  const l = Be(e);
+  let a = Hn(fe(e), t === "start", o);
+  return l && (a = a.map((s) => s + "-" + l), n && (a = a.concat(a.map(Je)))), a;
+}
+function He(e) {
+  return e.replace(/left|right|bottom|top/g, (n) => Mn[n]);
+}
+function Wn(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function Un(e) {
+  return typeof e != "number" ? Wn(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function Ne(e) {
+  const {
+    x: n,
+    y: t,
+    width: o,
+    height: l
+  } = e;
+  return {
+    width: o,
+    height: l,
+    top: t,
+    left: n,
+    right: n + o,
+    bottom: t + l,
+    x: n,
+    y: t
+  };
+}
+function ht(e, n, t) {
+  let {
+    reference: o,
+    floating: l
+  } = e;
+  const a = ce(n), s = Lt(n), u = $t(s), c = fe(n), r = a === "y", i = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, f = o[u] / 2 - l[u] / 2;
+  let m;
+  switch (c) {
+    case "top":
+      m = {
+        x: i,
+        y: o.y - l.height
+      };
+      break;
+    case "bottom":
+      m = {
+        x: i,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      m = {
+        x: o.x + o.width,
+        y: d
+      };
+      break;
+    case "left":
+      m = {
+        x: o.x - l.width,
+        y: d
+      };
+      break;
+    default:
+      m = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (Be(n)) {
+    case "start":
+      m[s] -= f * (t && r ? -1 : 1);
+      break;
+    case "end":
+      m[s] += f * (t && r ? -1 : 1);
+      break;
+  }
+  return m;
+}
+const Xn = async (e, n, t) => {
+  const {
+    placement: o = "bottom",
+    strategy: l = "absolute",
+    middleware: a = [],
+    platform: s
+  } = t, u = a.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(n));
+  let r = await s.getElementRects({
+    reference: e,
+    floating: n,
+    strategy: l
+  }), {
+    x: i,
+    y: d
+  } = ht(r, o, c), f = o, m = {}, p = 0;
+  for (let y = 0; y < u.length; y++) {
+    const {
+      name: V,
+      fn: w
+    } = u[y], {
+      x: _,
+      y: h,
+      data: O,
+      reset: A
+    } = await w({
+      x: i,
+      y: d,
+      initialPlacement: o,
+      placement: f,
+      strategy: l,
+      middlewareData: m,
+      rects: r,
+      platform: s,
+      elements: {
+        reference: e,
+        floating: n
+      }
+    });
+    i = _ ?? i, d = h ?? d, m = {
+      ...m,
+      [V]: {
+        ...m[V],
+        ...O
+      }
+    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (r = A.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: n,
+      strategy: l
+    }) : A.rects), {
+      x: i,
+      y: d
+    } = ht(r, f, c)), y = -1);
+  }
+  return {
+    x: i,
+    y: d,
+    placement: f,
+    strategy: l,
+    middlewareData: m
+  };
+};
+async function et(e, n) {
+  var t;
+  n === void 0 && (n = {});
+  const {
+    x: o,
+    y: l,
+    platform: a,
+    rects: s,
+    elements: u,
+    strategy: c
+  } = e, {
+    boundary: r = "clippingAncestors",
+    rootBoundary: i = "viewport",
+    elementContext: d = "floating",
+    altBoundary: f = !1,
+    padding: m = 0
+  } = Te(n, e), p = Un(m), V = u[f ? d === "floating" ? "reference" : "floating" : d], w = Ne(await a.getClippingRect({
+    element: (t = await (a.isElement == null ? void 0 : a.isElement(V))) == null || t ? V : V.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(u.floating)),
+    boundary: r,
+    rootBoundary: i,
+    strategy: c
+  })), _ = d === "floating" ? {
+    x: o,
+    y: l,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, h = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u.floating)), O = await (a.isElement == null ? void 0 : a.isElement(h)) ? await (a.getScale == null ? void 0 : a.getScale(h)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, A = Ne(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: u,
+    rect: _,
+    offsetParent: h,
+    strategy: c
+  }) : _);
+  return {
+    top: (w.top - A.top + p.top) / O.y,
+    bottom: (A.bottom - w.bottom + p.bottom) / O.y,
+    left: (w.left - A.left + p.left) / O.x,
+    right: (A.right - w.right + p.right) / O.x
+  };
+}
+const Kn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(n) {
+      var t, o;
+      const {
+        placement: l,
+        middlewareData: a,
+        rects: s,
+        initialPlacement: u,
+        platform: c,
+        elements: r
+      } = n, {
+        mainAxis: i = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: f,
+        fallbackStrategy: m = "bestFit",
+        fallbackAxisSideDirection: p = "none",
+        flipAlignment: y = !0,
+        ...V
+      } = Te(e, n);
+      if ((t = a.arrow) != null && t.alignmentOffset)
+        return {};
+      const w = fe(l), _ = ce(u), h = fe(u) === u, O = await (c.isRTL == null ? void 0 : c.isRTL(r.floating)), A = f || (h || !y ? [He(u)] : jn(u)), F = p !== "none";
+      !f && F && A.push(...Nn(u, y, p, O));
+      const g = [u, ...A], b = await et(n, V), $ = [];
+      let j = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      if (i && $.push(b[w]), d) {
+        const re = Dn(l, s, O);
+        $.push(b[re[0]], b[re[1]]);
+      }
+      if (j = [...j, {
+        placement: l,
+        overflows: $
+      }], !$.every((re) => re <= 0)) {
+        var z, se;
+        const re = (((z = a.flip) == null ? void 0 : z.index) || 0) + 1, xe = g[re];
+        if (xe && (!(d === "alignment" ? _ !== ce(xe) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        j.every((X) => ce(X.placement) === _ ? X.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: re,
+              overflows: j
+            },
+            reset: {
+              placement: xe
+            }
+          };
+        let J = (se = j.filter((ne) => ne.overflows[0] <= 0).sort((ne, X) => ne.overflows[1] - X.overflows[1])[0]) == null ? void 0 : se.placement;
+        if (!J)
+          switch (m) {
+            case "bestFit": {
+              var ie;
+              const ne = (ie = j.filter((X) => {
+                if (F) {
+                  const Q = ce(X.placement);
+                  return Q === _ || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  Q === "y";
+                }
+                return !0;
+              }).map((X) => [X.placement, X.overflows.filter((Q) => Q > 0).reduce((Q, Fe) => Q + Fe, 0)]).sort((X, Q) => X[1] - Q[1])[0]) == null ? void 0 : ie[0];
+              ne && (J = ne);
+              break;
+            }
+            case "initialPlacement":
+              J = u;
+              break;
+          }
+        if (l !== J)
+          return {
+            reset: {
+              placement: J
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, qn = /* @__PURE__ */ new Set(["left", "top"]);
+async function Gn(e, n) {
+  const {
+    placement: t,
+    platform: o,
+    elements: l
+  } = e, a = await (o.isRTL == null ? void 0 : o.isRTL(l.floating)), s = fe(t), u = Be(t), c = ce(t) === "y", r = qn.has(s) ? -1 : 1, i = a && c ? -1 : 1, d = Te(n, e);
+  let {
+    mainAxis: f,
+    crossAxis: m,
+    alignmentAxis: p
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return u && typeof p == "number" && (m = u === "end" ? p * -1 : p), c ? {
+    x: m * i,
+    y: f * r
+  } : {
+    x: f * r,
+    y: m * i
+  };
+}
+const Yn = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(n) {
+      var t, o;
+      const {
+        x: l,
+        y: a,
+        placement: s,
+        middlewareData: u
+      } = n, c = await Gn(n, e);
+      return s === ((t = u.offset) == null ? void 0 : t.placement) && (o = u.arrow) != null && o.alignmentOffset ? {} : {
+        x: l + c.x,
+        y: a + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, Jn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(n) {
+      const {
+        x: t,
+        y: o,
+        placement: l
+      } = n, {
+        mainAxis: a = !0,
+        crossAxis: s = !1,
+        limiter: u = {
+          fn: (V) => {
+            let {
+              x: w,
+              y: _
+            } = V;
+            return {
+              x: w,
+              y: _
+            };
+          }
+        },
+        ...c
+      } = Te(e, n), r = {
+        x: t,
+        y: o
+      }, i = await et(n, c), d = ce(fe(l)), f = St(d);
+      let m = r[f], p = r[d];
+      if (a) {
+        const V = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", _ = m + i[V], h = m - i[w];
+        m = mt(_, m, h);
+      }
+      if (s) {
+        const V = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", _ = p + i[V], h = p - i[w];
+        p = mt(_, p, h);
+      }
+      const y = u.fn({
+        ...n,
+        [f]: m,
+        [d]: p
+      });
+      return {
+        ...y,
+        data: {
+          x: y.x - t,
+          y: y.y - o,
+          enabled: {
+            [f]: a,
+            [d]: s
+          }
+        }
+      };
+    }
+  };
+}, Qn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(n) {
+      var t, o;
+      const {
+        placement: l,
+        rects: a,
+        platform: s,
+        elements: u
+      } = n, {
+        apply: c = () => {
+        },
+        ...r
+      } = Te(e, n), i = await et(n, r), d = fe(l), f = Be(l), m = ce(l) === "y", {
+        width: p,
+        height: y
+      } = a.floating;
+      let V, w;
+      d === "top" || d === "bottom" ? (V = d, w = f === (await (s.isRTL == null ? void 0 : s.isRTL(u.floating)) ? "start" : "end") ? "left" : "right") : (w = d, V = f === "end" ? "top" : "bottom");
+      const _ = y - i.top - i.bottom, h = p - i.left - i.right, O = Ce(y - i[V], _), A = Ce(p - i[w], h), F = !n.middlewareData.shift;
+      let g = O, b = A;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (b = h), (o = n.middlewareData.shift) != null && o.enabled.y && (g = _), F && !f) {
+        const j = G(i.left, 0), z = G(i.right, 0), se = G(i.top, 0), ie = G(i.bottom, 0);
+        m ? b = p - 2 * (j !== 0 || z !== 0 ? j + z : G(i.left, i.right)) : g = y - 2 * (se !== 0 || ie !== 0 ? se + ie : G(i.top, i.bottom));
+      }
+      await c({
+        ...n,
+        availableWidth: b,
+        availableHeight: g
+      });
+      const $ = await s.getDimensions(u.floating);
+      return p !== $.width || y !== $.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function Ue() {
+  return typeof window < "u";
+}
+function we(e) {
+  return tt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function Y(e) {
+  var n;
+  return (e == null || (n = e.ownerDocument) == null ? void 0 : n.defaultView) || window;
+}
+function ae(e) {
+  var n;
+  return (n = (tt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+}
+function tt(e) {
+  return Ue() ? e instanceof Node || e instanceof Y(e).Node : !1;
+}
+function ee(e) {
+  return Ue() ? e instanceof Element || e instanceof Y(e).Element : !1;
+}
+function le(e) {
+  return Ue() ? e instanceof HTMLElement || e instanceof Y(e).HTMLElement : !1;
+}
+function gt(e) {
+  return !Ue() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
+}
+const Zn = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Me(e) {
+  const {
+    overflow: n,
+    overflowX: t,
+    overflowY: o,
+    display: l
+  } = te(e);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !Zn.has(l);
+}
+const eo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function to(e) {
+  return eo.has(we(e));
+}
+const no = [":popover-open", ":modal"];
+function Xe(e) {
+  return no.some((n) => {
+    try {
+      return e.matches(n);
+    } catch {
+      return !1;
+    }
+  });
+}
+const oo = ["transform", "translate", "scale", "rotate", "perspective"], lo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ao = ["paint", "layout", "strict", "content"];
+function nt(e) {
+  const n = ot(), t = ee(e) ? te(e) : e;
+  return oo.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || lo.some((o) => (t.willChange || "").includes(o)) || ao.some((o) => (t.contain || "").includes(o));
+}
+function so(e) {
+  let n = me(e);
+  for (; le(n) && !Re(n); ) {
+    if (nt(n))
+      return n;
+    if (Xe(n))
+      return null;
+    n = me(n);
+  }
+  return null;
+}
+function ot() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const io = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Re(e) {
+  return io.has(we(e));
+}
+function te(e) {
+  return Y(e).getComputedStyle(e);
+}
+function Ke(e) {
+  return ee(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function me(e) {
+  if (we(e) === "html")
+    return e;
+  const n = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    gt(e) && e.host || // Fallback.
+    ae(e)
+  );
+  return gt(n) ? n.host : n;
+}
+function At(e) {
+  const n = me(e);
+  return Re(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : le(n) && Me(n) ? n : At(n);
+}
+function $e(e, n, t) {
+  var o;
+  n === void 0 && (n = []), t === void 0 && (t = !0);
+  const l = At(e), a = l === ((o = e.ownerDocument) == null ? void 0 : o.body), s = Y(l);
+  if (a) {
+    const u = Qe(s);
+    return n.concat(s, s.visualViewport || [], Me(l) ? l : [], u && t ? $e(u) : []);
+  }
+  return n.concat(l, $e(l, [], t));
+}
+function Qe(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function Ot(e) {
+  const n = te(e);
+  let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
+  const l = le(e), a = l ? e.offsetWidth : t, s = l ? e.offsetHeight : o, u = ze(t) !== a || ze(o) !== s;
+  return u && (t = a, o = s), {
+    width: t,
+    height: o,
+    $: u
+  };
+}
+function lt(e) {
+  return ee(e) ? e : e.contextElement;
+}
+function Ve(e) {
+  const n = lt(e);
+  if (!le(n))
+    return oe(1);
+  const t = n.getBoundingClientRect(), {
+    width: o,
+    height: l,
+    $: a
+  } = Ot(n);
+  let s = (a ? ze(t.width) : t.width) / o, u = (a ? ze(t.height) : t.height) / l;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!u || !Number.isFinite(u)) && (u = 1), {
+    x: s,
+    y: u
+  };
+}
+const ro = /* @__PURE__ */ oe(0);
+function Tt(e) {
+  const n = Y(e);
+  return !ot() || !n.visualViewport ? ro : {
+    x: n.visualViewport.offsetLeft,
+    y: n.visualViewport.offsetTop
+  };
+}
+function co(e, n, t) {
+  return n === void 0 && (n = !1), !t || n && t !== Y(e) ? !1 : n;
+}
+function be(e, n, t, o) {
+  n === void 0 && (n = !1), t === void 0 && (t = !1);
+  const l = e.getBoundingClientRect(), a = lt(e);
+  let s = oe(1);
+  n && (o ? ee(o) && (s = Ve(o)) : s = Ve(e));
+  const u = co(a, t, o) ? Tt(a) : oe(0);
+  let c = (l.left + u.x) / s.x, r = (l.top + u.y) / s.y, i = l.width / s.x, d = l.height / s.y;
+  if (a) {
+    const f = Y(a), m = o && ee(o) ? Y(o) : o;
+    let p = f, y = Qe(p);
+    for (; y && o && m !== p; ) {
+      const V = Ve(y), w = y.getBoundingClientRect(), _ = te(y), h = w.left + (y.clientLeft + parseFloat(_.paddingLeft)) * V.x, O = w.top + (y.clientTop + parseFloat(_.paddingTop)) * V.y;
+      c *= V.x, r *= V.y, i *= V.x, d *= V.y, c += h, r += O, p = Y(y), y = Qe(p);
+    }
+  }
+  return Ne({
+    width: i,
+    height: d,
+    x: c,
+    y: r
+  });
+}
+function qe(e, n) {
+  const t = Ke(e).scrollLeft;
+  return n ? n.left + t : be(ae(e)).left + t;
+}
+function Bt(e, n) {
+  const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - qe(e, t), l = t.top + n.scrollTop;
+  return {
+    x: o,
+    y: l
+  };
+}
+function uo(e) {
+  let {
+    elements: n,
+    rect: t,
+    offsetParent: o,
+    strategy: l
+  } = e;
+  const a = l === "fixed", s = ae(o), u = n ? Xe(n.floating) : !1;
+  if (o === s || u && a)
+    return t;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, r = oe(1);
+  const i = oe(0), d = le(o);
+  if ((d || !d && !a) && ((we(o) !== "body" || Me(s)) && (c = Ke(o)), le(o))) {
+    const m = be(o);
+    r = Ve(o), i.x = m.x + o.clientLeft, i.y = m.y + o.clientTop;
+  }
+  const f = s && !d && !a ? Bt(s, c) : oe(0);
+  return {
+    width: t.width * r.x,
+    height: t.height * r.y,
+    x: t.x * r.x - c.scrollLeft * r.x + i.x + f.x,
+    y: t.y * r.y - c.scrollTop * r.y + i.y + f.y
+  };
+}
+function fo(e) {
+  return Array.from(e.getClientRects());
+}
+function mo(e) {
+  const n = ae(e), t = Ke(e), o = e.ownerDocument.body, l = G(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), a = G(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -t.scrollLeft + qe(e);
+  const u = -t.scrollTop;
+  return te(o).direction === "rtl" && (s += G(n.clientWidth, o.clientWidth) - l), {
+    width: l,
+    height: a,
+    x: s,
+    y: u
+  };
+}
+const bt = 25;
+function vo(e, n) {
+  const t = Y(e), o = ae(e), l = t.visualViewport;
+  let a = o.clientWidth, s = o.clientHeight, u = 0, c = 0;
+  if (l) {
+    a = l.width, s = l.height;
+    const i = ot();
+    (!i || i && n === "fixed") && (u = l.offsetLeft, c = l.offsetTop);
+  }
+  const r = qe(o);
+  if (r <= 0) {
+    const i = o.ownerDocument, d = i.body, f = getComputedStyle(d), m = i.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - m);
+    p <= bt && (a -= p);
+  } else r <= bt && (a += r);
+  return {
+    width: a,
+    height: s,
+    x: u,
+    y: c
+  };
+}
+const po = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function ho(e, n) {
+  const t = be(e, !0, n === "fixed"), o = t.top + e.clientTop, l = t.left + e.clientLeft, a = le(e) ? Ve(e) : oe(1), s = e.clientWidth * a.x, u = e.clientHeight * a.y, c = l * a.x, r = o * a.y;
+  return {
+    width: s,
+    height: u,
+    x: c,
+    y: r
+  };
+}
+function yt(e, n, t) {
+  let o;
+  if (n === "viewport")
+    o = vo(e, t);
+  else if (n === "document")
+    o = mo(ae(e));
+  else if (ee(n))
+    o = ho(n, t);
+  else {
+    const l = Tt(e);
+    o = {
+      x: n.x - l.x,
+      y: n.y - l.y,
+      width: n.width,
+      height: n.height
+    };
+  }
+  return Ne(o);
+}
+function Mt(e, n) {
+  const t = me(e);
+  return t === n || !ee(t) || Re(t) ? !1 : te(t).position === "fixed" || Mt(t, n);
+}
+function go(e, n) {
+  const t = n.get(e);
+  if (t)
+    return t;
+  let o = $e(e, [], !1).filter((u) => ee(u) && we(u) !== "body"), l = null;
+  const a = te(e).position === "fixed";
+  let s = a ? me(e) : e;
+  for (; ee(s) && !Re(s); ) {
+    const u = te(s), c = nt(s);
+    !c && u.position === "fixed" && (l = null), (a ? !c && !l : !c && u.position === "static" && !!l && po.has(l.position) || Me(s) && !c && Mt(e, s)) ? o = o.filter((i) => i !== s) : l = u, s = me(s);
+  }
+  return n.set(e, o), o;
+}
+function bo(e) {
+  let {
+    element: n,
+    boundary: t,
+    rootBoundary: o,
+    strategy: l
+  } = e;
+  const s = [...t === "clippingAncestors" ? Xe(n) ? [] : go(n, this._c) : [].concat(t), o], u = s[0], c = s.reduce((r, i) => {
+    const d = yt(n, i, l);
+    return r.top = G(d.top, r.top), r.right = Ce(d.right, r.right), r.bottom = Ce(d.bottom, r.bottom), r.left = G(d.left, r.left), r;
+  }, yt(n, u, l));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function yo(e) {
+  const {
+    width: n,
+    height: t
+  } = Ot(e);
+  return {
+    width: n,
+    height: t
+  };
+}
+function wo(e, n, t) {
+  const o = le(n), l = ae(n), a = t === "fixed", s = be(e, !0, a, n);
+  let u = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = oe(0);
+  function r() {
+    c.x = qe(l);
+  }
+  if (o || !o && !a)
+    if ((we(n) !== "body" || Me(l)) && (u = Ke(n)), o) {
+      const m = be(n, !0, a, n);
+      c.x = m.x + n.clientLeft, c.y = m.y + n.clientTop;
+    } else l && r();
+  a && !o && l && r();
+  const i = l && !o && !a ? Bt(l, u) : oe(0), d = s.left + u.scrollLeft - c.x - i.x, f = s.top + u.scrollTop - c.y - i.y;
+  return {
+    x: d,
+    y: f,
+    width: s.width,
+    height: s.height
+  };
+}
+function Ye(e) {
+  return te(e).position === "static";
+}
+function wt(e, n) {
+  if (!le(e) || te(e).position === "fixed")
+    return null;
+  if (n)
+    return n(e);
+  let t = e.offsetParent;
+  return ae(e) === t && (t = t.ownerDocument.body), t;
+}
+function Pt(e, n) {
+  const t = Y(e);
+  if (Xe(e))
+    return t;
+  if (!le(e)) {
+    let l = me(e);
+    for (; l && !Re(l); ) {
+      if (ee(l) && !Ye(l))
+        return l;
+      l = me(l);
+    }
+    return t;
+  }
+  let o = wt(e, n);
+  for (; o && to(o) && Ye(o); )
+    o = wt(o, n);
+  return o && Re(o) && Ye(o) && !nt(o) ? t : o || so(e) || t;
+}
+const xo = async function(e) {
+  const n = this.getOffsetParent || Pt, t = this.getDimensions, o = await t(e.floating);
+  return {
+    reference: wo(e.reference, await n(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function _o(e) {
+  return te(e).direction === "rtl";
+}
+const Vo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: uo,
+  getDocumentElement: ae,
+  getClippingRect: bo,
+  getOffsetParent: Pt,
+  getElementRects: xo,
+  getClientRects: fo,
+  getDimensions: yo,
+  getScale: Ve,
+  isElement: ee,
+  isRTL: _o
+};
+function Ft(e, n) {
+  return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
+}
+function ko(e, n) {
+  let t = null, o;
+  const l = ae(e);
+  function a() {
+    var u;
+    clearTimeout(o), (u = t) == null || u.disconnect(), t = null;
+  }
+  function s(u, c) {
+    u === void 0 && (u = !1), c === void 0 && (c = 1), a();
+    const r = e.getBoundingClientRect(), {
+      left: i,
+      top: d,
+      width: f,
+      height: m
+    } = r;
+    if (u || n(), !f || !m)
+      return;
+    const p = De(d), y = De(l.clientWidth - (i + f)), V = De(l.clientHeight - (d + m)), w = De(i), h = {
+      rootMargin: -p + "px " + -y + "px " + -V + "px " + -w + "px",
+      threshold: G(0, Ce(1, c)) || 1
+    };
+    let O = !0;
+    function A(F) {
+      const g = F[0].intersectionRatio;
+      if (g !== c) {
+        if (!O)
+          return s();
+        g ? s(!1, g) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      g === 1 && !Ft(r, e.getBoundingClientRect()) && s(), O = !1;
+    }
+    try {
+      t = new IntersectionObserver(A, {
+        ...h,
+        // Handle <iframe>s
+        root: l.ownerDocument
+      });
+    } catch {
+      t = new IntersectionObserver(A, h);
+    }
+    t.observe(e);
+  }
+  return s(!0), a;
+}
+function Dt(e, n, t, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: l = !0,
+    ancestorResize: a = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: u = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, r = lt(e), i = l || a ? [...r ? $e(r) : [], ...$e(n)] : [];
+  i.forEach((w) => {
+    l && w.addEventListener("scroll", t, {
+      passive: !0
+    }), a && w.addEventListener("resize", t);
+  });
+  const d = r && u ? ko(r, t) : null;
+  let f = -1, m = null;
+  s && (m = new ResizeObserver((w) => {
+    let [_] = w;
+    _ && _.target === r && m && (m.unobserve(n), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+      var h;
+      (h = m) == null || h.observe(n);
+    })), t();
+  }), r && !c && m.observe(r), m.observe(n));
+  let p, y = c ? be(e) : null;
+  c && V();
+  function V() {
+    const w = be(e);
+    y && !Ft(y, w) && t(), y = w, p = requestAnimationFrame(V);
+  }
+  return t(), () => {
+    var w;
+    i.forEach((_) => {
+      l && _.removeEventListener("scroll", t), a && _.removeEventListener("resize", t);
+    }), d?.(), (w = m) == null || w.disconnect(), m = null, c && cancelAnimationFrame(p);
+  };
+}
+const jt = Yn, It = Jn, zt = Kn, Co = Qn, Ro = (e, n, t) => {
+  const o = /* @__PURE__ */ new Map(), l = {
+    platform: Vo,
+    ...t
+  }, a = {
+    ...l.platform,
+    _c: o
+  };
+  return Xn(e, n, {
+    ...l,
+    platform: a
+  });
+};
+function Eo(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function xt(e) {
+  if (Eo(e)) {
+    const n = e.$el;
+    return tt(n) && we(n) === "#comment" ? null : n;
+  }
+  return e;
+}
+function Se(e) {
+  return typeof e == "function" ? e() : E(e);
+}
+function Ht(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function _t(e, n) {
+  const t = Ht(e);
+  return Math.round(n * t) / t;
+}
+function Nt(e, n, t) {
+  t === void 0 && (t = {});
+  const o = t.whileElementsMounted, l = C(() => {
+    var g;
+    return (g = Se(t.open)) != null ? g : !0;
+  }), a = C(() => Se(t.middleware)), s = C(() => {
+    var g;
+    return (g = Se(t.placement)) != null ? g : "bottom";
+  }), u = C(() => {
+    var g;
+    return (g = Se(t.strategy)) != null ? g : "absolute";
+  }), c = C(() => {
+    var g;
+    return (g = Se(t.transform)) != null ? g : !0;
+  }), r = C(() => xt(e.value)), i = C(() => xt(n.value)), d = R(0), f = R(0), m = R(u.value), p = R(s.value), y = Zt({}), V = R(!1), w = C(() => {
+    const g = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!i.value)
+      return g;
+    const b = _t(i.value, d.value), $ = _t(i.value, f.value);
+    return c.value ? {
+      ...g,
+      transform: "translate(" + b + "px, " + $ + "px)",
+      ...Ht(i.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: b + "px",
+      top: $ + "px"
+    };
+  });
+  let _;
+  function h() {
+    if (r.value == null || i.value == null)
+      return;
+    const g = l.value;
+    Ro(r.value, i.value, {
+      middleware: a.value,
+      placement: s.value,
+      strategy: u.value
+    }).then((b) => {
+      d.value = b.x, f.value = b.y, m.value = b.strategy, p.value = b.placement, y.value = b.middlewareData, V.value = g !== !1;
+    });
+  }
+  function O() {
+    typeof _ == "function" && (_(), _ = void 0);
+  }
+  function A() {
+    if (O(), o === void 0) {
+      h();
+      return;
+    }
+    if (r.value != null && i.value != null) {
+      _ = o(r.value, i.value, h);
+      return;
+    }
+  }
+  function F() {
+    l.value || (V.value = !1);
+  }
+  return q([a, s, u, l], h, {
+    flush: "sync"
+  }), q([r, i], A, {
+    flush: "sync"
+  }), q(l, F, {
+    flush: "sync"
+  }), en() && tn(O), {
+    x: _e(d),
+    y: _e(f),
+    strategy: _e(m),
+    placement: _e(p),
+    middlewareData: _e(y),
+    isPositioned: _e(V),
+    floatingStyles: w,
+    update: h
+  };
+}
+const So = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "dot-menu",
+  props: {
+    icon: {}
+  },
+  setup(e) {
+    const n = e, t = R(!1), o = R(null), l = R(null), a = C(() => n.icon ?? N.DOT_MENU), { floatingStyles: s } = Nt(o, l, {
+      placement: "bottom-end",
+      middleware: [jt(8), zt(), It({ padding: 8 })],
+      whileElementsMounted: Dt
+    }), u = () => {
+      t.value = !t.value;
+    }, c = () => {
+      t.value = !1;
+    };
+    return (r, i) => {
+      const d = W("VjButton"), f = W("VjMenu");
+      return v(), x(ge, null, [
+        k("div", {
+          class: H(["dot-menu-container", r.$attrs.class])
+        }, [
+          D(d, {
+            ref_key: "buttonRef",
+            ref: o,
+            class: "dot-menu",
+            tertiary: "",
+            icon: a.value,
+            onClick: u
+          }, null, 8, ["icon"]),
+          D(Ie, { name: "menu" }, {
+            default: K(() => [
+              t.value ? (v(), P(f, {
+                key: 0,
+                ref_key: "floatingRef",
+                ref: l,
+                style: Z(E(s)),
+                class: "menu-dropdown",
+                onClose: c
+              }, {
+                default: K(() => [
+                  B(r.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 8, ["style"])) : L("", !0)
+            ]),
+            _: 3
+          })
+        ], 2),
+        (v(), P(Ze, { to: "body" }, [
+          t.value ? (v(), x("div", {
+            key: 0,
+            class: "menu-backdrop",
+            onClick: c
+          })) : L("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), $o = /* @__PURE__ */ M(So, [["__scopeId", "data-v-f853b4ab"]]), Lo = /* @__PURE__ */ T({
+  __name: "link-button",
+  props: {
+    label: {},
+    icon: {},
+    to: {},
+    primary: { type: Boolean },
+    secondary: { type: Boolean },
+    tertiary: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const n = e, t = U.S, o = C(() => n.primary ? "primary" : n.secondary ? "secondary" : n.tertiary ? "tertiary" : "primary");
+    return (l, a) => {
+      const s = W("router-link");
+      return v(), P(s, {
+        to: e.to,
+        class: H(["button", o.value]),
+        disabled: e.disabled
+      }, {
+        default: K(() => [
+          e.icon ? (v(), P(Oe, {
+            key: 0,
+            icon: e.icon,
+            size: E(t)
+          }, null, 8, ["icon", "size"])) : L("", !0),
+          je(" " + I(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["to", "class", "disabled"]);
+    };
+  }
+}), Ao = /* @__PURE__ */ M(Lo, [["__scopeId", "data-v-bd3cf2f5"]]), Oo = ["disabled"], To = { class: "menu-action--icon" }, Bo = /* @__PURE__ */ T({
+  __name: "menu-action",
+  props: {
+    label: {},
+    icon: {},
+    disabled: { type: Boolean }
+  },
+  setup(e) {
+    const n = U.S;
+    return (t, o) => (v(), x("button", {
+      class: "menu-action button tertiary",
+      disabled: e.disabled
+    }, [
+      k("span", To, [
+        e.icon ? (v(), P(Oe, {
+          key: 0,
+          icon: e.icon,
+          size: E(n)
+        }, null, 8, ["icon", "size"])) : L("", !0)
+      ]),
+      k("span", null, I(e.label), 1)
+    ], 8, Oo));
+  }
+}), Mo = /* @__PURE__ */ M(Bo, [["__scopeId", "data-v-07850995"]]), Po = {}, Fo = { class: "menu" };
+function Do(e, n) {
+  return v(), x("div", Fo, [
+    B(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const jo = /* @__PURE__ */ M(Po, [["render", Do], ["__scopeId", "data-v-259fec08"]]), Io = { class: "page" }, zo = {
+  key: 0,
+  class: "page-error"
+}, Ho = {
+  key: 1,
+  class: "contents"
+}, No = {
+  key: 2,
+  class: "actions"
+}, Wo = { key: 3 }, Uo = { key: 0 }, Xo = /* @__PURE__ */ T({
+  __name: "page",
+  props: {
+    title: {},
+    scrollable: { type: Boolean },
+    errorMessage: {}
+  },
+  setup(e) {
+    return (n, t) => (v(), x("div", Io, [
+      k("header", null, [
+        k("h2", null, I(e.title), 1),
+        k("span", null, [
+          B(n.$slots, "headerActions", {}, void 0, !0)
+        ])
+      ]),
+      k("main", {
+        class: H({ scrollable: e.scrollable })
+      }, [
+        e.errorMessage ? (v(), x("div", zo, [
+          B(n.$slots, "error", {}, void 0, !0)
+        ])) : L("", !0),
+        e.errorMessage ? L("", !0) : (v(), x("div", Ho, [
+          B(n.$slots, "default", {}, void 0, !0)
+        ])),
+        e.errorMessage ? L("", !0) : (v(), x("div", No, [
+          B(n.$slots, "actions", {}, void 0, !0)
+        ])),
+        n.$slots.flexFooter ? (v(), x("footer", Wo, [
+          B(n.$slots, "flexFooter", {}, void 0, !0)
+        ])) : L("", !0)
+      ], 2),
+      n.$slots.footer ? (v(), x("footer", Uo, [
+        B(n.$slots, "footer", {}, void 0, !0)
+      ])) : L("", !0)
+    ]));
+  }
+}), Ko = /* @__PURE__ */ M(Xo, [["__scopeId", "data-v-1618f861"]]), qo = {
+  class: "paginator-info",
+  "aria-live": "polite"
+}, Go = /* @__PURE__ */ T({
+  __name: "paginator",
+  props: /* @__PURE__ */ ue({
+    totalItems: {},
+    pageSize: {},
+    labels: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const t = e, o = ye(e, "modelValue"), l = n, a = C(() => Math.max(1, Math.ceil((t.totalItems ?? 0) / t.pageSize))), s = C(() => Math.min(Math.max(1, o.value ?? 1), a.value)), u = C(() => s.value), c = C(() => s.value <= 1), r = C(() => s.value >= a.value), i = C(() => t.labels?.item ?? "Eintrag"), d = C(() => t.labels?.of ?? "von"), f = (w) => {
+      const _ = Math.min(Math.max(1, Math.floor(w)), a.value);
+      _ !== o.value && (o.value = _, l("change", _));
+    }, m = () => f(1), p = () => f(s.value - 1), y = () => f(s.value + 1), V = () => f(a.value);
+    return q([() => t.totalItems, () => t.pageSize], () => {
+      o.value > a.value && f(a.value);
+    }), (w, _) => {
+      const h = W("VjButton");
+      return v(), x("nav", {
+        class: "paginator",
+        "aria-label": "Pagination",
+        onKeydown: _[0] || (_[0] = nn(de(() => {
+        }, ["prevent"]), ["enter"]))
+      }, [
+        D(h, {
+          tertiary: "",
+          class: "paginator-btn",
+          icon: E(N).FIRST,
+          disabled: c.value,
+          onClick: m,
+          "aria-label": "First page"
+        }, null, 8, ["icon", "disabled"]),
+        D(h, {
+          tertiary: "",
+          class: "paginator-btn",
+          icon: E(N).PREVIOUS,
+          disabled: c.value,
+          onClick: p,
+          "aria-label": "Previous page"
+        }, null, 8, ["icon", "disabled"]),
+        B(w.$slots, "info", {
+          current: s.value,
+          totalPages: a.value,
+          goTo: f
+        }, () => [
+          k("div", qo, I(i.value) + " " + I(u.value) + " " + I(d.value) + " " + I(a.value), 1)
+        ], !0),
+        D(h, {
+          tertiary: "",
+          class: "paginator-btn",
+          icon: E(N).NEXT,
+          disabled: r.value,
+          onClick: y,
+          "aria-label": "Next page"
+        }, null, 8, ["icon", "disabled"]),
+        D(h, {
+          tertiary: "",
+          class: "paginator-btn",
+          icon: E(N).LAST,
+          disabled: r.value,
+          onClick: V,
+          "aria-label": "Last page"
+        }, null, 8, ["icon", "disabled"])
+      ], 32);
+    };
+  }
+}), Yo = /* @__PURE__ */ M(Go, [["__scopeId", "data-v-b6fa8efe"]]), Jo = { class: "search-field" }, Qo = ["value", "placeholder"], Zo = /* @__PURE__ */ T({
+  __name: "search-field",
+  props: /* @__PURE__ */ ue({
+    placeholder: { default: "Search..." }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = ye(e, "modelValue"), t = (a) => {
+      n.value = a.target.value;
+    }, o = () => {
+      n.value = "";
+    }, l = C(() => !n.value);
+    return (a, s) => {
+      const u = W("VjIcon");
+      return v(), x("div", Jo, [
+        D(u, {
+          icon: E(N).SEARCH,
+          size: E(U).S
+        }, null, 8, ["icon", "size"]),
+        k("input", {
+          value: n.value,
+          onInput: t,
+          type: "text",
+          placeholder: e.placeholder
+        }, null, 40, Qo),
+        D(u, {
+          class: H(["reset", { invisible: l.value }]),
+          icon: E(N).CLOSE,
+          size: E(U).S,
+          onClick: o
+        }, null, 8, ["class", "icon", "size"])
+      ]);
+    };
+  }
+}), el = /* @__PURE__ */ M(Zo, [["__scopeId", "data-v-2771c8ed"]]), tl = /* @__PURE__ */ T({
+  __name: "separator",
+  props: {
+    vertical: { type: Boolean }
+  },
+  setup(e) {
+    return (n, t) => (v(), x("div", {
+      class: H(["separator", { vertical: e.vertical }])
+    }, null, 2));
+  }
+}), nl = /* @__PURE__ */ M(tl, [["__scopeId", "data-v-e354bb4e"]]), ol = { class: "tab-view" }, ll = {
+  ref: "headerRef",
+  class: "tab-view-header"
+}, al = ["onClick"], sl = { class: "tab-view-content" }, il = /* @__PURE__ */ T({
+  __name: "tab-view",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = ye(e, "modelValue"), t = R([]), o = R([]), l = R({
+      width: "0px",
+      transform: "translateX(0px)"
+    }), a = (r, i) => {
+      r && (o.value[i] = r);
+    }, s = () => {
+      const r = t.value.findIndex((i) => i.name === n.value);
+      if (r >= 0 && o.value[r]) {
+        const i = o.value[r], d = i.offsetWidth, f = i.offsetLeft;
+        l.value = {
+          width: `${d}px`,
+          transform: `translateX(${f}px)`
+        };
+      }
+    }, u = (r, i) => {
+      t.value.find((d) => d.name === r) || (t.value.push({ name: r, label: i }), he(() => {
+        !n.value && t.value.length === 1 && (n.value = r), s();
+      }));
+    }, c = (r) => {
+      n.value = r;
+    };
+    return q(n, () => {
+      he(() => {
+        s();
+      });
+    }), on("tabView", {
+      activeTab: () => n.value,
+      registerTab: u
+    }), (r, i) => (v(), x("div", ol, [
+      k("div", ll, [
+        (v(!0), x(ge, null, We(t.value, (d, f) => (v(), x("div", {
+          key: d.name,
+          ref_for: !0,
+          ref: (m) => a(m, f),
+          class: H(["tab-button", { active: n.value === d.name }]),
+          onClick: (m) => c(d.name)
+        }, I(d.label), 11, al))), 128)),
+        i[0] || (i[0] = k("div", { class: "tab-line" }, null, -1)),
+        k("div", {
+          class: "tab-indicator",
+          style: Z(l.value)
+        }, null, 4)
+      ], 512),
+      k("div", sl, [
+        B(r.$slots, "default", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), rl = /* @__PURE__ */ M(il, [["__scopeId", "data-v-3d4ee454"]]), cl = {
+  key: 0,
+  class: "tab"
+}, ul = /* @__PURE__ */ T({
+  __name: "tab",
+  props: {
+    name: {},
+    label: {}
+  },
+  setup(e) {
+    const n = e, t = kt("tabView"), o = C(() => t?.activeTab() === n.name);
+    return Le(() => {
+      t?.registerTab(n.name, n.label);
+    }), (l, a) => o.value ? (v(), x("div", cl, [
+      B(l.$slots, "default")
+    ])) : L("", !0);
+  }
+}), dl = ["data-colspan", "data-newline"], fl = { class: "form-field__wrapper" }, ml = ["for"], vl = {
+  key: 0,
+  class: "form-field__error"
+}, pl = /* @__PURE__ */ T({
+  __name: "form-field",
+  props: {
+    modelValue: {},
+    label: {},
+    id: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    colspan: {},
+    newLine: { type: Boolean },
+    spanRow: { type: Boolean },
+    error: {}
+  },
+  emits: ["update:modelValue", "focus", "blur"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = R(t.modelValue), a = R(!1), s = C(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`);
+    q(
+      () => t.modelValue,
+      (f) => l.value = f
+    );
+    const u = C(() => a.value || !!l.value || !!t.placeholder), c = C(() => u.value ? t.placeholder : "");
+    function r(f) {
+      const p = f.target.value;
+      l.value = p, o("update:modelValue", p);
+    }
+    function i(f) {
+      a.value = !0, o("focus", f);
+    }
+    function d(f) {
+      a.value = !1, o("blur", f);
+    }
+    return (f, m) => (v(), x("div", {
+      class: H(["form-field", { disabled: e.disabled }, { labelless: !e.label }, { error: !!e.error }]),
+      "data-colspan": t.spanRow ? void 0 : t.colspan,
+      "data-newline": t.spanRow || t.newLine ? "true" : void 0,
+      style: Z(t.spanRow ? { gridColumn: "1 / -1" } : void 0)
+    }, [
+      k("div", fl, [
+        B(f.$slots, "control", {
+          id: s.value,
+          value: l.value,
+          onInput: r,
+          onFocus: i,
+          onBlur: d,
+          disabled: e.disabled,
+          placeholder: c.value
+        }, void 0, !0),
+        e.label ? (v(), x("label", {
+          key: 0,
+          for: s.value,
+          class: H(["form-field__label", { "form-field__label--float": u.value }])
+        }, I(e.label), 11, ml)) : L("", !0)
+      ]),
+      e.error ? (v(), x("div", vl, I(e.error), 1)) : L("", !0)
+    ], 14, dl));
+  }
+}), Pe = /* @__PURE__ */ M(pl, [["__scopeId", "data-v-b37aee00"]]), hl = /* @__PURE__ */ T({
+  __name: "form-layout",
+  props: {
+    columns: { type: Number, default: 4 },
+    gap: { type: String, default: "0.75rem" }
+  },
+  setup(e) {
+    const n = e, t = R(null);
+    let o = null;
+    function l() {
+      if (!t.value) return;
+      Array.from(t.value.children).forEach((s) => {
+        const u = s.getAttribute("data-colspan"), c = u ? Math.max(1, Number(u) || 1) : 1, r = s.getAttribute("data-newline");
+        r !== null && r !== "false" ? s.style.gridColumn = "1 / -1" : s.style.gridColumn = `span ${c}`;
+      });
+    }
+    return Le(() => {
+      he(() => {
+        l(), t.value && (o = new MutationObserver(() => l()), o.observe(t.value, { childList: !0, subtree: !1, attributes: !0, attributeFilter: ["data-colspan", "data-newline"] }));
+      });
+    }), Ae(() => {
+      o?.disconnect();
+    }), q(
+      () => n.columns,
+      () => he(l)
+    ), q(
+      () => n.gap,
+      () => he(l)
+    ), (a, s) => (v(), x("div", {
+      ref_key: "container",
+      ref: t,
+      class: "form-layout",
+      style: Z({ gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`, gap: e.gap })
+    }, [
+      B(a.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+}), gl = /* @__PURE__ */ M(hl, [["__scopeId", "data-v-96f62ab7"]]), bl = {
+  key: 0,
+  class: "form-section__title",
+  "data-newline": ""
+}, yl = /* @__PURE__ */ T({
+  __name: "form-section",
+  props: {
+    title: {}
+  },
+  setup(e) {
+    return (n, t) => (v(), x(ge, null, [
+      e.title ? (v(), x("h3", bl, I(e.title), 1)) : L("", !0),
+      B(n.$slots, "default", {}, void 0, !0)
+    ], 64));
+  }
+}), wl = /* @__PURE__ */ M(yl, [["__scopeId", "data-v-69cff1d0"]]), xl = ["id", "disabled"], _l = { class: "select-value" }, Vl = {
+  key: 1,
+  class: "select-placeholder"
+}, kl = { class: "select-options" }, Cl = ["onClick", "onMouseenter"], Rl = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "select",
+  props: /* @__PURE__ */ ue({
+    options: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    optionLabel: { type: Function },
+    id: {},
+    optionValue: { type: Function },
+    icon: {},
+    clearable: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: n }) {
+    const t = e, o = ye(e, "modelValue"), l = R(!1), a = R(-1), s = R(null), u = R(null), c = R(null), { floatingStyles: r } = Nt(u, c, {
+      placement: "bottom-start",
+      middleware: [
+        jt(4),
+        zt(),
+        It({ padding: 8 }),
+        Co({
+          apply({ rects: h, elements: O }) {
+            Object.assign(O.floating.style, {
+              minWidth: `${h.reference.width}px`
+            });
+          }
+        })
+      ],
+      whileElementsMounted: Dt
+    }), i = (h) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(h) : String(h[t.optionLabel]) : String(h), d = (h) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(h) : h[t.optionValue] : h, f = C(() => t.options.find((h) => d(h) === o.value)), m = (h) => d(h) === o.value, p = () => {
+      t.disabled || (l.value = !l.value);
+    }, y = () => {
+      l.value = !1, a.value = -1;
+    }, V = (h) => {
+      o.value = d(h), y();
+    }, w = () => {
+      o.value = void 0;
+    }, _ = (h) => {
+      l.value && s.value && !s.value.contains(h.target) && y();
+    };
+    return Le(() => {
+      document.addEventListener("click", _);
+    }), Ae(() => {
+      document.removeEventListener("click", _);
+    }), q(l, (h) => {
+      h && f.value && (a.value = t.options.findIndex((O) => m(O)));
+    }), n({
+      focus: () => u.value?.focus(),
+      blur: () => u.value?.blur()
+    }), (h, O) => {
+      const A = W("VjIcon");
+      return v(), x(ge, null, [
+        k("div", {
+          ref_key: "selectRef",
+          ref: s,
+          class: H(["select", h.$attrs.class])
+        }, [
+          k("button", {
+            ref_key: "buttonRef",
+            ref: u,
+            type: "button",
+            class: "select-trigger",
+            id: t.id,
+            onClick: p,
+            disabled: e.disabled
+          }, [
+            t.icon ? (v(), P(A, {
+              key: 0,
+              icon: t.icon,
+              size: E(U).S,
+              class: "select-icon-left"
+            }, null, 8, ["icon", "size"])) : L("", !0),
+            k("span", _l, [
+              f.value ? B(h.$slots, "selected", {
+                key: 0,
+                option: f.value
+              }, () => [
+                je(I(i(f.value)), 1)
+              ], !0) : (v(), x("span", Vl, I(e.placeholder), 1))
+            ]),
+            t.clearable && f.value && !e.disabled ? (v(), P(A, {
+              key: 1,
+              icon: E(N).CLOSE,
+              size: E(U).S,
+              class: "select-clear-icon",
+              onClick: de(w, ["stop"])
+            }, null, 8, ["icon", "size"])) : L("", !0),
+            D(A, {
+              icon: E(N).CHEVRON_DOWN,
+              size: E(U).S,
+              class: H(["select-icon-right", { open: l.value }])
+            }, null, 8, ["icon", "size", "class"])
+          ], 8, xl),
+          D(Ie, { name: "dropdown" }, {
+            default: K(() => [
+              l.value ? (v(), x("div", {
+                key: 0,
+                ref_key: "floatingRef",
+                ref: c,
+                style: Z(E(r)),
+                class: "select-dropdown"
+              }, [
+                k("div", kl, [
+                  (v(!0), x(ge, null, We(e.options, (F, g) => (v(), x("div", {
+                    key: String(d(F)),
+                    class: H(["select-option", { selected: m(F), highlighted: a.value === g }]),
+                    onClick: (b) => V(F),
+                    onMouseenter: (b) => a.value = g
+                  }, [
+                    B(h.$slots, "option", {
+                      option: F,
+                      selected: m(F)
+                    }, () => [
+                      je(I(i(F)), 1)
+                    ], !0)
+                  ], 42, Cl))), 128))
+                ])
+              ], 4)) : L("", !0)
+            ]),
+            _: 3
+          })
+        ], 2),
+        (v(), P(Ze, { to: "body" }, [
+          l.value ? (v(), x("div", {
+            key: 0,
+            class: "select-backdrop",
+            onClick: y
+          })) : L("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), Wt = /* @__PURE__ */ M(Rl, [["__scopeId", "data-v-fc22f0e9"]]), El = /* @__PURE__ */ T({
+  __name: "input-select",
+  props: {
+    modelValue: {},
+    label: {},
+    id: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    colspan: {},
+    newLine: { type: Boolean },
+    spanRow: { type: Boolean },
+    error: {},
+    options: {}
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = R(t.modelValue), a = (s) => {
+      l.value = s, o("update:modelValue", s);
+    };
+    return (s, u) => (v(), P(Pe, {
+      modelValue: l.value,
+      "onUpdate:modelValue": a,
+      label: t.label,
+      id: t.id,
+      placeholder: t.placeholder,
+      disabled: t.disabled,
+      colspan: t.colspan,
+      newLine: t.newLine,
+      spanRow: t.spanRow,
+      error: t.error
+    }, {
+      control: K(({ id: c, disabled: r, placeholder: i }) => [
+        D(Wt, {
+          id: c,
+          modelValue: l.value,
+          "onUpdate:modelValue": [
+            u[0] || (u[0] = (d) => l.value = d),
+            a
+          ],
+          options: t.options,
+          placeholder: i,
+          disabled: r,
+          "option-label": (d) => d.label,
+          "option-value": (d) => d.value,
+          clearable: ""
+        }, null, 8, ["id", "modelValue", "options", "placeholder", "disabled", "option-label", "option-value"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error"]));
+  }
+}), Sl = { class: "textarea" }, $l = ["value", "placeholder", "disabled", "rows"], Ll = /* @__PURE__ */ T({
+  __name: "textarea",
+  props: /* @__PURE__ */ ue({
+    icon: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    rows: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const t = n, o = ye(e, "modelValue"), l = (r) => {
+      o.value = r.target.value;
+    }, a = () => {
+      o.value = "";
+    }, s = (r) => {
+      t("focus", r);
+    }, u = (r) => {
+      t("blur", r);
+    }, c = C(() => !o.value);
+    return (r, i) => {
+      const d = W("VjIcon");
+      return v(), x("div", Sl, [
+        e.icon ? (v(), P(d, {
+          key: 0,
+          icon: e.icon,
+          size: E(U).S,
+          class: "textarea-icon"
+        }, null, 8, ["icon", "size"])) : L("", !0),
+        k("textarea", {
+          value: o.value,
+          onInput: l,
+          onFocus: s,
+          onBlur: u,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          rows: e.rows
+        }, null, 40, $l),
+        e.clearable && !e.disabled ? (v(), P(d, {
+          key: 1,
+          class: H(["clear-icon", { invisible: c.value }]),
+          icon: E(N).CLOSE,
+          size: E(U).S,
+          onClick: a
+        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+      ]);
+    };
+  }
+}), Ut = /* @__PURE__ */ M(Ll, [["__scopeId", "data-v-2ea43716"]]), Al = /* @__PURE__ */ T({
+  __name: "input-text-area",
+  props: {
+    modelValue: {},
+    label: {},
+    id: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    colspan: {},
+    newLine: { type: Boolean },
+    spanRow: { type: Boolean },
+    error: {},
+    rows: {}
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = (i) => o("update:modelValue", i), a = (i) => o("input", i), s = (i) => o("focus", i), u = (i) => o("blur", i), c = (i) => {
+      l(i ?? "");
+    }, r = C(() => {
+      const i = t.modelValue;
+      return i == null ? "" : String(i);
+    });
+    return (i, d) => (v(), P(Pe, {
+      modelValue: t.modelValue,
+      "onUpdate:modelValue": l,
+      onInput: a,
+      onFocus: s,
+      onBlur: u,
+      label: t.label,
+      id: t.id,
+      placeholder: t.placeholder,
+      disabled: t.disabled,
+      colspan: t.colspan,
+      newLine: t.newLine,
+      spanRow: t.spanRow,
+      error: t.error
+    }, {
+      control: K(({ id: f, disabled: m, placeholder: p, onFocus: y, onBlur: V }) => [
+        D(Ut, {
+          id: f,
+          modelValue: r.value,
+          "onUpdate:modelValue": c,
+          onFocus: (w) => {
+            y(w), s(w);
+          },
+          onBlur: (w) => {
+            V(w), u(w);
+          },
+          placeholder: p,
+          disabled: m,
+          rows: t.rows,
+          clearable: ""
+        }, null, 8, ["id", "modelValue", "onFocus", "onBlur", "placeholder", "disabled", "rows"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error"]));
+  }
+}), Ol = { class: "input" }, Tl = ["value", "type", "placeholder", "disabled"], Bl = /* @__PURE__ */ T({
+  __name: "input",
+  props: /* @__PURE__ */ ue({
+    icon: {},
+    type: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const t = n, o = ye(e, "modelValue"), l = (r) => {
+      o.value = r.target.value;
+    }, a = () => {
+      o.value = "";
+    }, s = (r) => {
+      t("focus", r);
+    }, u = (r) => {
+      t("blur", r);
+    }, c = C(() => !o.value);
+    return (r, i) => {
+      const d = W("VjIcon");
+      return v(), x("div", Ol, [
+        e.icon ? (v(), P(d, {
+          key: 0,
+          icon: e.icon,
+          size: E(U).S
+        }, null, 8, ["icon", "size"])) : L("", !0),
+        k("input", {
+          value: o.value,
+          onInput: l,
+          onFocus: s,
+          onBlur: u,
+          type: e.type,
+          placeholder: e.placeholder,
+          disabled: e.disabled
+        }, null, 40, Tl),
+        e.clearable && !e.disabled ? (v(), P(d, {
+          key: 1,
+          class: H(["clear-icon", { invisible: c.value }]),
+          icon: E(N).CLOSE,
+          size: E(U).S,
+          onClick: a
+        }, null, 8, ["class", "icon", "size"])) : L("", !0)
+      ]);
+    };
+  }
+}), Xt = /* @__PURE__ */ M(Bl, [["__scopeId", "data-v-be574bc7"]]), Ml = /* @__PURE__ */ T({
+  __name: "input-text",
+  props: {
+    modelValue: {},
+    label: {},
+    id: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    colspan: {},
+    newLine: { type: Boolean },
+    spanRow: { type: Boolean },
+    error: {}
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(e, { emit: n }) {
+    const t = n, o = (c) => t("update:modelValue", c), l = (c) => t("input", c), a = (c) => t("focus", c), s = (c) => t("blur", c), u = (c) => {
+      o(c ?? "");
+    };
+    return (c, r) => (v(), P(Pe, {
+      modelValue: e.modelValue,
+      "onUpdate:modelValue": o,
+      onInput: l,
+      onFocus: a,
+      onBlur: s,
+      label: e.label,
+      id: e.id,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      colspan: e.colspan,
+      newLine: e.newLine,
+      spanRow: e.spanRow,
+      error: e.error
+    }, {
+      control: K(({ id: i, disabled: d, placeholder: f, onFocus: m, onBlur: p }) => [
+        D(Xt, {
+          id: i,
+          modelValue: e.modelValue,
+          "onUpdate:modelValue": u,
+          onFocus: (y) => {
+            m(y), a(y);
+          },
+          onBlur: (y) => {
+            p(y), s(y);
+          },
+          placeholder: f,
+          disabled: d,
+          clearable: ""
+        }, null, 8, ["id", "modelValue", "onFocus", "onBlur", "placeholder", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error"]));
+  }
+}), Pl = { class: "shell-navigation-item" }, Fl = { class: "shell-navigation-item-label" }, Dl = /* @__PURE__ */ T({
+  __name: "shell-navigation-item",
+  props: {
+    label: {},
+    icon: {},
+    to: {}
+  },
+  setup(e) {
+    return (n, t) => {
+      const o = W("VjIcon"), l = W("RouterLink");
+      return v(), x("li", Pl, [
+        D(l, {
+          to: e.to,
+          class: "shell-navigation-item-link"
+        }, {
+          default: K(() => [
+            D(o, {
+              icon: e.icon,
+              class: "shell-navigation-item-icon"
+            }, null, 8, ["icon"]),
+            k("label", Fl, I(e.label), 1)
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ]);
+    };
+  }
+}), jl = /* @__PURE__ */ M(Dl, [["__scopeId", "data-v-d5c087be"]]), Il = { class: "navigation-top" }, zl = { class: "navigation-bottom" }, Hl = /* @__PURE__ */ T({
+  __name: "shell-navigation",
+  setup(e) {
+    const n = kt(la, sa());
+    console.log("navigationProvider", n);
+    const t = C(() => n.showLabels);
+    return (o, l) => {
+      const a = W("VjShellNavigationItem");
+      return v(), x("nav", {
+        class: H(["shell-navigation", { "with-labels": t.value }])
+      }, [
+        k("ul", Il, [
+          E(n).hasParent && E(n).backRoute.value ? (v(), P(a, {
+            key: 0,
+            to: E(n).backRoute.value,
+            label: "BACK",
+            icon: E(N).HOME
+          }, null, 8, ["to", "icon"])) : L("", !0),
+          (v(!0), x(ge, null, We(E(n).childRoutes.value, (s) => (v(), P(a, {
+            key: s.name,
+            to: { name: s.name },
+            label: s.meta.label,
+            icon: s.meta.icon ?? E(N).HOME
+          }, null, 8, ["to", "label", "icon"]))), 128))
+        ]),
+        k("ul", zl, [
+          B(o.$slots, "fixed", {}, void 0, !0)
+        ])
+      ], 2);
+    };
+  }
+}), Kt = /* @__PURE__ */ M(Hl, [["__scopeId", "data-v-0f990f5b"]]), Nl = { class: "shell" }, Wl = { class: "shell-title" }, Ul = ["src"], Xl = { class: "header-actions" }, Kl = /* @__PURE__ */ T({
+  __name: "shell",
+  props: {
+    title: {},
+    icon: {},
+    showNavigation: { type: Boolean }
+  },
+  setup(e) {
+    const n = da(), t = Ge(n, "asideComponent"), o = Ge(n, "hasAside"), l = Ge(n, "asideData"), a = C(() => {
+      const s = l.value;
+      return s && typeof s == "object" ? s : {};
+    });
+    return (s, u) => {
+      const c = W("router-view");
+      return v(), x("div", Nl, [
+        k("header", null, [
+          k("span", Wl, [
+            e.icon ? (v(), x("img", {
+              key: 0,
+              src: e.icon,
+              alt: "Shell Icon"
+            }, null, 8, Ul)) : L("", !0),
+            k("h1", null, I(e.title), 1)
+          ]),
+          k("div", Xl, [
+            B(s.$slots, "header-actions", {}, void 0, !0)
+          ])
+        ]),
+        k("div", {
+          class: H(["shell-content", { "with-navigation": e.showNavigation }])
+        }, [
+          e.showNavigation ? (v(), P(E(Kt), { key: 0 })) : L("", !0),
+          k("main", null, [
+            B(s.$slots, "default", {}, () => [
+              D(c)
+            ], !0)
+          ]),
+          k("aside", {
+            class: H({ "aside-visible": o.value })
+          }, [
+            (v(), P(Vt(t.value), ln(an(a.value)), null, 16))
+          ], 2)
+        ], 2),
+        u[0] || (u[0] = k("footer", null, null, -1))
+      ]);
+    };
+  }
+}), ql = /* @__PURE__ */ M(Kl, [["__scopeId", "data-v-336560c3"]]), Gl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], Yl = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], Jl = /* @__PURE__ */ T({
+  __name: "slider",
+  props: {
+    modelValue: { default: void 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    range: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = R(null), a = R(!1), s = R(!1), u = (g, b, $) => Math.min(Math.max(g, b), $), c = R(
+      t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
+    ), r = R(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
+    q(
+      () => t.modelValue,
+      (g) => {
+        t.range ? Array.isArray(g) && (c.value = u(g[0], t.min, t.max), r.value = u(g[1], t.min, t.max)) : typeof g == "number" && (c.value = u(g, t.min, t.max));
+      },
+      { immediate: !0 }
+    );
+    const i = (g) => (g - t.min) / (t.max - t.min) * 100, d = C(() => ({ left: `${i(c.value)}%` })), f = C(() => ({ left: `${i(r.value)}%` })), m = C(() => {
+      if (!t.range) return { width: `${i(c.value)}%`, left: "0%" };
+      const g = i(c.value), b = i(r.value);
+      return { left: `${g}%`, width: `${Math.max(0, b - g)}%` };
+    });
+    let p = null, y = null;
+    const V = async (g, b) => {
+      p = g, y = b.pointerId, g === "low" ? a.value = !0 : s.value = !0;
+      try {
+        b.target.setPointerCapture(b.pointerId);
+      } catch {
+      }
+      window.addEventListener("pointermove", _), window.addEventListener("pointerup", w);
+    }, w = (g) => {
+      if (y != null && g)
+        try {
+          g.target.releasePointerCapture(g.pointerId);
+        } catch {
+        }
+      p = null, y = null, a.value = !1, s.value = !1, window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", w), A();
+    }, _ = (g) => {
+      if (!p || !l.value) return;
+      const b = l.value.getBoundingClientRect(), $ = u(g.clientX - b.left, 0, b.width), j = t.min + $ / b.width * (t.max - t.min), z = Math.round(j / t.step) * t.step;
+      p === "low" ? t.range ? c.value = Math.min(z, r.value) : c.value = u(z, t.min, t.max) : p === "high" && (r.value = Math.max(z, c.value));
+    }, h = (g) => {
+      if (!l.value) return;
+      const b = l.value.getBoundingClientRect(), $ = u(g.clientX - b.left, 0, b.width), j = t.min + $ / b.width * (t.max - t.min), z = Math.round(j / t.step) * t.step;
+      if (t.range) {
+        const se = Math.abs(z - c.value), ie = Math.abs(z - r.value);
+        se <= ie ? c.value = Math.min(z, r.value) : r.value = Math.max(z, c.value);
+      } else
+        c.value = u(z, t.min, t.max);
+      A();
+    }, O = (g, b) => {
+      const $ = t.step, j = b.key === "ArrowLeft" || b.key === "ArrowDown" ? -1 : b.key === "ArrowRight" || b.key === "ArrowUp" ? 1 : 0;
+      if (j) {
+        if (g === "low") {
+          const z = u(c.value + j * $, t.min, t.range ? r.value : t.max);
+          c.value = z, a.value = !0, setTimeout(() => a.value = !1, 800);
+        } else {
+          const z = u(r.value + j * $, t.range ? c.value : t.max, t.max);
+          r.value = z, s.value = !0, setTimeout(() => s.value = !1, 800);
+        }
+        A();
+      }
+    }, A = () => {
+      t.range ? (o("update:modelValue", [c.value, r.value]), o("change", [c.value, r.value])) : (o("update:modelValue", c.value), o("change", c.value));
+    };
+    Ae(() => {
+      window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", w);
+    }), q([() => t.min, () => t.max], () => {
+      c.value = u(c.value, t.min, t.max), r.value = u(r.value, t.min, t.max);
+    });
+    const F = C(() => t.range);
+    return he(() => {
+      t.modelValue === void 0 && (t.range ? o("update:modelValue", [c.value, r.value]) : o("update:modelValue", c.value));
+    }), (g, b) => (v(), x("div", {
+      class: "vj-slider",
+      onPointerdown: b[8] || (b[8] = de(() => {
+      }, ["stop"]))
+    }, [
+      k("div", {
+        class: "track",
+        ref_key: "track",
+        ref: l,
+        onClick: h
+      }, [
+        k("div", {
+          class: "range",
+          style: Z(m.value)
+        }, null, 4),
+        a.value ? (v(), x("div", {
+          key: 0,
+          class: "tooltip",
+          style: Z({ left: d.value.left })
+        }, I(c.value), 5)) : L("", !0),
+        k("button", {
+          class: "handle low",
+          style: Z(d.value),
+          "aria-valuemin": e.min,
+          "aria-valuemax": e.max,
+          "aria-valuenow": c.value,
+          "aria-label": F.value ? "Lower value" : "Value",
+          onPointerdown: b[0] || (b[0] = de(($) => V("low", $), ["prevent"])),
+          onFocus: b[1] || (b[1] = ($) => a.value = !0),
+          onBlur: b[2] || (b[2] = ($) => a.value = !1),
+          onKeydown: b[3] || (b[3] = de(($) => O("low", $), ["stop", "prevent"])),
+          role: "slider",
+          tabindex: "0"
+        }, null, 44, Gl),
+        F.value && s.value ? (v(), x("div", {
+          key: 1,
+          class: "tooltip",
+          style: Z({ left: f.value.left })
+        }, I(r.value), 5)) : L("", !0),
+        F.value ? (v(), x("button", {
+          key: 2,
+          class: "handle high",
+          style: Z(f.value),
+          "aria-valuemin": e.min,
+          "aria-valuemax": e.max,
+          "aria-valuenow": r.value,
+          "aria-label": "Upper value",
+          onPointerdown: b[4] || (b[4] = de(($) => V("high", $), ["prevent"])),
+          onFocus: b[5] || (b[5] = ($) => s.value = !0),
+          onBlur: b[6] || (b[6] = ($) => s.value = !1),
+          onKeydown: b[7] || (b[7] = de(($) => O("high", $), ["stop", "prevent"])),
+          role: "slider",
+          tabindex: "0"
+        }, null, 44, Yl)) : L("", !0)
+      ], 512)
+    ], 32));
+  }
+}), Ql = /* @__PURE__ */ M(Jl, [["__scopeId", "data-v-d47c7475"]]), Zl = ["onFocusin", "onFocusout"], ea = /* @__PURE__ */ T({
+  __name: "input-slider",
+  props: {
+    modelValue: {},
+    label: {},
+    id: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    colspan: {},
+    newLine: { type: Boolean },
+    spanRow: { type: Boolean },
+    error: {},
+    min: {},
+    max: {},
+    step: {}
+  },
+  emits: ["update:modelValue", "input", "focus", "blur"],
+  setup(e, { emit: n }) {
+    const t = e, o = n, l = t.modelValue === void 0 ? 0 : Number(t.modelValue), a = R(Number.isNaN(l) ? 0 : l), s = (u) => {
+      const c = typeof u == "number" ? u : Number(u ?? 0);
+      a.value = Number.isNaN(c) ? 0 : c, o("update:modelValue", a.value), o("input", a.value);
+    };
+    return (u, c) => (v(), P(Pe, {
+      modelValue: a.value,
+      "onUpdate:modelValue": s,
+      label: t.label,
+      id: t.id,
+      placeholder: " ",
+      disabled: t.disabled,
+      colspan: t.colspan,
+      newLine: t.newLine,
+      spanRow: t.spanRow,
+      error: t.error
+    }, {
+      control: K(({ id: r, disabled: i, placeholder: d, onFocus: f, onBlur: m }) => [
+        k("div", {
+          class: "input-slider__control",
+          onFocusin: f,
+          onFocusout: m
+        }, [
+          D(Ql, {
+            id: r,
+            modelValue: a.value,
+            "onUpdate:modelValue": c[0] || (c[0] = (p) => a.value = p),
+            min: t.min,
+            max: t.max,
+            step: t.step,
+            range: !1,
+            disabled: i
+          }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
+        ], 40, Zl)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
+  }
+}), ta = /* @__PURE__ */ M(ea, [["__scopeId", "data-v-051e6d17"]]), qt = [
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable="true"]'
+].join(", ");
+function na(e) {
+  const n = e.querySelectorAll(qt);
+  for (const t of Array.from(n))
+    if (t.offsetParent !== null || t.getClientRects().length > 0)
+      return t;
+  return null;
+}
+const oa = {
+  mounted(e, n) {
+    const t = typeof n.value == "number" ? n.value : 0, o = () => {
+      if (e.matches(qt)) {
+        e.focus();
+        return;
+      }
+      const l = na(e);
+      l && l.focus();
+    };
+    t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
+  }
+}, la = "navigationProvider";
+function aa(e) {
+  return !!e.meta && "icon" in e.meta && "label" in e.meta;
+}
+const sa = () => {
+  const e = un(), n = dn(), t = !0, o = C(() => {
+    const i = e.getRoutes();
+    return i.filter((d) => d.path !== "/" && !i.some((f) => f.children?.some((m) => m.name === d.name)));
+  }), l = C(() => {
+    const i = n.matched;
+    return i.length ? i[i.length - 1] : null;
+  }), a = C(() => {
+    const i = n.matched;
+    return i.length > 1 ? i[i.length - 2] : null;
+  }), s = C(() => !!(l.value?.children?.length || a.value)), u = C(() => l.value?.children?.length ? l.value : a.value?.children?.length ? a.value : null), c = C(() => {
+    if (!u.value) return null;
+    const d = e.getRoutes().find((f) => f.children?.some((m) => m.name === u.value.name));
+    return d ? { name: d.name } : { path: "/" };
+  }), r = C(() => {
+    let i = [];
+    return n.path === "/" ? i = o.value : l.value?.children?.length ? i = l.value.children : a.value?.children?.length ? i = a.value.children : i = o.value, i.filter(aa);
+  });
+  return {
+    hasParent: s,
+    backRoute: c,
+    childRoutes: r,
+    showLabels: t
+  };
+}, ba = (e, n = !0, t = void 0) => {
+  const o = sn(e) ? e : R(e), l = !!t, a = R(t || null);
+  return {
+    hasParent: l,
+    backRoute: a,
+    childRoutes: o,
+    showLabels: n
+  };
+}, at = R(!1), st = R(null), it = R(null);
+let ke = [];
+const Gt = (e) => (ke.push(e), () => {
+  ke = ke.filter((n) => n !== e);
+}), ia = (e, n) => (ke = [], st.value = e, it.value = n ?? null, at.value = !0, {
+  onClose: (t) => Gt(t)
+}), ra = (e) => {
+  try {
+    ke.forEach((n) => {
+      try {
+        n(e);
+      } catch (t) {
+        console.error("aside onClose callback error", t);
+      }
+    });
+  } finally {
+    at.value = !1, setTimeout(ca, 1e3);
+  }
+}, ca = () => {
+  ke = [], st.value = null, it.value = null;
+}, ua = {
+  asideComponent: st,
+  asideData: it,
+  showAside: ia,
+  closeAside: ra,
+  onAsideClose: Gt,
+  hasAside: at
+}, da = () => ua, ya = (e, n) => {
+  let t = null;
+  return (...l) => {
+    t && clearTimeout(t), t = setTimeout(() => {
+      e(...l);
+    }, n);
+  };
+};
+class fa {
+  containerElement = null;
+  apps = [];
+  ensureContainer() {
+    return this.containerElement || (this.containerElement = document.createElement("div"), this.containerElement.id = "vj-dialog-container", document.body.appendChild(this.containerElement)), this.containerElement;
+  }
+  open(n) {
+    return new Promise((t) => {
+      const o = this.ensureContainer(), l = document.createElement("div");
+      o.appendChild(l);
+      let a = !1;
+      const s = () => {
+        a || (a = !0, setTimeout(() => {
+          const c = this.apps.find((r) => r.element === l);
+          c && (c.app.unmount(), this.apps = this.apps.filter((r) => r !== c)), l.remove();
+        }, 300));
+      }, u = rn({
+        setup() {
+          return () => cn(Et, {
+            modelValue: !0,
+            title: n.title,
+            message: n.message,
+            component: n.component,
+            componentProps: n.componentProps,
+            showFooter: n.showFooter ?? !0,
+            showCancel: n.showCancel ?? !0,
+            confirmText: n.confirmText,
+            cancelText: n.cancelText,
+            closeOnBackdrop: n.closeOnBackdrop ?? !1,
+            closeOnEscape: n.closeOnEscape ?? !0,
+            onConfirm: () => {
+              t(!0), s();
+            },
+            onCancel: () => {
+              t(!1), s();
+            },
+            onClose: () => {
+              a || t(!1), s();
+            }
+          });
+        }
+      });
+      u.component("VjCard", Rt), u.component("VjIcon", Oe), u.component("VjButton", Ct), u.mount(l), this.apps.push({ app: u, element: l });
+    });
+  }
+  confirm(n) {
+    return this.open({
+      title: n.title,
+      message: n.message,
+      showFooter: !0,
+      showCancel: !0,
+      confirmText: n.confirmText ?? "OK",
+      cancelText: n.cancelText ?? "Abbrechen"
+    });
+  }
+  alert(n, t) {
+    return this.open({
+      title: n,
+      message: t,
+      showFooter: !0,
+      showCancel: !1,
+      confirmText: "OK"
+    });
+  }
+  closeAll() {
+    this.apps.forEach(({ app: n, element: t }) => {
+      n.unmount(), t.remove();
+    }), this.apps = [];
+  }
+}
+const ma = new fa();
+function wa() {
+  return ma;
+}
+const xa = {
+  install(e) {
+    e.component("VjButton", Ct), e.component("VjButtonBar", gn), e.component("VjCard", Rt), e.component("VjCarousel", Ln), e.component("VjDotMenu", $o), e.component("VjIcon", Oe), e.component("VjLinkButton", Ao), e.component("VjMenu", jo), e.component("VjMenuAction", Mo), e.component("VjPage", Ko), e.component("VjPaginator", Yo), e.component("VjTab", ul), e.component("VjTabView", rl), e.component("VjDialog", Et), e.component("VjInput", Xt), e.component("VjSelect", Wt), e.component("VjTextArea", Ut), e.component("VjFormField", Pe), e.component("VjFormLayout", gl), e.component("VjFormSection", wl), e.component("VjInputText", Ml), e.component("VjInputTextArea", Al), e.component("VjInputSelect", El), e.component("VjInputSlider", ta), e.component("VjShellNavigation", Kt), e.component("VjShellNavigationItem", jl), e.component("VjShell", ql), e.component("VjSearchField", el), e.component("VjSeparator", nl), e.directive("focus", oa);
+  }
+};
+export {
+  Ct as Button,
+  gn as ButtonBar,
+  Rt as Card,
+  Ln as Carousel,
+  ga as Checkbox,
+  Et as Dialog,
+  $o as DotMenu,
+  Pe as FormField,
+  gl as FormLayout,
+  wl as FormSection,
+  Oe as Icon,
+  N as IconNames,
+  U as IconSize,
+  Xt as Input,
+  El as InputSelect,
+  Ml as InputText,
+  Al as InputTextArea,
+  Ao as LinkButton,
+  jo as Menu,
+  Mo as MenuAction,
+  Ko as Page,
+  Yo as Paginator,
+  el as SearchField,
+  Wt as Select,
+  nl as Separator,
+  ql as Shell,
+  Kt as ShellNavigation,
+  jl as ShellNavigationItem,
+  ul as Tab,
+  rl as TabView,
+  Ut as TextArea,
+  xa as VjComponents,
+  la as VjNavigationProviderKey,
+  ma as dialogService,
+  da as useAsideService,
+  ya as useDebounce,
+  wa as useDialog,
+  sa as useRouterNavigationProvider,
+  ba as useStaticNavigationProvider,
+  oa as vFocusFirst
+};