@vanjana/vue-ui 0.1.132 → 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 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 Kt, 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 Xt, Teleport as je, createSlots as dt, mergeProps as wn, shallowRef as _n, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as Ce, render as Rt, resolveDirective as qt, withDirectives as ft, withKeys as Be, inject as vt, 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 { 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 {
@@ -181,7 +181,7 @@ 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 }])
     }, [
@@ -256,7 +256,7 @@ 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, V();
         try {
@@ -264,20 +264,20 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
         } catch {
         }
       }
-    }, $t = (B) => {
+    }, St = (B) => {
       p && (v.value = B.clientX - He, B.preventDefault());
-    }, St = () => {
+    }, 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, C();
-    }, Lt = (B) => {
+    }, Tt = (B) => {
       try {
         B.target?.releasePointerCapture?.(B.pointerId);
       } catch {
       }
-      St();
-    }, Tt = () => St();
+      Lt();
+    }, Rt = () => Lt();
     return Re(() => {
       he(() => {
         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) {
@@ -291,12 +291,12 @@ 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", Lt), 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(), C();
       });
     }), Ae(() => {
-      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", Et), u.value.removeEventListener("pointermove", $t), u.value.removeEventListener("pointerup", Lt), 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], () => {
@@ -473,7 +473,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       ])) : 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 = {
@@ -548,7 +548,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
             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,
@@ -567,7 +567,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       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 }, Co = { class: "dialog-footer" }, Vo = /* @__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 },
@@ -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
@@ -644,7 +644,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
                       ]),
                       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,
@@ -687,7 +687,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       ]);
     };
   }
-}), mt = /* @__PURE__ */ A(Vo, [["__scopeId", "data-v-29d1729b"]]), Eo = { class: "vj-chip-selector" }, $o = { class: "options-grid" }, So = ["onClick"], Lo = {
+}), 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({
@@ -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}`,
@@ -767,7 +767,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
   start: "end",
   end: "start"
 };
-function At(e, n, t) {
+function Ot(e, n, t) {
   return Z(e, Le(n, t));
 }
 function Pe(e, n) {
@@ -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,
@@ -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 {
@@ -1041,7 +1041,7 @@ const Uo = function(e) {
         return {};
       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 pt(n, m), D = [];
+      const C = [c, ...j], V = await ht(n, m), D = [];
       let F = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (u && D.push(V[b]), d) {
         const ve = Bo(l, a, E);
@@ -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,7 +1217,7 @@ 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;
@@ -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,10 +1398,10 @@ 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;
@@ -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);
+    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;
-  }, Pt(n, c, l));
+  }, 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) {
@@ -1679,7 +1679,7 @@ function wl(e, n) {
           a(!1, 1e-7);
         }, 1e3);
       }
-      C === 1 && !rn(s, e.getBoundingClientRect()) && a(), E = !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,24 +1746,24 @@ 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() : 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 C;
@@ -1777,7 +1777,7 @@ function wt(e, n, t) {
   }), r = k(() => {
     var C;
     return (C = De(t.transform)) != null ? C : !0;
-  }), s = k(() => zt(e.value)), u = k(() => zt(n.value)), d = $(0), v = $(0), p = $(c.value), h = $(a.value), y = _n({}), m = $(!1), b = k(() => {
+  }), 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",
@@ -1785,11 +1785,11 @@ function wt(e, n, t) {
     };
     if (!u.value)
       return C;
-    const V = It(u.value, d.value), D = It(u.value, v.value);
+    const V = Ht(u.value, d.value), D = Ht(u.value, v.value);
     return r.value ? {
       ...C,
       transform: "translate(" + V + "px, " + D + "px)",
-      ...un(u.value) >= 1.5 && {
+      ...dn(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1803,7 +1803,7 @@ function wt(e, n, t) {
     if (s.value == null || u.value == null)
       return;
     const C = l.value;
-    cn(s.value, u.value, {
+    un(s.value, u.value, {
       middleware: i.value,
       placement: a.value,
       strategy: c.value
@@ -1851,7 +1851,7 @@ const kl = /* @__PURE__ */ R({
     icon: {}
   },
   setup(e) {
-    const n = e, t = $(!1), o = $(null), l = $(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,
@@ -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);
     };
   }
-}), Cl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-3c400bfd"]]), Vl = /* @__PURE__ */ R({
+}), Cl = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-d744e938"]]), Vl = /* @__PURE__ */ R({
   __name: "link-button",
   props: {
     label: {},
@@ -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,7 +2065,7 @@ 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 Ve = _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 && Ve.observe(e, o, { breakpoints: l, immediate: i });
@@ -2088,8 +2086,8 @@ const Ve = _t.instance, Pl = {
 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) {
@@ -2263,7 +2261,7 @@ const vn = {
       ])
     ], 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,8 +2289,8 @@ 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, {
@@ -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
@@ -2469,7 +2467,7 @@ 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, [
@@ -2512,7 +2510,7 @@ const vn = {
       he(() => {
         a();
       });
-    }), Xt("tabView", {
+    }), qt("tabView", {
       activeTab: () => n.value,
       registerTab: c
     }), (s, u) => (f(), g("div", ka, [
@@ -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,
@@ -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 = $(t.modelValue), i = $(!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,7 +3005,7 @@ 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: S(z).HELP
           }, null, 8, ["icon"])
@@ -3114,7 +3112,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: n }) {
-    const t = e, o = ne(e, "modelValue"), l = $(!1), i = $(-1), a = $(null), c = $(null), r = $(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),
@@ -3158,11 +3156,11 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
     }), (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,
@@ -3199,7 +3197,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
               class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
           ], 8, vi)
-        ], 2),
+        ], 16),
         (f(), P(je, { to: "body" }, [
           T(Se, { name: "dropdown" }, {
             default: N(() => [
@@ -3238,7 +3236,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       ], 64);
     };
   }
-}), pn = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-6e7767b7"]]), yi = /* @__PURE__ */ R({
+}), hn = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-95354f61"]]), yi = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -3283,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": [
@@ -3574,7 +3572,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       ]);
     };
   }
-}), hn = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-2ea43716"]]), Ti = /* @__PURE__ */ R({
+}), gn = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-2ea43716"]]), Ti = /* @__PURE__ */ R({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3618,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,
@@ -3687,7 +3685,7 @@ const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-f
       ]);
     };
   }
-}), 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: {},
@@ -3728,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,
@@ -3758,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 = $(!1), l = $(null), i = $(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
@@ -3845,7 +3843,7 @@ 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", {
@@ -3871,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: {},
@@ -3904,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(S(bn), { key: 0 }, dt({ _: 2 }, [
+          e.showNavigation ? (f(), P(S(yn), { key: 0 }, dt({ _: 2 }, [
             a.$slots?.["navigation-fixed"] ? {
               name: "fixed",
               fn: N(() => [
@@ -3995,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(Sn, { name: "notification" }, {
           default: N(() => [
-            (f(!0), g(Q, null, pe(S(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,
@@ -4052,12 +4050,12 @@ const os = () => {
     childRoutes: o,
     showLabels: n
   };
-}, kt = $(!1), Ct = $(null), Vt = $(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 = [], Ct.value = e, Vt.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) => {
@@ -4068,17 +4066,17 @@ const yn = (e) => ($e.push(e), () => {
       }
     });
   } finally {
-    kt.value = !1, setTimeout(is, 1e3);
+    Ct.value = !1, setTimeout(is, 1e3);
   }
 }, is = () => {
-  $e = [], Ct.value = null, Vt.value = null;
+  $e = [], Vt.value = null, Et.value = null;
 }, ss = {
-  asideComponent: Ct,
-  asideData: Vt,
+  asideComponent: Vt,
+  asideData: Et,
   showAside: ls,
   closeAside: as,
-  onAsideClose: yn,
-  hasAside: kt
+  onAsideClose: wn,
+  hasAside: Ct
 }, rs = () => ss, ws = (e, n) => {
   let t = null;
   return (...l) => {
@@ -4112,7 +4110,7 @@ class cs {
         }, 300));
       }, c = Tn({
         setup() {
-          return () => Rn(mt, {
+          return () => Rn(pt, {
             modelValue: !0,
             title: n.title,
             message: n.message,
@@ -4172,7 +4170,7 @@ 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;
@@ -4219,7 +4217,7 @@ const ks = () => {
   return { run: l, running: e, error: n, clearError: t };
 }, 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", Cl), 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", Sa), 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 {
@@ -4230,10 +4228,10 @@ 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,
+  pt as Dialog,
   Cl as DotMenu,
   hs as EditableLabel,
   jl as FocusFirstDirective,
@@ -4243,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,
@@ -4252,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,
   Sa as TabView,
-  hn as TextArea,
+  gn as TextArea,
   Ma as Timer,
-  vn as TooltipDirective,
+  mn as TooltipDirective,
   ei as Upload,
   Cs as VjComponents,
-  Jt as VjDialogControllerKey,
+  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,