@vanjana/vue-ui 0.1.131 → 0.1.134

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

@@ -1,4 +1,4 @@
-import { defineComponent as R, computed as k, createElementBlock as g, openBlock as f, normalizeClass as I, unref as $, createBlock as P, createCommentVNode as L, resolveDynamicComponent as ut, mergeModels as G, useModel as ne, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as Le, withCtx as N, renderSlot as M, createTextVNode as Ue, useSlots as Kt, ref as E, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as K, resolveComponent as q, normalizeStyle as Y, Fragment as Q, renderList as pe, withModifiers as U, provide as Xt, Teleport as je, createSlots as dt, mergeProps as wn, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ve, render as Rt, resolveDirective as qt, withDirectives as ft, withKeys as Be, inject as vt, onUnmounted as Vn, vModelText as Cn, toRef as lt, normalizeProps as En, guardReactiveProps as $n, TransitionGroup as Ln, isRef as Sn, createApp as Tn, h as Rn } from "vue";
+import { defineComponent as R, computed as k, createElementBlock as g, openBlock as f, normalizeClass as I, unref as S, createBlock as P, createCommentVNode as L, resolveDynamicComponent as ut, mergeModels as G, useModel as ne, createElementVNode as _, createVNode as T, toDisplayString as O, Transition as Se, withCtx as N, renderSlot as M, createTextVNode as Ue, useSlots as Xt, ref as $, onMounted as Re, nextTick as he, onBeforeUnmount as Ae, watch as K, resolveComponent as q, normalizeStyle as Y, Fragment as Q, renderList as pe, withModifiers as U, provide as qt, Teleport as je, createSlots as dt, mergeProps as ft, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ce, render as At, resolveDirective as Gt, withDirectives as vt, withKeys as Be, inject as mt, onUnmounted as Cn, vModelText as Vn, toRef as lt, normalizeProps as En, guardReactiveProps as $n, TransitionGroup as Sn, isRef as Ln, createApp as Tn, h as Rn } from "vue";
 import { useRouter as An, useRoute as On } from "vue-router";
 var z = /* @__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.LOGOUT = "fa-solid fa-right-from-bracket", 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-circle", 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.SAVE = "fa-regular fa-floppy-disk", e.COPY = "fa-regular fa-copy", e.DUPLICATE = "fa-regular fa-clone", e.CUT = "fa-solid fa-scissors", e.PASTE = "fa-regular fa-clipboard", e.REFRESH = "fa-solid fa-rotate-right", e.RELOAD = "fa-solid fa-arrows-rotate", e.PRINT = "fa-solid fa-print", e.FILTER = "fa-solid fa-filter", e.UNDO = "fa-solid fa-rotate-left", e.REDO = "fa-solid fa-rotate-right", e.PIN = "fa-solid fa-thumbtack", e.EXPAND = "fa-solid fa-expand", e.COLLAPSE = "fa-solid fa-compress", e.EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square", e.INFO = "fa-solid fa-circle-info", e.WARNING = "fa-solid fa-triangle-exclamation", e.ERROR = "fa-regular fa-circle-xmark", e.CHECK = "fa-regular fa-circle-check", e.LOVE = "fa-regular fa-heart", e.STAR = "fa-regular fa-star", e.STAR_FILLED = "fa-solid fa-star", e.HELP = "fa-regular fa-circle-question", e.QUESTION = "fa-solid fa-question", 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.ATTACHMENT = "fa-solid fa-paperclip", e.LINK = "fa-solid fa-link", e.TAG = "fa-solid fa-tag", e.TAGS = "fa-solid fa-tags", 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.COMMENT = "fa-regular fa-comment", e.COMMENTS = "fa-regular fa-comments", e.CALENDAR = "fa-regular fa-calendar", e.CALENDAR_DAY = "fa-solid fa-calendar-day", e.CLOCK = "fa-regular fa-clock", e.HISTORY = "fa-solid fa-clock-rotate-left", e.LOCK = "fa-solid fa-lock", e.UNLOCK = "fa-solid fa-lock-open", e.EYE = "fa-regular fa-eye", e.EYE_SLASH = "fa-regular fa-eye-slash", e.SHIELD = "fa-solid fa-shield", e.LIST = "fa-solid fa-list", e.GRID = "fa-solid fa-grid", e.TABLE = "fa-solid fa-table", e.COLUMNS = "fa-solid fa-columns", e.BELL = "fa-regular fa-bell", e.IMAGE = "fa-regular fa-image", e))(z || {}), X = /* @__PURE__ */ ((e) => (e.S = "icon-size-s", e.M = "icon-size-m", e.L = "icon-size-l", e))(X || {});
 class Dn {
@@ -64,7 +64,7 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
       return a?.type === "component" ? a.value : null;
     });
     return (a, c) => (f(), g("div", {
-      class: I(["icon-wrapper", n.size ?? $(t)])
+      class: I(["icon-wrapper", n.size ?? S(t)])
     }, [
       o.value ? (f(), g("i", {
         key: 0,
@@ -115,12 +115,12 @@ const at = new Dn(), Bn = /* @__PURE__ */ R({
       }, [
         _("span", jn, O(e.title), 1),
         T(te, {
-          icon: $(z).CHEVRON_DOWN,
-          size: $(X).S,
+          icon: S(z).CHEVRON_DOWN,
+          size: S(X).S,
           class: "accordion-icon"
         }, null, 8, ["icon", "size"])
       ], 8, Mn),
-      T(Le, {
+      T(Se, {
         name: "accordion",
         onEnter: o,
         onLeave: l
@@ -166,7 +166,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       e.icon ? (f(), P(te, {
         key: 0,
         icon: e.icon,
-        size: $(t)
+        size: S(t)
       }, null, 8, ["icon", "size"])) : L("", !0),
       Ue(" " + O(e.label), 1)
     ], 10, qn));
@@ -181,14 +181,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     scrollable: { type: Boolean }
   },
   setup(e) {
-    const n = Kt();
+    const n = Xt();
     return (t, o) => (f(), g("div", {
       class: I(["card", { scrollable: e.scrollable }])
     }, [
       _("header", null, [
         M(t.$slots, "header", {}, () => [
           _("h3", null, O(e.header), 1),
-          $(n).headerActions ? (f(), g("span", Yn, [
+          S(n).headerActions ? (f(), g("span", Yn, [
             M(t.$slots, "headerActions", {}, void 0, !0)
           ])) : L("", !0)
         ], !0)
@@ -196,7 +196,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       _("main", null, [
         M(t.$slots, "default", {}, void 0, !0)
       ]),
-      $(n).footer ? (f(), g("footer", Jn, [
+      S(n).footer ? (f(), g("footer", Jn, [
         M(t.$slots, "footer", {}, void 0, !0)
       ])) : L("", !0)
     ], 2));
@@ -215,11 +215,11 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     ariaLabel: {}
   },
   setup(e) {
-    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, i = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", r = E(Math.max(0, a)), s = E(null), u = E(null), d = E(0), v = E(0);
+    const n = e, t = n.autoplay ?? !1, o = n.interval ?? 4e3, l = n.loop ?? !0, i = n.pauseOnHover ?? !0, a = n.startIndex ?? 0, c = n.ariaLabel ?? "Carousel", r = $(Math.max(0, a)), s = $(null), u = $(null), d = $(0), v = $(0);
     let p = !1;
-    const h = E(0), y = E(!1);
+    const h = $(0), y = $(!1);
     let m = null, b = null;
-    const x = E(null), w = E(null), S = () => {
+    const x = $(null), w = $(null), E = () => {
       h.value = s.value ? s.value.children.length : 0, h.value === 0 ? r.value = 0 : r.value >= h.value && (r.value = l ? 0 : h.value - 1), H();
     }, j = k(() => d.value > 0 ? { transform: `translateX(${-r.value * d.value + v.value}px)` } : { transform: `translateX(-${r.value * 100}%)` }), H = () => {
       s.value && Array.from(s.value.children).forEach((B, ye) => {
@@ -228,11 +228,11 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         } catch {
         }
       });
-    }, V = () => {
-      C(), !(!t || h.value <= 1) && (i && y.value || (m = setTimeout(() => {
-        F(), V();
-      }, o)));
     }, C = () => {
+      V(), !(!t || h.value <= 1) && (i && y.value || (m = setTimeout(() => {
+        F(), C();
+      }, o)));
+    }, V = () => {
       m && (clearTimeout(m), m = null);
     }, D = () => {
       h.value !== 0 && (r.value <= 0 ? r.value = l ? h.value - 1 : 0 : r.value--);
@@ -241,9 +241,9 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }, W = (B) => {
       B < 0 || B >= h.value || (r.value = B);
     }, oe = () => {
-      y.value = !0, i && C();
+      y.value = !0, i && V();
     }, fe = () => {
-      y.value = !1, V();
+      y.value = !1, C();
     }, ve = (B) => {
       B.key === "ArrowLeft" ? D() : B.key === "ArrowRight" && F();
     };
@@ -256,31 +256,31 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       le > 50 ? D() : le < -50 && F(), le = 0;
     };
     let He = 0;
-    const Et = (B) => {
+    const $t = (B) => {
       if (B.isPrimary !== !1 && !(B.pointerType === "mouse" && B.button !== 0)) {
-        p = !0, He = B.clientX, v.value = 0, C();
+        p = !0, He = B.clientX, v.value = 0, V();
         try {
           B.target?.setPointerCapture?.(B.pointerId);
         } catch {
         }
       }
-    }, $t = (B) => {
+    }, St = (B) => {
       p && (v.value = B.clientX - He, B.preventDefault());
     }, Lt = () => {
       if (!p) return;
       p = !1;
       const B = Math.max(50, d.value * 0.15);
-      v.value > B ? D() : v.value < -B && F(), v.value = 0, V();
-    }, St = (B) => {
+      v.value > B ? D() : v.value < -B && F(), v.value = 0, C();
+    }, Tt = (B) => {
       try {
         B.target?.releasePointerCapture?.(B.pointerId);
       } catch {
       }
       Lt();
-    }, Tt = () => Lt();
+    }, Rt = () => Lt();
     return Re(() => {
       he(() => {
-        if (S(), s.value && (b = new MutationObserver(S), b.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", re, { passive: !0 }), s.value.addEventListener("touchmove", J, { passive: !0 }), s.value.addEventListener("touchend", ae)), u.value) {
+        if (E(), s.value && (b = new MutationObserver(E), b.observe(s.value, { childList: !0 }), s.value.addEventListener("touchstart", re, { passive: !0 }), s.value.addEventListener("touchmove", J, { passive: !0 }), s.value.addEventListener("touchend", ae)), u.value) {
           const B = () => {
             d.value = u.value ? u.value.clientWidth : 0;
           };
@@ -291,23 +291,23 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
             we.observe(u.value), x.value = we;
           } else
             window.addEventListener("resize", B), w.value = B;
-          u.value && (u.value.addEventListener("pointerdown", Et), u.value.addEventListener("pointermove", $t), u.value.addEventListener("pointerup", St), u.value.addEventListener("pointercancel", Tt));
+          u.value && (u.value.addEventListener("pointerdown", $t), u.value.addEventListener("pointermove", St), u.value.addEventListener("pointerup", Tt), u.value.addEventListener("pointercancel", Rt));
         }
-        H(), V();
+        H(), C();
       });
     }), Ae(() => {
-      C(), b && s.value && b.disconnect(), s.value && (s.value.removeEventListener("touchstart", re), s.value.removeEventListener("touchmove", J), s.value.removeEventListener("touchend", ae)), u.value && (x.value && x.value.disconnect && x.value.disconnect(), w.value && window.removeEventListener("resize", w.value), u.value.removeEventListener("pointerdown", Et), u.value.removeEventListener("pointermove", $t), u.value.removeEventListener("pointerup", St), u.value.removeEventListener("pointercancel", Tt));
+      V(), b && s.value && b.disconnect(), s.value && (s.value.removeEventListener("touchstart", re), s.value.removeEventListener("touchmove", J), s.value.removeEventListener("touchend", ae)), u.value && (x.value && x.value.disconnect && x.value.disconnect(), w.value && window.removeEventListener("resize", w.value), u.value.removeEventListener("pointerdown", $t), u.value.removeEventListener("pointermove", St), u.value.removeEventListener("pointerup", Tt), u.value.removeEventListener("pointercancel", Rt));
     }), K([r, () => h.value], () => {
       H();
     }), K([() => y.value, r], () => {
-      V();
+      C();
     }), (B, ye) => {
       const we = q("VjButton");
       return f(), g("div", {
         class: "carousel",
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": $(c),
+        "aria-label": S(c),
         tabindex: "0",
         onKeydown: ve,
         onMouseenter: oe,
@@ -329,14 +329,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         ], 512),
         T(we, {
           class: "carousel-btn prev",
-          icon: $(z).PREVIOUS,
+          icon: S(z).PREVIOUS,
           onClick: D,
           type: "button",
           "aria-label": "Previous slide"
         }, null, 8, ["icon"]),
         T(we, {
           class: "carousel-btn next",
-          icon: $(z).NEXT,
+          icon: S(z).NEXT,
           onClick: F,
           type: "button",
           "aria-label": "Next slide"
@@ -454,12 +454,12 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       l("dismiss", o.value);
     };
     return (r, s) => (f(), g("div", {
-      class: I(["chip", { "chip--dismissable": $(i) }]),
+      class: I(["chip", { "chip--dismissable": S(i) }]),
       style: Y(a.value),
       onClick: s[0] || (s[0] = (u) => r.$emit("click"))
     }, [
       _("span", fo, O(e.label), 1),
-      $(i) ? (f(), g("button", {
+      S(i) ? (f(), g("button", {
         key: 0,
         class: "chip__close",
         type: "button",
@@ -467,13 +467,13 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         "aria-label": "Dismiss"
       }, [
         T(te, {
-          icon: $(z).CLOSE,
-          size: $(X).S
+          icon: S(z).CLOSE,
+          size: S(X).S
         }, null, 8, ["icon", "size"])
       ])) : L("", !0)
     ], 6));
   }
-}), Gt = /* @__PURE__ */ A(vo, [["__scopeId", "data-v-c2014a3b"]]), mo = { class: "chip-group" }, po = {
+}), Yt = /* @__PURE__ */ A(vo, [["__scopeId", "data-v-c2014a3b"]]), mo = { class: "chip-group" }, po = {
   key: 0,
   class: "chip-group__label"
 }, ho = { class: "chip-group__container" }, go = ["onDragover", "onDrop"], bo = ["onDragstart", "onDragover", "onDragenter", "onDrop"], yo = ["onDragover", "onDrop"], wo = {
@@ -492,7 +492,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items", "reorder", "dismiss", "chip-click"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), i = E(null);
+    const t = e, o = n, l = $(null), i = $(null);
     function a(m, b) {
       return typeof m == "string" ? `${m}-${b}` : m[t.itemKey] !== void 0 ? String(m[t.itemKey]) : `item-${b}`;
     }
@@ -523,7 +523,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       l.value = null, i.value = null;
     }
     function y(m) {
-      const b = t.items[m], x = t.items.filter((w, S) => S !== m);
+      const b = t.items[m], x = t.items.filter((w, E) => E !== m);
       o("update:items", x), o("dismiss", b, m);
     }
     return (m, b) => (f(), g("div", mo, [
@@ -535,39 +535,39 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
           v(w, "before") ? (f(), g("div", {
             key: 0,
             class: "chip-group__drop-indicator",
-            onDragover: U((S) => s(w, S), ["prevent"]),
-            onDrop: (S) => p(w, S)
+            onDragover: U((E) => s(w, E), ["prevent"]),
+            onDrop: (E) => p(w, E)
           }, null, 40, go)) : L("", !0),
           _("div", {
             class: I(["chip-group__item", { "chip-group__item--dragging": l.value === w }]),
             draggable: "true",
-            onDragstart: (S) => r(w, S),
-            onDragover: U((S) => s(w, S), ["prevent"]),
-            onDragenter: U((S) => u(w), ["prevent"]),
+            onDragstart: (E) => r(w, E),
+            onDragover: U((E) => s(w, E), ["prevent"]),
+            onDragenter: U((E) => u(w), ["prevent"]),
             onDragleave: d,
-            onDrop: (S) => p(w, S),
+            onDrop: (E) => p(w, E),
             onDragend: h
           }, [
-            T(Gt, {
+            T(Yt, {
               label: c(x),
               dismissable: typeof x == "string" ? e.dismissable : x.dismissable ?? e.dismissable,
               color: typeof x == "string" ? e.color : x.color ?? e.color,
-              onDismiss: (S) => y(w),
-              onClick: (S) => m.$emit("chip-click", x, w)
+              onDismiss: (E) => y(w),
+              onClick: (E) => m.$emit("chip-click", x, w)
             }, null, 8, ["label", "dismissable", "color", "onDismiss", "onClick"])
           ], 42, bo),
           v(w, "after") ? (f(), g("div", {
             key: 1,
             class: "chip-group__drop-indicator",
-            onDragover: U((S) => s(w, S), ["prevent"]),
-            onDrop: (S) => p(w, S)
+            onDragover: U((E) => s(w, E), ["prevent"]),
+            onDrop: (E) => p(w, E)
           }, null, 40, yo)) : L("", !0)
         ], 64))), 128))
       ]),
       e.hint ? (f(), g("div", wo, O(e.hint), 1)) : L("", !0)
     ]));
   }
-}), Yt = /* @__PURE__ */ A(_o, [["__scopeId", "data-v-66199d19"]]), Jt = /* @__PURE__ */ Symbol("VjDialogController"), xo = { class: "dialog-content" }, ko = { key: 1 }, Vo = { class: "dialog-footer" }, Co = /* @__PURE__ */ R({
+}), Jt = /* @__PURE__ */ A(_o, [["__scopeId", "data-v-66199d19"]]), Qt = /* @__PURE__ */ Symbol("VjDialogController"), xo = { class: "dialog-content" }, ko = { key: 1 }, Co = { class: "dialog-footer" }, Vo = /* @__PURE__ */ R({
   __name: "dialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -584,7 +584,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:modelValue", "confirm", "cancel", "close", "resolve"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(t.modelValue);
+    const t = e, o = n, l = $(t.modelValue);
     K(
       () => t.modelValue,
       (d) => l.value = d
@@ -598,7 +598,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }, r = () => {
       o("cancel"), i();
     };
-    Xt(Jt, {
+    qt(Qt, {
       close: i,
       resolve: a,
       cancel: r
@@ -615,14 +615,14 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
     }), (d, v) => {
       const p = q("VjIcon"), h = q("VjButton"), y = q("VjCard");
       return f(), P(je, { to: "body" }, [
-        T(Le, { name: "dialog-fade" }, {
+        T(Se, { name: "dialog-fade" }, {
           default: N(() => [
             l.value ? (f(), g("div", {
               key: 0,
               class: "dialog-backdrop",
               onClick: s
             }, [
-              T(Le, { name: "dialog-scale" }, {
+              T(Se, { name: "dialog-scale" }, {
                 default: N(() => [
                   l.value ? (f(), g("div", {
                     key: 0,
@@ -636,15 +636,15 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                     }, dt({
                       headerActions: N(() => [
                         T(p, {
-                          icon: $(z).CLOSE,
-                          size: $(X).S,
+                          icon: S(z).CLOSE,
+                          size: S(X).S,
                           class: "dialog-close",
                           onClick: i
                         }, null, 8, ["icon", "size"])
                       ]),
                       default: N(() => [
                         _("div", xo, [
-                          e.component ? (f(), P(ut(e.component), wn({ key: 0 }, e.componentProps, {
+                          e.component ? (f(), P(ut(e.component), ft({ key: 0 }, e.componentProps, {
                             onCancel: r,
                             onClose: i,
                             onConfirm: c,
@@ -657,7 +657,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                       e.showFooter ? {
                         name: "footer",
                         fn: N(() => [
-                          _("div", Vo, [
+                          _("div", Co, [
                             M(d.$slots, "footer", {}, () => [
                               e.showCancel ? (f(), P(h, {
                                 key: 0,
@@ -687,7 +687,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       ]);
     };
   }
-}), mt = /* @__PURE__ */ A(Co, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, Lo = ["onClick"], So = {
+}), pt = /* @__PURE__ */ A(Vo, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, So = ["onClick"], Lo = {
   key: 0,
   class: "no-options"
 }, To = /* @__PURE__ */ R({
@@ -702,7 +702,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   },
   emits: ["update:items"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E([...t.items]), i = E(!1), a = k(() => t.options.filter((s) => !l.value.includes(s.value)));
+    const t = e, o = n, l = $([...t.items]), i = $(!1), a = k(() => t.options.filter((s) => !l.value.includes(s.value)));
     function c(s) {
       const u = s;
       l.value = u, o("update:items", u);
@@ -720,7 +720,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       },
       { deep: !0 }
     ), (s, u) => (f(), g("div", Eo, [
-      T(Yt, {
+      T(Jt, {
         items: l.value,
         "onUpdate:items": [
           u[0] || (u[0] = (d) => l.value = d),
@@ -734,7 +734,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         class: "add-button",
         onClick: u[1] || (u[1] = (d) => i.value = !0)
       }, O(e.addButtonText), 1),
-      T(mt, {
+      T(pt, {
         modelValue: i.value,
         "onUpdate:modelValue": u[2] || (u[2] = (d) => i.value = d),
         title: e.dialogTitle || `Add ${e.label}`,
@@ -747,15 +747,15 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
               type: "button",
               class: "option-btn",
               onClick: (v) => r(d.value)
-            }, "+ " + O(d.label), 9, Lo))), 128))
+            }, "+ " + O(d.label), 9, So))), 128))
           ]),
-          a.value.length === 0 ? (f(), g("div", So, "All options already selected")) : L("", !0)
+          a.value.length === 0 ? (f(), g("div", Lo, "All options already selected")) : L("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), Ro = /* @__PURE__ */ A(To, [["__scopeId", "data-v-f2e1b880"]]), Se = Math.min, Z = Math.max, Ne = Math.round, We = Math.floor, ce = (e) => ({
+}), Ro = /* @__PURE__ */ A(To, [["__scopeId", "data-v-f2e1b880"]]), Le = Math.min, Z = Math.max, Ne = Math.round, We = Math.floor, ce = (e) => ({
   x: e,
   y: e
 }), Ao = {
@@ -767,8 +767,8 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   start: "end",
   end: "start"
 };
-function At(e, n, t) {
-  return Z(e, Se(n, t));
+function Ot(e, n, t) {
+  return Z(e, Le(n, t));
 }
 function Pe(e, n) {
   return typeof e == "function" ? e(n) : e;
@@ -779,22 +779,22 @@ function ge(e) {
 function Fe(e) {
   return e.split("-")[1];
 }
-function Qt(e) {
+function Zt(e) {
   return e === "x" ? "y" : "x";
 }
-function Zt(e) {
+function en(e) {
   return e === "y" ? "height" : "width";
 }
 const Do = /* @__PURE__ */ new Set(["top", "bottom"]);
 function me(e) {
   return Do.has(ge(e)) ? "y" : "x";
 }
-function en(e) {
-  return Qt(me(e));
+function tn(e) {
+  return Zt(me(e));
 }
 function Bo(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Fe(e), l = en(e), i = Zt(l);
+  const o = Fe(e), l = tn(e), i = en(l);
   let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[i] > n.floating[i] && (a = Ke(a)), [a, Ke(a)];
 }
@@ -805,12 +805,12 @@ function Mo(e) {
 function rt(e) {
   return e.replace(/start|end/g, (n) => Oo[n]);
 }
-const Ot = ["left", "right"], Dt = ["right", "left"], jo = ["top", "bottom"], Po = ["bottom", "top"];
+const Dt = ["left", "right"], Bt = ["right", "left"], jo = ["top", "bottom"], Po = ["bottom", "top"];
 function Fo(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? Dt : Ot : n ? Ot : Dt;
+      return t ? n ? Bt : Dt : n ? Dt : Bt;
     case "left":
     case "right":
       return n ? jo : Po;
@@ -861,12 +861,12 @@ function Xe(e) {
     y: t
   };
 }
-function Bt(e, n, t) {
+function Mt(e, n, t) {
   let {
     reference: o,
     floating: l
   } = e;
-  const i = me(n), a = en(n), c = Zt(a), r = ge(n), s = i === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[c] / 2 - l[c] / 2;
+  const i = me(n), a = tn(n), c = en(a), r = ge(n), s = i === "y", u = o.x + o.width / 2 - l.width / 2, d = o.y + o.height / 2 - l.height / 2, v = o[c] / 2 - l[c] / 2;
   let p;
   switch (r) {
     case "top":
@@ -923,7 +923,7 @@ const Wo = async (e, n, t) => {
   }), {
     x: u,
     y: d
-  } = Bt(s, o, r), v = o, p = {}, h = 0;
+  } = Mt(s, o, r), v = o, p = {}, h = 0;
   for (let y = 0; y < c.length; y++) {
     const {
       name: m,
@@ -931,7 +931,7 @@ const Wo = async (e, n, t) => {
     } = c[y], {
       x,
       y: w,
-      data: S,
+      data: E,
       reset: j
     } = await b({
       x: u,
@@ -951,7 +951,7 @@ const Wo = async (e, n, t) => {
       ...p,
       [m]: {
         ...p[m],
-        ...S
+        ...E
       }
     }, j && h <= 50 && (h++, typeof j == "object" && (j.placement && (v = j.placement), j.rects && (s = j.rects === !0 ? await a.getElementRects({
       reference: e,
@@ -960,7 +960,7 @@ const Wo = async (e, n, t) => {
     }) : j.rects), {
       x: u,
       y: d
-    } = Bt(s, v, r)), y = -1);
+    } = Mt(s, v, r)), y = -1);
   }
   return {
     x: u,
@@ -970,7 +970,7 @@ const Wo = async (e, n, t) => {
     middlewareData: p
   };
 };
-async function pt(e, n) {
+async function ht(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
@@ -996,7 +996,7 @@ async function pt(e, n) {
     y: l,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), S = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
+  } : a.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), E = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
     x: 1,
     y: 1
   } : {
@@ -1009,10 +1009,10 @@ async function pt(e, n) {
     strategy: r
   }) : x);
   return {
-    top: (b.top - j.top + h.top) / S.y,
-    bottom: (j.bottom - b.bottom + h.bottom) / S.y,
-    left: (b.left - j.left + h.left) / S.x,
-    right: (j.right - b.right + h.right) / S.x
+    top: (b.top - j.top + h.top) / E.y,
+    bottom: (j.bottom - b.bottom + h.bottom) / E.y,
+    left: (b.left - j.left + h.left) / E.x,
+    right: (j.right - b.right + h.right) / E.x
   };
 }
 const Uo = function(e) {
@@ -1039,20 +1039,20 @@ const Uo = function(e) {
       } = Pe(e, n);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const b = ge(l), x = me(c), w = ge(c) === c, S = await (r.isRTL == null ? void 0 : r.isRTL(s.floating)), j = v || (w || !y ? [Ke(c)] : Mo(c)), H = h !== "none";
-      !v && H && j.push(...zo(c, y, h, S));
-      const V = [c, ...j], C = await pt(n, m), D = [];
+      const b = ge(l), x = me(c), w = ge(c) === c, E = await (r.isRTL == null ? void 0 : r.isRTL(s.floating)), j = v || (w || !y ? [Ke(c)] : Mo(c)), H = h !== "none";
+      !v && H && j.push(...zo(c, y, h, E));
+      const C = [c, ...j], V = await ht(n, m), D = [];
       let F = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (u && D.push(C[b]), d) {
-        const ve = Bo(l, a, S);
-        D.push(C[ve[0]], C[ve[1]]);
+      if (u && D.push(V[b]), d) {
+        const ve = Bo(l, a, E);
+        D.push(V[ve[0]], V[ve[1]]);
       }
       if (F = [...F, {
         placement: l,
         overflows: D
       }], !D.every((ve) => ve <= 0)) {
         var W, oe;
-        const ve = (((W = i.flip) == null ? void 0 : W.index) || 0) + 1, ke = V[ve];
+        const ve = (((W = i.flip) == null ? void 0 : W.index) || 0) + 1, ke = C[ve];
         if (ke && (!(d === "alignment" ? x !== me(ke) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         F.every((J) => me(J.placement) === x ? J.overflows[0] > 0 : !0)))
@@ -1174,15 +1174,15 @@ const Xo = function(e) {
       } = Pe(e, n), s = {
         x: t,
         y: o
-      }, u = await pt(n, r), d = me(ge(l)), v = Qt(d);
+      }, u = await ht(n, r), d = me(ge(l)), v = Zt(d);
       let p = s[v], h = s[d];
       if (i) {
         const m = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", x = p + u[m], w = p - u[b];
-        p = At(x, p, w);
+        p = Ot(x, p, w);
       }
       if (a) {
         const m = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", x = h + u[m], w = h - u[b];
-        h = At(x, h, w);
+        h = Ot(x, h, w);
       }
       const y = c.fn({
         ...n,
@@ -1217,22 +1217,22 @@ const Xo = function(e) {
         apply: r = () => {
         },
         ...s
-      } = Pe(e, n), u = await pt(n, s), d = ge(l), v = Fe(l), p = me(l) === "y", {
+      } = Pe(e, n), u = await ht(n, s), d = ge(l), v = Fe(l), p = me(l) === "y", {
         width: h,
         height: y
       } = i.floating;
       let m, b;
       d === "top" || d === "bottom" ? (m = d, b = v === (await (a.isRTL == null ? void 0 : a.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (b = d, m = v === "end" ? "top" : "bottom");
-      const x = y - u.top - u.bottom, w = h - u.left - u.right, S = Se(y - u[m], x), j = Se(h - u[b], w), H = !n.middlewareData.shift;
-      let V = S, C = j;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (C = w), (o = n.middlewareData.shift) != null && o.enabled.y && (V = x), H && !v) {
+      const x = y - u.top - u.bottom, w = h - u.left - u.right, E = Le(y - u[m], x), j = Le(h - u[b], w), H = !n.middlewareData.shift;
+      let C = E, V = j;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (V = w), (o = n.middlewareData.shift) != null && o.enabled.y && (C = x), H && !v) {
         const F = Z(u.left, 0), W = Z(u.right, 0), oe = Z(u.top, 0), fe = Z(u.bottom, 0);
-        p ? C = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : V = y - 2 * (oe !== 0 || fe !== 0 ? oe + fe : Z(u.top, u.bottom));
+        p ? V = h - 2 * (F !== 0 || W !== 0 ? F + W : Z(u.left, u.right)) : C = y - 2 * (oe !== 0 || fe !== 0 ? oe + fe : Z(u.top, u.bottom));
       }
       await r({
         ...n,
-        availableWidth: C,
-        availableHeight: V
+        availableWidth: V,
+        availableHeight: C
       });
       const D = await a.getDimensions(c.floating);
       return h !== D.width || y !== D.height ? {
@@ -1247,7 +1247,7 @@ function Ye() {
   return typeof window < "u";
 }
 function xe(e) {
-  return ht(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return gt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ee(e) {
   var n;
@@ -1255,9 +1255,9 @@ function ee(e) {
 }
 function de(e) {
   var n;
-  return (n = (ht(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (gt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function ht(e) {
+function gt(e) {
   return Ye() ? e instanceof Node || e instanceof ee(e).Node : !1;
 }
 function ie(e) {
@@ -1266,7 +1266,7 @@ function ie(e) {
 function ue(e) {
   return Ye() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
 }
-function Mt(e) {
+function jt(e) {
   return !Ye() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
 }
 const Yo = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -1294,14 +1294,14 @@ function Je(e) {
   });
 }
 const el = ["transform", "translate", "scale", "rotate", "perspective"], tl = ["transform", "translate", "scale", "rotate", "perspective", "filter"], nl = ["paint", "layout", "strict", "content"];
-function gt(e) {
-  const n = bt(), t = ie(e) ? se(e) : e;
+function bt(e) {
+  const n = yt(), t = ie(e) ? se(e) : e;
   return el.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) || tl.some((o) => (t.willChange || "").includes(o)) || nl.some((o) => (t.contain || "").includes(o));
 }
 function ol(e) {
   let n = be(e);
   for (; ue(n) && !Te(n); ) {
-    if (gt(n))
+    if (bt(n))
       return n;
     if (Je(n))
       return null;
@@ -1309,7 +1309,7 @@ function ol(e) {
   }
   return null;
 }
-function bt() {
+function yt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const ll = /* @__PURE__ */ new Set(["html", "body", "#document"]);
@@ -1335,19 +1335,19 @@ function be(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Mt(e) && e.host || // Fallback.
+    jt(e) && e.host || // Fallback.
     de(e)
   );
-  return Mt(n) ? n.host : n;
+  return jt(n) ? n.host : n;
 }
-function tn(e) {
+function nn(e) {
   const n = be(e);
-  return Te(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && ze(n) ? n : tn(n);
+  return Te(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ue(n) && ze(n) ? n : nn(n);
 }
 function Me(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const l = tn(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = ee(l);
+  const l = nn(e), i = l === ((o = e.ownerDocument) == null ? void 0 : o.body), a = ee(l);
   if (i) {
     const c = ct(a);
     return n.concat(a, a.visualViewport || [], ze(l) ? l : [], c && t ? Me(c) : []);
@@ -1357,7 +1357,7 @@ function Me(e, n, t) {
 function ct(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function nn(e) {
+function on(e) {
   const n = se(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
   const l = ue(e), i = l ? e.offsetWidth : t, a = l ? e.offsetHeight : o, c = Ne(t) !== i || Ne(o) !== a;
@@ -1367,18 +1367,18 @@ function nn(e) {
     $: c
   };
 }
-function yt(e) {
+function wt(e) {
   return ie(e) ? e : e.contextElement;
 }
 function Ee(e) {
-  const n = yt(e);
+  const n = wt(e);
   if (!ue(n))
     return ce(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: l,
     $: i
-  } = nn(n);
+  } = on(n);
   let a = (i ? Ne(t.width) : t.width) / o, c = (i ? Ne(t.height) : t.height) / l;
   return (!a || !Number.isFinite(a)) && (a = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: a,
@@ -1386,9 +1386,9 @@ function Ee(e) {
   };
 }
 const al = /* @__PURE__ */ ce(0);
-function on(e) {
+function ln(e) {
   const n = ee(e);
-  return !bt() || !n.visualViewport ? al : {
+  return !yt() || !n.visualViewport ? al : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
@@ -1398,17 +1398,17 @@ function il(e, n, t) {
 }
 function _e(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), i = yt(e);
+  const l = e.getBoundingClientRect(), i = wt(e);
   let a = ce(1);
   n && (o ? ie(o) && (a = Ee(o)) : a = Ee(e));
-  const c = il(i, t, o) ? on(i) : ce(0);
+  const c = il(i, t, o) ? ln(i) : ce(0);
   let r = (l.left + c.x) / a.x, s = (l.top + c.y) / a.y, u = l.width / a.x, d = l.height / a.y;
   if (i) {
     const v = ee(i), p = o && ie(o) ? ee(o) : o;
     let h = v, y = ct(h);
     for (; y && o && p !== h; ) {
-      const m = Ee(y), b = y.getBoundingClientRect(), x = se(y), w = b.left + (y.clientLeft + parseFloat(x.paddingLeft)) * m.x, S = b.top + (y.clientTop + parseFloat(x.paddingTop)) * m.y;
-      r *= m.x, s *= m.y, u *= m.x, d *= m.y, r += w, s += S, h = ee(y), y = ct(h);
+      const m = Ee(y), b = y.getBoundingClientRect(), x = se(y), w = b.left + (y.clientLeft + parseFloat(x.paddingLeft)) * m.x, E = b.top + (y.clientTop + parseFloat(x.paddingTop)) * m.y;
+      r *= m.x, s *= m.y, u *= m.x, d *= m.y, r += w, s += E, h = ee(y), y = ct(h);
     }
   }
   return Xe({
@@ -1422,7 +1422,7 @@ function Ze(e, n) {
   const t = Qe(e).scrollLeft;
   return n ? n.left + t : _e(de(e)).left + t;
 }
-function ln(e, n) {
+function an(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ze(e, t), l = t.top + n.scrollTop;
   return {
     x: o,
@@ -1448,7 +1448,7 @@ function sl(e) {
     const p = _e(o);
     s = Ee(o), u.x = p.x + o.clientLeft, u.y = p.y + o.clientTop;
   }
-  const v = a && !d && !i ? ln(a, r) : ce(0);
+  const v = a && !d && !i ? an(a, r) : ce(0);
   return {
     width: t.width * s.x,
     height: t.height * s.y,
@@ -1470,20 +1470,20 @@ function cl(e) {
     y: c
   };
 }
-const jt = 25;
+const Pt = 25;
 function ul(e, n) {
   const t = ee(e), o = de(e), l = t.visualViewport;
   let i = o.clientWidth, a = o.clientHeight, c = 0, r = 0;
   if (l) {
     i = l.width, a = l.height;
-    const u = bt();
+    const u = yt();
     (!u || u && n === "fixed") && (c = l.offsetLeft, r = l.offsetTop);
   }
   const s = Ze(o);
   if (s <= 0) {
     const u = o.ownerDocument, d = u.body, v = getComputedStyle(d), p = u.compatMode === "CSS1Compat" && parseFloat(v.marginLeft) + parseFloat(v.marginRight) || 0, h = Math.abs(o.clientWidth - d.clientWidth - p);
-    h <= jt && (i -= h);
-  } else s <= jt && (i += s);
+    h <= Pt && (i -= h);
+  } else s <= Pt && (i += s);
   return {
     width: i,
     height: a,
@@ -1501,7 +1501,7 @@ function fl(e, n) {
     y: s
   };
 }
-function Pt(e, n, t) {
+function Ft(e, n, t) {
   let o;
   if (n === "viewport")
     o = ul(e, t);
@@ -1510,7 +1510,7 @@ function Pt(e, n, t) {
   else if (ie(n))
     o = fl(n, t);
   else {
-    const l = on(e);
+    const l = ln(e);
     o = {
       x: n.x - l.x,
       y: n.y - l.y,
@@ -1520,9 +1520,9 @@ function Pt(e, n, t) {
   }
   return Xe(o);
 }
-function an(e, n) {
+function sn(e, n) {
   const t = be(e);
-  return t === n || !ie(t) || Te(t) ? !1 : se(t).position === "fixed" || an(t, n);
+  return t === n || !ie(t) || Te(t) ? !1 : se(t).position === "fixed" || sn(t, n);
 }
 function vl(e, n) {
   const t = n.get(e);
@@ -1532,8 +1532,8 @@ function vl(e, n) {
   const i = se(e).position === "fixed";
   let a = i ? be(e) : e;
   for (; ie(a) && !Te(a); ) {
-    const c = se(a), r = gt(a);
-    !r && c.position === "fixed" && (l = null), (i ? !r && !l : !r && c.position === "static" && !!l && dl.has(l.position) || ze(a) && !r && an(e, a)) ? o = o.filter((u) => u !== a) : l = c, a = be(a);
+    const c = se(a), r = bt(a);
+    !r && c.position === "fixed" && (l = null), (i ? !r && !l : !r && c.position === "static" && !!l && dl.has(l.position) || ze(a) && !r && sn(e, a)) ? o = o.filter((u) => u !== a) : l = c, a = be(a);
   }
   return n.set(e, o), o;
 }
@@ -1545,9 +1545,9 @@ function ml(e) {
     strategy: l
   } = e;
   const a = [...t === "clippingAncestors" ? Je(n) ? [] : vl(n, this._c) : [].concat(t), o], c = a[0], r = a.reduce((s, u) => {
-    const d = Pt(n, u, l);
-    return s.top = Z(d.top, s.top), s.right = Se(d.right, s.right), s.bottom = Se(d.bottom, s.bottom), s.left = Z(d.left, s.left), s;
-  }, Pt(n, c, l));
+    const d = Ft(n, u, l);
+    return s.top = Z(d.top, s.top), s.right = Le(d.right, s.right), s.bottom = Le(d.bottom, s.bottom), s.left = Z(d.left, s.left), s;
+  }, Ft(n, c, l));
   return {
     width: r.right - r.left,
     height: r.bottom - r.top,
@@ -1559,7 +1559,7 @@ function pl(e) {
   const {
     width: n,
     height: t
-  } = nn(e);
+  } = on(e);
   return {
     width: n,
     height: t
@@ -1581,7 +1581,7 @@ function hl(e, n, t) {
       r.x = p.x + n.clientLeft, r.y = p.y + n.clientTop;
     } else l && s();
   i && !o && l && s();
-  const u = l && !o && !i ? ln(l, c) : ce(0), d = a.left + c.scrollLeft - r.x - u.x, v = a.top + c.scrollTop - r.y - u.y;
+  const u = l && !o && !i ? an(l, c) : ce(0), d = a.left + c.scrollLeft - r.x - u.x, v = a.top + c.scrollTop - r.y - u.y;
   return {
     x: d,
     y: v,
@@ -1592,7 +1592,7 @@ function hl(e, n, t) {
 function it(e) {
   return se(e).position === "static";
 }
-function Ft(e, n) {
+function zt(e, n) {
   if (!ue(e) || se(e).position === "fixed")
     return null;
   if (n)
@@ -1600,7 +1600,7 @@ function Ft(e, n) {
   let t = e.offsetParent;
   return de(e) === t && (t = t.ownerDocument.body), t;
 }
-function sn(e, n) {
+function rn(e, n) {
   const t = ee(e);
   if (Je(e))
     return t;
@@ -1613,13 +1613,13 @@ function sn(e, n) {
     }
     return t;
   }
-  let o = Ft(e, n);
+  let o = zt(e, n);
   for (; o && Qo(o) && it(o); )
-    o = Ft(o, n);
-  return o && Te(o) && it(o) && !gt(o) ? t : o || ol(e) || t;
+    o = zt(o, n);
+  return o && Te(o) && it(o) && !bt(o) ? t : o || ol(e) || t;
 }
 const gl = async function(e) {
-  const n = this.getOffsetParent || sn, t = this.getDimensions, o = await t(e.floating);
+  const n = this.getOffsetParent || rn, t = this.getDimensions, o = await t(e.floating);
   return {
     reference: hl(e.reference, await n(e.floating), e.strategy),
     floating: {
@@ -1637,7 +1637,7 @@ const yl = {
   convertOffsetParentRelativeRectToViewportRelativeRect: sl,
   getDocumentElement: de,
   getClippingRect: ml,
-  getOffsetParent: sn,
+  getOffsetParent: rn,
   getElementRects: gl,
   getClientRects: rl,
   getDimensions: pl,
@@ -1645,7 +1645,7 @@ const yl = {
   isElement: ie,
   isRTL: bl
 };
-function rn(e, n) {
+function cn(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
 function wl(e, n) {
@@ -1667,19 +1667,19 @@ function wl(e, n) {
       return;
     const h = We(d), y = We(l.clientWidth - (u + v)), m = We(l.clientHeight - (d + p)), b = We(u), w = {
       rootMargin: -h + "px " + -y + "px " + -m + "px " + -b + "px",
-      threshold: Z(0, Se(1, r)) || 1
+      threshold: Z(0, Le(1, r)) || 1
     };
-    let S = !0;
+    let E = !0;
     function j(H) {
-      const V = H[0].intersectionRatio;
-      if (V !== r) {
-        if (!S)
+      const C = H[0].intersectionRatio;
+      if (C !== r) {
+        if (!E)
           return a();
-        V ? a(!1, V) : o = setTimeout(() => {
+        C ? a(!1, C) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      V === 1 && !rn(s, e.getBoundingClientRect()) && a(), S = !1;
+      C === 1 && !cn(s, e.getBoundingClientRect()) && a(), E = !1;
     }
     try {
       t = new IntersectionObserver(j, {
@@ -1702,7 +1702,7 @@ function et(e, n, t, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: r = !1
-  } = o, s = yt(e), u = l || i ? [...s ? Me(s) : [], ...Me(n)] : [];
+  } = o, s = wt(e), u = l || i ? [...s ? Me(s) : [], ...Me(n)] : [];
   u.forEach((b) => {
     l && b.addEventListener("scroll", t, {
       passive: !0
@@ -1721,7 +1721,7 @@ function et(e, n, t, o) {
   r && m();
   function m() {
     const b = _e(e);
-    y && !rn(y, b) && t(), y = b, h = requestAnimationFrame(m);
+    y && !cn(y, b) && t(), y = b, h = requestAnimationFrame(m);
   }
   return t(), () => {
     var b;
@@ -1730,7 +1730,7 @@ function et(e, n, t, o) {
     }), d?.(), (b = p) == null || b.disconnect(), p = null, r && cancelAnimationFrame(h);
   };
 }
-const tt = Xo, nt = qo, ot = Uo, _l = Go, cn = (e, n, t) => {
+const tt = Xo, nt = qo, ot = Uo, _l = Go, un = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), l = {
     platform: yl,
     ...t
@@ -1746,55 +1746,55 @@ const tt = Xo, nt = qo, ot = Uo, _l = Go, cn = (e, n, t) => {
 function xl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function zt(e) {
+function It(e) {
   if (xl(e)) {
     const n = e.$el;
-    return ht(n) && xe(n) === "#comment" ? null : n;
+    return gt(n) && xe(n) === "#comment" ? null : n;
   }
   return e;
 }
 function De(e) {
-  return typeof e == "function" ? e() : $(e);
+  return typeof e == "function" ? e() : S(e);
 }
-function un(e) {
+function dn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function It(e, n) {
-  const t = un(e);
+function Ht(e, n) {
+  const t = dn(e);
   return Math.round(n * t) / t;
 }
-function wt(e, n, t) {
+function _t(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, l = k(() => {
-    var V;
-    return (V = De(t.open)) != null ? V : !0;
+    var C;
+    return (C = De(t.open)) != null ? C : !0;
   }), i = k(() => De(t.middleware)), a = k(() => {
-    var V;
-    return (V = De(t.placement)) != null ? V : "bottom";
+    var C;
+    return (C = De(t.placement)) != null ? C : "bottom";
   }), c = k(() => {
-    var V;
-    return (V = De(t.strategy)) != null ? V : "absolute";
+    var C;
+    return (C = De(t.strategy)) != null ? C : "absolute";
   }), r = k(() => {
-    var V;
-    return (V = De(t.transform)) != null ? V : !0;
-  }), s = k(() => zt(e.value)), u = k(() => zt(n.value)), d = E(0), v = E(0), p = E(c.value), h = E(a.value), y = _n({}), m = E(!1), b = k(() => {
-    const V = {
+    var C;
+    return (C = De(t.transform)) != null ? C : !0;
+  }), s = k(() => It(e.value)), u = k(() => It(n.value)), d = $(0), v = $(0), p = $(c.value), h = $(a.value), y = _n({}), m = $(!1), b = k(() => {
+    const C = {
       position: p.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
-      return V;
-    const C = It(u.value, d.value), D = It(u.value, v.value);
+      return C;
+    const V = Ht(u.value, d.value), D = Ht(u.value, v.value);
     return r.value ? {
-      ...V,
-      transform: "translate(" + C + "px, " + D + "px)",
-      ...un(u.value) >= 1.5 && {
+      ...C,
+      transform: "translate(" + V + "px, " + D + "px)",
+      ...dn(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: p.value,
-      left: C + "px",
+      left: V + "px",
       top: D + "px"
     };
   });
@@ -1802,20 +1802,20 @@ function wt(e, n, t) {
   function w() {
     if (s.value == null || u.value == null)
       return;
-    const V = l.value;
-    cn(s.value, u.value, {
+    const C = l.value;
+    un(s.value, u.value, {
       middleware: i.value,
       placement: a.value,
       strategy: c.value
-    }).then((C) => {
-      d.value = C.x, v.value = C.y, p.value = C.strategy, h.value = C.placement, y.value = C.middlewareData, m.value = V !== !1;
+    }).then((V) => {
+      d.value = V.x, v.value = V.y, p.value = V.strategy, h.value = V.placement, y.value = V.middlewareData, m.value = C !== !1;
     });
   }
-  function S() {
+  function E() {
     typeof x == "function" && (x(), x = void 0);
   }
   function j() {
-    if (S(), o === void 0) {
+    if (E(), o === void 0) {
       w();
       return;
     }
@@ -1833,13 +1833,13 @@ function wt(e, n, t) {
     flush: "sync"
   }), K(l, H, {
     flush: "sync"
-  }), xn() && kn(S), {
-    x: Ve(d),
-    y: Ve(v),
-    strategy: Ve(p),
-    placement: Ve(h),
-    middlewareData: Ve(y),
-    isPositioned: Ve(m),
+  }), xn() && kn(E), {
+    x: Ce(d),
+    y: Ce(v),
+    strategy: Ce(p),
+    placement: Ce(h),
+    middlewareData: Ce(y),
+    isPositioned: Ce(m),
     floatingStyles: b,
     update: w
   };
@@ -1851,7 +1851,7 @@ const kl = /* @__PURE__ */ R({
     icon: {}
   },
   setup(e) {
-    const n = e, t = E(!1), o = E(null), l = E(null), i = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: a } = wt(o, l, {
+    const n = e, t = $(!1), o = $(null), l = $(null), i = k(() => n.icon ?? z.DOT_MENU), { floatingStyles: a } = _t(o, l, {
       placement: "bottom-end",
       middleware: [tt(8), ot(), nt({ padding: 8 })],
       whileElementsMounted: et
@@ -1866,9 +1866,7 @@ const kl = /* @__PURE__ */ R({
     return (u, d) => {
       const v = q("VjButton"), p = q("VjMenu");
       return f(), g(Q, null, [
-        _("div", {
-          class: I(["dot-menu-container", u.$attrs.class])
-        }, [
+        _("div", ft({ class: "dot-menu-container" }, u.$attrs), [
           T(v, {
             ref_key: "buttonRef",
             ref: o,
@@ -1877,13 +1875,13 @@ const kl = /* @__PURE__ */ R({
             icon: i.value,
             onClick: c
           }, null, 8, ["icon"]),
-          T(Le, { name: "menu" }, {
+          T(Se, { name: "menu" }, {
             default: N(() => [
               t.value ? (f(), P(p, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: l,
-                style: Y($(a)),
+                style: Y(S(a)),
                 class: "menu-dropdown",
                 onClose: r,
                 onClickCapture: s
@@ -1896,7 +1894,7 @@ const kl = /* @__PURE__ */ R({
             ]),
             _: 3
           })
-        ], 2),
+        ], 16),
         (f(), P(je, { to: "body" }, [
           t.value ? (f(), g("div", {
             key: 0,
@@ -1907,7 +1905,7 @@ const kl = /* @__PURE__ */ R({
       ], 64);
     };
   }
-}), Vl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-3c400bfd"]]), Cl = /* @__PURE__ */ R({
+}), Cl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-d744e938"]]), Vl = /* @__PURE__ */ R({
   __name: "link-button",
   props: {
     label: {},
@@ -1931,7 +1929,7 @@ const kl = /* @__PURE__ */ R({
           e.icon ? (f(), P(te, {
             key: 0,
             icon: e.icon,
-            size: $(t)
+            size: S(t)
           }, null, 8, ["icon", "size"])) : L("", !0),
           Ue(" " + O(e.label), 1)
         ]),
@@ -1939,7 +1937,7 @@ const kl = /* @__PURE__ */ R({
       }, 8, ["to", "class", "disabled"]);
     };
   }
-}), El = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-bd3cf2f5"]]), $l = ["disabled"], Ll = { class: "menu-action--icon" }, Sl = /* @__PURE__ */ R({
+}), El = /* @__PURE__ */ A(Vl, [["__scopeId", "data-v-bd3cf2f5"]]), $l = ["disabled"], Sl = { class: "menu-action--icon" }, Ll = /* @__PURE__ */ R({
   __name: "menu-action",
   props: {
     label: {},
@@ -1952,17 +1950,17 @@ const kl = /* @__PURE__ */ R({
       class: "menu-action button tertiary",
       disabled: e.disabled
     }, [
-      _("span", Ll, [
+      _("span", Sl, [
         e.icon ? (f(), P(te, {
           key: 0,
           icon: e.icon,
-          size: $(n)
+          size: S(n)
         }, null, 8, ["icon", "size"])) : L("", !0)
       ]),
       _("span", null, O(e.label), 1)
     ], 8, $l));
   }
-}), Tl = /* @__PURE__ */ A(Sl, [["__scopeId", "data-v-07850995"]]), Rl = {}, Al = { class: "menu" };
+}), Tl = /* @__PURE__ */ A(Ll, [["__scopeId", "data-v-07850995"]]), Rl = {}, Al = { class: "menu" };
 function Ol(e, n) {
   return f(), g("div", Al, [
     M(e.$slots, "default", {}, void 0, !0)
@@ -1975,7 +1973,7 @@ const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08
   unmounted(e) {
     e.classList.remove("compact");
   }
-}, dn = [
+}, fn = [
   'input:not([disabled]):not([type="hidden"])',
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1985,7 +1983,7 @@ const Dl = /* @__PURE__ */ A(Rl, [["render", Ol], ["__scopeId", "data-v-259fec08
   '[contenteditable="true"]'
 ].join(", ");
 function Ml(e) {
-  const n = e.querySelectorAll(dn);
+  const n = e.querySelectorAll(fn);
   for (const t of Array.from(n))
     if (t.offsetParent !== null || t.getClientRects().length > 0)
       return t;
@@ -1994,7 +1992,7 @@ function Ml(e) {
 const jl = {
   mounted(e, n) {
     const t = typeof n.value == "number" ? n.value : 0, o = () => {
-      if (e.matches(dn)) {
+      if (e.matches(fn)) {
         e.focus();
         return;
       }
@@ -2004,7 +2002,7 @@ const jl = {
     t > 0 ? setTimeout(o, t) : requestAnimationFrame(o);
   }
 };
-class _t {
+class xt {
   static _instance = null;
   observer = null;
   targets = /* @__PURE__ */ new Map();
@@ -2012,7 +2010,7 @@ class _t {
     this.init();
   }
   static get instance() {
-    return this._instance || (this._instance = new _t()), this._instance;
+    return this._instance || (this._instance = new xt()), this._instance;
   }
   init() {
     typeof window < "u" && "ResizeObserver" in window ? this.observer = new ResizeObserver((n) => {
@@ -2067,29 +2065,29 @@ class _t {
     o && (t && o.callbacks.delete(t), (!t || o.callbacks.size === 0) && (this.targets.delete(n), this.observer && this.observer.unobserve(n), o.currentClass && n.classList && n.classList.remove(o.currentClass)));
   }
 }
-const Ce = _t.instance, Pl = {
+const Ve = xt.instance, Pl = {
   mounted(e, n) {
     const t = n.value, o = typeof t == "function" ? t : t?.onResize, l = typeof t == "object" && t?.breakpoints ? t.breakpoints : void 0, i = typeof t == "object" && !!t?.immediate, a = e;
-    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ce.observe(e, o, { breakpoints: l, immediate: i });
+    a.__resize_cb = o, a.__resize_breakpoints = l, o && Ve.observe(e, o, { breakpoints: l, immediate: i });
   },
   updated(e, n) {
     const t = e, o = t.__resize_cb, l = t.__resize_breakpoints, i = n.value, a = typeof i == "function" ? i : i?.onResize, c = typeof i == "object" && i?.breakpoints ? i.breakpoints : void 0;
     if (o !== a) {
-      o && Ce.unobserve(e, o), a && Ce.observe(e, a, { breakpoints: c, immediate: !!(i && typeof i == "object" && i.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = c;
+      o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: c, immediate: !!(i && typeof i == "object" && i.immediate) }), t.__resize_cb = a, t.__resize_breakpoints = c;
       return;
     }
-    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ce.unobserve(e, o), a && Ce.observe(e, a, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
+    JSON.stringify(l || {}) !== JSON.stringify(c || {}) && (o && Ve.unobserve(e, o), a && Ve.observe(e, a, { breakpoints: c, immediate: !0 }), t.__resize_breakpoints = c);
   },
   unmounted(e) {
     const n = e, t = n.__resize_cb;
-    t && Ce.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
+    t && Ve.unobserve(e, t), delete n.__resize_cb, delete n.__resize_breakpoints;
   }
 }, Fl = {}, zl = { class: "spinner" };
 function Il(e, n) {
   return f(), g("div", zl);
 }
-const fn = /* @__PURE__ */ A(Fl, [["render", Il], ["__scopeId", "data-v-b957fb82"]]), Hl = 200, Wl = 120;
-function Ht(e, n) {
+const vn = /* @__PURE__ */ A(Fl, [["render", Il], ["__scopeId", "data-v-b957fb82"]]), Hl = 200, Wl = 120;
+function Wt(e, n) {
   const t = n.querySelector(".vj-loading-inner");
   if (!t) return;
   const o = e.clientHeight || e.getBoundingClientRect().height;
@@ -2112,9 +2110,9 @@ const Ul = {
     const c = document.createElement("div"), r = document.createElement("div");
     r.className = "vj-loading-inner", r.appendChild(c);
     let s;
-    o && (s = document.createElement("div"), s.className = "vj-loading-text", s.textContent = o, r.appendChild(s)), a.appendChild(r), Ht(e, a);
-    const u = T(fn);
-    Rt(u, c), i.spinnerVnode = u, i.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
+    o && (s = document.createElement("div"), s.className = "vj-loading-text", s.textContent = o, r.appendChild(s)), a.appendChild(r), Wt(e, a);
+    const u = T(vn);
+    At(u, c), i.spinnerVnode = u, i.spinnerContainer = c, t && (e.setAttribute("aria-busy", "true"), e.style.pointerEvents = "none"), e.appendChild(a);
     const d = e;
     d.__vjLoading = i;
   },
@@ -2139,14 +2137,14 @@ const Ul = {
         s.className = "vj-loading-text", s.textContent = a, c.appendChild(s);
       }
     }
-    Ht(e, l);
+    Wt(e, l);
   },
   unmounted(e) {
     const n = e, t = n.__vjLoading;
     if (!t) return;
     const { overlay: o, originalPosition: l } = t;
     try {
-      t.spinnerContainer && Rt(null, t.spinnerContainer);
+      t.spinnerContainer && At(null, t.spinnerContainer);
     } catch {
     }
     o && o.parentElement === e && e.removeChild(o), l !== void 0 && (e.style.position = l), n.__vjLoading = void 0;
@@ -2155,18 +2153,18 @@ const Ul = {
   const n = document.createElement("div");
   return n.className = "vj-tooltip", n.setAttribute("role", "tooltip"), n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.pointerEvents = "none", n.style.zIndex = "10000", n.textContent = e, n;
 };
-function Wt(e) {
+function Ut(e) {
   if (!e) return { content: "", placement: "top", delay: 200 };
   if (typeof e.value == "string") return { content: e.value, placement: "top", delay: 200 };
   const t = e.value || {}, o = t.placement ?? "top";
   return { content: t.content ?? "", placement: o, delay: t.delay ?? 200 };
 }
-const vn = {
+const mn = {
   mounted(e, n) {
-    const t = Wt(n), o = Nl(t.content);
+    const t = Ut(n), o = Nl(t.content);
     document.body.appendChild(o);
     const l = { tooltip: o, cleanup: void 0, showTimer: null, hideTimer: null }, i = async () => {
-      const p = await cn(e, o, {
+      const p = await un(e, o, {
         placement: t.placement,
         middleware: [tt(6), ot(), nt({ padding: 8 })]
       }), { x: h, y } = p;
@@ -2202,7 +2200,7 @@ const vn = {
   updated(e, n) {
     const t = e.__vjTooltip;
     if (!t) return;
-    const o = Wt(n);
+    const o = Ut(n);
     t.tooltip.textContent = o.content;
   },
   unmounted(e) {
@@ -2256,14 +2254,14 @@ const vn = {
       _("div", Jl, [
         T(Ge, {
           class: "notification__close compact",
-          icon: $(z).CLOSE,
+          icon: S(z).CLOSE,
           onClick: U(i, ["stop"]),
           tertiary: ""
         }, null, 8, ["icon"])
       ])
     ], 2));
   }
-}), xt = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-f9ee0c98"]]), Zl = { class: "page" }, ea = {
+}), kt = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-f9ee0c98"]]), Zl = { class: "page" }, ea = {
   key: 0,
   class: "page-header"
 }, ta = { class: "header-left" }, na = { class: "header-titles" }, oa = { key: 0 }, la = { class: "header-actions" }, aa = {
@@ -2291,14 +2289,14 @@ const vn = {
   setup(e, { emit: n }) {
     const t = e, o = k(() => t.flow?.running?.value ?? !1), l = k(() => t.flow?.error?.value ?? null), i = k(() => t.errorMessage ?? (l.value ? String(l.value) : null));
     return (a, c) => {
-      const r = q("VjButton"), s = qt("loading");
-      return ft((f(), g("div", Zl, [
+      const r = q("VjButton"), s = Gt("loading");
+      return vt((f(), g("div", Zl, [
         e.title || e.subTitle || e.backLabel || a.$slots.headerActions ? (f(), g("header", ea, [
           _("div", ta, [
             e.backLabel ? (f(), P(r, {
               key: 0,
               tertiary: "",
-              icon: $(z).BACK,
+              icon: S(z).BACK,
               onClick: c[0] || (c[0] = (u) => a.$emit("back")),
               size: "small"
             }, null, 8, ["icon"])) : L("", !0),
@@ -2316,7 +2314,7 @@ const vn = {
         }, [
           i.value ? (f(), g("div", aa, [
             M(a.$slots, "error", {}, () => [
-              T(xt, {
+              T(kt, {
                 type: "error",
                 title: i.value,
                 message: i.value
@@ -2373,7 +2371,7 @@ const vn = {
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: $(z).FIRST,
+          icon: S(z).FIRST,
           disabled: r.value,
           onClick: p,
           "aria-label": "First page"
@@ -2381,7 +2379,7 @@ const vn = {
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: $(z).PREVIOUS,
+          icon: S(z).PREVIOUS,
           disabled: r.value,
           onClick: h,
           "aria-label": "Previous page"
@@ -2396,7 +2394,7 @@ const vn = {
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: $(z).NEXT,
+          icon: S(z).NEXT,
           disabled: s.value,
           onClick: y,
           "aria-label": "Next page"
@@ -2404,7 +2402,7 @@ const vn = {
         T(w, {
           tertiary: "",
           class: "paginator-btn",
-          icon: $(z).LAST,
+          icon: S(z).LAST,
           disabled: s.value,
           onClick: m,
           "aria-label": "Last page"
@@ -2431,8 +2429,8 @@ const vn = {
       const c = q("VjIcon");
       return f(), g("div", pa, [
         T(c, {
-          icon: $(z).SEARCH,
-          size: $(X).S
+          icon: S(z).SEARCH,
+          size: S(X).S
         }, null, 8, ["icon", "size"]),
         _("input", {
           value: n.value,
@@ -2442,8 +2440,8 @@ const vn = {
         }, null, 40, ha),
         T(c, {
           class: I(["reset", { invisible: l.value }]),
-          icon: $(z).CLOSE,
-          size: $(X).S,
+          icon: S(z).CLOSE,
+          size: S(X).S,
           onClick: o
         }, null, 8, ["class", "icon", "size"])
       ]);
@@ -2469,17 +2467,17 @@ const vn = {
     label: {}
   },
   setup(e) {
-    const n = e, t = vt("tabView"), o = k(() => t?.activeTab() === n.name);
+    const n = e, t = mt("tabView"), o = k(() => t?.activeTab() === n.name);
     return Re(() => {
       t?.registerTab(n.name, n.label);
     }), (l, i) => o.value ? (f(), g("div", _a, [
       M(l.$slots, "default")
     ])) : L("", !0);
   }
-}), ka = { class: "tab-view" }, Va = {
+}), ka = { class: "tab-view" }, Ca = {
   ref: "headerRef",
   class: "tab-view-header"
-}, Ca = ["onClick"], Ea = { class: "tab-view-content" }, $a = /* @__PURE__ */ R({
+}, Va = ["onClick"], Ea = { class: "tab-view-content" }, $a = /* @__PURE__ */ R({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2487,7 +2485,7 @@ const vn = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const n = ne(e, "modelValue"), t = E([]), o = E([]), l = E({
+    const n = ne(e, "modelValue"), t = $([]), o = $([]), l = $({
       width: "0px",
       transform: "translateX(0px)"
     }), i = (s, u) => {
@@ -2512,18 +2510,18 @@ const vn = {
       he(() => {
         a();
       });
-    }), Xt("tabView", {
+    }), qt("tabView", {
       activeTab: () => n.value,
       registerTab: c
     }), (s, u) => (f(), g("div", ka, [
-      _("div", Va, [
+      _("div", Ca, [
         (f(!0), g(Q, null, pe(t.value, (d, v) => (f(), g("div", {
           key: d.name,
           ref_for: !0,
           ref: (p) => i(p, v),
           class: I(["tab-button", { active: n.value === d.name }]),
           onClick: (p) => r(d.name)
-        }, O(d.label), 11, Ca))), 128)),
+        }, O(d.label), 11, Va))), 128)),
         u[0] || (u[0] = _("div", { class: "tab-line" }, null, -1)),
         _("div", {
           class: "tab-indicator",
@@ -2535,7 +2533,7 @@ const vn = {
       ])
     ]));
   }
-}), La = /* @__PURE__ */ A($a, [["__scopeId", "data-v-3d4ee454"]]), Sa = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Ta = ["cx", "cy", "r", "stroke-width"], Ra = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Aa = ["transform"], Oa = ["x", "y", "width", "height", "rx"], Da = ["x", "y", "width", "height", "rx"], Ba = /* @__PURE__ */ R({
+}), Sa = /* @__PURE__ */ A($a, [["__scopeId", "data-v-3d4ee454"]]), La = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Ta = ["cx", "cy", "r", "stroke-width"], Ra = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Aa = ["transform"], Oa = ["x", "y", "width", "height", "rx"], Da = ["x", "y", "width", "height", "rx"], Ba = /* @__PURE__ */ R({
   __name: "timer",
   props: {
     duration: { default: 5e3 },
@@ -2552,30 +2550,30 @@ const vn = {
       l: { size: 40, strokeWidth: 2, innerStrokeWidth: 6 },
       xl: { size: 64, strokeWidth: 2, innerStrokeWidth: 8 },
       xxl: { size: 92, strokeWidth: 2, innerStrokeWidth: 10 }
-    }, o = e, l = n, i = k(() => t[o.timerSize].size), a = k(() => t[o.timerSize].strokeWidth), c = k(() => t[o.timerSize].innerStrokeWidth), r = E(!1), s = E(100), u = E(!1), d = E(o.paused);
+    }, o = e, l = n, i = k(() => t[o.timerSize].size), a = k(() => t[o.timerSize].strokeWidth), c = k(() => t[o.timerSize].innerStrokeWidth), r = $(!1), s = $(100), u = $(!1), d = $(o.paused);
     let v = null, p = null, h = 0;
     const y = k(() => (i.value - Math.max(a.value, c.value)) / 2), m = k(() => 2 * Math.PI * y.value), b = k(() => m.value * (1 - s.value / 100));
     K(
       () => o.paused,
       (F) => {
-        d.value = F, F ? V() : C();
+        d.value = F, F ? C() : V();
       }
     ), Re(() => {
       w();
-    }), Vn(() => {
+    }), Cn(() => {
       D();
     });
     function x() {
       o.pausable && (d.value = !d.value, l("update:paused", d.value));
     }
     function w() {
-      d.value || (p = performance.now() - h, S());
+      d.value || (p = performance.now() - h, E());
     }
-    function S() {
+    function E() {
       if (!p || d.value) return;
       h = performance.now() - p;
       const W = Math.max(0, o.duration - h), oe = W / o.duration * 100;
-      s.value = oe, W > 0 ? v = requestAnimationFrame(S) : j();
+      s.value = oe, W > 0 ? v = requestAnimationFrame(E) : j();
     }
     async function j() {
       if (!o.action) {
@@ -2598,10 +2596,10 @@ const vn = {
         });
       });
     }
-    function V() {
+    function C() {
       v !== null && (cancelAnimationFrame(v), v = null);
     }
-    function C() {
+    function V() {
       v === null && !r.value && w();
     }
     function D() {
@@ -2668,7 +2666,7 @@ const vn = {
           class: "vj-timer__pause-bar"
         }, null, 8, Da)
       ], 8, Aa)) : L("", !0)
-    ], 42, Sa));
+    ], 42, La));
   }
 }), Ma = /* @__PURE__ */ A(Ba, [["__scopeId", "data-v-49a33853"]]), ja = ["onKeydown"], Pa = /* @__PURE__ */ R({
   __name: "editable-label",
@@ -2678,7 +2676,7 @@ const vn = {
   },
   emits: ["update:modelValue", "edit"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = k(() => t.modelValue ?? ""), i = E(l.value), a = E(!1), c = E(!1), r = E(null), s = k(() => !!t.showIcon);
+    const t = e, o = n, l = k(() => t.modelValue ?? ""), i = $(l.value), a = $(!1), c = $(!1), r = $(null), s = k(() => !!t.showIcon);
     K(l, (p) => {
       i.value = p;
     });
@@ -2696,7 +2694,7 @@ const vn = {
       onMouseenter: h[1] || (h[1] = (y) => c.value = !0),
       onMouseleave: h[2] || (h[2] = (y) => c.value = !1)
     }, [
-      a.value ? ft((f(), g("input", {
+      a.value ? vt((f(), g("input", {
         key: 1,
         ref_key: "inputRef",
         ref: r,
@@ -2708,7 +2706,7 @@ const vn = {
         ],
         onBlur: d
       }, null, 40, ja)), [
-        [Cn, i.value]
+        [Vn, i.value]
       ]) : (f(), g(Q, { key: 0 }, [
         _("span", {
           class: "label-text",
@@ -2721,7 +2719,7 @@ const vn = {
           onClick: U(u, ["stop"])
         }, [
           T(te, {
-            icon: $(z).EDIT
+            icon: S(z).EDIT
           }, null, 8, ["icon"])
         ])) : L("", !0)
       ], 64))
@@ -2804,7 +2802,7 @@ const vn = {
   }),
   emits: /* @__PURE__ */ G(["update:modelValue", "file-added", "file-removed"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = n, l = ne(e, "modelValue"), i = E(), a = E(!1), c = E(!1), r = (y) => {
+    const t = e, o = n, l = ne(e, "modelValue"), i = $(), a = $(!1), c = $(!1), r = (y) => {
       const m = y.target, b = Array.from(m.files || []);
       v(b), i.value && (i.value.value = "");
     }, s = () => {
@@ -2853,8 +2851,8 @@ const vn = {
         onDrop: U(d, ["prevent"])
       }, [
         T(te, {
-          icon: $(z).UPLOAD,
-          size: $(X).L,
+          icon: S(z).UPLOAD,
+          size: S(X).L,
           class: "upload-icon"
         }, null, 8, ["icon", "size"]),
         _("div", Na, [
@@ -2875,8 +2873,8 @@ const vn = {
         }, [
           _("div", Ga, [
             T(te, {
-              icon: $(z).ATTACHMENT,
-              size: $(X).S
+              icon: S(z).ATTACHMENT,
+              size: S(X).S
             }, null, 8, ["icon", "size"]),
             _("div", Ya, [
               _("p", Ja, O(b.name), 1),
@@ -2885,8 +2883,8 @@ const vn = {
           ]),
           e.disabled ? L("", !0) : (f(), P(te, {
             key: 0,
-            icon: $(z).CLOSE,
-            size: $(X).S,
+            icon: S(z).CLOSE,
+            size: S(X).S,
             class: "remove-icon",
             onClick: (w) => p(x)
           }, null, 8, ["icon", "size", "onClick"]))
@@ -2894,7 +2892,7 @@ const vn = {
       ])) : L("", !0)
     ], 2));
   }
-}), ei = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-2f7be5e5"]]), mn = {
+}), ei = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-2f7be5e5"]]), pn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
@@ -2906,15 +2904,15 @@ function gs(e) {
     ...qe,
     ...e,
     form: {
-      ...mn.form,
+      ...pn.form,
       ...e.form
     }
   };
 }
-function Ut() {
+function Nt() {
   return {
     form: {
-      ...mn.form,
+      ...pn.form,
       ...qe.form
     }
   };
@@ -2931,7 +2929,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   type: "button",
   "aria-label": "Hilfe"
 }, si = /* @__PURE__ */ R({
-  directives: { tooltip: vn },
+  directives: { tooltip: mn },
   __name: "form-field",
   props: {
     modelValue: {},
@@ -2949,7 +2947,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(t.modelValue), i = E(!1), a = k(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = k(() => t.labelPosition ?? Ut().form.labelPosition), r = k(() => t.appearance ?? Ut().form.appearance);
+    const t = e, o = n, l = $(t.modelValue), i = $(!1), a = k(() => `form-field-${t.id ?? Math.random().toString(36).slice(2)}`), c = k(() => t.labelPosition ?? Nt().form.labelPosition), r = k(() => t.appearance ?? Nt().form.appearance);
     K(
       () => t.modelValue,
       (h) => l.value = h
@@ -2971,7 +2969,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       i.value = !1, o("blur", h);
     }
     return (h, y) => {
-      const m = q("VjIcon"), b = qt("tooltip");
+      const m = q("VjIcon"), b = Gt("tooltip");
       return f(), g("div", {
         class: I([
           "form-field",
@@ -3007,9 +3005,9 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           }, O(e.label), 11, li)) : L("", !0)
         ]),
         e.error ? (f(), g("div", ai, O(e.error), 1)) : L("", !0),
-        t.helpText ? ft((f(), g("button", ii, [
+        t.helpText ? vt((f(), g("button", ii, [
           T(m, {
-            icon: $(z).HELP
+            icon: S(z).HELP
           }, null, 8, ["icon"])
         ])), [
           [b, t.helpText]
@@ -3024,7 +3022,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     gap: { type: String, default: "0.75rem" }
   },
   setup(e) {
-    const n = e, t = E(null);
+    const n = e, t = $(null);
     let o = null;
     function l() {
       if (!t.value) return;
@@ -3076,36 +3074,66 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ G({
-    options: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    optionLabel: { type: Function },
-    id: {},
-    optionValue: { type: Function },
-    icon: {},
-    clearable: { type: Boolean }
+    options: {
+      type: Array,
+      required: !0
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    optionLabel: {
+      type: [String, Number, Symbol, Function],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    optionValue: {
+      type: [String, Number, Symbol, Function],
+      default: void 0
+    },
+    icon: {
+      type: String,
+      default: void 0
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ne(e, "modelValue"), l = E(!1), i = E(-1), a = E(null), c = E(null), r = E(null), { floatingStyles: s } = wt(c, r, {
+    const t = e, o = ne(e, "modelValue"), l = $(!1), i = $(-1), a = $(null), c = $(null), r = $(null), { floatingStyles: s } = _t(c, r, {
       placement: "bottom-start",
       middleware: [
         tt(4),
         ot(),
         nt({ padding: 8 }),
         _l({
-          apply({ rects: w, elements: S }) {
-            Object.assign(S.floating.style, {
+          apply({ rects: w, elements: E }) {
+            Object.assign(E.floating.style, {
               minWidth: `${w.reference.width}px`
             });
           }
         })
       ],
       whileElementsMounted: et
-    }), u = (w) => t.optionLabel ? typeof t.optionLabel == "function" ? t.optionLabel(w) : String(w[t.optionLabel]) : String(w), d = (w) => t.optionValue ? typeof t.optionValue == "function" ? t.optionValue(w) : w[t.optionValue] : w, v = k(() => t.options.find((w) => d(w) === o.value)), p = (w) => d(w) === o.value, h = () => {
+    }), u = (w) => {
+      const E = t.optionLabel;
+      return E ? typeof E == "function" ? E(w) : String(w[E]) : String(w);
+    }, d = (w) => {
+      const E = t.optionValue;
+      return E ? typeof E == "function" ? E(w) : w[E] : w;
+    }, v = k(() => t.options.find((w) => d(w) === o.value)), p = (w) => d(w) === o.value, h = () => {
       t.disabled || (l.value = !l.value);
     }, y = () => {
       l.value = !1, i.value = -1;
@@ -3121,18 +3149,18 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     }), Ae(() => {
       document.removeEventListener("click", x);
     }), K(l, (w) => {
-      w && v.value && (i.value = t.options.findIndex((S) => p(S)));
+      w && v.value && (i.value = t.options.findIndex((E) => p(E)));
     }), n({
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur()
-    }), (w, S) => {
+    }), (w, E) => {
       const j = q("VjIcon");
       return f(), g(Q, null, [
-        _("div", {
+        _("div", ft({
           ref_key: "selectRef",
           ref: a,
-          class: I(["select", w.$attrs.class])
-        }, [
+          class: "select"
+        }, w.$attrs), [
           _("button", {
             ref_key: "buttonRef",
             ref: c,
@@ -3145,7 +3173,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             t.icon ? (f(), P(j, {
               key: 0,
               icon: t.icon,
-              size: $(X).S,
+              size: S(X).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
             _("span", mi, [
@@ -3158,34 +3186,34 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             ]),
             t.clearable && v.value && !e.disabled ? (f(), P(j, {
               key: 1,
-              icon: $(z).CLOSE,
-              size: $(X).S,
+              icon: S(z).CLOSE,
+              size: S(X).S,
               class: "select-clear-icon",
               onClick: U(b, ["stop"])
             }, null, 8, ["icon", "size"])) : L("", !0),
             T(j, {
-              icon: $(z).CHEVRON_DOWN,
-              size: $(X).S,
+              icon: S(z).CHEVRON_DOWN,
+              size: S(X).S,
               class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
           ], 8, vi)
-        ], 2),
+        ], 16),
         (f(), P(je, { to: "body" }, [
-          T(Le, { name: "dropdown" }, {
+          T(Se, { name: "dropdown" }, {
             default: N(() => [
               l.value ? (f(), g("div", {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: r,
-                style: Y($(s)),
+                style: Y(S(s)),
                 class: "select-dropdown"
               }, [
                 _("div", hi, [
-                  (f(!0), g(Q, null, pe(e.options, (H, V) => (f(), g("div", {
+                  (f(!0), g(Q, null, pe(e.options, (H, C) => (f(), g("div", {
                     key: String(d(H)),
-                    class: I(["select-option", { selected: p(H), highlighted: i.value === V }]),
-                    onClick: (C) => m(H),
-                    onMouseenter: (C) => i.value = V
+                    class: I(["select-option", { selected: p(H), highlighted: i.value === C }]),
+                    onClick: (V) => m(H),
+                    onMouseenter: (V) => i.value = C
                   }, [
                     M(w.$slots, "option", {
                       option: H,
@@ -3208,7 +3236,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       ], 64);
     };
   }
-}), pn = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-f33ae75c"]]), yi = /* @__PURE__ */ R({
+}), hn = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-95354f61"]]), yi = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -3227,7 +3255,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   },
   emits: ["update:modelValue", "input", "focus", "blur"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(t.modelValue);
+    const t = e, o = n, l = $(t.modelValue);
     K(
       () => t.modelValue,
       (a) => {
@@ -3253,7 +3281,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       appearance: t.appearance
     }, {
       control: N(({ id: r, disabled: s, placeholder: u }) => [
-        T(pn, {
+        T(hn, {
           id: r,
           modelValue: l.value,
           "onUpdate:modelValue": [
@@ -3297,53 +3325,53 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: n }) {
-    const t = e, o = n, l = E(null), i = E(!1), a = E(!1), c = (V, C, D) => Math.min(Math.max(V, C), D), r = E(
+    const t = e, o = n, l = $(null), i = $(!1), a = $(!1), c = (C, V, D) => Math.min(Math.max(C, V), D), r = $(
       t.range ? Array.isArray(t.modelValue) ? t.modelValue[0] : t.min : typeof t.modelValue == "number" ? t.modelValue : t.min
-    ), s = E(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
+    ), s = $(t.range && Array.isArray(t.modelValue) ? t.modelValue[1] : t.max);
     K(
       () => t.modelValue,
-      (V) => {
-        t.range ? Array.isArray(V) && (r.value = c(V[0], t.min, t.max), s.value = c(V[1], t.min, t.max)) : typeof V == "number" && (r.value = c(V, t.min, t.max));
+      (C) => {
+        t.range ? Array.isArray(C) && (r.value = c(C[0], t.min, t.max), s.value = c(C[1], t.min, t.max)) : typeof C == "number" && (r.value = c(C, t.min, t.max));
       },
       { immediate: !0 }
     );
-    const u = (V) => (V - t.min) / (t.max - t.min) * 100, d = k(() => ({ left: `${u(r.value)}%` })), v = k(() => ({ left: `${u(s.value)}%` })), p = k(() => {
+    const u = (C) => (C - t.min) / (t.max - t.min) * 100, d = k(() => ({ left: `${u(r.value)}%` })), v = k(() => ({ left: `${u(s.value)}%` })), p = k(() => {
       if (!t.range) return { width: `${u(r.value)}%`, left: "0%" };
-      const V = u(r.value), C = u(s.value);
-      return { left: `${V}%`, width: `${Math.max(0, C - V)}%` };
+      const C = u(r.value), V = u(s.value);
+      return { left: `${C}%`, width: `${Math.max(0, V - C)}%` };
     });
     let h = null, y = null;
-    const m = async (V, C) => {
-      h = V, y = C.pointerId, V === "low" ? i.value = !0 : a.value = !0;
+    const m = async (C, V) => {
+      h = C, y = V.pointerId, C === "low" ? i.value = !0 : a.value = !0;
       try {
-        C.target.setPointerCapture(C.pointerId);
+        V.target.setPointerCapture(V.pointerId);
       } catch {
       }
       window.addEventListener("pointermove", x), window.addEventListener("pointerup", b);
-    }, b = (V) => {
-      if (y != null && V)
+    }, b = (C) => {
+      if (y != null && C)
         try {
-          V.target.releasePointerCapture(V.pointerId);
+          C.target.releasePointerCapture(C.pointerId);
         } catch {
         }
       h = null, y = null, i.value = !1, a.value = !1, window.removeEventListener("pointermove", x), window.removeEventListener("pointerup", b), j();
-    }, x = (V) => {
+    }, x = (C) => {
       if (!h || !l.value) return;
-      const C = l.value.getBoundingClientRect(), D = c(V.clientX - C.left, 0, C.width), F = t.min + D / C.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), D = c(C.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
       h === "low" ? t.range ? r.value = Math.min(W, s.value) : r.value = c(W, t.min, t.max) : h === "high" && (s.value = Math.max(W, r.value));
-    }, w = (V) => {
+    }, w = (C) => {
       if (!l.value) return;
-      const C = l.value.getBoundingClientRect(), D = c(V.clientX - C.left, 0, C.width), F = t.min + D / C.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
+      const V = l.value.getBoundingClientRect(), D = c(C.clientX - V.left, 0, V.width), F = t.min + D / V.width * (t.max - t.min), W = Math.round(F / t.step) * t.step;
       if (t.range) {
         const oe = Math.abs(W - r.value), fe = Math.abs(W - s.value);
         oe <= fe ? r.value = Math.min(W, s.value) : s.value = Math.max(W, r.value);
       } else
         r.value = c(W, t.min, t.max);
       j();
-    }, S = (V, C) => {
-      const D = t.step, F = C.key === "ArrowLeft" || C.key === "ArrowDown" ? -1 : C.key === "ArrowRight" || C.key === "ArrowUp" ? 1 : 0;
+    }, E = (C, V) => {
+      const D = t.step, F = V.key === "ArrowLeft" || V.key === "ArrowDown" ? -1 : V.key === "ArrowRight" || V.key === "ArrowUp" ? 1 : 0;
       if (F) {
-        if (V === "low") {
+        if (C === "low") {
           const W = c(r.value + F * D, t.min, t.range ? s.value : t.max);
           r.value = W, i.value = !0, setTimeout(() => i.value = !1, 800);
         } else {
@@ -3363,9 +3391,9 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     const H = k(() => t.range);
     return he(() => {
       t.modelValue === void 0 && (t.range ? o("update:modelValue", [r.value, s.value]) : o("update:modelValue", r.value));
-    }), (V, C) => (f(), g("div", {
+    }), (C, V) => (f(), g("div", {
       class: "vj-slider",
-      onPointerdown: C[8] || (C[8] = U(() => {
+      onPointerdown: V[8] || (V[8] = U(() => {
       }, ["stop"]))
     }, [
       _("div", {
@@ -3390,10 +3418,10 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           "aria-valuemax": e.max,
           "aria-valuenow": r.value,
           "aria-label": H.value ? "Lower value" : "Value",
-          onPointerdown: C[0] || (C[0] = U((D) => m("low", D), ["prevent"])),
-          onFocus: C[1] || (C[1] = (D) => i.value = !0),
-          onBlur: C[2] || (C[2] = (D) => i.value = !1),
-          onKeydown: C[3] || (C[3] = U((D) => S("low", D), ["stop", "prevent"])),
+          onPointerdown: V[0] || (V[0] = U((D) => m("low", D), ["prevent"])),
+          onFocus: V[1] || (V[1] = (D) => i.value = !0),
+          onBlur: V[2] || (V[2] = (D) => i.value = !1),
+          onKeydown: V[3] || (V[3] = U((D) => E("low", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
         }, null, 44, wi),
@@ -3410,17 +3438,17 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           "aria-valuemax": e.max,
           "aria-valuenow": s.value,
           "aria-label": "Upper value",
-          onPointerdown: C[4] || (C[4] = U((D) => m("high", D), ["prevent"])),
-          onFocus: C[5] || (C[5] = (D) => a.value = !0),
-          onBlur: C[6] || (C[6] = (D) => a.value = !1),
-          onKeydown: C[7] || (C[7] = U((D) => S("high", D), ["stop", "prevent"])),
+          onPointerdown: V[4] || (V[4] = U((D) => m("high", D), ["prevent"])),
+          onFocus: V[5] || (V[5] = (D) => a.value = !0),
+          onBlur: V[6] || (V[6] = (D) => a.value = !1),
+          onKeydown: V[7] || (V[7] = U((D) => E("high", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
         }, null, 44, _i)) : L("", !0)
       ], 512)
     ], 32));
   }
-}), ki = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-d47c7475"]]), Vi = ["onFocusin", "onFocusout"], Ci = /* @__PURE__ */ R({
+}), ki = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-d47c7475"]]), Ci = ["onFocusin", "onFocusout"], Vi = /* @__PURE__ */ R({
   __name: "input-slider",
   props: /* @__PURE__ */ G({
     modelValue: {},
@@ -3444,7 +3472,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   }),
   emits: /* @__PURE__ */ G(["update:modelValue", "input", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: n }) {
-    const t = e, o = ne(e, "modelValue"), l = n, i = o.value === void 0 ? 0 : Number(o.value), a = E(Number.isNaN(i) ? 0 : i);
+    const t = e, o = ne(e, "modelValue"), l = n, i = o.value === void 0 ? 0 : Number(o.value), a = $(Number.isNaN(i) ? 0 : i);
     K(o, (r) => {
       const s = r === void 0 ? 0 : Number(r);
       a.value = Number.isNaN(s) ? 0 : s;
@@ -3488,12 +3516,12 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             range: !1,
             disabled: d
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, Vi)
+        ], 40, Ci)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Ei = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-8f16d318"]]), $i = { class: "textarea" }, Li = ["value", "placeholder", "disabled", "rows"], Si = /* @__PURE__ */ R({
+}), Ei = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-8f16d318"]]), $i = { class: "textarea" }, Si = ["value", "placeholder", "disabled", "rows"], Li = /* @__PURE__ */ R({
   __name: "textarea",
   props: /* @__PURE__ */ G({
     icon: {},
@@ -3522,7 +3550,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
-          size: $(X).S,
+          size: S(X).S,
           class: "textarea-icon"
         }, null, 8, ["icon", "size"])) : L("", !0),
         _("textarea", {
@@ -3533,18 +3561,18 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, Li),
+        }, null, 40, Si),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: I(["clear-icon", { invisible: r.value }]),
-          icon: $(z).CLOSE,
-          size: $(X).S,
+          icon: S(z).CLOSE,
+          size: S(X).S,
           onClick: i
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), hn = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-2ea43716"]]), Ti = /* @__PURE__ */ R({
+}), gn = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-2ea43716"]]), Ti = /* @__PURE__ */ R({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3588,7 +3616,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       appearance: t.appearance
     }, {
       control: N(({ id: v, disabled: p, placeholder: h, onFocus: y, onBlur: m }) => [
-        T(hn, {
+        T(gn, {
           id: v,
           modelValue: s.value,
           "onUpdate:modelValue": r,
@@ -3636,7 +3664,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
-          size: $(X).S
+          size: S(X).S
         }, null, 8, ["icon", "size"])) : L("", !0),
         _("input", {
           value: o.value,
@@ -3650,14 +3678,14 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: I(["clear-icon", { invisible: r.value }]),
-          icon: $(z).CLOSE,
-          size: $(X).S,
+          icon: S(z).CLOSE,
+          size: S(X).S,
           onClick: i
         }, null, 8, ["class", "icon", "size"])) : L("", !0)
       ]);
     };
   }
-}), gn = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-3187d49c"]]), Di = /* @__PURE__ */ R({
+}), bn = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-3187d49c"]]), Di = /* @__PURE__ */ R({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3698,7 +3726,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       appearance: e.appearance
     }, {
       control: N(({ id: d, disabled: v, placeholder: p, onFocus: h, onBlur: y }) => [
-        T(gn, {
+        T(bn, {
           id: d,
           modelValue: e.modelValue,
           type: e.type,
@@ -3728,7 +3756,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     to: {}
   },
   setup(e) {
-    const n = Kt(), t = k(() => !!n.default), o = E(!1), l = E(null), i = E(null), { floatingStyles: a } = wt(l, i, {
+    const n = Xt(), t = k(() => !!n.default), o = $(!1), l = $(null), i = $(null), { floatingStyles: a } = _t(l, i, {
       placement: "right-start",
       middleware: [tt(8), ot(), nt({ padding: 8 })],
       whileElementsMounted: et
@@ -3779,13 +3807,13 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
             }, null, 8, ["icon"]),
             _("label", Fi, O(e.label), 1)
           ], 8, Pi),
-          T(Le, { name: "menu" }, {
+          T(Se, { name: "menu" }, {
             default: N(() => [
               o.value ? (f(), P(m, {
                 key: 0,
                 ref_key: "floatingRef",
                 ref: i,
-                style: Y($(a)),
+                style: Y(S(a)),
                 class: "shell-navigation-item-menu",
                 onClose: r,
                 onClick: U(s, ["stop"])
@@ -3815,24 +3843,24 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
 }, Ui = /* @__PURE__ */ R({
   __name: "shell-navigation",
   setup(e) {
-    const n = vt(ts, os()), t = k(() => n.showLabels);
+    const n = mt(ts, os()), t = k(() => n.showLabels);
     return (o, l) => {
       const i = q("VjShellNavigationItem");
       return f(), g("nav", {
         class: I(["shell-navigation", { "with-labels": t.value }])
       }, [
         _("ul", Hi, [
-          $(n).hasParent && $(n).backRoute.value ? (f(), P(i, {
+          S(n).hasParent && S(n).backRoute.value ? (f(), P(i, {
             key: 0,
-            to: $(n).backRoute.value,
+            to: S(n).backRoute.value,
             label: "BACK",
-            icon: $(z).HOME
+            icon: S(z).HOME
           }, null, 8, ["to", "icon"])) : L("", !0),
-          (f(!0), g(Q, null, pe($(n).childRoutes.value, (a) => (f(), P(i, {
+          (f(!0), g(Q, null, pe(S(n).childRoutes.value, (a) => (f(), P(i, {
             key: a.name,
             to: { name: a.name },
             label: a.meta.label,
-            icon: a.meta.icon ?? $(z).HOME
+            icon: a.meta.icon ?? S(z).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
         o.$slots.fixed ? (f(), g("ul", Wi, [
@@ -3841,7 +3869,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       ], 2);
     };
   }
-}), bn = /* @__PURE__ */ A(Ui, [["__scopeId", "data-v-306cfc22"]]), Ni = { class: "shell" }, Ki = { class: "shell-title" }, Xi = ["src"], qi = { class: "header-actions" }, Gi = /* @__PURE__ */ R({
+}), yn = /* @__PURE__ */ A(Ui, [["__scopeId", "data-v-306cfc22"]]), Ni = { class: "shell" }, Ki = { class: "shell-title" }, Xi = ["src"], qi = { class: "header-actions" }, Gi = /* @__PURE__ */ R({
   __name: "shell",
   props: {
     title: {},
@@ -3874,7 +3902,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
         _("div", {
           class: I(["shell-content", { "with-navigation": e.showNavigation }])
         }, [
-          e.showNavigation ? (f(), P($(bn), { key: 0 }, dt({ _: 2 }, [
+          e.showNavigation ? (f(), P(S(yn), { key: 0 }, dt({ _: 2 }, [
             a.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: N(() => [
@@ -3900,7 +3928,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   }
 }), Yi = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-6a20620c"]]);
 class Ji {
-  notifications = E([]);
+  notifications = $([]);
   notificationIdCounter = 0;
   /**
    * Gibt die reaktive Liste der Notifications zurück
@@ -3965,15 +3993,15 @@ class Ji {
     this.notifications.value = [];
   }
 }
-const Nt = new Ji(), Qi = { class: "notifications" }, Zi = /* @__PURE__ */ R({
+const Kt = new Ji(), Qi = { class: "notifications" }, Zi = /* @__PURE__ */ R({
   __name: "notifications",
   setup(e) {
-    const n = Nt.getNotifications(), t = (o) => Nt.remove(o);
+    const n = Kt.getNotifications(), t = (o) => Kt.remove(o);
     return (o, l) => (f(), P(je, { to: "body" }, [
       _("div", Qi, [
-        T(Ln, { name: "notification" }, {
+        T(Sn, { name: "notification" }, {
           default: N(() => [
-            (f(!0), g(Q, null, pe($(n), (i) => (f(), P(xt, {
+            (f(!0), g(Q, null, pe(S(n), (i) => (f(), P(kt, {
               key: i.id,
               type: i.type,
               title: i.title,
@@ -4015,19 +4043,19 @@ const os = () => {
     showLabels: t
   };
 }, ys = (e, n = !0, t = void 0) => {
-  const o = Sn(e) ? e : E(e), l = !!t, i = E(t || null);
+  const o = Ln(e) ? e : $(e), l = !!t, i = $(t || null);
   return {
     hasParent: l,
     backRoute: i,
     childRoutes: o,
     showLabels: n
   };
-}, kt = E(!1), Vt = E(null), Ct = E(null);
+}, Ct = $(!1), Vt = $(null), Et = $(null);
 let $e = [];
-const yn = (e) => ($e.push(e), () => {
+const wn = (e) => ($e.push(e), () => {
   $e = $e.filter((n) => n !== e);
-}), ls = (e, n) => ($e = [], Vt.value = e, Ct.value = n ?? null, kt.value = !0, {
-  onClose: (t) => yn(t)
+}), ls = (e, n) => ($e = [], Vt.value = e, Et.value = n ?? null, Ct.value = !0, {
+  onClose: (t) => wn(t)
 }), as = (e) => {
   try {
     $e.forEach((n) => {
@@ -4038,17 +4066,17 @@ const yn = (e) => ($e.push(e), () => {
       }
     });
   } finally {
-    kt.value = !1, setTimeout(is, 1e3);
+    Ct.value = !1, setTimeout(is, 1e3);
   }
 }, is = () => {
-  $e = [], Vt.value = null, Ct.value = null;
+  $e = [], Vt.value = null, Et.value = null;
 }, ss = {
   asideComponent: Vt,
-  asideData: Ct,
+  asideData: Et,
   showAside: ls,
   closeAside: as,
-  onAsideClose: yn,
-  hasAside: kt
+  onAsideClose: wn,
+  hasAside: Ct
 }, rs = () => ss, ws = (e, n) => {
   let t = null;
   return (...l) => {
@@ -4082,7 +4110,7 @@ class cs {
         }, 300));
       }, c = Tn({
         setup() {
-          return () => Rn(mt, {
+          return () => Rn(pt, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -4142,13 +4170,13 @@ function _s() {
   return us;
 }
 function xs() {
-  const e = vt(Jt, null);
+  const e = mt(Qt, null);
   if (!e)
     throw new Error("useDialogController must be used inside a dialog component.");
   return e;
 }
 const ks = () => {
-  const e = E(!1), n = E(null), t = () => {
+  const e = $(!1), n = $(null), t = () => {
     n.value = null;
   };
   class o {
@@ -4187,9 +4215,9 @@ const ks = () => {
     return new o(i, a);
   }
   return { run: l, running: e, error: n, clearError: t };
-}, Vs = {
+}, Cs = {
   install(e) {
-    e.component("VjAccordion", In), e.component("VjAmountBar", Wa), e.component("VjButton", Ge), e.component("VjButtonBar", Xn), e.component("VjCard", st), e.component("VjChip", Gt), e.component("VjChipGroup", Yt), e.component("VjChipSelector", Ro), e.component("VjCarousel", st), e.component("VjCheckbox", io), e.component("VjDotMenu", Vl), e.component("VjDialog", mt), e.component("VjIcon", te), e.component("VjLinkButton", El), e.component("VjMenu", Dl), e.component("VjMenuAction", Tl), e.component("VjPage", da), e.component("VjPaginator", ma), e.component("VjTab", xa), e.component("VjTabView", La), e.component("VjTimer", Ma), e.component("VjSkeleton", Ia), e.component("VjSpinner", fn), e.component("VjNotifications", es), e.component("VjNotification", xt), e.component("VjUpload", ei), e.component("VjInput", gn), e.component("VjSelect", pn), e.component("VjTextArea", hn), e.component("VjFormField", Ie), e.component("VjFormLayout", ci), e.component("VjFormSection", fi), e.component("VjInputText", Di), e.component("VjInputTextArea", Ti), e.component("VjInputSelect", yi), e.component("VjInputSlider", Ei), e.component("VjShellNavigation", bn), e.component("VjShellNavigationItem", Ii), e.component("VjShell", Yi), e.component("VjSearchField", ba), e.component("VjSeparator", wa), e.directive("focus", jl), e.directive("resize", Pl), e.directive("compact", Bl), e.directive("tooltip", vn);
+    e.component("VjAccordion", In), e.component("VjAmountBar", Wa), e.component("VjButton", Ge), e.component("VjButtonBar", Xn), e.component("VjCard", st), e.component("VjChip", Yt), e.component("VjChipGroup", Jt), e.component("VjChipSelector", Ro), e.component("VjCarousel", st), e.component("VjCheckbox", io), e.component("VjDotMenu", Cl), e.component("VjDialog", pt), e.component("VjIcon", te), e.component("VjLinkButton", El), e.component("VjMenu", Dl), e.component("VjMenuAction", Tl), e.component("VjPage", da), e.component("VjPaginator", ma), e.component("VjTab", xa), e.component("VjTabView", Sa), e.component("VjTimer", Ma), e.component("VjSkeleton", Ia), e.component("VjSpinner", vn), e.component("VjNotifications", es), e.component("VjNotification", kt), e.component("VjUpload", ei), e.component("VjInput", bn), e.component("VjSelect", hn), e.component("VjTextArea", gn), e.component("VjFormField", Ie), e.component("VjFormLayout", ci), e.component("VjFormSection", fi), e.component("VjInputText", Di), e.component("VjInputTextArea", Ti), e.component("VjInputSelect", yi), e.component("VjInputSlider", Ei), e.component("VjShellNavigation", yn), e.component("VjShellNavigationItem", Ii), e.component("VjShell", Yi), e.component("VjSearchField", ba), e.component("VjSeparator", wa), e.directive("focus", jl), e.directive("resize", Pl), e.directive("compact", Bl), e.directive("tooltip", mn);
   }
 };
 export {
@@ -4200,11 +4228,11 @@ export {
   st as Card,
   ms as Carousel,
   io as Checkbox,
-  Gt as Chip,
-  Yt as ChipGroup,
+  Yt as Chip,
+  Jt as ChipGroup,
   Ro as ChipSelector,
-  mt as Dialog,
-  Vl as DotMenu,
+  pt as Dialog,
+  Cl as DotMenu,
   hs as EditableLabel,
   jl as FocusFirstDirective,
   Ie as FormField,
@@ -4213,7 +4241,7 @@ export {
   te as Icon,
   z as IconNames,
   X as IconSize,
-  gn as Input,
+  bn as Input,
   yi as InputSelect,
   Ei as InputSlider,
   Di as InputText,
@@ -4222,35 +4250,35 @@ export {
   Ul as LoadingDirective,
   Dl as Menu,
   Tl as MenuAction,
-  xt as NotificationComponent,
+  kt as NotificationComponent,
   es as Notifications,
   da as Page,
   ma as Paginator,
   ps as Radio,
   Pl as ResizeDirective,
   ba as SearchField,
-  pn as Select,
+  hn as Select,
   wa as Separator,
   Yi as Shell,
-  bn as ShellNavigation,
+  yn as ShellNavigation,
   Ii as ShellNavigationItem,
   Ia as Skeleton,
-  fn as Spinner,
+  vn as Spinner,
   xa as Tab,
-  La as TabView,
-  hn as TextArea,
+  Sa as TabView,
+  gn as TextArea,
   Ma as Timer,
-  vn as TooltipDirective,
+  mn as TooltipDirective,
   ei as Upload,
-  Vs as VjComponents,
-  Jt as VjDialogControllerKey,
+  Cs as VjComponents,
+  Qt as VjDialogControllerKey,
   ts as VjNavigationProviderKey,
   Bl as compactDirective,
   gs as configureVueUI,
   us as dialogService,
-  Ut as getVueUIConfig,
+  Nt as getVueUIConfig,
   at as iconRegistry,
-  Nt as notificationService,
+  Kt as notificationService,
   bs as resetVueUIConfig,
   rs as useAsideService,
   ws as useDebounce,