@autoafleveren/ui 0.15.4 → 0.15.6

package/dist/ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as Se, toRaw as Pb, unref as E, openBlock as k, createElementBlock as N, normalizeStyle as Nn, normalizeClass as ie, createBlock as fe, resolveDynamicComponent as it, mergeProps as Je, withCtx as de, createTextVNode as Xe, toDisplayString as _e, resolveComponent as xi, createCommentVNode as V, createElementVNode as j, Fragment as Ie, toHandlers as Db, withModifiers as Ot, TransitionGroup as Mb, renderSlot as Z, renderList as Ge, createVNode as Oe, getCurrentInstance as ei, inject as ba, nextTick as wn, createApp as Ri, ref as ne, shallowRef as bn, onMounted as Ft, onUnmounted as ns, isRef as zn, isReactive as Ef, watch as dt, reactive as ti, h as Kr, isVNode as Ab, useSlots as Ur, computed as z, createStaticVNode as Rb, normalizeProps as kt, guardReactiveProps as on, createSlots as Zt, Transition as ni, toRef as Ls, Teleport as rm, withKeys as Ye, withDirectives as Ii, vShow as Cs, onBeforeUpdate as $b, getCurrentScope as Nb, onScopeDispose as Lb, vModelDynamic as Bb, mergeDefaults as Hb, useAttrs as Fb, toRefs as Hn, onBeforeUnmount as am, render as Ub, useCssVars as ri, provide as Zo, pushScopeId as rs, popScopeId as as, defineAsyncComponent as jb, resolveDirective as zb, mergeModels as Xu, useModel as im } from "vue";
+import { defineComponent as Se, toRaw as Pb, unref as E, openBlock as k, createElementBlock as N, normalizeStyle as Nn, normalizeClass as ae, createBlock as fe, resolveDynamicComponent as it, mergeProps as Je, withCtx as de, createTextVNode as Xe, toDisplayString as _e, resolveComponent as xi, createCommentVNode as V, createElementVNode as j, Fragment as Ie, toHandlers as Db, withModifiers as Ot, TransitionGroup as Mb, renderSlot as Z, renderList as Ge, createVNode as Oe, getCurrentInstance as ei, inject as ba, nextTick as wn, createApp as Ri, ref as ne, shallowRef as bn, onMounted as Ft, onUnmounted as ns, isRef as zn, isReactive as Ef, watch as dt, reactive as ti, h as Kr, isVNode as Ab, useSlots as Ur, computed as z, createStaticVNode as Rb, normalizeProps as kt, guardReactiveProps as on, createSlots as Zt, Transition as ni, toRef as Ls, Teleport as rm, withKeys as Ye, withDirectives as Ii, vShow as Cs, onBeforeUpdate as $b, getCurrentScope as Nb, onScopeDispose as Lb, vModelDynamic as Bb, mergeDefaults as Hb, useAttrs as Fb, toRefs as Hn, onBeforeUnmount as am, render as Ub, useCssVars as ri, provide as Zo, pushScopeId as rs, popScopeId as as, defineAsyncComponent as jb, resolveDirective as zb, mergeModels as Xu, useModel as im } from "vue";
 import { useRouter as sm, RouterLink as Wb, useRoute as Vb } from "vue-router";
 import { MenuItem as qb, Menu as Yb, MenuButton as Gb, MenuItems as Xb, TransitionRoot as Gc, Dialog as Xc, TransitionChild as Bs, DialogOverlay as om, DialogTitle as lm, Disclosure as Kb, DisclosureButton as Jb, DisclosurePanel as Zb } from "@headlessui/vue";
 import { useKeyModifier as Qb, toValue as e_, onClickOutside as um, onKeyStroke as cm } from "@vueuse/core";
@@ -240,7 +240,7 @@ var fr = "Vue-Toastification", cr = {
 function v_(e, t) {
   return k(), N("div", {
     style: Nn(e.style),
-    class: ie(e.cpClass)
+    class: ae(e.cpClass)
   }, null, 6);
 }
 ym.render = v_;
@@ -386,7 +386,7 @@ var H_ = km, Tm = Se({
 });
 function F_(e, t) {
   return k(), fe(it(e.component), {
-    class: ie(e.iconClasses)
+    class: ae(e.iconClasses)
   }, {
     default: de(() => [
       Xe(_e(e.customIconChildren), 1)
@@ -503,7 +503,7 @@ var U_ = Tm, Cm = Se({
 function z_(e, t) {
   const n = xi("Icon"), r = xi("CloseButton"), a = xi("ProgressBar");
   return k(), N("div", {
-    class: ie(e.classes),
+    class: ae(e.classes),
     style: Nn(e.draggableStyle),
     onClick: t[0] || (t[0] = (...i) => e.clickHandler && e.clickHandler(...i)),
     onMouseenter: t[1] || (t[1] = (...i) => e.hoverPause && e.hoverPause(...i)),
@@ -516,7 +516,7 @@ function z_(e, t) {
     }, null, 8, ["custom-icon", "type"])) : V("v-if", !0),
     j("div", {
       role: e.accessibility.toastRole || "alert",
-      class: ie(e.bodyClasses)
+      class: ae(e.bodyClasses)
     }, [
       typeof e.content == "string" ? (k(), N(Ie, { key: 0 }, [
         Xe(_e(e.content), 1)
@@ -645,7 +645,7 @@ function Y_(e, t) {
     (k(!0), N(Ie, null, Ge(e.positions, (a) => (k(), N("div", { key: a }, [
       Oe(r, {
         transition: e.defaults.transition,
-        class: ie(e.getClasses(a))
+        class: ae(e.getClasses(a))
       }, {
         default: de(() => [
           (k(!0), N(Ie, null, Ge(e.getPositionToasts(a), (i) => (k(), fe(n, Je({
@@ -1973,8 +1973,8 @@ function Tw(e, t) {
         if (y.state.isVisible)
           $e.setAttribute(le, st ? st + " " + he : he);
         else {
-          var ae = st && st.replace(he, "").trim();
-          ae ? $e.setAttribute(le, ae) : $e.removeAttribute(le);
+          var ie = st && st.replace(he, "").trim();
+          ie ? $e.setAttribute(le, ie) : $e.removeAttribute(le);
         }
       });
     }
@@ -2091,7 +2091,7 @@ function Tw(e, t) {
     var le = L.target, he = B().contains(le) || O.contains(le);
     if (!(L.type === "mousemove" && he)) {
       var Me = pe().concat(O).map(function($e) {
-        var st, ae = $e._tippy, be = (st = ae.popperInstance) == null ? void 0 : st.state;
+        var st, ie = $e._tippy, be = (st = ie.popperInstance) == null ? void 0 : st.state;
         return be ? {
           popperRect: $e.getBoundingClientRect(),
           popperState: be,
@@ -2119,7 +2119,7 @@ function Tw(e, t) {
   }
   function pt() {
     De();
-    var L = y.props, le = L.popperOptions, he = L.placement, Me = L.offset, $e = L.getReferenceClientRect, st = L.moveTransition, ae = A() ? el(O).arrow : null, be = $e ? {
+    var L = y.props, le = L.popperOptions, he = L.placement, Me = L.offset, $e = L.getReferenceClientRect, st = L.moveTransition, ie = A() ? el(O).arrow : null, be = $e ? {
       getBoundingClientRect: $e,
       contextElement: $e.contextElement || B()
     } : e, ut = {
@@ -2162,10 +2162,10 @@ function Tw(e, t) {
         adaptive: !st
       }
     }, ut];
-    A() && ae && Ze.push({
+    A() && ie && Ze.push({
       name: "arrow",
       options: {
-        element: ae,
+        element: ie,
         padding: 3
       }
     }), Ze.push.apply(Ze, (le == null ? void 0 : le.modifiers) || []), y.popperInstance = rw(be, O, Object.assign({}, le, {
@@ -2236,8 +2236,8 @@ function Tw(e, t) {
     var L = y.state.isVisible, le = y.state.isDestroyed, he = !y.state.isEnabled, Me = Sr.isTouch && !y.props.touch, $e = mu(y.props.duration, 0, pr.duration);
     if (!(L || le || he || Me) && !B().hasAttribute("disabled") && (q("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, A() && (O.style.visibility = "visible"), G(), x(), y.state.isMounted || (O.style.transition = "none"), A()) {
-        var st = ee(), ae = st.box, be = st.content;
-        vu([ae, be], 0);
+        var st = ee(), ie = st.box, be = st.content;
+        vu([ie, be], 0);
       }
       p = function() {
         var Ze;
@@ -2257,8 +2257,8 @@ function Tw(e, t) {
     var L = !y.state.isVisible, le = y.state.isDestroyed, he = !y.state.isEnabled, Me = mu(y.props.duration, 1, pr.duration);
     if (!(L || le || he) && (q("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, u = !1, s = !1, A() && (O.style.visibility = "hidden"), ue(), $(), G(!0), A()) {
-        var $e = ee(), st = $e.box, ae = $e.content;
-        y.props.animation && (vu([st, ae], Me), zs([st, ae], "hidden"));
+        var $e = ee(), st = $e.box, ie = $e.content;
+        y.props.animation && (vu([st, ie], Me), zs([st, ie], "hidden"));
       }
       T(), Y(), y.props.animation ? A() && se(Me, y.unmount) : y.unmount();
     }
@@ -3451,7 +3451,7 @@ const nv = /* @__PURE__ */ yr(oS, [["render", fS]]), pS = {
   setup(e) {
     const t = Ur();
     return (n, r) => (k(), N("div", {
-      class: ie([E(pS)[n.type], "app-alert inline-flex max-w-[410px] flex-col rounded-lg px-4 py-2 text-sm text-zinc-900"])
+      class: ae([E(pS)[n.type], "app-alert inline-flex max-w-[410px] flex-col rounded-lg px-4 py-2 text-sm text-zinc-900"])
     }, [
       j("div", hS, [
         n.withIcon ? (k(), N("span", mS, [
@@ -3573,7 +3573,7 @@ const nv = /* @__PURE__ */ yr(oS, [["render", fS]]), pS = {
   },
   setup(e) {
     return (t, n) => (k(), N("div", {
-      class: ie([E(bS)[t.size], "app-avatar relative flex items-center rounded-full"])
+      class: ae([E(bS)[t.size], "app-avatar relative flex items-center rounded-full"])
     }, [
       t.src ? (k(), N("img", {
         key: 0,
@@ -3830,7 +3830,8 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
   success: ["bg-green-200", "text-green-600"],
   warning: ["bg-yellow-200", "text-yellow-600"],
   error: ["bg-red-200", "text-red-600"],
-  info: ["bg-sky-200", "text-sky-600"]
+  info: ["bg-sky-200", "text-sky-600"],
+  inactive: ["bg-orange-200", "text-orange-500"]
 }, WS = {
   medium: ["px-3 py-[3px] text-sm min-h-7"],
   large: ["px-3 py-2.5 text-sm"]
@@ -3840,7 +3841,8 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
   success: ["!bg-green-600"],
   warning: ["!bg-yellow-600"],
   error: ["!bg-error"],
-  info: ["!bg-sky-600"]
+  info: ["!bg-sky-600"],
+  inactive: ["!bg-orange-600"]
 }, qS = {
   key: 0,
   class: "app-badge__icon mr-2 h-4"
@@ -3860,7 +3862,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
       "rounded-lg": !t.rounded
     }));
     return (r, a) => (k(), N("div", {
-      class: ie([[
+      class: ae([[
         ...E(zS)[r.type],
         ...E(WS)[r.size],
         ...t.rounded ? E(VS)[r.type] : [],
@@ -3903,7 +3905,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
   },
   setup(e) {
     return (t, n) => (k(), N("svg", {
-      class: ie([E(XS)[t.size], "animate-spin"]),
+      class: ae([E(XS)[t.size], "animate-spin"]),
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "none"
@@ -3988,7 +3990,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
     return (t, n) => (k(), fe(it(t.as), {
       type: t.type,
       disabled: t.disabled || t.loading,
-      class: ie([[
+      class: ae([[
         ...t.bordered ? [] : E(tk)[t.colorType],
         ...t.bordered ? E(nk)[t.colorType] : [],
         ...E(rk)[t.size],
@@ -4047,7 +4049,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
       default: de(() => [
         (k(), fe(it(n.value), {
           to: a.to,
-          class: ie([{ "!cursor-not-allowed": a.disabled }, "flex h-10 cursor-pointer items-center rounded-lg px-2.5 py-4 text-base text-white hover:bg-zinc-600"]),
+          class: ae([{ "!cursor-not-allowed": a.disabled }, "flex h-10 cursor-pointer items-center rounded-lg px-2.5 py-4 text-base text-white hover:bg-zinc-600"]),
           "data-test-dropdown-item": "",
           onClick: r
         }, {
@@ -4055,7 +4057,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
             Z(a.$slots, "default", {}, () => [
               a.icon ? (k(), fe(it(a.icon), {
                 key: 0,
-                class: ie([a.iconClasses, "mr-2 size-4"]),
+                class: ae([a.iconClasses, "mr-2 size-4"]),
                 "data-test-icon": ""
               }, null, 8, ["class"])) : V("", !0),
               Xe(" " + _e(a.label), 1)
@@ -4104,7 +4106,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
             _: 3
           }),
           Oe(E(Xb), {
-            class: ie([{
+            class: ae([{
               "right-0 origin-top-right": t.horizontalAlign === "right",
               "left-0 origin-top-left": t.horizontalAlign === "left",
               "bottom-full mb-2": t.openDirection === "up"
@@ -4134,7 +4136,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
   }
 }), sk = {
   key: 0,
-  class: "app-card__icon float-right mt-1.5 text-primary"
+  class: "app-card__icon float-right text-primary"
 }, ok = /* @__PURE__ */ Se({
   __name: "CardIconSlot",
   props: {
@@ -4146,13 +4148,14 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
       Z(n.$slots, "default", {}, () => [
         t.icon ? (k(), fe(it(typeof t.icon == "string" ? "span" : t.icon), {
           key: 0,
+          class: "size-5",
           "data-test-icon-component": "",
           innerHTML: t.icon
         }, null, 8, ["innerHTML"])) : V("", !0)
       ], !0)
     ])) : V("", !0);
   }
-}), lk = /* @__PURE__ */ yr(ok, [["__scopeId", "data-v-61b24dc4"]]), uk = {
+}), lk = /* @__PURE__ */ yr(ok, [["__scopeId", "data-v-3fe34d1d"]]), uk = {
   1: "stroke-1",
   2: "stroke-2",
   3: "stroke-3"
@@ -4175,14 +4178,14 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
       return k(), fe(it(E(n)), {
         to: l.item.to,
         href: l.item.href,
-        class: ie([{ "flex-row-reverse": ((c = l.item) == null ? void 0 : c.iconPosition) === "right" }, "app-card__action ml-auto flex items-center justify-center font-bold text-zinc-900 transition-colors group-hover:text-primary"]),
+        class: ae([{ "flex-row-reverse": ((c = l.item) == null ? void 0 : c.iconPosition) === "right" }, "app-card__action ml-auto flex items-center justify-center font-bold text-zinc-900 transition-colors group-hover:text-primary"]),
         onClick: o
       }, {
         default: de(() => {
           var f, p;
           return [
             (k(), fe(it(a.value ? i.value : "span"), {
-              class: ie([s.value, "size-4"]),
+              class: ae([s.value, "size-4"]),
               size: r.value ? "extra-small" : void 0,
               "data-test-icon": ""
             }, {
@@ -4192,7 +4195,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
               _: 1
             }, 8, ["class", "size"])),
             j("span", {
-              class: ie([{
+              class: ae([{
                 "pl-2": l.item.icon && ((f = l.item) == null ? void 0 : f.iconPosition) !== "right",
                 "pr-2": l.item.icon && ((p = l.item) == null ? void 0 : p.iconPosition) === "right"
               }, "text-sm"]),
@@ -4224,7 +4227,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
   setup(e) {
     const t = e, n = Ur(), r = z(() => !!n.title || !!t.title), a = z(() => !!n.icon || !!t.icon), i = z(() => `${t.contentClasses} ${r.value ? "mt-4" : void 0}`);
     return (s, o) => (k(), N("div", {
-      class: ie([[{
+      class: ae([[{
         "before:hidden": !s.bordered,
         "transition hover:drop-shadow-cardhighlight": t.actions && t.actions.length > 0
       }], "group relative w-full overflow-hidden rounded-2xl bg-white px-6 py-5 text-zinc-600 drop-shadow-card before:absolute before:left-0 before:top-0 before:h-full before:w-1.5 before:bg-primary"])
@@ -4232,13 +4235,14 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
       a.value ? (k(), fe(lk, {
         key: 0,
         icon: s.icon,
+        class: ae({ "mt-1.5": r.value }),
         "data-test-icon": ""
       }, {
         default: de(() => [
           Z(s.$slots, "icon")
         ]),
         _: 3
-      }, 8, ["icon"])) : V("", !0),
+      }, 8, ["icon", "class"])) : V("", !0),
       r.value ? (k(), N("h3", dk, [
         Z(s.$slots, "title", {}, () => [
           Xe(_e(s.title), 1)
@@ -4248,7 +4252,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
         ])
       ])) : V("", !0),
       j("div", {
-        class: ie(i.value),
+        class: ae(i.value),
         "data-test-content": ""
       }, [
         Z(s.$slots, "default")
@@ -4342,7 +4346,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
                       j("div", gk, [
                         o.value ? (k(), N("div", yk, [
                           (k(), fe(it(o.value), {
-                            class: ie([l.value, "size-full"]),
+                            class: ae([l.value, "size-full"]),
                             "data-test-confirm-icon": ""
                           }, null, 8, ["class"]))
                         ])) : V("", !0),
@@ -4653,7 +4657,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
     return (i, s) => a.value || !a.value && !i.hideEmptyValues ? (k(), N("div", Rk, [
       r.value ? (k(), N("dt", {
         key: 0,
-        class: ie([{ "w-1/2": a.value || i.component }, "font-bold text-zinc-900"]),
+        class: ae([{ "w-1/2": a.value || i.component }, "font-bold text-zinc-900"]),
         "data-test-title": ""
       }, [
         Z(i.$slots, "title", {}, () => [
@@ -4662,7 +4666,7 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
       ], 2)) : V("", !0),
       a.value || i.component ? (k(), N("dd", {
         key: 1,
-        class: ie({ "w-1/2": r.value }),
+        class: ae({ "w-1/2": r.value }),
         "data-test-description": ""
       }, [
         Z(i.$slots, "default", {}, () => [
@@ -4724,14 +4728,14 @@ const US = { class: "group mb-3 flex items-center font-semibold text-zinc-700" }
     }, {
       default: de(({ open: i }) => [
         j("span", {
-          class: ie([{ "font-bold": i }, "text-left"])
+          class: ae([{ "font-bold": i }, "text-left"])
         }, [
           Z(r.$slots, "default")
         ], 2),
         j("span", Lk, [
           Z(r.$slots, "icon", { open: i }, () => [
             Oe(E(iv), {
-              class: ie([{ "rotate-180": i }, "size-5 text-zinc-900 transition-transform"])
+              class: ae([{ "rotate-180": i }, "size-5 text-zinc-900 transition-transform"])
             }, null, 8, ["class"])
           ])
         ])
@@ -9817,8 +9821,8 @@ const AE = (e, t, n) => {
   }, vn = (W, L = !0, le = !1) => {
     const he = L ? W : w.hours, Me = !L && !le ? W : w.minutes, $e = le ? W : w.seconds;
     if (e.range && Tp(p.value) && Ra(he) && Ra(Me) && Ra($e) && !e.disableTimeRangeValidation) {
-      const st = (be) => Zn(p.value[be], he[be], Me[be], $e[be]), ae = (be) => cd(p.value[be], 0);
-      if (It(p.value[0], p.value[1]) && (Ws(st(0), ae(1)) || Vs(st(1), ae(0))))
+      const st = (be) => Zn(p.value[be], he[be], Me[be], $e[be]), ie = (be) => cd(p.value[be], 0);
+      if (It(p.value[0], p.value[1]) && (Ws(st(0), ie(1)) || Vs(st(1), ie(0))))
         return;
     }
     if (M("hours", he), M("minutes", Me), M("seconds", $e), p.value)
@@ -10394,7 +10398,7 @@ const KE = (e, t, n, r) => {
             ref: c,
             id: R.uid ? `dp-input-${R.uid}` : void 0,
             name: R.name,
-            class: ie(h.value),
+            class: ae(h.value),
             inputmode: R.textInput ? "text" : "none",
             placeholder: R.placeholder,
             disabled: R.disabled,
@@ -10658,14 +10662,14 @@ const KE = (e, t, n, r) => {
     return t({ triggerTransition: S }), (q, T) => {
       var Y;
       return k(), N("div", {
-        class: ie(P.value)
+        class: ae(P.value)
       }, [
         j("div", {
           style: Nn(J.value),
           ref_key: "calendarWrapRef",
           ref: c,
           role: "grid",
-          class: ie(y.value),
+          class: ae(y.value),
           "aria-label": (Y = E(s).ariaLabels) == null ? void 0 : Y.calendarWrap
         }, [
           e.specificMode ? V("", !0) : (k(), N(Ie, { key: 0 }, [
@@ -10729,7 +10733,7 @@ const KE = (e, t, n, r) => {
                           onMouseleave: (Te) => R(C)
                         }, [
                           j("div", {
-                            class: ie(["dp__cell_inner", C.classData])
+                            class: ae(["dp__cell_inner", C.classData])
                           }, [
                             q.$slots.day && F.value(C) ? Z(q.$slots, "day", {
                               key: 0,
@@ -10747,7 +10751,7 @@ const KE = (e, t, n, r) => {
                                 date: C.value
                               }) : (k(), N("div", {
                                 key: 1,
-                                class: ie(M.value(C.marker)),
+                                class: ae(M.value(C.marker)),
                                 style: Nn(C.marker.color ? { backgroundColor: C.marker.color } : {})
                               }, null, 6))
                             ], 64)) : V("", !0),
@@ -10826,7 +10830,7 @@ const KE = (e, t, n, r) => {
       ref: n
     }, [
       j("span", {
-        class: ie(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
+        class: ae(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
       }, [
         Z(r.$slots, "default")
       ], 2)
@@ -10953,7 +10957,7 @@ const KE = (e, t, n, r) => {
       return k(), N("div", {
         ref_key: "gridWrapRef",
         ref: c,
-        class: ie(I.value),
+        class: ae(I.value),
         role: "dialog",
         tabindex: "0",
         onKeydown: [
@@ -10965,7 +10969,7 @@ const KE = (e, t, n, r) => {
         ]
       }, [
         j("div", {
-          class: ie(P.value),
+          class: ae(P.value),
           ref_key: "containerRef",
           ref: b,
           role: "grid",
@@ -10975,13 +10979,13 @@ const KE = (e, t, n, r) => {
             Z(G.$slots, "header")
           ]),
           G.$slots.overlay ? Z(G.$slots, "overlay", { key: 0 }) : (k(!0), N(Ie, { key: 1 }, Ge(M.value, (Y, ue) => (k(), N("div", {
-            class: ie(["dp__overlay_row", { dp__flex_row: M.value.length >= 3 }]),
+            class: ae(["dp__overlay_row", { dp__flex_row: M.value.length >= 3 }]),
             key: ue,
             role: "row"
           }, [
             (k(!0), N(Ie, null, Ge(Y, (re, U) => (k(), N("div", {
               role: "gridcell",
-              class: ie(S.value),
+              class: ae(S.value),
               key: re.value,
               "aria-selected": re.value === e.modelValue && !e.disabledValues.includes(re.value),
               "aria-disabled": re.className.dp__overlay_cell_disabled,
@@ -10996,7 +11000,7 @@ const KE = (e, t, n, r) => {
               onMouseover: (C) => p.value = re.value
             }, [
               j("div", {
-                class: ie(re.className)
+                class: ae(re.className)
               }, [
                 G.$slots.item ? Z(G.$slots, "item", {
                   key: 0,
@@ -11013,7 +11017,7 @@ const KE = (e, t, n, r) => {
           key: 0,
           role: "button",
           "aria-label": (T = e.ariaLabels) == null ? void 0 : T.toggleOverlay,
-          class: ie(O.value),
+          class: ae(O.value),
           tabindex: "0",
           ref_key: "toggleButton",
           ref: h,
@@ -11232,7 +11236,7 @@ const KE = (e, t, n, r) => {
               _: 3
             }, 8, ["aria-label", "disabled"])) : V("", !0),
             j("div", {
-              class: ie(["dp__month_year_wrap", {
+              class: ae(["dp__month_year_wrap", {
                 dp__year_disable_select: r.disableYearSelect
               }])
             }, [
@@ -11395,7 +11399,7 @@ const KE = (e, t, n, r) => {
                     onKeydown: $[10] || ($[10] = Ye((nt) => U(!1), ["enter"]))
                   }, [
                     j("div", {
-                      class: ie(["dp__inner_nav", { dp__inner_nav_disabled: E(u)(!1) }]),
+                      class: ae(["dp__inner_nav", { dp__inner_nav_disabled: E(u)(!1) }]),
                       role: "button",
                       "aria-label": (Ce = E(a).ariaLabels) == null ? void 0 : Ce.prevMonth
                     }, [
@@ -11430,7 +11434,7 @@ const KE = (e, t, n, r) => {
                     onKeydown: $[14] || ($[14] = Ye((nt) => U(!0), ["enter"]))
                   }, [
                     j("div", {
-                      class: ie(["dp__inner_nav", { dp__inner_nav_disabled: E(u)(!0) }]),
+                      class: ae(["dp__inner_nav", { dp__inner_nav_disabled: E(u)(!0) }]),
                       role: "button",
                       "aria-label": (ft = E(a).ariaLabels) == null ? void 0 : ft.nextMonth
                     }, [
@@ -11604,14 +11608,14 @@ const KE = (e, t, n, r) => {
           var C, x, $;
           return k(), N("div", {
             key: U,
-            class: ie(S.value)
+            class: ae(S.value)
           }, [
             re.separator ? (k(), N(Ie, { key: 0 }, [
               Xe(" : ")
             ], 64)) : (k(), N(Ie, { key: 1 }, [
               j("button", {
                 type: "button",
-                class: ie({
+                class: ae({
                   dp__btn: !0,
                   dp__inc_dec_button: !r.timePickerInline,
                   dp__inc_dec_button_inline: r.timePickerInline,
@@ -11639,7 +11643,7 @@ const KE = (e, t, n, r) => {
               j("button", {
                 type: "button",
                 "aria-label": (x = E(s).ariaLabels) == null ? void 0 : x.openTpOverlay(re.type),
-                class: ie([
+                class: ae([
                   "dp__btn",
                   X(re.type) ? void 0 : {
                     dp__time_display: !0,
@@ -11667,7 +11671,7 @@ const KE = (e, t, n, r) => {
               ], 42, Mx),
               j("button", {
                 type: "button",
-                class: ie({
+                class: ae({
                   dp__btn: !0,
                   dp__inc_dec_button: !r.timePickerInline,
                   dp__inc_dec_button_inline: r.timePickerInline,
@@ -11821,7 +11825,7 @@ const KE = (e, t, n, r) => {
         !R.timePicker && !R.timePickerInline ? Ii((k(), N("button", {
           key: 0,
           type: "button",
-          class: ie(y.value),
+          class: ae(y.value),
           "aria-label": (B = E(l).ariaLabels) == null ? void 0 : B.openTimePicker,
           tabindex: "0",
           ref_key: "openTimePickerBtn",
@@ -11846,13 +11850,13 @@ const KE = (e, t, n, r) => {
             return [
               w.value || R.timePicker || R.timePickerInline ? (k(), N("div", {
                 key: 0,
-                class: ie({ dp__overlay: !R.timePickerInline }),
+                class: ae({ dp__overlay: !R.timePickerInline }),
                 ref_key: "overlayRef",
                 ref: g,
                 tabindex: R.timePickerInline ? void 0 : 0
               }, [
                 j("div", {
-                  class: ie(
+                  class: ae(
                     R.timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"
                   ),
                   style: { display: "flex" }
@@ -11868,7 +11872,7 @@ const KE = (e, t, n, r) => {
                   }) : V("", !0),
                   R.$slots["time-picker-overlay"] ? V("", !0) : (k(), N("div", {
                     key: 1,
-                    class: ie(R.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
+                    class: ae(R.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
                     (k(!0), N(Ie, null, Ge(I.value, (ee, Q) => Ii((k(), fe(Bx, Je({ key: Q }, {
                       ...R.$props,
@@ -11904,7 +11908,7 @@ const KE = (e, t, n, r) => {
                     type: "button",
                     ref_key: "closeTimePickerBtn",
                     ref: p,
-                    class: ie(y.value),
+                    class: ae(y.value),
                     "aria-label": (te = E(l).ariaLabels) == null ? void 0 : te.closeTimePicker,
                     tabindex: "0",
                     onKeydown: [
@@ -12069,7 +12073,7 @@ const KE = (e, t, n, r) => {
   ],
   setup(e, { expose: t, emit: n }) {
     const r = e, a = z(() => {
-      const { openOnTop: ae, internalModelValue: be, arrMapValues: ut, ...Ze } = r;
+      const { openOnTop: ie, internalModelValue: be, arrMapValues: ut, ...Ze } = r;
       return Ze;
     }), { setMenuFocused: i, setShiftKey: s, control: o } = Av(), { getCalendarDays: l, defaults: u } = Xn(r), c = Ur(), f = ne(null), p = ti({
       timePicker: !!(!r.enableTimePicker || r.timePicker || r.monthPicker),
@@ -12077,8 +12081,8 @@ const KE = (e, t, n, r) => {
       calendar: !1
     }), h = ne([]), g = ne([]), b = ne(null), w = ne(null), _ = ne(0), I = ne(!1), S = ne(0);
     Ft(() => {
-      var ae;
-      I.value = !0, !((ae = r.presetRanges) != null && ae.length) && !c["left-sidebar"] && !c["right-sidebar"] && (De(), window.addEventListener("resize", De));
+      var ie;
+      I.value = !0, !((ie = r.presetRanges) != null && ie.length) && !c["left-sidebar"] && !c["right-sidebar"] && (De(), window.addEventListener("resize", De));
       const be = qt(w);
       if (be && !r.textInput && !r.inline && (i(!0), J()), be) {
         const ut = (Ze) => {
@@ -12089,19 +12093,19 @@ const KE = (e, t, n, r) => {
     }), ns(() => {
       window.removeEventListener("resize", De);
     });
-    const { arrowRight: y, arrowLeft: M, arrowDown: O, arrowUp: P } = Ca(), F = (ae) => {
-      ae || ae === 0 ? g.value[ae].triggerTransition(
-        te.value(ae),
-        ee.value(ae)
+    const { arrowRight: y, arrowLeft: M, arrowDown: O, arrowUp: P } = Ca(), F = (ie) => {
+      ie || ie === 0 ? g.value[ie].triggerTransition(
+        te.value(ie),
+        ee.value(ie)
       ) : g.value.forEach(
         (be, ut) => be.triggerTransition(te.value(ut), ee.value(ut))
       );
     }, J = () => {
-      const ae = qt(w);
-      ae && ae.focus({ preventScroll: !0 });
+      const ie = qt(w);
+      ie && ie.focus({ preventScroll: !0 });
     }, X = () => {
-      var ae;
-      (ae = r.flow) != null && ae.length && S.value !== -1 && (S.value += 1, n("flow-step", S.value), le());
+      var ie;
+      (ie = r.flow) != null && ie.length && S.value !== -1 && (S.value += 1, n("flow-step", S.value), le());
     }, R = () => {
       S.value = -1;
     }, {
@@ -12130,8 +12134,8 @@ const KE = (e, t, n, r) => {
       updateMonthYear: q,
       selectDate: T,
       presetDateRange: se,
-      handleMonthYearChange: (ae) => {
-        h.value[0] && h.value[0].handleMonthYearChange(ae);
+      handleMonthYearChange: (ie) => {
+        h.value[0] && h.value[0].handleMonthYearChange(ie);
       }
     };
     dt(
@@ -12144,12 +12148,12 @@ const KE = (e, t, n, r) => {
       { deep: !0 }
     );
     const Ce = Ua(c, "calendar"), Ve = Ua(c, "action"), ft = Ua(c, "timePicker"), nt = Ua(c, "monthYear"), Ct = z(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), gt = z(() => RE(r.yearRange, r.reverseYears)), pt = z(() => $E(r.formatLocale, r.locale, r.monthNameFormat)), De = () => {
-      const ae = qt(f);
-      ae && (_.value = ae.getBoundingClientRect().width);
-    }, je = z(() => (ae) => l(te.value(ae), ee.value(ae))), pe = z(
+      const ie = qt(f);
+      ie && (_.value = ie.getBoundingClientRect().width);
+    }, je = z(() => (ie) => l(te.value(ie), ee.value(ie))), pe = z(
       () => u.value.multiCalendars > 0 ? [...Array(u.value.multiCalendars).keys()] : [0]
     ), ye = z(
-      () => (ae) => ae === 1
+      () => (ie) => ie === 1
     ), ve = z(() => r.monthPicker || r.timePicker || r.yearPicker), lt = z(
       () => ({
         dp__menu_inner: !0,
@@ -12161,7 +12165,7 @@ const KE = (e, t, n, r) => {
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly
     })), zt = z(
-      () => (ae) => vn(je, ae)
+      () => (ie) => vn(je, ie)
     ), rn = z(
       () => ({
         dp__menu: !0,
@@ -12169,70 +12173,70 @@ const KE = (e, t, n, r) => {
         dp__relative: r.inline,
         [r.menuClassName]: !!r.menuClassName
       })
-    ), vn = (ae, be) => ae.value(be).map((ut) => ({
+    ), vn = (ie, be) => ie.value(be).map((ut) => ({
       ...ut,
       days: ut.days.map((Ze) => (Ze.marker = x(Ze), Ze.classData = qe(Ze), Ze))
-    })), jn = (ae) => {
-      ae.stopPropagation(), ae.stopImmediatePropagation();
+    })), jn = (ie) => {
+      ie.stopPropagation(), ie.stopImmediatePropagation();
     }, sr = () => {
       r.escClose && n("close-picker");
-    }, tn = (ae, be = !1) => {
-      T(ae, be), r.spaceConfirm && n("select-date");
-    }, W = (ae) => {
+    }, tn = (ie, be = !1) => {
+      T(ie, be), r.spaceConfirm && n("select-date");
+    }, W = (ie) => {
       var be;
-      (be = r.flow) != null && be.length && (p[ae] = !0, Object.keys(p).filter((ut) => !p[ut]).length || le());
-    }, L = (ae, be, ut, Ze, ...bt) => {
-      if (r.flow[S.value] === ae) {
+      (be = r.flow) != null && be.length && (p[ie] = !0, Object.keys(p).filter((ut) => !p[ut]).length || le());
+    }, L = (ie, be, ut, Ze, ...bt) => {
+      if (r.flow[S.value] === ie) {
         const Ee = Ze ? be.value[0] : be.value;
         Ee && Ee[ut](...bt);
       }
     }, le = () => {
       L("month", h, "toggleMonthPicker", !0, !0), L("year", h, "toggleYearPicker", !0, !0), L("calendar", b, "toggleTimePicker", !1, !1, !0), L("time", b, "toggleTimePicker", !1, !0, !0);
-      const ae = r.flow[S.value];
-      (ae === "hours" || ae === "minutes" || ae === "seconds") && L(ae, b, "toggleTimePicker", !1, !0, !0, ae);
-    }, he = (ae) => {
+      const ie = r.flow[S.value];
+      (ie === "hours" || ie === "minutes" || ie === "seconds") && L(ie, b, "toggleTimePicker", !1, !0, !0, ie);
+    }, he = (ie) => {
       if (r.arrowNavigation) {
-        if (ae === "up")
+        if (ie === "up")
           return P();
-        if (ae === "down")
+        if (ie === "down")
           return O();
-        if (ae === "left")
+        if (ie === "left")
           return M();
-        if (ae === "right")
+        if (ie === "right")
           return y();
       } else
-        ae === "left" || ae === "up" ? U("left", 0, ae === "up") : U("right", 0, ae === "down");
-    }, Me = (ae) => {
-      s(ae.shiftKey), !r.disableMonthYearSelect && ae.code === "Tab" && ae.target.classList.contains("dp__menu") && o.value.shiftKeyInMenu && (ae.preventDefault(), ae.stopImmediatePropagation(), n("close-picker"));
+        ie === "left" || ie === "up" ? U("left", 0, ie === "up") : U("right", 0, ie === "down");
+    }, Me = (ie) => {
+      s(ie.shiftKey), !r.disableMonthYearSelect && ie.code === "Tab" && ie.target.classList.contains("dp__menu") && o.value.shiftKeyInMenu && (ie.preventDefault(), ie.stopImmediatePropagation(), n("close-picker"));
     }, $e = () => {
       J(), n("time-picker-close");
-    }, st = (ae) => {
+    }, st = (ie) => {
       var be, ut, Ze, bt, Ee;
-      (be = b.value) == null || be.toggleTimePicker(!1, !1), (Ze = (ut = h.value) == null ? void 0 : ut[ae]) == null || Ze.toggleMonthPicker(!1, !1), (Ee = (bt = h.value) == null ? void 0 : bt[ae]) == null || Ee.toggleYearPicker(!1, !1);
+      (be = b.value) == null || be.toggleTimePicker(!1, !1), (Ze = (ut = h.value) == null ? void 0 : ut[ie]) == null || Ze.toggleMonthPicker(!1, !1), (Ee = (bt = h.value) == null ? void 0 : bt[ie]) == null || Ee.toggleYearPicker(!1, !1);
     };
     return t({
       updateMonthYear: q,
-      switchView: (ae, be = 0) => {
+      switchView: (ie, be = 0) => {
         var ut, Ze, bt, Ee, At;
-        return ae === "month" ? (Ze = (ut = h.value) == null ? void 0 : ut[be]) == null ? void 0 : Ze.toggleMonthPicker(!1, !0) : ae === "year" ? (Ee = (bt = h.value) == null ? void 0 : bt[be]) == null ? void 0 : Ee.toggleYearPicker(!1, !0) : ae === "time" ? (At = b.value) == null ? void 0 : At.toggleTimePicker(!0, !1) : st(be);
+        return ie === "month" ? (Ze = (ut = h.value) == null ? void 0 : ut[be]) == null ? void 0 : Ze.toggleMonthPicker(!1, !0) : ie === "year" ? (Ee = (bt = h.value) == null ? void 0 : bt[be]) == null ? void 0 : Ee.toggleYearPicker(!1, !0) : ie === "time" ? (At = b.value) == null ? void 0 : At.toggleTimePicker(!0, !1) : st(be);
       }
-    }), (ae, be) => {
+    }), (ie, be) => {
       var ut;
       return k(), fe(ni, {
         appear: "",
         name: (ut = E(u).transitions) == null ? void 0 : ut.menuAppear,
-        css: !!ae.transitions
+        css: !!ie.transitions
       }, {
         default: de(() => {
           var Ze, bt;
           return [
             j("div", {
-              id: ae.uid ? `dp-menu-${ae.uid}` : void 0,
+              id: ie.uid ? `dp-menu-${ie.uid}` : void 0,
               tabindex: "0",
               ref_key: "dpMenuRef",
               ref: w,
               role: "dialog",
-              class: ie(rn.value),
+              class: ae(rn.value),
               onMouseleave: be[14] || (be[14] = //@ts-ignore
               (...Ee) => E(Te) && E(Te)(...Ee)),
               onClick: jn,
@@ -12245,30 +12249,30 @@ const KE = (e, t, n, r) => {
                 Me
               ]
             }, [
-              (ae.disabled || ae.readonly) && ae.inline ? (k(), N("div", {
+              (ie.disabled || ie.readonly) && ie.inline ? (k(), N("div", {
                 key: 0,
-                class: ie(Xt.value)
+                class: ae(Xt.value)
               }, null, 2)) : V("", !0),
-              !ae.inline && !ae.teleportCenter ? (k(), N("div", {
+              !ie.inline && !ie.teleportCenter ? (k(), N("div", {
                 key: 1,
-                class: ie(Ct.value)
+                class: ae(Ct.value)
               }, null, 2)) : V("", !0),
               j("div", {
-                class: ie({
-                  dp__menu_content_wrapper: ((Ze = ae.presetRanges) == null ? void 0 : Ze.length) || !!ae.$slots["left-sidebar"] || !!ae.$slots["right-sidebar"]
+                class: ae({
+                  dp__menu_content_wrapper: ((Ze = ie.presetRanges) == null ? void 0 : Ze.length) || !!ie.$slots["left-sidebar"] || !!ie.$slots["right-sidebar"]
                 })
               }, [
-                ae.$slots["left-sidebar"] ? (k(), N("div", Vx, [
-                  Z(ae.$slots, "left-sidebar", kt(on(We)))
+                ie.$slots["left-sidebar"] ? (k(), N("div", Vx, [
+                  Z(ie.$slots, "left-sidebar", kt(on(We)))
                 ])) : V("", !0),
-                (bt = ae.presetRanges) != null && bt.length ? (k(), N("div", qx, [
-                  (k(!0), N(Ie, null, Ge(ae.presetRanges, (Ee, At) => (k(), N("div", {
+                (bt = ie.presetRanges) != null && bt.length ? (k(), N("div", qx, [
+                  (k(!0), N(Ie, null, Ge(ie.presetRanges, (Ee, At) => (k(), N("div", {
                     key: At,
                     style: Nn(Ee.style || {}),
                     class: "dp__preset_range",
                     onClick: (Ke) => E(se)(Ee.range, !!Ee.slot)
                   }, [
-                    Ee.slot ? Z(ae.$slots, Ee.slot, {
+                    Ee.slot ? Z(ie.$slots, Ee.slot, {
                       key: 0,
                       presetDateRange: E(se),
                       label: Ee.label,
@@ -12285,13 +12289,13 @@ const KE = (e, t, n, r) => {
                   role: "document"
                 }, [
                   j("div", {
-                    class: ie(lt.value)
+                    class: ae(lt.value)
                   }, [
                     (k(!0), N(Ie, null, Ge(pe.value, (Ee, At) => (k(), N("div", {
                       key: Ee,
-                      class: ie(Fe.value)
+                      class: ae(Fe.value)
                     }, [
-                      !ae.disableMonthYearSelect && !ae.timePicker ? (k(), fe(xx, Je({
+                      !ie.disableMonthYearSelect && !ie.timePicker ? (k(), fe(xx, Je({
                         key: 0,
                         ref_for: !0,
                         ref: (Ke) => {
@@ -12313,7 +12317,7 @@ const KE = (e, t, n, r) => {
                         Ge(E(nt), (Ke, An) => ({
                           name: Ke,
                           fn: de((Sn) => [
-                            Z(ae.$slots, Ke, kt(on(Sn)))
+                            Z(ie.$slots, Ke, kt(on(Sn)))
                           ])
                         }))
                       ]), 1040, ["months", "years", "month", "year", "instance", "internal-model-value", "onUpdateMonthYear", "onMonthYearSelect"])) : V("", !0),
@@ -12336,21 +12340,21 @@ const KE = (e, t, n, r) => {
                         onHandleSwipe: (Ke) => E(C)(Ke, Ee),
                         onMount: be[2] || (be[2] = (Ke) => W("calendar")),
                         onResetFlow: R,
-                        onTooltipOpen: be[3] || (be[3] = (Ke) => ae.$emit("tooltip-open", Ke)),
-                        onTooltipClose: be[4] || (be[4] = (Ke) => ae.$emit("tooltip-close", Ke))
+                        onTooltipOpen: be[3] || (be[3] = (Ke) => ie.$emit("tooltip-open", Ke)),
+                        onTooltipClose: be[4] || (be[4] = (Ke) => ie.$emit("tooltip-close", Ke))
                       }), Zt({ _: 2 }, [
                         Ge(E(Ce), (Ke, An) => ({
                           name: Ke,
                           fn: de((Sn) => [
-                            Z(ae.$slots, Ke, kt(on({ ...Sn })))
+                            Z(ie.$slots, Ke, kt(on({ ...Sn })))
                           ])
                         }))
                       ]), 1040, ["specific-mode", "get-week-num", "instance", "mapped-dates", "month", "year", "onSelectDate", "onHandleSpace", "onHandleScroll", "onHandleSwipe"])
                     ], 2))), 128))
                   ], 2),
                   j("div", null, [
-                    ae.$slots["time-picker"] ? Z(ae.$slots, "time-picker", kt(Je({ key: 0 }, { time: E(Q), updateTime: E(G) }))) : (k(), N(Ie, { key: 1 }, [
-                      ae.enableTimePicker && !ae.monthPicker && !ae.weekPicker ? (k(), fe(jx, Je({
+                    ie.$slots["time-picker"] ? Z(ie.$slots, "time-picker", kt(Je({ key: 0 }, { time: E(Q), updateTime: E(G) }))) : (k(), N(Ie, { key: 1 }, [
+                      ie.enableTimePicker && !ie.monthPicker && !ie.weekPicker ? (k(), fe(jx, Je({
                         key: 0,
                         ref_key: "timePickerRef",
                         ref: b,
@@ -12365,44 +12369,44 @@ const KE = (e, t, n, r) => {
                         "onUpdate:seconds": be[8] || (be[8] = (Ee) => E(G)(Ee, !1, !0)),
                         onResetFlow: R,
                         onOverlayClosed: $e,
-                        onOverlayOpened: be[9] || (be[9] = (Ee) => ae.$emit("time-picker-open", Ee)),
-                        onAmPmChange: be[10] || (be[10] = (Ee) => ae.$emit("am-pm-change", Ee))
+                        onOverlayOpened: be[9] || (be[9] = (Ee) => ie.$emit("time-picker-open", Ee)),
+                        onAmPmChange: be[10] || (be[10] = (Ee) => ie.$emit("am-pm-change", Ee))
                       }), Zt({ _: 2 }, [
                         Ge(E(ft), (Ee, At) => ({
                           name: Ee,
                           fn: de((Ke) => [
-                            Z(ae.$slots, Ee, kt(on(Ke)))
+                            Z(ie.$slots, Ee, kt(on(Ke)))
                           ])
                         }))
                       ]), 1040, ["hours", "minutes", "seconds", "internal-model-value"])) : V("", !0)
                     ], 64))
                   ])
                 ], 512),
-                ae.$slots["right-sidebar"] ? (k(), N("div", Gx, [
-                  Z(ae.$slots, "right-sidebar", kt(on(We)))
+                ie.$slots["right-sidebar"] ? (k(), N("div", Gx, [
+                  Z(ie.$slots, "right-sidebar", kt(on(We)))
                 ])) : V("", !0),
-                ae.$slots["action-extra"] ? (k(), N("div", Xx, [
-                  ae.$slots["action-extra"] ? Z(ae.$slots, "action-extra", {
+                ie.$slots["action-extra"] ? (k(), N("div", Xx, [
+                  ie.$slots["action-extra"] ? Z(ie.$slots, "action-extra", {
                     key: 0,
                     selectCurrentDate: E($)
                   }) : V("", !0)
                 ])) : V("", !0)
               ], 2),
-              !ae.autoApply || ae.keepActionRow ? (k(), fe(sx, Je({
+              !ie.autoApply || ie.keepActionRow ? (k(), fe(sx, Je({
                 key: 2,
                 "menu-mount": I.value,
                 "calendar-width": _.value,
                 "internal-model-value": e.internalModelValue
               }, a.value, {
-                onClosePicker: be[11] || (be[11] = (Ee) => ae.$emit("close-picker")),
-                onSelectDate: be[12] || (be[12] = (Ee) => ae.$emit("select-date")),
-                onInvalidSelect: be[13] || (be[13] = (Ee) => ae.$emit("invalid-select")),
+                onClosePicker: be[11] || (be[11] = (Ee) => ie.$emit("close-picker")),
+                onSelectDate: be[12] || (be[12] = (Ee) => ie.$emit("select-date")),
+                onInvalidSelect: be[13] || (be[13] = (Ee) => ie.$emit("invalid-select")),
                 onSelectNow: E($)
               }), Zt({ _: 2 }, [
                 Ge(E(Ve), (Ee, At) => ({
                   name: Ee,
                   fn: de((Ke) => [
-                    Z(ae.$slots, Ee, kt(on({ ...Ke })))
+                    Z(ie.$slots, Ee, kt(on({ ...Ke })))
                   ])
                 }))
               ]), 1040, ["menu-mount", "calendar-width", "internal-model-value", "onSelectNow"])) : V("", !0)
@@ -12570,7 +12574,7 @@ const KE = (e, t, n, r) => {
       parseModel: De,
       switchView: je
     }), (pe, ye) => (k(), N("div", {
-      class: ie(q.value),
+      class: ae(q.value),
       ref_key: "pickerWrapperRef",
       ref: f
     }, [
@@ -12922,7 +12926,7 @@ const hI = ["type"], mI = ["value"], vI = /* @__PURE__ */ Se({
       l.value = o.value;
     }
     return (S, y) => (k(), N("div", {
-      class: ie(S.wrapperClasses)
+      class: ae(S.wrapperClasses)
     }, [
       (S.label || S.$slots.label) && !c.value ? (k(), fe(E(Vv), {
         key: 0,
@@ -12930,7 +12934,7 @@ const hI = ["type"], mI = ["value"], vI = /* @__PURE__ */ Se({
         "has-error": S.hasError,
         disabled: S.disabled,
         for: u.value ? `dp-input-${i}` : i,
-        class: ie(S.labelClasses)
+        class: ae(S.labelClasses)
       }, {
         default: de(() => [
           Z(S.$slots, "label", {}, () => [
@@ -12940,13 +12944,13 @@ const hI = ["type"], mI = ["value"], vI = /* @__PURE__ */ Se({
         _: 3
       }, 8, ["type", "has-error", "disabled", "for", "class"])) : V("", !0),
       (k(), fe(it(w.value), {
-        class: ie([_.value, "flex"])
+        class: ae([_.value, "flex"])
       }, {
         default: de(() => [
           E(ll)("leading", S.type, S.loading, S.$slots) ? (k(), fe(ep, {
             key: 0,
             loading: S.loading,
-            class: ie([S.iconClasses, "left-3 top-2.5"]),
+            class: ae([S.iconClasses, "left-3 top-2.5"]),
             "data-test-leading-icon": ""
           }, {
             default: de(() => [
@@ -12977,7 +12981,7 @@ const hI = ["type"], mI = ["value"], vI = /* @__PURE__ */ Se({
           E(dI)(S.type, S.$slots, S.label) ? (k(), N("label", {
             key: 3,
             for: i,
-            class: ie([{ "!text-error": S.hasError }, "cursor-pointer select-none pl-2 text-base peer-disabled:cursor-not-allowed peer-disabled:text-zinc-300"]),
+            class: ae([{ "!text-error": S.hasError }, "cursor-pointer select-none pl-2 text-base peer-disabled:cursor-not-allowed peer-disabled:text-zinc-300"]),
             "data-error": S.hasError ? S.type : void 0,
             "data-test-choice-label": ""
           }, [
@@ -12988,7 +12992,7 @@ const hI = ["type"], mI = ["value"], vI = /* @__PURE__ */ Se({
           E(ll)("trailing", S.type, S.loading, S.$slots) ? (k(), fe(ep, {
             key: 4,
             loading: S.loading,
-            class: ie([S.iconClasses, "right-3 top-2.5"]),
+            class: ae([S.iconClasses, "right-3 top-2.5"]),
             "data-test-trailing-icon": ""
           }, {
             default: de(() => [
@@ -13003,7 +13007,7 @@ const hI = ["type"], mI = ["value"], vI = /* @__PURE__ */ Se({
       }, 8, ["class"])),
       S.hasError && S.errorMessage ? (k(), N("p", {
         key: 1,
-        class: ie([S.errorWrapperClasses, "order-2 mt-1.5 flex items-center gap-x-1 text-xs italic text-error"]),
+        class: ae([S.errorWrapperClasses, "order-2 mt-1.5 flex items-center gap-x-1 text-xs italic text-error"]),
         "data-error": S.hasError ? "message" : void 0,
         "data-test-error-message": ""
       }, _e(S.errorMessage), 11, bI)) : V("", !0)
@@ -13208,7 +13212,7 @@ function xI(e, t, n) {
         Te(x.value.concat(K));
         break;
     }
-    t.emit("select", ae(K), K, C);
+    t.emit("select", ie(K), K, C);
   }, st = (K) => {
     switch (typeof K != "object" && (K = Rn(K)), a.value) {
       case "single":
@@ -13219,8 +13223,8 @@ function xI(e, t, n) {
         Te(Array.isArray(K) ? x.value.filter((ge) => K.map((ot) => ot[O.value]).indexOf(ge[O.value]) === -1) : x.value.filter((ge) => ge[O.value] != K[O.value]));
         break;
     }
-    t.emit("deselect", ae(K), K, C);
-  }, ae = (K) => g.value ? K : K[O.value], be = (K) => {
+    t.emit("deselect", ie(K), K, C);
+  }, ie = (K) => g.value ? K : K[O.value], be = (K) => {
     st(K);
   }, ut = (K, ge) => {
     if (ge.button !== 0) {
@@ -15134,7 +15138,7 @@ const HO = ["id", "dir"], FO = ["tabindex", "aria-controls", "aria-placeholder",
 function sP(e, t, n, r, a, i) {
   return k(), N("div", {
     ref: "multiselect",
-    class: ie(e.classList.container),
+    class: ae(e.classList.container),
     id: n.searchable ? void 0 : n.id,
     dir: n.rtl ? "rtl" : void 0,
     onFocusin: t[12] || (t[12] = (...s) => e.handleFocusIn && e.handleFocusIn(...s)),
@@ -15182,7 +15186,7 @@ function sP(e, t, n, r, a, i) {
         "div",
         {
           key: 1,
-          class: ie(e.classList.tags),
+          class: ae(e.classList.tags),
           "data-tags": ""
         },
         [
@@ -15195,7 +15199,7 @@ function sP(e, t, n, r, a, i) {
               disabled: n.disabled
             }, () => [
               (k(), N("span", {
-                class: ie([
+                class: ae([
                   e.classList.tag,
                   s.disabled ? e.classList.tagDisabled : null
                 ]),
@@ -15207,7 +15211,7 @@ function sP(e, t, n, r, a, i) {
                 j(
                   "span",
                   {
-                    class: ie(e.classList.tagWrapper)
+                    class: ae(e.classList.tagWrapper)
                   },
                   _e(e.localize(s[n.label])),
                   3
@@ -15215,13 +15219,13 @@ function sP(e, t, n, r, a, i) {
                 ),
                 !n.disabled && !s.disabled ? (k(), N("span", {
                   key: 0,
-                  class: ie(e.classList.tagRemove),
+                  class: ae(e.classList.tagRemove),
                   onClick: Ot((u) => e.handleTagRemove(s, u), ["stop"])
                 }, [
                   j(
                     "span",
                     {
-                      class: ie(e.classList.tagRemoveIcon)
+                      class: ae(e.classList.tagRemoveIcon)
                     },
                     null,
                     2
@@ -15236,7 +15240,7 @@ function sP(e, t, n, r, a, i) {
           j(
             "div",
             {
-              class: ie(e.classList.tagsSearchWrapper),
+              class: ae(e.classList.tagsSearchWrapper),
               ref: "tags"
             },
             [
@@ -15244,7 +15248,7 @@ function sP(e, t, n, r, a, i) {
               j(
                 "span",
                 {
-                  class: ie(e.classList.tagsSearchCopy)
+                  class: ae(e.classList.tagsSearchCopy)
                 },
                 _e(e.search),
                 3
@@ -15289,13 +15293,13 @@ function sP(e, t, n, r, a, i) {
         j(
           "div",
           {
-            class: ie(e.classList.singleLabel)
+            class: ae(e.classList.singleLabel)
           },
           [
             j(
               "span",
               {
-                class: ie(e.classList.singleLabelText)
+                class: ae(e.classList.singleLabelText)
               },
               _e(e.localize(e.iv[n.label])),
               3
@@ -15312,7 +15316,7 @@ function sP(e, t, n, r, a, i) {
         values: e.iv
       }, () => [
         j("div", {
-          class: ie(e.classList.multipleLabel),
+          class: ae(e.classList.multipleLabel),
           innerHTML: e.multipleLabelText
         }, null, 10, VO)
       ]) : V("v-if", !0),
@@ -15321,7 +15325,7 @@ function sP(e, t, n, r, a, i) {
         j(
           "div",
           {
-            class: ie(e.classList.placeholder),
+            class: ae(e.classList.placeholder),
             "aria-hidden": "true"
           },
           _e(n.placeholder),
@@ -15334,7 +15338,7 @@ function sP(e, t, n, r, a, i) {
         j(
           "span",
           {
-            class: ie(e.classList.spinner),
+            class: ae(e.classList.spinner),
             "aria-hidden": "true"
           },
           null,
@@ -15355,7 +15359,7 @@ function sP(e, t, n, r, a, i) {
             role: "button",
             "data-clear": "",
             "aria-roledescription": "❎",
-            class: ie(e.classList.clear),
+            class: ae(e.classList.clear),
             onClick: t[6] || (t[6] = (...s) => e.clear && e.clear(...s)),
             onKeyup: t[7] || (t[7] = Ye((...s) => e.clear && e.clear(...s), ["enter"]))
           },
@@ -15363,7 +15367,7 @@ function sP(e, t, n, r, a, i) {
             j(
               "span",
               {
-                class: ie(e.classList.clearIcon)
+                class: ae(e.classList.clearIcon)
               },
               null,
               2
@@ -15383,7 +15387,7 @@ function sP(e, t, n, r, a, i) {
         j(
           "span",
           {
-            class: ie(e.classList.caret),
+            class: ae(e.classList.caret),
             onClick: t[8] || (t[8] = (...s) => e.handleCaretClick && e.handleCaretClick(...s)),
             "aria-hidden": "true"
           },
@@ -15400,7 +15404,7 @@ function sP(e, t, n, r, a, i) {
     }, [
       j("div", {
         id: n.id ? `${n.id}-dropdown` : void 0,
-        class: ie(e.classList.dropdown),
+        class: ae(e.classList.dropdown),
         tabindex: "-1",
         ref: "dropdown",
         onFocusin: t[10] || (t[10] = (...s) => e.handleFocusIn && e.handleFocusIn(...s)),
@@ -15408,7 +15412,7 @@ function sP(e, t, n, r, a, i) {
       }, [
         Z(e.$slots, "beforelist", { options: e.fo }),
         j("ul", {
-          class: ie(e.classList.options),
+          class: ae(e.classList.options),
           id: e.ariaControls,
           role: "listbox"
         }, [
@@ -15416,7 +15420,7 @@ function sP(e, t, n, r, a, i) {
             Ie,
             { key: 0 },
             Ge(e.fg, (s, o, l) => (k(), N("li", {
-              class: ie(e.classList.group),
+              class: ae(e.classList.group),
               key: l,
               id: e.ariaGroupId(s),
               "aria-label": e.ariaGroupLabel(e.localize(s[n.groupLabel])),
@@ -15425,7 +15429,7 @@ function sP(e, t, n, r, a, i) {
             }, [
               s.__CREATE__ ? V("v-if", !0) : (k(), N("div", {
                 key: 0,
-                class: ie(e.classList.groupLabel(s)),
+                class: ae(e.classList.groupLabel(s)),
                 "data-pointed": e.isPointed(s),
                 onMouseenter: (u) => e.setPointer(s, o),
                 onMousedown: Ot((u) => e.handleGroupClick(s), ["prevent"])
@@ -15441,7 +15445,7 @@ function sP(e, t, n, r, a, i) {
                 ])
               ], 42, XO)),
               j("ul", {
-                class: ie(e.classList.groupOptions),
+                class: ae(e.classList.groupOptions),
                 "aria-label": e.ariaGroupLabel(e.localize(s[n.groupLabel])),
                 role: "group"
               }, [
@@ -15449,7 +15453,7 @@ function sP(e, t, n, r, a, i) {
                   Ie,
                   null,
                   Ge(s.__VISIBLE__, (u, c, f) => (k(), N("li", {
-                    class: ie(e.classList.option(u, s)),
+                    class: ae(e.classList.option(u, s)),
                     "data-pointed": e.isPointed(u),
                     "data-selected": e.isSelected(u) || void 0,
                     key: f,
@@ -15486,7 +15490,7 @@ function sP(e, t, n, r, a, i) {
             Ie,
             { key: 1 },
             Ge(e.fo, (s, o, l) => (k(), N("li", {
-              class: ie(e.classList.option(s)),
+              class: ae(e.classList.option(s)),
               "data-pointed": e.isPointed(s),
               "data-selected": e.isSelected(s) || void 0,
               key: l,
@@ -15518,13 +15522,13 @@ function sP(e, t, n, r, a, i) {
         ], 10, YO),
         e.noOptions ? Z(e.$slots, "nooptions", { key: 0 }, () => [
           j("div", {
-            class: ie(e.classList.noOptions),
+            class: ae(e.classList.noOptions),
             innerHTML: e.localize(n.noOptionsText)
           }, null, 10, eP)
         ]) : V("v-if", !0),
         e.noResults ? Z(e.$slots, "noresults", { key: 1 }, () => [
           j("div", {
-            class: ie(e.classList.noResults),
+            class: ae(e.classList.noResults),
             innerHTML: e.localize(n.noResultsText)
           }, null, 10, tP)
         ]) : V("v-if", !0),
@@ -15532,7 +15536,7 @@ function sP(e, t, n, r, a, i) {
           "div",
           {
             key: 2,
-            class: ie(e.classList.inifinite),
+            class: ae(e.classList.inifinite),
             ref: "infiniteLoader"
           },
           [
@@ -15540,7 +15544,7 @@ function sP(e, t, n, r, a, i) {
               j(
                 "span",
                 {
-                  class: ie(e.classList.inifiniteSpinner)
+                  class: ae(e.classList.inifiniteSpinner)
                 },
                 null,
                 2
@@ -15557,7 +15561,7 @@ function sP(e, t, n, r, a, i) {
     V(" Hacky input element to show HTML5 required warning "),
     n.required ? (k(), N("input", {
       key: 0,
-      class: ie(e.classList.fakeInput),
+      class: ae(e.classList.fakeInput),
       tabindex: "-1",
       value: e.textValue,
       required: ""
@@ -15591,7 +15595,7 @@ function sP(e, t, n, r, a, i) {
     V(" Screen reader assistive text "),
     n.searchable && e.hasSelected ? (k(), N("div", {
       key: 2,
-      class: ie(e.classList.assist),
+      class: ae(e.classList.assist),
       id: e.ariaAssist,
       "aria-hidden": "true"
     }, _e(e.ariaLabel), 11, iP)) : V("v-if", !0),
@@ -15599,7 +15603,7 @@ function sP(e, t, n, r, a, i) {
     j(
       "div",
       {
-        class: ie(e.classList.spacer)
+        class: ae(e.classList.spacer)
       },
       null,
       2
@@ -15695,12 +15699,12 @@ const uP = ["onClick"], cP = {
       }), i;
     });
     return (i, s) => (k(), N("div", {
-      class: ie(i.wrapperClasses)
+      class: ae(i.wrapperClasses)
     }, [
       i.label || i.$slots.label ? (k(), fe(E(Vv), {
         key: 0,
         "has-error": i.hasError,
-        class: ie(i.labelClasses)
+        class: ae(i.labelClasses)
       }, {
         default: de(() => [
           Z(i.$slots, "label", {}, () => [
@@ -15720,7 +15724,7 @@ const uP = ["onClick"], cP = {
       }), Zt({
         tag: de((o) => [
           j("div", {
-            class: ie(E(Jt).tag)
+            class: ae(E(Jt).tag)
           }, [
             Z(i.$slots, "tag", kt(on(o)), () => {
               var l;
@@ -15730,11 +15734,11 @@ const uP = ["onClick"], cP = {
             }),
             o.disabled ? V("", !0) : (k(), N("span", {
               key: 0,
-              class: ie(E(Jt).tagRemove),
+              class: ae(E(Jt).tagRemove),
               onClick: (l) => o.handleTagRemove(o.option, l)
             }, [
               j("span", {
-                class: ie(E(Jt).tagRemoveIcon)
+                class: ae(E(Jt).tagRemoveIcon)
               }, null, 2)
             ], 10, uP))
           ], 2)
@@ -15759,7 +15763,7 @@ const uP = ["onClick"], cP = {
   },
   setup(e) {
     return (t, n) => (k(), N("label", {
-      class: ie([{ "text-error": t.hasError, "select-none text-zinc-300": t.disabled }, "mb-2 block text-base font-semibold text-zinc-900"]),
+      class: ae([{ "text-error": t.hasError, "select-none text-zinc-300": t.disabled }, "mb-2 block text-base font-semibold text-zinc-900"]),
       "data-error": t.hasError ? "label" : void 0
     }, [
       Z(t.$slots, "default")
@@ -15870,7 +15874,7 @@ const U8 = /* @__PURE__ */ Se({
     return (l, u) => (k(), fe(it(E(n)), {
       to: l.item.to,
       href: l.item.href,
-      class: ie([[{
+      class: ae([[{
         "md:bg-primary": l.item.active ?? !1,
         "!rounded-full": l.item.rounded ?? !1,
         "mb-4": !l.item.bottom,
@@ -15880,7 +15884,7 @@ const U8 = /* @__PURE__ */ Se({
     }, {
       default: de(() => [
         (k(), fe(it(i.value ? s.value : "span"), {
-          class: ie([{ "!h-6": !i.value }, "app-navigation-item size-6 stroke-2 text-black md:size-5 md:text-white"]),
+          class: ae([{ "!h-6": !i.value }, "app-navigation-item size-6 stroke-2 text-black md:size-5 md:text-white"]),
           size: a.value ? "extra-small" : void 0,
           "data-test-icon": ""
         }, {
@@ -16022,7 +16026,7 @@ const U8 = /* @__PURE__ */ Se({
     const { navigationItems: t, mainMenuOpen: n } = ao();
     return (r, a) => (k(), N("div", TP, [
       j("aside", {
-        class: ie([{ "flex-col px-3 md:!w-20": E(n) }, "app-navigation-menu sticky top-0 hidden h-screen w-0 justify-center py-5 transition-all duration-500 before:absolute before:-right-8 before:top-0 before:size-8 before:bg-zinc-100 after:absolute after:-right-8 after:bottom-0 after:size-8 after:bg-zinc-100 md:flex md:bg-secondary"]),
+        class: ae([{ "flex-col px-3 md:!w-20": E(n) }, "app-navigation-menu sticky top-0 hidden h-screen w-0 justify-center py-5 transition-all duration-500 before:absolute before:-right-8 before:top-0 before:size-8 before:bg-zinc-100 after:absolute after:-right-8 after:bottom-0 after:size-8 after:bg-zinc-100 md:flex md:bg-secondary"]),
         "data-test-main-menu": ""
       }, [
         j("ul", CP, [
@@ -16068,7 +16072,7 @@ const U8 = /* @__PURE__ */ Se({
     return (t, n) => (k(), N("div", IP, [
       j("span", OP, _e(t.country), 1),
       j("span", {
-        class: ie([t.licensePlateClasses, "w-full rounded-r-lg bg-yellow-400 px-2 py-[0.188rem] uppercase"]),
+        class: ae([t.licensePlateClasses, "w-full rounded-r-lg bg-yellow-400 px-2 py-[0.188rem] uppercase"]),
         "data-test-license-plate": ""
       }, [
         Z(t.$slots, "default", {}, () => [
@@ -16111,10 +16115,10 @@ const U8 = /* @__PURE__ */ Se({
       "bg-white"
     ] : ["w-10"]);
     return (i, s) => (k(), N("div", {
-      class: ie(a.value)
+      class: ae(a.value)
     }, [
       (k(), fe(it(n.value), {
-        class: ie([r.value, "relative"])
+        class: ae([r.value, "relative"])
       }, null, 8, ["class"]))
     ], 2));
   }
@@ -16136,7 +16140,7 @@ const U8 = /* @__PURE__ */ Se({
       timeStyle: void 0
     }) : t.item.time && !t.item.date ? t.item.time : []);
     return (r, a) => (k(), N("article", {
-      class: ie([{ "after:hidden": r.item.last }, "relative flex w-full before:absolute before:-top-5 before:left-4.5 before:h-5 before:w-0.5 before:bg-primary after:absolute after:left-4.5 after:h-full after:w-0.5 after:bg-primary after:[min-height:60px] first-of-type:before:hidden last-of-type:from-primary last-of-type:to-white last-of-type:after:bg-transparent last-of-type:after:bg-gradient-to-b"])
+      class: ae([{ "after:hidden": r.item.last }, "relative flex w-full before:absolute before:-top-5 before:left-4.5 before:h-5 before:w-0.5 before:bg-primary after:absolute after:left-4.5 after:h-full after:w-0.5 after:bg-primary after:[min-height:60px] first-of-type:before:hidden last-of-type:from-primary last-of-type:to-white last-of-type:after:bg-transparent last-of-type:after:bg-gradient-to-b"])
     }, [
       j("div", MP, [
         Z(r.$slots, "icon", {
@@ -16149,10 +16153,10 @@ const U8 = /* @__PURE__ */ Se({
       ]),
       j("div", AP, [
         j("header", {
-          class: ie({ "flex items-center gap-3": r.itemType === "inline", "!mb-0": r.item.last })
+          class: ae({ "flex items-center gap-3": r.itemType === "inline", "!mb-0": r.item.last })
         }, [
           Oe(E(nc), {
-            class: ie({ "mb-2": r.itemType === "default" })
+            class: ae({ "mb-2": r.itemType === "default" })
           }, {
             default: de(() => [
               Z(r.$slots, "date", { value: n.value }, () => [
@@ -16170,7 +16174,7 @@ const U8 = /* @__PURE__ */ Se({
           ])
         ], 2),
         j("p", {
-          class: ie([{ "mt-4": r.itemType === "inline" }, "text-base empty:mt-0"]),
+          class: ae([{ "mt-4": r.itemType === "inline" }, "text-base empty:mt-0"]),
           "data-test-timeline-description": ""
         }, [
           Z(r.$slots, "default", {
@@ -16248,7 +16252,7 @@ const XP = (e) => (rs("data-v-e0a0b7f0"), e = e(), as(), e), KP = ["onClick"], J
       j("input", {
         type: "checkbox",
         checked: E(r),
-        class: ie(e.status)
+        class: ae(e.status)
       }, null, 10, JP),
       ZP
     ], 8, KP));
@@ -16331,11 +16335,11 @@ const sD = (e) => (rs("data-v-4ca5de3a"), e = e(), as(), e), oD = { class: "easy
         uD
       ]),
       j("ul", {
-        class: ie(["select-items", { show: r.value, inside: a.value }])
+        class: ae(["select-items", { show: r.value, inside: a.value }])
       }, [
         (k(!0), N(Ie, null, Ge(e.rowsItems, (h) => (k(), N("li", {
           key: h,
-          class: ie({ selected: h === E(s) }),
+          class: ae({ selected: h === E(s) }),
           onClick: (g) => o(h)
         }, _e(h), 11, cD))), 128))
       ], 2)
@@ -16487,7 +16491,7 @@ const TD = { class: "buttons-pagination" }, CD = ["onClick"], ED = /* @__PURE__
     return (o, l) => (k(), N("div", TD, [
       (k(!0), N(Ie, null, Ge(E(i), (u, c) => (k(), N("div", {
         key: c,
-        class: ie(["item", {
+        class: ae(["item", {
           button: u.type === "button",
           active: u.type === "button" && u.active,
           "active-prev": u.type === "button" && u.activePrev,
@@ -16514,12 +16518,12 @@ const qv = (e) => (rs("data-v-c9da5286"), e = e(), as(), e), ID = /* @__PURE__ *
     const n = Ur();
     return (r, a) => (k(), N(Ie, null, [
       j("div", {
-        class: ie(["previous-page__click-button", { "first-page": e.isFirstPage }]),
+        class: ae(["previous-page__click-button", { "first-page": e.isFirstPage }]),
         onClick: a[0] || (a[0] = (i) => t("clickPrevPage"))
       }, OD, 2),
       E(n).buttonsPagination ? Z(r.$slots, "buttonsPagination", { key: 0 }, void 0, !0) : V("", !0),
       j("div", {
-        class: ie(["next-page__click-button", { "last-page": e.isLastPage }]),
+        class: ae(["next-page__click-button", { "last-page": e.isLastPage }]),
         onClick: a[1] || (a[1] = (i) => t("clickNextPage"))
       }, DD, 2)
     ], 64));
@@ -17209,7 +17213,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
       updatePage: $e,
       updateCurrentPaginationNumber: st
     } = HD(l, Ve, y, vn, Fe, A, nt), {
-      currentPageFirstIndex: ae,
+      currentPageFirstIndex: ie,
       currentPageLastIndex: be,
       multipleSelectStatus: ut,
       pageItems: Ze
@@ -17250,7 +17254,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
     }, { deep: !0 }), dt(zt, (Le) => {
       n("updateTotalItems", Le);
     }, { deep: !0 }), t({
-      currentPageFirstIndex: ae,
+      currentPageFirstIndex: ie,
       currentPageLastIndex: be,
       clientItemsLength: vn,
       maxPaginationNumber: W,
@@ -17266,12 +17270,12 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
     }), (Le, gn) => (k(), N("div", {
       ref_key: "dataTable",
       ref: Te,
-      class: ie(["vue3-easy-data-table", [Le.tableClassName]])
+      class: ae(["vue3-easy-data-table", [Le.tableClassName]])
     }, [
       j("div", {
         ref_key: "tableBody",
         ref: qe,
-        class: ie(["vue3-easy-data-table__main", {
+        class: ae(["vue3-easy-data-table__main", {
           "fixed-header": E(h),
           "fixed-height": E(Q),
           "show-shadow": We.value,
@@ -17289,12 +17293,12 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
           ]),
           E(C)["customize-headers"] ? Z(Le.$slots, "customize-headers", { key: 0 }, void 0, !0) : E(je).length && !Le.hideHeader ? (k(), N("thead", {
             key: 1,
-            class: ie(["vue3-easy-data-table__header", [Le.headerClassName]])
+            class: ae(["vue3-easy-data-table__header", [Le.headerClassName]])
           }, [
             j("tr", null, [
               (k(!0), N(Ie, null, Ge(E(je), (Ae, Kt) => (k(), N("th", {
                 key: Kt,
-                class: ie([{
+                class: ae([{
                   sortable: Ae.sortable,
                   none: Ae.sortable && Ae.sortType === "none",
                   desc: Ae.sortable && Ae.sortType === "desc",
@@ -17310,12 +17314,12 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
                   onChange: E(jn)
                 }, null, 8, ["status", "onChange"])) : (k(), N("span", {
                   key: 1,
-                  class: ie(["header", `direction-${E(w)}`])
+                  class: ae(["header", `direction-${E(w)}`])
                 }, [
                   E(C)[`header-${Ae.value}`] ? Z(Le.$slots, `header-${Ae.value}`, kt(Je({ key: 0 }, Ae)), void 0, !0) : E(C)[`header-${Ae.value.toLowerCase()}`] ? Z(Le.$slots, `header-${Ae.value.toLowerCase()}`, kt(Je({ key: 1 }, Ae)), void 0, !0) : E(C).header ? Z(Le.$slots, "header", kt(Je({ key: 2 }, Ae)), void 0, !0) : (k(), N("span", GD, _e(Ae.text), 1)),
                   Ae.sortable ? (k(), N("i", {
                     key: Ae.sortType ? Ae.sortType : "none",
-                    class: ie(["sortType-icon", { desc: Ae.sortType === "desc" }])
+                    class: ae(["sortType-icon", { desc: Ae.sortType === "desc" }])
                   }, null, 2)) : V("", !0),
                   E(O) && E(ye)(Ae.value) ? (k(), N("span", XD, _e(E(ve)(Ae.value)), 1)) : V("", !0)
                 ], 2))
@@ -17324,7 +17328,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
           ], 2)) : V("", !0),
           E(ke) ? Z(Le.$slots, "body", kt(Je({ key: 2 }, E(Ze))), void 0, !0) : E(De).length ? (k(), N("tbody", {
             key: 3,
-            class: ie(["vue3-easy-data-table__body", { "row-alternation": Le.alternating }])
+            class: ae(["vue3-easy-data-table__body", { "row-alternation": Le.alternating }])
           }, [
             Z(Le.$slots, "body-prepend", kt(on({
               items: E(Ze),
@@ -17340,7 +17344,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
             })), void 0, !0),
             (k(!0), N(Ie, null, Ge(E(Ze), (Ae, Kt) => (k(), N(Ie, { key: Kt }, [
               j("tr", {
-                class: ie([
+                class: ae([
                   { "even-row": (Kt + 1) % 2 === 0 },
                   typeof Le.bodyRowClassName == "string" ? Le.bodyRowClassName : Le.bodyRowClassName(Ae, Kt + 1)
                 ]),
@@ -17357,7 +17361,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
                 (k(!0), N(Ie, null, Ge(E(De), (Dt, oa) => (k(), N("td", {
                   key: oa,
                   style: Nn(Rn(Dt, "td")),
-                  class: ie([{
+                  class: ae([{
                     shadow: Dt === E(Sn),
                     "can-expand": Dt === "expand"
                   }, typeof Le.bodyItemClassName == "string" ? Le.bodyItemClassName : Le.bodyItemClassName(Dt, Kt + 1), `direction-${E(s)}`]),
@@ -17365,7 +17369,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
                 }, [
                   E(C)[`item-${Dt}`] ? Z(Le.$slots, `item-${Dt}`, kt(Je({ key: 0 }, Ae)), void 0, !0) : E(C)[`item-${Dt.toLowerCase()}`] ? Z(Le.$slots, `item-${Dt.toLowerCase()}`, kt(Je({ key: 1 }, Ae)), void 0, !0) : Dt === "expand" ? (k(), N("i", {
                     key: 2,
-                    class: ie(["expand-icon", { expanding: E(Ee).includes(E(bt) + Kt) }])
+                    class: ae(["expand-icon", { expanding: E(Ee).includes(E(bt) + Kt) }])
                   }, null, 2)) : Dt === "checkbox" ? (k(), fe(iD, {
                     key: 3,
                     checked: Ae[Dt],
@@ -17377,7 +17381,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
               ], 42, KD),
               E(se) && E(Ee).includes(Kt + E(bt)) ? (k(), N("tr", {
                 key: 0,
-                class: ie([
+                class: ae([
                   { "even-row": (Kt + 1) % 2 === 0 },
                   typeof Le.bodyExpandRowClassName == "string" ? Le.bodyExpandRowClassName : Le.bodyExpandRowClassName(Ae, Kt + 1)
                 ])
@@ -17430,7 +17434,7 @@ const VD = (e) => (rs("data-v-32683533"), e = e(), as(), e), qD = ["id"], YD = [
             "rows-items": E(lt)
           }, null, 8, ["modelValue", "rows-items"])
         ])),
-        j("div", iM, _e(`${E(ae)}–${E(be)}`) + " " + _e(E(T)) + " " + _e(E(vn)), 1),
+        j("div", iM, _e(`${E(ie)}–${E(be)}`) + " " + _e(E(T)) + " " + _e(E(vn)), 1),
         E(x) ? Z(Le.$slots, "pagination", kt(Je({ key: 1 }, {
           isFirstPage: E(le),
           isLastPage: E(L),
@@ -17548,7 +17552,8 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
     rowItems: { default: () => [20, 50, 100, 200, 500] },
     rowsPerPage: { default: 50 },
     actionBarSelection: { type: Boolean, default: !0 },
-    actionBarSelectionKey: { default: "id" }
+    actionBarSelectionKey: { default: "id" },
+    hideFooter: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "updatePage", "clickItem", "contextMenuOpen", "clickContextItem"],
   setup(e, { expose: t, emit: n }) {
@@ -17594,7 +17599,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
     return t({ dataTableInstance: f }), s.onResetSelection.value = (_) => {
       (r == null ? void 0 : r.modelValue) !== void 0 && (c.value = _);
     }, (_, I) => (k(), N("div", {
-      class: ie([{ "app-table-without-selection": (r == null ? void 0 : r.modelValue) === void 0 }, "app-data-table-wrapper"])
+      class: ae([{ "app-table-without-selection": (r == null ? void 0 : r.modelValue) === void 0 }, "app-data-table-wrapper"])
     }, [
       Oe(E(Yv), Je({
         ref_key: "dataTable",
@@ -17606,6 +17611,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
           p
         ],
         "hide-footer": !0,
+        class: { "app-hide-footer": _.hideFooter },
         headers: _.headers,
         "checkbox-column-width": 30,
         "rows-items": _.rowItems,
@@ -17625,8 +17631,8 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
             Z(_.$slots, S, kt(on(M)))
           ])
         }))
-      ]), 1040, ["items-selected", "headers", "rows-items", "rows-per-page", "onContextmenuRow"]),
-      f.value ? (k(), fe(pM, {
+      ]), 1040, ["items-selected", "class", "headers", "rows-items", "rows-per-page", "onContextmenuRow"]),
+      f.value && !_.hideFooter ? (k(), fe(pM, {
         key: 0,
         "data-table": f.value,
         "current-page": _.currentPage,
@@ -17694,13 +17700,13 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
       loadingComponent: Xv
     });
     return (i, s) => (k(), N("div", {
-      class: ie([{
+      class: ae([{
         "-top-full left-full translate-x-3 translate-y-[39px]": n.context,
         "-right-full top-6 translate-x-[85px] translate-y-10": !n.context
       }, "absolute w-72 rounded-lg bg-secondary p-2"])
     }, [
       j("div", {
-        class: ie([E(bM)[n.context ? "contextMenu" : "actionBar"], "relative before:absolute before:-translate-x-3"])
+        class: ae([E(bM)[n.context ? "contextMenu" : "actionBar"], "relative before:absolute before:-translate-x-3"])
       }, [
         Oe(E(a), Je({ ...n, ...i.action.componentProperties }, {
           "data-test-action-menu": "",
@@ -17740,15 +17746,15 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
         key: 0,
         ref_key: "actionBarItem",
         ref: s,
-        class: ie([[...E(gM)[f.value], ...E(yM)[n.context ? "contextMenu" : "actionBar"]], "relative cursor-pointer rounded-md transition-colors duration-200"])
+        class: ae([[...E(gM)[f.value], ...E(yM)[n.context ? "contextMenu" : "actionBar"]], "relative cursor-pointer rounded-md transition-colors duration-200"])
       }, [
         Ii((k(), N("div", {
-          class: ie([{ "px-2.5 py-4": !b.context }, "flex w-full items-center space-x-2"]),
+          class: ae([{ "px-2.5 py-4": !b.context }, "flex w-full items-center space-x-2"]),
           "data-test-action-bar-icon": "",
           onClick: h
         }, [
           (k(), fe(it(c.value), {
-            class: ie({ "text-yellow-600": o.value && b.action.confirm, "size-4": b.context, "size-5": !b.context }),
+            class: ae({ "text-yellow-600": o.value && b.action.confirm, "size-4": b.context, "size-5": !b.context }),
             size: "small"
           }, null, 8, ["class"])),
           Z(b.$slots, "default")
@@ -17779,7 +17785,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
     return cm(["Escape"], (f) => {
       f.preventDefault(), c();
     }), (f, p) => (k(), N("div", {
-      class: ie([{ "!translate-y-0": E(t).length > 0 && E(r) }, "fixed inset-x-0 top-0 z-100 -mt-14 flex h-14 -translate-y-24 items-center justify-between bg-secondary px-4 text-white transition-all ease-in-out md:sticky"])
+      class: ae([{ "!translate-y-0": E(t).length > 0 && E(r) }, "fixed inset-x-0 top-0 z-100 -mt-14 flex h-14 -translate-y-24 items-center justify-between bg-secondary px-4 text-white transition-all ease-in-out md:sticky"])
     }, [
       j("div", wM, [
         Oe(_I, {
@@ -17815,7 +17821,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
   },
   setup(e) {
     return (t, n) => (k(), fe(it(t.as), {
-      class: ie([{
+      class: ae([{
         "-ml-px !border-primary bg-primary text-white hover:!bg-primary": t.active,
         "border-y !border-y-zinc-300 !bg-zinc-100 !text-zinc-300": t.disabled,
         "hover:border-y hover:border-zinc-300 hover:bg-zinc-100": t.as === "a"
@@ -17868,7 +17874,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
     return (h, g) => (k(), N("div", TM, [
       j("div", null, [
         j("nav", {
-          class: ie([{ "pointer-events-none opacity-50": !h.loaded }, "flex rounded-lg border border-zinc-300"]),
+          class: ae([{ "pointer-events-none opacity-50": !h.loaded }, "flex rounded-lg border border-zinc-300"]),
           "aria-label": "Pagination"
         }, [
           Oe(Ru, {
@@ -17899,7 +17905,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
             _: 2
           }, 1032, ["as", "active", "onClick"]))), 128)),
           Oe(Ru, {
-            class: ie([{ "cursor-not-allowed": c.value === null }, "rounded-r-lg"]),
+            class: ae([{ "cursor-not-allowed": c.value === null }, "rounded-r-lg"]),
             disabled: c.value === null,
             href: "#",
             onClick: g[1] || (g[1] = Ot(() => r("nextPage"), ["prevent"]))
@@ -17969,7 +17975,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
           Z(t.$slots, "default", {}, () => [
             j("a", {
               href: a,
-              class: ie([{ "bg-zinc-100 hover:!bg-zinc-100": i }, "flex cursor-pointer items-center space-x-2 rounded-lg px-4 py-3 hover:bg-zinc-100"]),
+              class: ae([{ "bg-zinc-100 hover:!bg-zinc-100": i }, "flex cursor-pointer items-center space-x-2 rounded-lg px-4 py-3 hover:bg-zinc-100"]),
               onClick: s
             }, [
               (k(), fe(it(t.icon), {
@@ -17998,7 +18004,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
     return (i, s) => (k(), N("div", RM, [
       i.responsive ? (k(), N("div", {
         key: 0,
-        class: ie([{ "md:hidden": i.responsive }, "block"])
+        class: ae([{ "md:hidden": i.responsive }, "block"])
       }, [
         Oe(E(Sd), {
           modelValue: n.value,
@@ -18032,7 +18038,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
         }, 8, ["modelValue", "options"])
       ], 2)) : V("", !0),
       j("div", {
-        class: ie([{ hidden: i.responsive }, "!mt-0 md:block"])
+        class: ae([{ hidden: i.responsive }, "!mt-0 md:block"])
       }, [
         (k(!0), N(Ie, null, Ge(i.items, (o) => (k(), fe(AM, Je({ ref_for: !0 }, o, {
           key: o.name
@@ -18119,7 +18125,7 @@ const oM = { class: "relative z-50 -mt-20 w-full -translate-y-0.5 rounded-2xl bg
     }, [
       E(l).shortcuts.value.length > 0 ? (k(), N("div", {
         key: 0,
-        class: ie([{ "mb-2": c.value.length > 0 }, "flex justify-between divide-x divide-zinc-600 rounded-md border border-zinc-600"])
+        class: ae([{ "mb-2": c.value.length > 0 }, "flex justify-between divide-x divide-zinc-600 rounded-md border border-zinc-600"])
       }, [
         (k(!0), N(Ie, null, Ge(E(l).shortcuts.value, (w) => (k(), fe(zM, {
           key: w.name,
@@ -20143,7 +20149,7 @@ var Td = /* @__PURE__ */ function() {
           function st(v) {
             return "_" + v;
           }
-          class ae {
+          class ie {
             constructor(d) {
               this.callbacks = new $e(), this.global_callbacks = [], this.failThrough = d;
             }
@@ -20174,7 +20180,7 @@ var Td = /* @__PURE__ */ function() {
               return this;
             }
           }
-          class be extends ae {
+          class be extends ie {
             constructor(d, m, D, H, ce) {
               super(), this.initialize = et.transportConnectionInitializer, this.hooks = d, this.name = m, this.priority = D, this.key = H, this.options = ce, this.state = "new", this.timeline = ce.timeline, this.activityTimeout = ce.activityTimeout, this.id = this.timeline.generateUniqueID();
             }
@@ -20332,7 +20338,7 @@ var Td = /* @__PURE__ */ function() {
           }, Rn = new ut($({}, Ee, ui)), Le = new ut($({}, At, ui));
           zr.xdr_streaming = Rn, zr.xdr_polling = Le, zr.sockjs = ds;
           var gn = zr;
-          class Ae extends ae {
+          class Ae extends ie {
             constructor() {
               super();
               var d = this;
@@ -20426,7 +20432,7 @@ var Td = /* @__PURE__ */ function() {
             }
           };
           var kn = oa;
-          class ci extends ae {
+          class ci extends ie {
             constructor(d, m) {
               super(), this.id = d, this.transport = m, this.activityTimeout = m.activityTimeout, this.bindListeners();
             }
@@ -20542,7 +20548,7 @@ var Td = /* @__PURE__ */ function() {
               this.timeline.isEmpty() || this.timeline.send(et.TimelineTransport.getAgent(this, d), m);
             }
           }
-          class la extends ae {
+          class la extends ie {
             constructor(d, m) {
               super(function(D, H) {
                 Fe.debug("No callbacks on " + d + " for " + D);
@@ -20801,7 +20807,7 @@ var Td = /* @__PURE__ */ function() {
               }
             }
           }
-          class uf extends ae {
+          class uf extends ie {
             constructor(d, m) {
               super(), this.state = "initialized", this.connection = null, this.key = d, this.options = m, this.timeline = this.options.timeline, this.usingTLS = this.options.useTLS, this.errorCallbacks = this.buildErrorCallbacks(), this.connectionCallbacks = this.buildConnectionCallbacks(this.errorCallbacks), this.handshakeCallbacks = this.buildHandshakeCallbacks(this.errorCallbacks);
               var D = et.getNetwork();
@@ -21321,7 +21327,7 @@ var Td = /* @__PURE__ */ function() {
             }
           }, M0 = D0;
           const A0 = 256 * 1024;
-          class R0 extends ae {
+          class R0 extends ie {
             constructor(d, m, D) {
               super(), this.hooks = d, this.method = m, this.url = D;
             }
@@ -21864,7 +21870,7 @@ var Td = /* @__PURE__ */ function() {
             const m = hb(v, d);
             return gf(m) ? m.customHandler : sb(m);
           }
-          class vb extends ae {
+          class vb extends ie {
             constructor(d) {
               super(function(m, D) {
                 Fe.debug(`No callbacks on watchlist events for ${m}`);
@@ -21889,7 +21895,7 @@ var Td = /* @__PURE__ */ function() {
             }), resolve: v, reject: d };
           }
           var yb = gb;
-          class bb extends ae {
+          class bb extends ie {
             constructor(d) {
               super(function(m, D) {
                 Fe.debug("No callbacks on user for " + m);
@@ -21964,7 +21970,7 @@ var Td = /* @__PURE__ */ function() {
               }));
             }
             constructor(d, m) {
-              _b(d), nb(m), this.key = d, this.options = m, this.config = vf(this.options, this), this.channels = Wr.createChannels(), this.global_emitter = new ae(), this.sessionID = et.randomInt(1e9), this.timeline = new J0(this.key, this.sessionID, {
+              _b(d), nb(m), this.key = d, this.options = m, this.config = vf(this.options, this), this.channels = Wr.createChannels(), this.global_emitter = new ie(), this.sessionID = et.randomInt(1e9), this.timeline = new J0(this.key, this.sessionID, {
                 cluster: this.config.cluster,
                 features: dn.getClientFeatures(),
                 params: this.config.timelineParams || {},
@@ -34558,7 +34564,7 @@ const r8 = { class: "flex items-center space-x-5" }, a8 = {
     return (r, a) => {
       var i;
       return k(), N("div", {
-        class: ie([{ "cursor-pointer": (i = r.options) == null ? void 0 : i.onClick }, "relative"])
+        class: ae([{ "cursor-pointer": (i = r.options) == null ? void 0 : i.onClick }, "relative"])
       }, [
         Oe(E(Rl), {
           class: "absolute right-0 top-0 size-4 cursor-pointer",
@@ -34720,7 +34726,7 @@ const Z8 = {
         id: "sidebar-left-wrapper",
         ref_key: "sidebarLeft",
         ref: t,
-        class: ie([{ "z-[200]": n.value }, "relative order-2 flex shrink-0 grow-0 flex-col overflow-y-auto rounded-l-2xl bg-white p-4 transition-all empty:-ml-72 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:max-h-screen md:w-72 md:px-6 md:pt-8"]),
+        class: ae([{ "z-[200]": n.value }, "relative order-2 flex shrink-0 grow-0 flex-col overflow-y-auto rounded-l-2xl bg-white p-4 transition-all empty:-ml-72 empty:whitespace-nowrap empty:p-0 md:sticky md:top-0 md:max-h-screen md:w-72 md:px-6 md:pt-8"]),
         "data-test-layout-sidebar-left-wrapper": ""
       }, [
         Z(i.$slots, "sidebarLeft")