@vanjana/vue-ui 0.1.128 → 0.1.129

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

@@ -345,7 +345,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
           (f(!0), g(Q, null, pe(h.value, (Oe) => (f(), P(we, {
             key: Oe - 1,
             class: I(["indicator", { active: Oe - 1 === r.value }]),
-            onClick: (us) => W(Oe - 1),
+            onClick: (ds) => W(Oe - 1),
             "aria-current": Oe - 1 === r.value,
             "aria-label": `Go to slide ${Oe}`,
             type: "button"
@@ -354,7 +354,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       ], 40, Zn);
     };
   }
-}), vs = /* @__PURE__ */ A(to, [["__scopeId", "data-v-232abca2"]]), no = { class: "checkbox" }, oo = ["checked", "disabled"], lo = {
+}), ms = /* @__PURE__ */ A(to, [["__scopeId", "data-v-232abca2"]]), no = { class: "checkbox" }, oo = ["checked", "disabled"], lo = {
   key: 0,
   class: "checkbox-label"
 }, ao = /* @__PURE__ */ R({
@@ -435,7 +435,7 @@ const Xn = /* @__PURE__ */ A(Hn, [["render", Kn], ["__scopeId", "data-v-45a6ed1a
       e.label ? (f(), g("span", co, O(e.label), 1)) : L("", !0)
     ]));
   }
-}), ms = /* @__PURE__ */ A(uo, [["__scopeId", "data-v-f9e4bb65"]]), fo = { class: "chip__label" }, vo = /* @__PURE__ */ R({
+}), ps = /* @__PURE__ */ A(uo, [["__scopeId", "data-v-f9e4bb65"]]), fo = { class: "chip__label" }, vo = /* @__PURE__ */ R({
   __name: "chip",
   props: /* @__PURE__ */ G({
     label: {},
@@ -2263,16 +2263,19 @@ const vn = {
       ])
     ], 2));
   }
-}), xt = /* @__PURE__ */ A(Ql, [["__scopeId", "data-v-f9ee0c98"]]), Zl = { class: "page" }, ea = { class: "header-left" }, ta = { class: "header-titles" }, na = { key: 0 }, oa = { class: "header-actions" }, la = {
+}), xt = /* @__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 = {
   key: 0,
   class: "page-error"
-}, aa = {
+}, ia = {
   key: 1,
   class: "contents"
-}, ia = {
+}, sa = {
   key: 2,
   class: "actions"
-}, sa = { key: 3 }, ra = { key: 0 }, ca = /* @__PURE__ */ R({
+}, ra = { key: 3 }, ca = { key: 1 }, ua = /* @__PURE__ */ R({
   directives: { loading: Ul },
   __name: "page",
   props: {
@@ -2290,8 +2293,8 @@ const vn = {
     return (a, c) => {
       const r = q("VjButton"), s = qt("loading");
       return ft((f(), g("div", Zl, [
-        _("header", null, [
-          _("div", ea, [
+        e.title || e.subTitle || e.backLabel || a.$slots.headerActions ? (f(), g("header", ea, [
+          _("div", ta, [
             e.backLabel ? (f(), P(r, {
               key: 0,
               tertiary: "",
@@ -2299,19 +2302,19 @@ const vn = {
               onClick: c[0] || (c[0] = (u) => a.$emit("back")),
               size: "small"
             }, null, 8, ["icon"])) : L("", !0),
-            _("div", ta, [
+            _("div", na, [
               _("h1", null, O(e.title), 1),
-              e.subTitle ? (f(), g("h2", na, O(e.subTitle), 1)) : L("", !0)
+              e.subTitle ? (f(), g("h2", oa, O(e.subTitle), 1)) : L("", !0)
             ])
           ]),
-          _("div", oa, [
+          _("div", la, [
             M(a.$slots, "headerActions", {}, void 0, !0)
           ])
-        ]),
+        ])) : L("", !0),
         _("main", {
           class: I({ scrollable: e.scrollable })
         }, [
-          i.value ? (f(), g("div", la, [
+          i.value ? (f(), g("div", aa, [
             M(a.$slots, "error", {}, () => [
               T(xt, {
                 type: "error",
@@ -2320,17 +2323,17 @@ const vn = {
               }, null, 8, ["title", "message"])
             ], !0)
           ])) : L("", !0),
-          i.value ? L("", !0) : (f(), g("div", aa, [
+          i.value ? L("", !0) : (f(), g("div", ia, [
             M(a.$slots, "default", {}, void 0, !0)
           ])),
-          i.value ? L("", !0) : (f(), g("div", ia, [
+          i.value ? L("", !0) : (f(), g("div", sa, [
             M(a.$slots, "actions", {}, void 0, !0)
           ])),
-          a.$slots.flexFooter ? (f(), g("footer", sa, [
+          a.$slots.flexFooter ? (f(), g("footer", ra, [
             M(a.$slots, "flexFooter", {}, void 0, !0)
           ])) : L("", !0)
         ], 2),
-        a.$slots.footer ? (f(), g("footer", ra, [
+        a.$slots.footer ? (f(), g("footer", ca, [
           M(a.$slots, "footer", {}, void 0, !0)
         ])) : L("", !0)
       ])), [
@@ -2338,10 +2341,10 @@ const vn = {
       ]);
     };
   }
-}), ua = /* @__PURE__ */ A(ca, [["__scopeId", "data-v-3e724555"]]), da = {
+}), da = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-1f4253d2"]]), fa = {
   class: "paginator-info",
   "aria-live": "polite"
-}, fa = /* @__PURE__ */ R({
+}, va = /* @__PURE__ */ R({
   __name: "paginator",
   props: /* @__PURE__ */ G({
     totalItems: {},
@@ -2388,7 +2391,7 @@ const vn = {
           totalPages: i.value,
           goTo: v
         }, () => [
-          _("div", da, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(i.value), 1)
+          _("div", fa, O(u.value) + " " + O(c.value) + " " + O(d.value) + " " + O(i.value), 1)
         ], !0),
         T(w, {
           tertiary: "",
@@ -2409,7 +2412,7 @@ const vn = {
       ], 32);
     };
   }
-}), va = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-b6fa8efe"]]), ma = { class: "search-field" }, pa = ["value", "placeholder"], ha = /* @__PURE__ */ R({
+}), ma = /* @__PURE__ */ A(va, [["__scopeId", "data-v-b6fa8efe"]]), pa = { class: "search-field" }, ha = ["value", "placeholder"], ga = /* @__PURE__ */ R({
   __name: "search-field",
   props: /* @__PURE__ */ G({
     placeholder: { default: "Search..." }
@@ -2426,7 +2429,7 @@ const vn = {
     }, l = k(() => !n.value);
     return (i, a) => {
       const c = q("VjIcon");
-      return f(), g("div", ma, [
+      return f(), g("div", pa, [
         T(c, {
           icon: $(z).SEARCH,
           size: $(X).S
@@ -2436,7 +2439,7 @@ const vn = {
           onInput: t,
           type: "text",
           placeholder: e.placeholder
-        }, null, 40, pa),
+        }, null, 40, ha),
         T(c, {
           class: I(["reset", { invisible: l.value }]),
           icon: $(z).CLOSE,
@@ -2446,7 +2449,7 @@ const vn = {
       ]);
     };
   }
-}), ga = /* @__PURE__ */ A(ha, [["__scopeId", "data-v-2771c8ed"]]), ba = /* @__PURE__ */ R({
+}), ba = /* @__PURE__ */ A(ga, [["__scopeId", "data-v-2771c8ed"]]), ya = /* @__PURE__ */ R({
   __name: "separator",
   props: {
     vertical: { type: Boolean }
@@ -2456,10 +2459,10 @@ const vn = {
       class: I(["separator", { vertical: e.vertical }])
     }, null, 2));
   }
-}), ya = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-e354bb4e"]]), wa = {
+}), wa = /* @__PURE__ */ A(ya, [["__scopeId", "data-v-e354bb4e"]]), _a = {
   key: 0,
   class: "tab"
-}, _a = /* @__PURE__ */ R({
+}, xa = /* @__PURE__ */ R({
   __name: "tab",
   props: {
     name: {},
@@ -2469,14 +2472,14 @@ const vn = {
     const n = e, t = vt("tabView"), o = k(() => t?.activeTab() === n.name);
     return Re(() => {
       t?.registerTab(n.name, n.label);
-    }), (l, i) => o.value ? (f(), g("div", wa, [
+    }), (l, i) => o.value ? (f(), g("div", _a, [
       M(l.$slots, "default")
     ])) : L("", !0);
   }
-}), xa = { class: "tab-view" }, ka = {
+}), ka = { class: "tab-view" }, Va = {
   ref: "headerRef",
   class: "tab-view-header"
-}, Va = ["onClick"], Ca = { class: "tab-view-content" }, Ea = /* @__PURE__ */ R({
+}, Ca = ["onClick"], Ea = { class: "tab-view-content" }, $a = /* @__PURE__ */ R({
   __name: "tab-view",
   props: {
     modelValue: {},
@@ -2512,27 +2515,27 @@ const vn = {
     }), Xt("tabView", {
       activeTab: () => n.value,
       registerTab: c
-    }), (s, u) => (f(), g("div", xa, [
-      _("div", ka, [
+    }), (s, u) => (f(), g("div", ka, [
+      _("div", Va, [
         (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, Va))), 128)),
+        }, O(d.label), 11, Ca))), 128)),
         u[0] || (u[0] = _("div", { class: "tab-line" }, null, -1)),
         _("div", {
           class: "tab-indicator",
           style: Y(l.value)
         }, null, 4)
       ], 512),
-      _("div", Ca, [
+      _("div", Ea, [
         M(s.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), $a = /* @__PURE__ */ A(Ea, [["__scopeId", "data-v-3d4ee454"]]), La = ["width", "height", "role", "tabindex", "aria-label", "onKeydown"], Sa = ["cx", "cy", "r", "stroke-width"], Ta = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ra = ["transform"], Aa = ["x", "y", "width", "height", "rx"], Oa = ["x", "y", "width", "height", "rx"], Da = /* @__PURE__ */ R({
+}), 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({
   __name: "timer",
   props: {
     duration: { default: 5e3 },
@@ -2632,7 +2635,7 @@ const vn = {
         "stroke-width": a.value,
         class: "vj-timer__outer-ring",
         fill: "none"
-      }, null, 8, Sa),
+      }, null, 8, Ta),
       _("circle", {
         cx: i.value / 2,
         cy: i.value / 2,
@@ -2642,7 +2645,7 @@ const vn = {
         "stroke-dashoffset": b.value,
         class: "vj-timer__progress-ring",
         fill: "none"
-      }, null, 8, Ta),
+      }, null, 8, Ra),
       d.value ? (f(), g("g", {
         key: 0,
         class: "vj-timer__pause-icon",
@@ -2655,7 +2658,7 @@ const vn = {
           height: i.value * 0.3,
           rx: i.value * 0.015,
           class: "vj-timer__pause-bar"
-        }, null, 8, Aa),
+        }, null, 8, Oa),
         _("rect", {
           x: i.value * 0.04,
           y: -i.value * 0.15,
@@ -2663,11 +2666,11 @@ const vn = {
           height: i.value * 0.3,
           rx: i.value * 0.015,
           class: "vj-timer__pause-bar"
-        }, null, 8, Oa)
-      ], 8, Ra)) : L("", !0)
-    ], 42, La));
+        }, null, 8, Da)
+      ], 8, Aa)) : L("", !0)
+    ], 42, Sa));
   }
-}), Ba = /* @__PURE__ */ A(Da, [["__scopeId", "data-v-49a33853"]]), Ma = ["onKeydown"], ja = /* @__PURE__ */ R({
+}), Ma = /* @__PURE__ */ A(Ba, [["__scopeId", "data-v-49a33853"]]), ja = ["onKeydown"], Pa = /* @__PURE__ */ R({
   __name: "editable-label",
   props: {
     modelValue: {},
@@ -2704,7 +2707,7 @@ const vn = {
           Be(U(v, ["prevent"]), ["esc"])
         ],
         onBlur: d
-      }, null, 40, Ma)), [
+      }, null, 40, ja)), [
         [Cn, i.value]
       ]) : (f(), g(Q, { key: 0 }, [
         _("span", {
@@ -2724,7 +2727,7 @@ const vn = {
       ], 64))
     ], 34));
   }
-}), ps = /* @__PURE__ */ A(ja, [["__scopeId", "data-v-cdc52c5b"]]), Pa = "200% 200%", Fa = /* @__PURE__ */ R({
+}), hs = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-cdc52c5b"]]), Fa = "200% 200%", za = /* @__PURE__ */ R({
   __name: "skeleton",
   props: {
     width: {},
@@ -2739,12 +2742,12 @@ const vn = {
         width: t.value,
         height: o.value,
         borderRadius: l.value,
-        backgroundSize: Pa
+        backgroundSize: Fa
       }),
       "aria-hidden": "true"
     }, null, 4));
   }
-}), za = /* @__PURE__ */ A(Fa, [["__scopeId", "data-v-ac05e016"]]), Ia = /* @__PURE__ */ R({
+}), Ia = /* @__PURE__ */ A(za, [["__scopeId", "data-v-ac05e016"]]), Ha = /* @__PURE__ */ R({
   __name: "amount-bar",
   props: {
     amount: {},
@@ -2779,10 +2782,10 @@ const vn = {
       }, null, 4))
     ], 2));
   }
-}), Ha = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-7e89d03f"]]), Wa = ["multiple", "accept", "disabled"], Ua = { class: "upload-text" }, Na = { class: "upload-title" }, Ka = { class: "upload-subtitle" }, Xa = {
+}), Wa = /* @__PURE__ */ A(Ha, [["__scopeId", "data-v-7e89d03f"]]), Ua = ["multiple", "accept", "disabled"], Na = { class: "upload-text" }, Ka = { class: "upload-title" }, Xa = { class: "upload-subtitle" }, qa = {
   key: 0,
   class: "upload-files"
-}, qa = { class: "file-info" }, Ga = { class: "file-details" }, Ya = { class: "file-name" }, Ja = { class: "file-size" }, Qa = /* @__PURE__ */ R({
+}, Ga = { class: "file-info" }, Ya = { class: "file-details" }, Ja = { class: "file-name" }, Qa = { class: "file-size" }, Za = /* @__PURE__ */ R({
   __name: "upload",
   props: /* @__PURE__ */ G({
     multiple: { type: Boolean, default: !0 },
@@ -2841,7 +2844,7 @@ const vn = {
         onDragover: s,
         onDragleave: u,
         onDrop: d
-      }, null, 40, Wa),
+      }, null, 40, Ua),
       _("div", {
         class: "upload-content",
         onClick: m[1] || (m[1] = (b) => i.value?.click()),
@@ -2854,9 +2857,9 @@ const vn = {
           size: $(X).L,
           class: "upload-icon"
         }, null, 8, ["icon", "size"]),
-        _("div", Ua, [
-          _("p", Na, O(c.value ? e.dropText : e.uploadText), 1),
-          _("p", Ka, O(e.subtitleText), 1)
+        _("div", Na, [
+          _("p", Ka, O(c.value ? e.dropText : e.uploadText), 1),
+          _("p", Xa, O(e.subtitleText), 1)
         ]),
         T(Ge, {
           label: e.browseText,
@@ -2865,19 +2868,19 @@ const vn = {
           onClick: m[0] || (m[0] = U((b) => i.value?.click(), ["stop"]))
         }, null, 8, ["label", "disabled"])
       ], 32),
-      l.value.length > 0 ? (f(), g("div", Xa, [
+      l.value.length > 0 ? (f(), g("div", qa, [
         (f(!0), g(Q, null, pe(l.value, (b, x) => (f(), g("div", {
           key: x,
           class: "upload-file-item"
         }, [
-          _("div", qa, [
+          _("div", Ga, [
             T(te, {
               icon: $(z).ATTACHMENT,
               size: $(X).S
             }, null, 8, ["icon", "size"]),
-            _("div", Ga, [
-              _("p", Ya, O(b.name), 1),
-              _("p", Ja, O(h(b.size)), 1)
+            _("div", Ya, [
+              _("p", Ja, O(b.name), 1),
+              _("p", Qa, O(h(b.size)), 1)
             ])
           ]),
           e.disabled ? L("", !0) : (f(), P(te, {
@@ -2891,14 +2894,14 @@ const vn = {
       ])) : L("", !0)
     ], 2));
   }
-}), Za = /* @__PURE__ */ A(Qa, [["__scopeId", "data-v-2f7be5e5"]]), mn = {
+}), ei = /* @__PURE__ */ A(Za, [["__scopeId", "data-v-2f7be5e5"]]), mn = {
   form: {
     labelPosition: "inline",
     appearance: "bordered"
   }
 };
 let qe = {};
-function hs(e) {
+function gs(e) {
   qe = {
     ...qe,
     ...e,
@@ -2916,18 +2919,18 @@ function Ut() {
     }
   };
 }
-function gs() {
+function bs() {
   qe = {};
 }
-const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-field__wrapper" }, oi = ["for"], li = {
+const ti = ["data-colspan", "data-newline"], ni = ["for"], oi = { class: "form-field__wrapper" }, li = ["for"], ai = {
   key: 1,
   class: "form-field__error"
-}, ai = {
+}, ii = {
   key: 2,
   class: "form-field__help",
   type: "button",
   "aria-label": "Hilfe"
-}, ii = /* @__PURE__ */ R({
+}, si = /* @__PURE__ */ R({
   directives: { tooltip: vn },
   __name: "form-field",
   props: {
@@ -2986,8 +2989,8 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           key: 0,
           for: a.value,
           class: "form-field__label-outline"
-        }, O(e.label), 9, ti)) : L("", !0),
-        _("div", ni, [
+        }, O(e.label), 9, ni)) : L("", !0),
+        _("div", oi, [
           M(h.$slots, "control", {
             id: a.value,
             value: l.value,
@@ -3001,20 +3004,20 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             key: 0,
             for: a.value,
             class: I(["form-field__label", { "form-field__label--float": s.value }])
-          }, O(e.label), 11, oi)) : L("", !0)
+          }, O(e.label), 11, li)) : L("", !0)
         ]),
-        e.error ? (f(), g("div", li, O(e.error), 1)) : L("", !0),
-        t.helpText ? ft((f(), g("button", ai, [
+        e.error ? (f(), g("div", ai, O(e.error), 1)) : L("", !0),
+        t.helpText ? ft((f(), g("button", ii, [
           T(m, {
             icon: $(z).HELP
           }, null, 8, ["icon"])
         ])), [
           [b, t.helpText]
         ]) : L("", !0)
-      ], 14, ei);
+      ], 14, ti);
     };
   }
-}), Ie = /* @__PURE__ */ A(ii, [["__scopeId", "data-v-19959d5e"]]), si = /* @__PURE__ */ R({
+}), Ie = /* @__PURE__ */ A(si, [["__scopeId", "data-v-19959d5e"]]), ri = /* @__PURE__ */ R({
   __name: "form-layout",
   props: {
     columns: { type: Number, default: 4 },
@@ -3051,25 +3054,25 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       M(i.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ri = /* @__PURE__ */ A(si, [["__scopeId", "data-v-96f62ab7"]]), ci = {
+}), ci = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-96f62ab7"]]), ui = {
   key: 0,
   class: "form-section__title",
   "data-newline": ""
-}, ui = /* @__PURE__ */ R({
+}, di = /* @__PURE__ */ R({
   __name: "form-section",
   props: {
     title: {}
   },
   setup(e) {
     return (n, t) => (f(), g(Q, null, [
-      e.title ? (f(), g("h3", ci, O(e.title), 1)) : L("", !0),
+      e.title ? (f(), g("h3", ui, O(e.title), 1)) : L("", !0),
       M(n.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), di = /* @__PURE__ */ A(ui, [["__scopeId", "data-v-69cff1d0"]]), fi = ["id", "disabled"], vi = { class: "select-value" }, mi = {
+}), fi = /* @__PURE__ */ A(di, [["__scopeId", "data-v-69cff1d0"]]), vi = ["id", "disabled"], mi = { class: "select-value" }, pi = {
   key: 1,
   class: "select-placeholder"
-}, pi = { class: "select-options" }, hi = ["onClick", "onMouseenter"], gi = /* @__PURE__ */ R({
+}, hi = { class: "select-options" }, gi = ["onClick", "onMouseenter"], bi = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "select",
   props: /* @__PURE__ */ G({
@@ -3145,13 +3148,13 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
               size: $(X).S,
               class: "select-icon-left"
             }, null, 8, ["icon", "size"])) : L("", !0),
-            _("span", vi, [
+            _("span", mi, [
               v.value ? M(w.$slots, "selected", {
                 key: 0,
                 option: v.value
               }, () => [
                 Ue(O(u(v.value)), 1)
-              ], !0) : (f(), g("span", mi, O(e.placeholder), 1))
+              ], !0) : (f(), g("span", pi, O(e.placeholder), 1))
             ]),
             t.clearable && v.value && !e.disabled ? (f(), P(j, {
               key: 1,
@@ -3165,7 +3168,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
               size: $(X).S,
               class: I(["select-icon-right", { open: l.value }])
             }, null, 8, ["icon", "size", "class"])
-          ], 8, fi)
+          ], 8, vi)
         ], 2),
         (f(), P(je, { to: "body" }, [
           T(Le, { name: "dropdown" }, {
@@ -3177,7 +3180,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
                 style: Y($(s)),
                 class: "select-dropdown"
               }, [
-                _("div", pi, [
+                _("div", hi, [
                   (f(!0), g(Q, null, pe(e.options, (H, V) => (f(), g("div", {
                     key: String(d(H)),
                     class: I(["select-option", { selected: p(H), highlighted: i.value === V }]),
@@ -3190,7 +3193,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
                     }, () => [
                       Ue(O(u(H)), 1)
                     ], !0)
-                  ], 42, hi))), 128))
+                  ], 42, gi))), 128))
                 ])
               ], 4)) : L("", !0)
             ]),
@@ -3205,7 +3208,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ], 64);
     };
   }
-}), pn = /* @__PURE__ */ A(gi, [["__scopeId", "data-v-f33ae75c"]]), bi = /* @__PURE__ */ R({
+}), pn = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-f33ae75c"]]), yi = /* @__PURE__ */ R({
   __name: "input-select",
   props: {
     modelValue: {},
@@ -3283,7 +3286,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       _: 3
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), yi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], _i = /* @__PURE__ */ R({
+}), wi = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-label"], _i = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], xi = /* @__PURE__ */ R({
   __name: "slider",
   props: {
     modelValue: { default: void 0 },
@@ -3393,7 +3396,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           onKeydown: C[3] || (C[3] = U((D) => S("low", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, yi),
+        }, null, 44, wi),
         H.value && a.value ? (f(), g("div", {
           key: 1,
           class: "tooltip",
@@ -3413,11 +3416,11 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           onKeydown: C[7] || (C[7] = U((D) => S("high", D), ["stop", "prevent"])),
           role: "slider",
           tabindex: "0"
-        }, null, 44, wi)) : L("", !0)
+        }, null, 44, _i)) : L("", !0)
       ], 512)
     ], 32));
   }
-}), xi = /* @__PURE__ */ A(_i, [["__scopeId", "data-v-d47c7475"]]), ki = ["onFocusin", "onFocusout"], Vi = /* @__PURE__ */ R({
+}), ki = /* @__PURE__ */ A(xi, [["__scopeId", "data-v-d47c7475"]]), Vi = ["onFocusin", "onFocusout"], Ci = /* @__PURE__ */ R({
   __name: "input-slider",
   props: /* @__PURE__ */ G({
     modelValue: {},
@@ -3472,7 +3475,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           onFocusin: p,
           onFocusout: h
         }, [
-          T(xi, {
+          T(ki, {
             id: u,
             modelValue: a.value,
             "onUpdate:modelValue": [
@@ -3485,12 +3488,12 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             range: !1,
             disabled: d
           }, null, 8, ["id", "modelValue", "min", "max", "step", "disabled"])
-        ], 40, ki)
+        ], 40, Vi)
       ]),
       _: 1
     }, 8, ["modelValue", "label", "id", "disabled", "colspan", "newLine", "spanRow", "error"]));
   }
-}), Ci = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-8f16d318"]]), Ei = { class: "textarea" }, $i = ["value", "placeholder", "disabled", "rows"], Li = /* @__PURE__ */ R({
+}), Ei = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-8f16d318"]]), $i = { class: "textarea" }, Li = ["value", "placeholder", "disabled", "rows"], Si = /* @__PURE__ */ R({
   __name: "textarea",
   props: /* @__PURE__ */ G({
     icon: {},
@@ -3515,7 +3518,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     }, r = k(() => !o.value);
     return (s, u) => {
       const d = q("VjIcon");
-      return f(), g("div", Ei, [
+      return f(), g("div", $i, [
         e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
@@ -3530,7 +3533,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           placeholder: e.placeholder,
           disabled: e.disabled,
           rows: e.rows
-        }, null, 40, $i),
+        }, null, 40, Li),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: I(["clear-icon", { invisible: r.value }]),
@@ -3541,7 +3544,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ]);
     };
   }
-}), hn = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-2ea43716"]]), Si = /* @__PURE__ */ R({
+}), hn = /* @__PURE__ */ A(Si, [["__scopeId", "data-v-2ea43716"]]), Ti = /* @__PURE__ */ R({
   __name: "input-text-area",
   props: {
     modelValue: {},
@@ -3604,7 +3607,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "labelPosition", "error", "helpText", "appearance"]));
   }
-}), Ti = { class: "input" }, Ri = ["value", "type", "placeholder", "disabled"], Ai = /* @__PURE__ */ R({
+}), Ri = { class: "input" }, Ai = ["value", "type", "placeholder", "disabled"], Oi = /* @__PURE__ */ R({
   __name: "input",
   props: /* @__PURE__ */ G({
     icon: {},
@@ -3629,7 +3632,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     }, r = k(() => !o.value);
     return (s, u) => {
       const d = q("VjIcon");
-      return f(), g("div", Ti, [
+      return f(), g("div", Ri, [
         e.icon ? (f(), P(d, {
           key: 0,
           icon: e.icon,
@@ -3643,7 +3646,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
           type: e.type,
           placeholder: e.placeholder,
           disabled: e.disabled
-        }, null, 40, Ri),
+        }, null, 40, Ai),
         e.clearable && !e.disabled ? (f(), P(d, {
           key: 1,
           class: I(["clear-icon", { invisible: r.value }]),
@@ -3654,7 +3657,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ]);
     };
   }
-}), gn = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-3187d49c"]]), Oi = /* @__PURE__ */ R({
+}), gn = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-3187d49c"]]), Di = /* @__PURE__ */ R({
   __name: "input-text",
   props: {
     modelValue: {},
@@ -3714,10 +3717,10 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       _: 1
     }, 8, ["modelValue", "label", "id", "placeholder", "disabled", "colspan", "newLine", "spanRow", "error", "helpText", "labelPosition", "appearance"]));
   }
-}), Di = { class: "shell-navigation-item" }, Bi = { class: "shell-navigation-item-label" }, Mi = {
+}), Bi = { class: "shell-navigation-item" }, Mi = { class: "shell-navigation-item-label" }, ji = {
   key: 1,
   class: "shell-navigation-item-link"
-}, ji = ["aria-expanded"], Pi = { class: "shell-navigation-item-label" }, Fi = /* @__PURE__ */ R({
+}, Pi = ["aria-expanded"], Fi = { class: "shell-navigation-item-label" }, zi = /* @__PURE__ */ R({
   __name: "shell-navigation-item",
   props: {
     label: {},
@@ -3747,7 +3750,7 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       window.removeEventListener("keydown", u), window.removeEventListener("pointerdown", d);
     }), (v, p) => {
       const h = q("VjIcon"), y = q("RouterLink"), m = q("VjMenu");
-      return f(), g("li", Di, [
+      return f(), g("li", Bi, [
         e.to ? (f(), P(y, {
           key: 0,
           to: e.to,
@@ -3758,10 +3761,10 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            _("label", Bi, O(e.label), 1)
+            _("label", Mi, O(e.label), 1)
           ]),
           _: 1
-        }, 8, ["to"])) : (f(), g("div", Mi, [
+        }, 8, ["to"])) : (f(), g("div", ji, [
           _("button", {
             ref_key: "buttonRef",
             ref: l,
@@ -3774,8 +3777,8 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
               icon: e.icon,
               class: "shell-navigation-item-icon"
             }, null, 8, ["icon"]),
-            _("label", Pi, O(e.label), 1)
-          ], 8, ji),
+            _("label", Fi, O(e.label), 1)
+          ], 8, Pi),
           T(Le, { name: "menu" }, {
             default: N(() => [
               o.value ? (f(), P(m, {
@@ -3806,19 +3809,19 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ]);
     };
   }
-}), zi = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-3a50d1c2"]]), Ii = { class: "navigation-top" }, Hi = {
+}), Ii = /* @__PURE__ */ A(zi, [["__scopeId", "data-v-3a50d1c2"]]), Hi = { class: "navigation-top" }, Wi = {
   key: 0,
   class: "navigation-bottom"
-}, Wi = /* @__PURE__ */ R({
+}, Ui = /* @__PURE__ */ R({
   __name: "shell-navigation",
   setup(e) {
-    const n = vt(es, ns()), t = k(() => n.showLabels);
+    const n = vt(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", Ii, [
+        _("ul", Hi, [
           $(n).hasParent && $(n).backRoute.value ? (f(), P(i, {
             key: 0,
             to: $(n).backRoute.value,
@@ -3832,13 +3835,13 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
             icon: a.meta.icon ?? $(z).HOME
           }, null, 8, ["to", "label", "icon"]))), 128))
         ]),
-        o.$slots.fixed ? (f(), g("ul", Hi, [
+        o.$slots.fixed ? (f(), g("ul", Wi, [
           M(o.$slots, "fixed", {}, void 0, !0)
         ])) : L("", !0)
       ], 2);
     };
   }
-}), bn = /* @__PURE__ */ A(Wi, [["__scopeId", "data-v-306cfc22"]]), Ui = { class: "shell" }, Ni = { class: "shell-title" }, Ki = ["src"], Xi = { class: "header-actions" }, qi = /* @__PURE__ */ R({
+}), bn = /* @__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: {},
@@ -3846,24 +3849,24 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
     showNavigation: { type: Boolean }
   },
   setup(e) {
-    const n = ss(), t = lt(n, "asideComponent"), o = lt(n, "hasAside"), l = lt(n, "asideData"), i = k(() => {
+    const n = rs(), t = lt(n, "asideComponent"), o = lt(n, "hasAside"), l = lt(n, "asideData"), i = k(() => {
       const a = l.value;
       return a && typeof a == "object" ? a : {};
     });
     return (a, c) => {
       const r = q("router-view");
-      return f(), g("div", Ui, [
+      return f(), g("div", Ni, [
         _("header", null, [
           M(a.$slots, "header", {}, () => [
-            _("span", Ni, [
+            _("span", Ki, [
               e.icon ? (f(), g("img", {
                 key: 0,
                 src: e.icon,
                 alt: "Shell Icon"
-              }, null, 8, Ki)) : L("", !0),
+              }, null, 8, Xi)) : L("", !0),
               _("h1", null, O(e.title), 1)
             ]),
-            _("div", Xi, [
+            _("div", qi, [
               M(a.$slots, "header-actions", {}, void 0, !0)
             ])
           ], !0)
@@ -3895,8 +3898,8 @@ const ei = ["data-colspan", "data-newline"], ti = ["for"], ni = { class: "form-f
       ]);
     };
   }
-}), Gi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-6a20620c"]]);
-class Yi {
+}), Yi = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-6a20620c"]]);
+class Ji {
   notifications = E([]);
   notificationIdCounter = 0;
   /**
@@ -3962,12 +3965,12 @@ class Yi {
     this.notifications.value = [];
   }
 }
-const Nt = new Yi(), Ji = { class: "notifications" }, Qi = /* @__PURE__ */ R({
+const Nt = new Ji(), Qi = { class: "notifications" }, Zi = /* @__PURE__ */ R({
   __name: "notifications",
   setup(e) {
     const n = Nt.getNotifications(), t = (o) => Nt.remove(o);
     return (o, l) => (f(), P(je, { to: "body" }, [
-      _("div", Ji, [
+      _("div", Qi, [
         T(Ln, { name: "notification" }, {
           default: N(() => [
             (f(!0), g(Q, null, pe($(n), (i) => (f(), P(xt, {
@@ -3983,11 +3986,11 @@ const Nt = new Yi(), Ji = { class: "notifications" }, Qi = /* @__PURE__ */ R({
       ])
     ]));
   }
-}), Zi = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-543c499f"]]), es = "navigationProvider";
-function ts(e) {
+}), es = /* @__PURE__ */ A(Zi, [["__scopeId", "data-v-543c499f"]]), ts = "navigationProvider";
+function ns(e) {
   return !!e.meta && "icon" in e.meta && "label" in e.meta;
 }
-const ns = () => {
+const os = () => {
   const e = An(), n = On(), t = !0, o = k(() => {
     const u = e.getRoutes();
     return u.filter((d) => d.path !== "/" && !u.some((v) => v.children?.some((p) => p.name === d.name)));
@@ -4003,7 +4006,7 @@ const ns = () => {
     return d ? { name: d.name } : { path: "/" };
   }), s = k(() => {
     let u = [];
-    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : i.value?.children?.length ? u = i.value.children : u = o.value, u.filter(ts);
+    return n.path === "/" ? u = o.value : l.value?.children?.length ? u = l.value.children : i.value?.children?.length ? u = i.value.children : u = o.value, u.filter(ns);
   });
   return {
     hasParent: a,
@@ -4011,7 +4014,7 @@ const ns = () => {
     childRoutes: s,
     showLabels: t
   };
-}, bs = (e, n = !0, t = void 0) => {
+}, ys = (e, n = !0, t = void 0) => {
   const o = Sn(e) ? e : E(e), l = !!t, i = E(t || null);
   return {
     hasParent: l,
@@ -4023,9 +4026,9 @@ const ns = () => {
 let $e = [];
 const yn = (e) => ($e.push(e), () => {
   $e = $e.filter((n) => n !== e);
-}), os = (e, n) => ($e = [], Vt.value = e, Ct.value = n ?? null, kt.value = !0, {
+}), ls = (e, n) => ($e = [], Vt.value = e, Ct.value = n ?? null, kt.value = !0, {
   onClose: (t) => yn(t)
-}), ls = (e) => {
+}), as = (e) => {
   try {
     $e.forEach((n) => {
       try {
@@ -4035,18 +4038,18 @@ const yn = (e) => ($e.push(e), () => {
       }
     });
   } finally {
-    kt.value = !1, setTimeout(as, 1e3);
+    kt.value = !1, setTimeout(is, 1e3);
   }
-}, as = () => {
+}, is = () => {
   $e = [], Vt.value = null, Ct.value = null;
-}, is = {
+}, ss = {
   asideComponent: Vt,
   asideData: Ct,
-  showAside: os,
-  closeAside: ls,
+  showAside: ls,
+  closeAside: as,
   onAsideClose: yn,
   hasAside: kt
-}, ss = () => is, ys = (e, n) => {
+}, rs = () => ss, ws = (e, n) => {
   let t = null;
   return (...l) => {
     t && clearTimeout(t), t = setTimeout(() => {
@@ -4054,7 +4057,7 @@ const yn = (e) => ($e.push(e), () => {
     }, n);
   };
 };
-class rs {
+class cs {
   containerElement = null;
   apps = [];
   mainApp = null;
@@ -4134,17 +4137,17 @@ class rs {
     }), this.apps = [];
   }
 }
-const cs = new rs();
-function ws() {
-  return cs;
-}
+const us = new cs();
 function _s() {
+  return us;
+}
+function xs() {
   const e = vt(Jt, null);
   if (!e)
     throw new Error("useDialogController must be used inside a dialog component.");
   return e;
 }
-const xs = () => {
+const ks = () => {
   const e = E(!1), n = E(null), t = () => {
     n.value = null;
   };
@@ -4184,76 +4187,76 @@ const xs = () => {
     return new o(i, a);
   }
   return { run: l, running: e, error: n, clearError: t };
-}, ks = {
+}, Vs = {
   install(e) {
-    e.component("VjAccordion", In), e.component("VjAmountBar", Ha), 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", ua), e.component("VjPaginator", va), e.component("VjTab", _a), e.component("VjTabView", $a), e.component("VjTimer", Ba), e.component("VjSkeleton", za), e.component("VjSpinner", fn), e.component("VjNotifications", Zi), e.component("VjNotification", xt), e.component("VjUpload", Za), e.component("VjInput", gn), e.component("VjSelect", pn), e.component("VjTextArea", hn), e.component("VjFormField", Ie), e.component("VjFormLayout", ri), e.component("VjFormSection", di), e.component("VjInputText", Oi), e.component("VjInputTextArea", Si), e.component("VjInputSelect", bi), e.component("VjInputSlider", Ci), e.component("VjShellNavigation", bn), e.component("VjShellNavigationItem", zi), e.component("VjShell", Gi), e.component("VjSearchField", ga), e.component("VjSeparator", ya), 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", 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);
   }
 };
 export {
   In as Accordion,
-  Ha as AmountBar,
+  Wa as AmountBar,
   Ge as Button,
   Xn as ButtonBar,
   st as Card,
-  vs as Carousel,
+  ms as Carousel,
   io as Checkbox,
   Gt as Chip,
   Yt as ChipGroup,
   Ro as ChipSelector,
   mt as Dialog,
   Vl as DotMenu,
-  ps as EditableLabel,
+  hs as EditableLabel,
   jl as FocusFirstDirective,
   Ie as FormField,
-  ri as FormLayout,
-  di as FormSection,
+  ci as FormLayout,
+  fi as FormSection,
   te as Icon,
   z as IconNames,
   X as IconSize,
   gn as Input,
-  bi as InputSelect,
-  Ci as InputSlider,
-  Oi as InputText,
-  Si as InputTextArea,
+  yi as InputSelect,
+  Ei as InputSlider,
+  Di as InputText,
+  Ti as InputTextArea,
   El as LinkButton,
   Ul as LoadingDirective,
   Dl as Menu,
   Tl as MenuAction,
   xt as NotificationComponent,
-  Zi as Notifications,
-  ua as Page,
-  va as Paginator,
-  ms as Radio,
+  es as Notifications,
+  da as Page,
+  ma as Paginator,
+  ps as Radio,
   Pl as ResizeDirective,
-  ga as SearchField,
+  ba as SearchField,
   pn as Select,
-  ya as Separator,
-  Gi as Shell,
+  wa as Separator,
+  Yi as Shell,
   bn as ShellNavigation,
-  zi as ShellNavigationItem,
-  za as Skeleton,
+  Ii as ShellNavigationItem,
+  Ia as Skeleton,
   fn as Spinner,
-  _a as Tab,
-  $a as TabView,
+  xa as Tab,
+  La as TabView,
   hn as TextArea,
-  Ba as Timer,
+  Ma as Timer,
   vn as TooltipDirective,
-  Za as Upload,
-  ks as VjComponents,
+  ei as Upload,
+  Vs as VjComponents,
   Jt as VjDialogControllerKey,
-  es as VjNavigationProviderKey,
+  ts as VjNavigationProviderKey,
   Bl as compactDirective,
-  hs as configureVueUI,
-  cs as dialogService,
+  gs as configureVueUI,
+  us as dialogService,
   Ut as getVueUIConfig,
   at as iconRegistry,
   Nt as notificationService,
-  gs as resetVueUIConfig,
-  ss as useAsideService,
-  ys as useDebounce,
-  ws as useDialog,
-  _s as useDialogController,
-  xs as useFlow,
-  ns as useRouterNavigationProvider,
-  bs as useStaticNavigationProvider
+  bs as resetVueUIConfig,
+  rs as useAsideService,
+  ws as useDebounce,
+  _s as useDialog,
+  xs as useDialogController,
+  ks as useFlow,
+  os as useRouterNavigationProvider,
+  ys as useStaticNavigationProvider
 };