@a-vision-software/vue-input-components 1.4.5 → 1.4.7

package/dist/vue-input-components.es.js

@@ -1,7 +1,7 @@
 var Jr = Object.defineProperty;
 var el = (e, n, t) => n in e ? Jr(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var ve = (e, n, t) => el(e, typeof n != "symbol" ? n + "" : n, t);
-import { reactive as Pa, ref as H, defineComponent as ze, useSlots as aa, toRef as ka, getCurrentInstance as tl, onMounted as tt, nextTick as gt, onUnmounted as Ft, watch as mt, computed as U, createElementBlock as _, openBlock as c, unref as h, normalizeClass as fe, createVNode as Ce, createBlock as we, mergeProps as Ze, isRef as Vn, createSlots as dt, renderList as Ae, withCtx as ke, renderSlot as ce, normalizeProps as ot, guardReactiveProps as ht, resolveDynamicComponent as $a, Teleport as or, Transition as ct, createCommentVNode as I, h as al, render as Bn, createElementVNode as ue, withModifiers as Ee, normalizeStyle as Fe, Fragment as he, toDisplayString as Me, useAttrs as nl, createTextVNode as pt, toValue as rl, getCurrentScope as ll, onScopeDispose as ol, onBeforeUpdate as sl, withDirectives as ba, vShow as Ia, withKeys as Va, resolveComponent as Ut, vModelText as il, useCssVars as ul } from "vue";
+import { reactive as Pa, ref as H, defineComponent as ze, useSlots as aa, toRef as ka, getCurrentInstance as tl, onMounted as tt, nextTick as gt, onUnmounted as Ft, watch as dt, computed as U, createElementBlock as _, openBlock as c, unref as h, normalizeClass as fe, createVNode as Ce, createBlock as we, mergeProps as Ze, isRef as Vn, createSlots as ct, renderList as Ae, withCtx as ke, renderSlot as ce, normalizeProps as ot, guardReactiveProps as ht, resolveDynamicComponent as $a, Teleport as or, Transition as vt, createCommentVNode as I, h as al, render as Bn, createElementVNode as ue, withModifiers as Ee, normalizeStyle as Fe, Fragment as he, toDisplayString as Me, useAttrs as nl, createTextVNode as pt, toValue as rl, getCurrentScope as ll, onScopeDispose as ol, onBeforeUpdate as sl, withDirectives as ba, vShow as Ia, withKeys as Va, resolveComponent as Ut, vModelText as il, useCssVars as ul } from "vue";
 const sr = 6048e5, dl = 864e5, cl = 6e4, ir = 36e5, vl = 1e3, Fn = Symbol.for("constructDateFrom");
 function Ne(e, n) {
   return typeof e == "function" ? e(n) : e && typeof e == "object" && Fn in e ? e[Fn](n) : e instanceof Date ? new e.constructor(n) : new Date(n);
@@ -3249,7 +3249,7 @@ const yt = (e, n) => n ? new Date(e.toLocaleString("en-US", { timeZone: n })) :
 };
 var _t = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(_t || {}), kt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(kt || {}), Jt = /* @__PURE__ */ ((e) => (e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e))(Jt || {}), ut = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e))(ut || {});
 const bs = ["timestamp", "date", "iso"];
-var vt = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(vt || {}), We = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(We || {}), ia = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(ia || {});
+var ft = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(ft || {}), We = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(We || {}), ia = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(ia || {});
 function Qn(e) {
   return (n) => {
     const t = new Intl.DateTimeFormat(e, {
@@ -3361,7 +3361,7 @@ function Ps(e, n) {
   if (a >= 0 && (n ? a - 1 >= 0 : a + 1 <= t.length))
     return t[a + (n ? -1 : 1)];
 }
-const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n}"]`), Rr = (e, n) => new Intl.NumberFormat(n, { useGrouping: !1, style: "decimal" }).format(e), On = (e, n) => Yt(e, n ?? ia.DATE), Za = (e) => Array.isArray(e), Na = (e, n, t) => n.get(On(e, t)), $s = (e, n) => e ? n ? n instanceof Map ? !!Na(e, n) : n(X(e)) : !1 : !0, ft = (e, n, t = !1, a) => {
+const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n}"]`), Rr = (e, n) => new Intl.NumberFormat(n, { useGrouping: !1, style: "decimal" }).format(e), On = (e, n) => Yt(e, n ?? ia.DATE), Za = (e) => Array.isArray(e), Na = (e, n, t) => n.get(On(e, t)), $s = (e, n) => e ? n ? n instanceof Map ? !!Na(e, n) : n(X(e)) : !1 : !0, mt = (e, n, t = !1, a) => {
   if (e.key === We.enter || e.key === We.space)
     return t && e.preventDefault(), n();
   if (a) return a(e);
@@ -3777,15 +3777,15 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   };
 }, ei = (e, n, t) => {
   const a = H(), { defaultedTextInput: r, defaultedRange: l, defaultedTz: s, defaultedMultiDates: u, getDefaultPattern: i } = qe(n), P = H(""), p = ka(n, "format"), w = ka(n, "formatLocale");
-  mt(
+  dt(
     a,
     () => {
       typeof n.onInternalModelChange == "function" && e("internal-model-change", a.value, G(!0));
     },
     { deep: !0 }
-  ), mt(l, (o, V) => {
+  ), dt(l, (o, V) => {
     o.enabled !== V.enabled && (a.value = null);
-  }), mt(p, () => {
+  }), dt(p, () => {
     ae();
   });
   const f = (o) => s.value.timezone && s.value.convertModel ? yt(o, s.value.timezone) : o, $ = (o) => {
@@ -4157,14 +4157,14 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: B[0] || (B[0] = (O) => D.$emit("close-picker")),
-              onKeydown: B[1] || (B[1] = (O) => h(ft)(O, () => D.$emit("close-picker")))
+              onKeydown: B[1] || (B[1] = (O) => h(mt)(O, () => D.$emit("close-picker")))
             }, Me(D.cancelText), 545)) : I("", !0),
             h(r).showNow ? (c(), _("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
               onClick: B[2] || (B[2] = (O) => D.$emit("select-now")),
-              onKeydown: B[3] || (B[3] = (O) => h(ft)(O, () => D.$emit("select-now")))
+              onKeydown: B[3] || (B[3] = (O) => h(mt)(O, () => D.$emit("select-now")))
             }, Me(D.nowButtonLabel), 33)) : I("", !0),
             h(r).showSelect ? (c(), _("button", {
               key: 2,
@@ -4174,7 +4174,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               class: "dp__action_button dp__action_select",
               disabled: C.value,
               "data-test-id": "select-button",
-              onKeydown: B[4] || (B[4] = (O) => h(ft)(O, () => pe())),
+              onKeydown: B[4] || (B[4] = (O) => h(mt)(O, () => pe())),
               onClick: pe
             }, Me(D.selectText), 41, ni)) : I("", !0)
           ], 64))
@@ -4246,7 +4246,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         dp__container_block: ((F = u.items) == null ? void 0 : F.length) > 6
       };
     });
-    mt(
+    dt(
       () => u.items,
       () => te(!1),
       { deep: !0 }
@@ -4339,7 +4339,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               tabindex: "0",
               "data-test-id": V.text,
               onClick: Ee((Ie) => pe(V), ["prevent"]),
-              onKeydown: (Ie) => h(ft)(Ie, () => pe(V), !0),
+              onKeydown: (Ie) => h(mt)(Ie, () => pe(V), !0),
               onMouseover: (Ie) => z(V.value)
             }, [
               ue("div", {
@@ -4431,7 +4431,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       "aria-label": r.ariaLabel,
       "aria-disabled": r.disabled || void 0,
       onClick: l[0] || (l[0] = (s) => r.$emit("activate")),
-      onKeydown: l[1] || (l[1] = (s) => h(ft)(s, () => r.$emit("activate"), !0))
+      onKeydown: l[1] || (l[1] = (s) => h(mt)(s, () => r.$emit("activate"), !0))
     }, [
       ue("span", {
         class: fe(["dp__inner_nav", { dp__inner_nav_disabled: r.disabled }])
@@ -4511,7 +4511,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : I("", !0)
         ], 2),
-        Ce(ct, {
+        Ce(vt, {
           name: h(f)(e.showYearPicker),
           css: h(w)
         }, {
@@ -4531,7 +4531,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 type: "year",
                 onToggle: S,
                 onSelected: y[4] || (y[4] = (g) => m(g))
-              }, dt({
+              }, ct({
                 "button-icon": ke(() => [
                   M.$slots["calendar-icon"] ? ce(M.$slots, "calendar-icon", { key: 0 }) : I("", !0),
                   M.$slots["calendar-icon"] ? I("", !0) : (c(), we(h(pa), { key: 1 }))
@@ -4624,7 +4624,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, x = () => {
     v(), e.value.count && m();
   };
-  mt(l, (g, K) => {
+  dt(l, (g, K) => {
     s.isTextInputDate && JSON.stringify(g ?? {}) !== JSON.stringify(K ?? {}) && x();
   }), tt(() => {
     x();
@@ -4852,7 +4852,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           type: "month",
           onSelected: (g) => h(M)(g, b),
           onHoverValue: (g) => h(A)(g, b)
-        }, dt({
+        }, ct({
           header: ke(() => [
             Ce(qr, Ze(N.$props, {
               items: h(i)(b),
@@ -4863,7 +4863,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               onHandleYear: (g) => h(T)(b, g),
               onYearSelect: (g) => h(x)(g, b),
               onToggleYearPicker: (g) => h(v)(b, g == null ? void 0 : g.flow, g == null ? void 0 : g.show)
-            }), dt({ _: 2 }, [
+            }), ct({ _: 2 }, [
               Ae(h(l), (g, K) => ({
                 name: g,
                 fn: ke((te) => [
@@ -4961,7 +4961,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         "use-relative": "",
         onSelected: h(i),
         onHoverValue: h(P)
-      }, dt({ _: 2 }, [
+      }, ct({ _: 2 }, [
         w.$slots["year-overlay-value"] ? {
           name: "item",
           fn: ke(({ item: $ }) => [
@@ -5135,7 +5135,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 "data-test-id": `${oe.type}-time-inc-btn-${r.order}`,
                 "aria-label": (Pe = h(u)) == null ? void 0 : Pe.incrementValue(oe.type),
                 tabindex: "0",
-                onKeydown: (Y) => h(ft)(Y, () => ie(oe.type, !0, { keyboard: !0 }), !0),
+                onKeydown: (Y) => h(mt)(Y, () => ie(oe.type, !0, { keyboard: !0 }), !0),
                 onClick: (Y) => h(p).timeArrowHoldThreshold ? void 0 : ie(oe.type, !0),
                 onMousedown: (Y) => h(p).timeArrowHoldThreshold ? ie(oe.type, !0) : void 0,
                 onMouseup: V
@@ -5166,7 +5166,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 disabled: q(oe.type),
                 tabindex: "0",
                 "data-test-id": `${oe.type}-toggle-overlay-btn-${r.order}`,
-                onKeydown: (Y) => h(ft)(Y, () => G(oe.type), !0),
+                onKeydown: (Y) => h(mt)(Y, () => G(oe.type), !0),
                 onClick: (Y) => G(oe.type)
               }, [
                 d.$slots[oe.type] ? ce(d.$slots, oe.type, {
@@ -5193,7 +5193,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 "data-test-id": `${oe.type}-time-dec-btn-${r.order}`,
                 "aria-label": (Ke = h(u)) == null ? void 0 : Ke.decrementValue(oe.type),
                 tabindex: "0",
-                onKeydown: (Y) => h(ft)(Y, () => ie(oe.type, !1, { keyboard: !0 }), !0),
+                onKeydown: (Y) => h(mt)(Y, () => ie(oe.type, !1, { keyboard: !0 }), !0),
                 onClick: (Y) => h(p).timeArrowHoldThreshold ? void 0 : ie(oe.type, !1),
                 onMousedown: (Y) => h(p).timeArrowHoldThreshold ? ie(oe.type, !1) : void 0,
                 onMouseup: V
@@ -5228,10 +5228,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             tabindex: "0",
             "data-compact": B.value,
             onClick: E,
-            onKeydown: ee[0] || (ee[0] = (oe) => h(ft)(oe, () => E(), !0))
+            onKeydown: ee[0] || (ee[0] = (oe) => h(mt)(oe, () => E(), !0))
           }, Me(A.value), 41, ki))
         ])),
-        (c(!0), _(he, null, Ae(Q.value, (oe, xe) => (c(), we(ct, {
+        (c(!0), _(he, null, Ae(Q.value, (oe, xe) => (c(), we(vt, {
           key: xe,
           name: h($)(m[oe.type]),
           css: h(S)
@@ -5253,7 +5253,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 onSelected: (Ke) => re(oe.type, Ke),
                 onToggle: (Ke) => G(oe.type),
                 onResetFlow: ee[1] || (ee[1] = (Ke) => d.$emit("reset-flow"))
-              }, dt({
+              }, ct({
                 "button-icon": ke(() => [
                   d.$slots["clock-icon"] ? ce(d.$slots, "clock-icon", { key: 0 }) : I("", !0),
                   d.$slots["clock-icon"] ? I("", !0) : (c(), we($a(d.timePickerInline ? h(pa) : h(Tn)), { key: 1 }))
@@ -5369,7 +5369,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           "aria-label": (L = h(P)) == null ? void 0 : L.openTimePicker,
           tabindex: z.noOverlayFocus ? void 0 : 0,
           "data-test-id": "open-time-picker-btn",
-          onKeydown: ne[0] || (ne[0] = (me) => h(ft)(me, () => b(!0))),
+          onKeydown: ne[0] || (ne[0] = (me) => h(mt)(me, () => b(!0))),
           onClick: ne[1] || (ne[1] = (me) => b(!0))
         }, [
           z.$slots["clock-icon"] ? ce(z.$slots, "clock-icon", { key: 0 }) : I("", !0),
@@ -5377,7 +5377,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         ], 42, Ti)), [
           [Ia, !h(m)(z.hideNavigation, "time")]
         ]) : I("", !0),
-        Ce(ct, {
+        Ce(vt, {
           name: h($)(C.value),
           css: h(S) && !z.timePickerInline
         }, {
@@ -5441,7 +5441,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                       onOverlayClosed: Q,
                       onOverlayOpened: ae,
                       onAmPmChange: ne[2] || (ne[2] = (G) => z.$emit("am-pm-change", G))
-                    }), dt({ _: 2 }, [
+                    }), ct({ _: 2 }, [
                       Ae(h(K), (G, o) => ({
                         name: G,
                         fn: ke((V) => [
@@ -5460,7 +5460,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                     class: fe({ ...g.value, "dp--hidden-el": x.value }),
                     "aria-label": (k = h(P)) == null ? void 0 : k.closeTimePicker,
                     tabindex: "0",
-                    onKeydown: ne[3] || (ne[3] = (F) => h(ft)(F, () => b(!1))),
+                    onKeydown: ne[3] || (ne[3] = (F) => h(mt)(F, () => b(!1))),
                     onClick: ne[4] || (ne[4] = (F) => b(!1))
                   }, [
                     z.$slots["calendar-icon"] ? ce(z.$slots, "calendar-icon", { key: 0 }) : I("", !0),
@@ -5645,7 +5645,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           onResetFlow: S[4] || (S[4] = (m) => $.$emit("reset-flow")),
           onOverlayClosed: S[5] || (S[5] = (m) => $.$emit("overlay-toggle", { open: !1, overlay: m })),
           onOverlayOpened: S[6] || (S[6] = (m) => $.$emit("overlay-toggle", { open: !0, overlay: m }))
-        }), dt({ _: 2 }, [
+        }), ct({ _: 2 }, [
           Ae(h(s), (m, A) => ({
             name: m,
             fn: ke((M) => [
@@ -5809,7 +5809,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                   "aria-label": `${E.text}-${E.ariaLabel}`,
                   "data-test-id": `${E.type}-toggle-overlay-${e.instance}`,
                   onClick: E.toggle,
-                  onKeydown: (Z) => h(ft)(Z, () => E.toggle(), !0)
+                  onKeydown: (Z) => h(mt)(Z, () => E.toggle(), !0)
                 }, [
                   k.$slots[E.type] ? ce(k.$slots, E.type, {
                     key: 0,
@@ -5820,7 +5820,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                     pt(Me(E.text), 1)
                   ], 64))
                 ], 42, Ri),
-                Ce(ct, {
+                Ce(vt, {
                   name: h($)(E.showSelectionGrid),
                   css: h(S)
                 }, {
@@ -5842,7 +5842,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                       "overlay-label": E.overlayLabel,
                       onSelected: E.updateModelValue,
                       onToggle: E.toggle
-                    }, dt({
+                    }, ct({
                       "button-icon": ke(() => [
                         k.$slots["calendar-icon"] ? ce(k.$slots, "calendar-icon", { key: 0 }) : I("", !0),
                         k.$slots["calendar-icon"] ? I("", !0) : (c(), we(h(pa), { key: 1 }))
@@ -6070,7 +6070,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           }), 128))
         ]),
         Te[2] || (Te[2] = ue("div", { class: "dp__calendar_header_separator" }, null, -1)),
-        Ce(ct, {
+        Ce(vt, {
           name: y.value,
           css: !!E.transitions
         }, {
@@ -6105,7 +6105,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                     "data-test-id": h(hn)(d.value),
                     onClick: Ee((Pe) => V(Pe, d), ["prevent"]),
                     onTouchend: (Pe) => V(Pe, d, !1),
-                    onKeydown: (Pe) => h(ft)(Pe, () => E.$emit("select-date", d)),
+                    onKeydown: (Pe) => h(mt)(Pe, () => E.$emit("select-date", d)),
                     onMouseenter: (Pe) => ae(d, re, ee),
                     onMouseleave: (Pe) => z(d),
                     onMousedown: (Pe) => Ie(d),
@@ -6480,7 +6480,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     } = Wi(r, a, me, k), b = aa(), { setHoverDate: g, getDayClassData: K, clearHoverDate: te } = iu(i, r), { defaultedMultiCalendars: pe } = qe(r), D = H([]), B = H([]), O = H(null), Q = bt(b, "calendar"), ae = bt(b, "monthYear"), z = bt(b, "timePicker"), ne = (Z) => {
       r.shadow || a("mount", Z);
     };
-    mt(
+    dt(
       l,
       () => {
         r.shadow || setTimeout(() => {
@@ -6488,7 +6488,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         }, 0);
       },
       { deep: !0 }
-    ), mt(
+    ), dt(
       pe,
       (Z, re) => {
         Z.count - re.count > 0 && N();
@@ -6584,7 +6584,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             onUpdateMonthYear: (le) => h(v)(d, le),
             onOverlayClosed: Te,
             onOverlayOpened: re[2] || (re[2] = (le) => Z.$emit("overlay-toggle", { open: !0, overlay: le }))
-          }), dt({ _: 2 }, [
+          }), ct({ _: 2 }, [
             Ae(h(ae), (le, oe) => ({
               name: le,
               fn: ke((xe) => [
@@ -6610,7 +6610,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             onResetFlow: re[5] || (re[5] = (le) => Z.$emit("reset-flow")),
             onTooltipOpen: re[6] || (re[6] = (le) => Z.$emit("tooltip-open", le)),
             onTooltipClose: re[7] || (re[7] = (le) => Z.$emit("tooltip-close", le))
-          }), dt({ _: 2 }, [
+          }), ct({ _: 2 }, [
             Ae(h(Q), (le, oe) => ({
               name: le,
               fn: ke((xe) => [
@@ -6641,7 +6641,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           onOverlayClosed: re[13] || (re[13] = (d) => E(d, !1)),
           onOverlayOpened: re[14] || (re[14] = (d) => E(d, !0)),
           onAmPmChange: re[15] || (re[15] = (d) => Z.$emit("am-pm-change", d))
-        }), dt({ _: 2 }, [
+        }), ct({ _: 2 }, [
           Ae(h(z), (d, ee) => ({
             name: d,
             fn: ke((le) => [
@@ -6791,7 +6791,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               onHandleYear: (N) => h(v)(C, N),
               onYearSelect: (N) => h(y)(N, C),
               onToggleYearPicker: (N) => h(M)(C, N == null ? void 0 : N.flow, N == null ? void 0 : N.show)
-            }), dt({ _: 2 }, [
+            }), ct({ _: 2 }, [
               Ae(h(s), (N, W) => ({
                 name: N,
                 fn: ke((b) => [
@@ -6956,11 +6956,11 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       r.escClose && (a("close-picker"), m(Y));
     }, Ie = (Y) => {
       if (r.arrowNavigation) {
-        if (Y === vt.up) return te();
-        if (Y === vt.down) return K();
-        if (Y === vt.left) return g();
-        if (Y === vt.right) return b();
-      } else Y === vt.left || Y === vt.up ? d("handleArrow", vt.left, 0, Y === vt.up) : d("handleArrow", vt.right, 0, Y === vt.down);
+        if (Y === ft.up) return te();
+        if (Y === ft.down) return K();
+        if (Y === ft.left) return g();
+        if (Y === ft.right) return b();
+      } else Y === ft.left || Y === ft.up ? d("handleArrow", ft.left, 0, Y === ft.up) : d("handleArrow", ft.right, 0, Y === ft.down);
     }, E = (Y) => {
       i(Y.shiftKey), !r.disableMonthYearSelect && Y.code === We.tab && Y.target.classList.contains("dp__menu") && P.value.shiftKeyInMenu && (Y.preventDefault(), Wt(Y, $.value, !0), a("close-picker"));
     }, Te = () => {
@@ -6996,13 +6996,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         case We.esc:
           return ie(Y);
         case We.arrowLeft:
-          return Pe(Y, vt.left);
+          return Pe(Y, ft.left);
         case We.arrowRight:
-          return Pe(Y, vt.right);
+          return Pe(Y, ft.right);
         case We.arrowUp:
-          return Pe(Y, vt.up);
+          return Pe(Y, ft.up);
         case We.arrowDown:
-          return Pe(Y, vt.down);
+          return Pe(Y, ft.down);
         default:
           return;
       }
@@ -7080,7 +7080,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 "data-test-id": ye.testId ?? void 0,
                 "data-dp-mobile": h(A),
                 onClick: Ee((xt) => le(ye.value, ye.noTz), ["prevent"]),
-                onKeydown: (xt) => h(ft)(xt, () => le(ye.value, ye.noTz), !0)
+                onKeydown: (xt) => h(mt)(xt, () => le(ye.value, ye.noTz), !0)
               }, Me(ye.label), 47, au))
             ], 64))), 128))
           ], 10, tu)) : I("", !0),
@@ -7117,7 +7117,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               onInvalidDate: se[13] || (se[13] = (ye) => Y.$emit("invalid-date", ye)),
               onOverlayToggle: se[14] || (se[14] = (ye) => Y.$emit("overlay-toggle", ye)),
               "onUpdate:internalModelValue": se[15] || (se[15] = (ye) => Y.$emit("update:internal-model-value", ye))
-            }), dt({ _: 2 }, [
+            }), ct({ _: 2 }, [
               Ae(F.value, (ye, rt) => ({
                 name: ye,
                 fn: ke((xt) => [
@@ -7145,7 +7145,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           onSelectDate: se[17] || (se[17] = (ye) => Y.$emit("select-date")),
           onInvalidSelect: se[18] || (se[18] = (ye) => Y.$emit("invalid-select")),
           onSelectNow: ee
-        }), dt({ _: 2 }, [
+        }), ct({ _: 2 }, [
           Ae(h(k), (ye, rt) => ({
             name: ye,
             fn: ke((xt) => [
@@ -7172,7 +7172,7 @@ const lu = ({
     top: "0",
     left: "0"
   }), f = H(!1), $ = ka(s, "teleportCenter");
-  mt($, () => {
+  dt($, () => {
     w.value = JSON.parse(JSON.stringify({})), T();
   });
   const S = (O) => {
@@ -7366,7 +7366,7 @@ const lu = ({
     minutes: u("minutes"),
     seconds: u("seconds")
   });
-  mt(
+  dt(
     a,
     (f, $) => {
       f.enabled !== $.enabled && (i.hours = u("hours"), i.minutes = u("minutes"), i.seconds = u("seconds"));
@@ -7383,7 +7383,7 @@ const lu = ({
   ), w = U(
     () => (f) => s.value[f] ? s.value[f].year : 0
   );
-  return mt(
+  return dt(
     P,
     (f, $) => {
       t && JSON.stringify(f ?? {}) !== JSON.stringify($ ?? {}) && t();
@@ -7851,7 +7851,7 @@ const lu = ({
             "aria-label": (q = h(s)) == null ? void 0 : q.clearInput,
             class: "dp--clear-btn",
             type: "button",
-            onKeydown: me[4] || (me[4] = (G) => h(ft)(G, () => B(G), !0, ne)),
+            onKeydown: me[4] || (me[4] = (G) => h(mt)(G, () => B(G), !0, ne)),
             onClick: me[5] || (me[5] = Ee((G) => B(G), ["prevent"]))
           }, [
             Ce(h(Ar), {
@@ -7867,7 +7867,7 @@ const lu = ({
 }, hu = (e) => ll() ? (ol(e), !0) : !1, yu = (e, n, t, a) => {
   if (!e) return un;
   let r = un;
-  const l = mt(
+  const l = dt(
     () => h(e),
     (u) => {
       r(), u && (u.removeEventListener(n, t), u.addEventListener(n, t, a), r = () => {
@@ -7944,7 +7944,7 @@ const lu = ({
       window == null || window.removeEventListener("keyup", xe), window == null || window.removeEventListener("keydown", Pe);
     });
     const Q = bt(l, "all", r.presetDates), ae = bt(l, "input");
-    mt(
+    dt(
       [u, i],
       () => {
         o(u.value);
@@ -8094,7 +8094,7 @@ const lu = ({
         onBlur: ja,
         onRealBlur: de[1] || (de[1] = (ge) => f.value = !1),
         onTextInput: de[2] || (de[2] = (ge) => j.$emit("text-input", ge))
-      }), dt({ _: 2 }, [
+      }), ct({ _: 2 }, [
         Ae(h(ae), (ge, Rt) => ({
           name: ge,
           fn: ke((Ct) => [
@@ -8104,7 +8104,7 @@ const lu = ({
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
       (c(), we($a(j.teleport ? or : "div"), ot(ht(Z.value)), {
         default: ke(() => [
-          Ce(ct, {
+          Ce(vt, {
             name: h(pe)(h(z)),
             css: h(D) && !h(b).enabled
           }, {
@@ -8150,7 +8150,7 @@ const lu = ({
                   onInvalidDate: de[17] || (de[17] = (ge) => j.$emit("invalid-date", ge)),
                   onOverlayToggle: de[18] || (de[18] = (ge) => j.$emit("overlay-toggle", ge)),
                   onMenuBlur: de[19] || (de[19] = (ge) => j.$emit("blur"))
-                }), dt({ _: 2 }, [
+                }), ct({ _: 2 }, [
                   Ae(h(Q), (ge, Rt) => ({
                     name: ge,
                     fn: ke((Ct) => [
@@ -8234,7 +8234,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
           console.error("Autosave failed:", g);
         }
     }, M = (b) => {
-      P.value && clearTimeout(P.value), p.value && clearTimeout(p.value), a.error || (u.value = !0), p.value = window.setTimeout(() => {
+      P.value && clearTimeout(P.value), p.value && clearTimeout(p.value), !a.error && a.autosave && (u.value = !0), p.value = window.setTimeout(() => {
         r("changed"), i.value = !0;
       }, 500), P.value = window.setTimeout(() => {
         A(b);
@@ -8261,6 +8261,8 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
       P.value && clearTimeout(P.value), p.value && clearTimeout(p.value);
     }), tt(() => {
       l.value = `text-input-${Math.random().toString(36).substring(2, 9)}`, a.type === "date" && a.modelValue && (f.value = m(a.modelValue));
+    }), dt(() => a.modelValue, (b) => {
+      a.type === "date" && b && (f.value = m(b));
     }), n({
       focus: () => {
         var b;
@@ -8361,19 +8363,19 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
             ref: w
           }, null, 40, Tu)),
           b.required && !s.value && !u.value && !b.error ? (c(), _("span", Pu, "required")) : I("", !0),
-          Ce(ct, { name: "fade" }, {
+          Ce(vt, { name: "fade" }, {
             default: ke(() => [
               s.value && !u.value && !b.error ? (c(), _("span", $u, "saved")) : I("", !0)
             ]),
             _: 1
           }),
-          Ce(ct, { name: "fade" }, {
+          Ce(vt, { name: "fade" }, {
             default: ke(() => [
               u.value && !b.error ? (c(), _("span", xu, "changed")) : I("", !0)
             ]),
             _: 1
           }),
-          Ce(ct, { name: "fade" }, {
+          Ce(vt, { name: "fade" }, {
             default: ke(() => [
               b.error ? (c(), _("span", {
                 key: 0,
@@ -8392,7 +8394,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
   for (const [a, r] of n)
     t[a] = r;
   return t;
-}, Su = /* @__PURE__ */ Kt(Ou, [["__scopeId", "data-v-30623e3f"]]), Yu = { class: "file-upload" }, Ru = { class: "upload-content" }, Iu = { key: 0 }, Vu = {
+}, Su = /* @__PURE__ */ Kt(Ou, [["__scopeId", "data-v-82ab08af"]]), Yu = { class: "file-upload" }, Ru = { class: "upload-content" }, Iu = { key: 0 }, Vu = {
   key: 1,
   class: "selected-files"
 }, Bu = { class: "file-name" }, Fu = { class: "file-size" }, Nu = {
@@ -8472,7 +8474,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
     }, y = () => {
       a("start-upload", l.value);
     };
-    return mt(l, (v) => {
+    return dt(l, (v) => {
       v.length > 0 && (t.uploadUrl ? M() : a("files-selected", v));
     }), (v, x) => {
       const T = Ut("font-awesome-icon");
@@ -8813,8 +8815,8 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
     type: { default: "button" },
     disabled: { type: Boolean, default: !1 },
     color: { default: "var(--text-color)" },
-    size: { default: "regular" },
     variant: { default: "solid" },
+    size: { default: "regular" },
     presentation: { default: "default" }
   },
   emits: ["click"],
@@ -8870,7 +8872,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
       }, 8, ["href", "type", "class", "style", "disabled"]);
     };
   }
-}), rr = /* @__PURE__ */ Kt(ud, [["__scopeId", "data-v-4c9645bb"]]), dd = ["onKeydown"], cd = ["for"], vd = { class: "dropdown__selected" }, fd = {
+}), rr = /* @__PURE__ */ Kt(ud, [["__scopeId", "data-v-1922a975"]]), dd = ["onKeydown"], cd = ["for"], vd = { class: "dropdown__selected" }, fd = {
   key: 0,
   class: "dropdown__icon"
 }, md = ["src", "alt"], pd = {
@@ -8954,7 +8956,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
     }, A = (g) => {
       g.target.closest(".dropdown") || f();
     };
-    mt(r, (g) => {
+    dt(r, (g) => {
       g ? document.addEventListener("click", A) : document.removeEventListener("click", A);
     });
     const M = H(!1), y = H(!1), v = H(!1), x = H(null), T = H(null), C = async (g) => {
@@ -9061,19 +9063,19 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
             }, null, 8, ["class"])
           ]),
           g.required && !M.value && !y.value && !g.error ? (c(), _("span", bd, "required")) : I("", !0),
-          Ce(ct, { name: "fade" }, {
+          Ce(vt, { name: "fade" }, {
             default: ke(() => [
               M.value && !g.error ? (c(), _("span", wd, "saved")) : I("", !0)
             ]),
             _: 1
           }),
-          Ce(ct, { name: "fade" }, {
+          Ce(vt, { name: "fade" }, {
             default: ke(() => [
               y.value && !g.error ? (c(), _("span", _d, "changed")) : I("", !0)
             ]),
             _: 1
           }),
-          Ce(ct, { name: "fade" }, {
+          Ce(vt, { name: "fade" }, {
             default: ke(() => [
               g.error ? (c(), _("span", {
                 key: 0,
@@ -9299,19 +9301,19 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
           }), 128))
         ], 4),
         !m.value && y.required && !l.value && !s.value && !y.error ? (c(), _("span", Rd, "required")) : I("", !0),
-        Ce(ct, { name: "fade" }, {
+        Ce(vt, { name: "fade" }, {
           default: ke(() => [
             !m.value && l.value && !y.error ? (c(), _("span", Id, "saved")) : I("", !0)
           ]),
           _: 1
         }),
-        Ce(ct, { name: "fade" }, {
+        Ce(vt, { name: "fade" }, {
           default: ke(() => [
             !m.value && s.value && !y.error ? (c(), _("span", Vd, "changed")) : I("", !0)
           ]),
           _: 1
         }),
-        Ce(ct, { name: "fade" }, {
+        Ce(vt, { name: "fade" }, {
           default: ke(() => [
             !m.value && y.error ? (c(), _("span", {
               key: 0,
@@ -9369,10 +9371,10 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
   emits: ["update:filter", "row-click", "row-dblclick"],
   setup(e, { expose: n, emit: t }) {
     ul((m) => ({
-      "1170a2b4": a.width
+      "57e1108e": a.width
     }));
     const a = e, r = t, l = H(""), s = H(null), u = H("asc"), i = H("");
-    mt(l, (m) => {
+    dt(l, (m) => {
       const A = m.toLowerCase();
       if (A.length < 3) {
         i.value = "";
@@ -9543,16 +9545,19 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
                   pt(Me(f(v[T.key])), 1)
                 ], 64)) : T.type === "action" ? (c(), _(he, { key: 3 }, [
                   v[T.key] ? (c(), _("div", Zd, [
-                    (c(!0), _(he, null, Ae(v[T.key], (C, N) => (c(), we(rr, Ze({
-                      key: N,
-                      ref_for: !0
-                    }, C, {
-                      href: m.presentation === "minimal" && !C.href ? `#/${C.id ? C.id : C.label.toLowerCase()}` : C.href,
-                      onClick: Ee((W) => C.onActionClick ? C.onActionClick(v, C) : null, ["stop"]),
-                      presentation: m.presentation,
-                      size: "small",
-                      color: m.presentation === "minimal" ? "inherit" : ""
-                    }), null, 16, ["href", "onClick", "presentation", "color"]))), 128))
+                    (c(!0), _(he, null, Ae(v[T.key], (C, N) => {
+                      var W;
+                      return c(), we(rr, Ze({
+                        key: N,
+                        ref_for: !0
+                      }, C, {
+                        href: m.presentation === "minimal" && !C.href ? `#/${C.id ? C.id : (W = C.label) == null ? void 0 : W.toLowerCase()}` : C.href,
+                        onClick: Ee((b) => C.onActionClick ? C.onActionClick(v, C) : null, ["stop"]),
+                        presentation: m.presentation,
+                        size: "small",
+                        color: m.presentation === "minimal" ? "inherit" : ""
+                      }), null, 16, ["href", "onClick", "presentation", "color"]);
+                    }), 128))
                   ])) : I("", !0)
                 ], 64)) : T.type === "checkbox" ? (c(), _(he, { key: 4 }, [
                   v[T.key] ? (c(), we(Nd, Ze({
@@ -9579,7 +9584,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
       ], 6);
     };
   }
-}), vc = /* @__PURE__ */ Kt(ec, [["__scopeId", "data-v-9b02a873"]]), tc = {
+}), vc = /* @__PURE__ */ Kt(ec, [["__scopeId", "data-v-364e2d2e"]]), tc = {
   key: 0,
   class: "modal-large-icon"
 }, ac = {
@@ -9623,7 +9628,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
     }), (i, P) => {
       const p = Ut("font-awesome-icon");
       return c(), we(or, { to: "body" }, [
-        Ce(ct, { name: "modal-fade" }, {
+        Ce(vt, { name: "modal-fade" }, {
           default: ke(() => [
             i.modelValue ? (c(), _("div", {
               key: 0,