@a-vision-software/vue-input-components 1.4.8 → 1.4.9

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

@@ -1347,26 +1347,26 @@ function Yt(e, n, t) {
   const a = na(), r = (t == null ? void 0 : t.locale) ?? a.locale ?? yr, l = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((w = (p = t == null ? void 0 : t.locale) == null ? void 0 : p.options) == null ? void 0 : w.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? (($ = (f = a.locale) == null ? void 0 : f.options) == null ? void 0 : $.firstWeekContainsDate) ?? 1, s = (t == null ? void 0 : t.weekStartsOn) ?? ((m = (S = t == null ? void 0 : t.locale) == null ? void 0 : S.options) == null ? void 0 : m.weekStartsOn) ?? a.weekStartsOn ?? ((M = (A = a.locale) == null ? void 0 : A.options) == null ? void 0 : M.weekStartsOn) ?? 0, u = _e(e, t == null ? void 0 : t.in);
   if (!wa(u))
     throw new RangeError("Invalid time value");
-  let i = n.match(io).map((y) => {
-    const v = y[0];
+  let i = n.match(io).map((g) => {
+    const v = g[0];
     if (v === "p" || v === "P") {
       const x = dn[v];
-      return x(y, r.formatLong);
+      return x(g, r.formatLong);
     }
-    return y;
-  }).join("").match(so).map((y) => {
-    if (y === "''")
+    return g;
+  }).join("").match(so).map((g) => {
+    if (g === "''")
       return { isToken: !1, value: "'" };
-    const v = y[0];
+    const v = g[0];
     if (v === "'")
-      return { isToken: !1, value: fo(y) };
+      return { isToken: !1, value: fo(g) };
     if (Wn[v])
-      return { isToken: !0, value: y };
+      return { isToken: !0, value: g };
     if (v.match(vo))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + v + "`"
       );
-    return { isToken: !1, value: y };
+    return { isToken: !1, value: g };
   });
   r.localize.preprocessor && (i = r.localize.preprocessor(u, i));
   const P = {
@@ -1374,9 +1374,9 @@ function Yt(e, n, t) {
     weekStartsOn: s,
     locale: r
   };
-  return i.map((y) => {
-    if (!y.isToken) return y.value;
-    const v = y.value;
+  return i.map((g) => {
+    if (!g.isToken) return g.value;
+    const v = g.value;
     (!(t != null && t.useAdditionalWeekYearTokens) && wr(v) || !(t != null && t.useAdditionalDayOfYearTokens) && br(v)) && cn(v, n, String(e));
     const x = Wn[v[0]];
     return x(u, v, r.localize, P);
@@ -2936,8 +2936,8 @@ const ls = {
   T: new rs()
 }, os = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ss = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, is = /^'([^]*?)'?$/, us = /''/g, ds = /\S/, cs = /[a-zA-Z]/;
 function vn(e, n, t, a) {
-  var A, M, y, v, x, T, C, N;
-  const r = () => Ne((a == null ? void 0 : a.in) || t, NaN), l = ho(), s = (a == null ? void 0 : a.locale) ?? l.locale ?? yr, u = (a == null ? void 0 : a.firstWeekContainsDate) ?? ((M = (A = a == null ? void 0 : a.locale) == null ? void 0 : A.options) == null ? void 0 : M.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? ((v = (y = l.locale) == null ? void 0 : y.options) == null ? void 0 : v.firstWeekContainsDate) ?? 1, i = (a == null ? void 0 : a.weekStartsOn) ?? ((T = (x = a == null ? void 0 : a.locale) == null ? void 0 : x.options) == null ? void 0 : T.weekStartsOn) ?? l.weekStartsOn ?? ((N = (C = l.locale) == null ? void 0 : C.options) == null ? void 0 : N.weekStartsOn) ?? 0;
+  var A, M, g, v, x, T, C, N;
+  const r = () => Ne((a == null ? void 0 : a.in) || t, NaN), l = ho(), s = (a == null ? void 0 : a.locale) ?? l.locale ?? yr, u = (a == null ? void 0 : a.firstWeekContainsDate) ?? ((M = (A = a == null ? void 0 : a.locale) == null ? void 0 : A.options) == null ? void 0 : M.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? ((v = (g = l.locale) == null ? void 0 : g.options) == null ? void 0 : v.firstWeekContainsDate) ?? 1, i = (a == null ? void 0 : a.weekStartsOn) ?? ((T = (x = a == null ? void 0 : a.locale) == null ? void 0 : x.options) == null ? void 0 : T.weekStartsOn) ?? l.weekStartsOn ?? ((N = (C = l.locale) == null ? void 0 : C.options) == null ? void 0 : N.weekStartsOn) ?? 0;
   if (!n)
     return e ? r() : _e(t, a == null ? void 0 : a.in);
   const P = {
@@ -2945,32 +2945,32 @@ function vn(e, n, t, a) {
     weekStartsOn: i,
     locale: s
   }, p = [new ko(a == null ? void 0 : a.in, t)], w = n.match(ss).map((W) => {
-    const b = W[0];
-    if (b in dn) {
-      const g = dn[b];
-      return g(W, s.formatLong);
+    const y = W[0];
+    if (y in dn) {
+      const b = dn[y];
+      return b(W, s.formatLong);
     }
     return W;
   }).join("").match(os), f = [];
   for (let W of w) {
     !(a != null && a.useAdditionalWeekYearTokens) && wr(W) && cn(W, n, e), !(a != null && a.useAdditionalDayOfYearTokens) && br(W) && cn(W, n, e);
-    const b = W[0], g = ls[b];
-    if (g) {
-      const { incompatibleTokens: K } = g;
+    const y = W[0], b = ls[y];
+    if (b) {
+      const { incompatibleTokens: K } = b;
       if (Array.isArray(K)) {
         const pe = f.find(
-          (D) => K.includes(D.token) || D.token === b
+          (D) => K.includes(D.token) || D.token === y
         );
         if (pe)
           throw new RangeError(
             `The format string mustn't contain \`${pe.fullToken}\` and \`${W}\` at the same time`
           );
-      } else if (g.incompatibleTokens === "*" && f.length > 0)
+      } else if (b.incompatibleTokens === "*" && f.length > 0)
         throw new RangeError(
           `The format string mustn't contain \`${W}\` and any other token at the same time`
         );
-      f.push({ token: b, fullToken: W });
-      const te = g.run(
+      f.push({ token: y, fullToken: W });
+      const te = b.run(
         e,
         W,
         s.match,
@@ -2980,11 +2980,11 @@ function vn(e, n, t, a) {
         return r();
       p.push(te.setter), e = te.rest;
     } else {
-      if (b.match(cs))
+      if (y.match(cs))
         throw new RangeError(
-          "Format string contains an unescaped latin alphabet character `" + b + "`"
+          "Format string contains an unescaped latin alphabet character `" + y + "`"
         );
-      if (W === "''" ? W = "'" : b === "'" && (W = vs(W)), e.indexOf(W) === 0)
+      if (W === "''" ? W = "'" : y === "'" && (W = vs(W)), e.indexOf(W) === 0)
         e = e.slice(W.length);
       else
         return r();
@@ -2992,8 +2992,8 @@ function vn(e, n, t, a) {
   }
   if (e.length > 0 && ds.test(e))
     return r();
-  const $ = p.map((W) => W.priority).sort((W, b) => b - W).filter((W, b, g) => g.indexOf(W) === b).map(
-    (W) => p.filter((b) => b.priority === W).sort((b, g) => g.subPriority - b.subPriority)
+  const $ = p.map((W) => W.priority).sort((W, y) => y - W).filter((W, y, b) => b.indexOf(W) === y).map(
+    (W) => p.filter((y) => y.priority === W).sort((y, b) => b.subPriority - y.subPriority)
   ).map((W) => W[0]);
   let S = _e(t, a == null ? void 0 : a.in);
   if (isNaN(+S)) return r();
@@ -3001,8 +3001,8 @@ function vn(e, n, t, a) {
   for (const W of $) {
     if (!W.validate(S, P))
       return r();
-    const b = W.set(S, m, P);
-    Array.isArray(b) ? (S = b[0], Object.assign(m, b[1])) : S = b;
+    const y = W.set(S, m, P);
+    Array.isArray(y) ? (S = y[0], Object.assign(m, y[1])) : S = y;
   }
   return S;
 }
@@ -3737,7 +3737,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? n() : e.weekPicker ? `${((C = A.value) == null ? void 0 : C.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${n()}` : "MM/dd/yyyy";
   }, a = (C) => Lr(C, e.enableSeconds), r = () => x.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [a(e.startTime[0]), a(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? a(e.startTime) : null, l = U(() => Fs(e.multiCalendars)), s = U(() => r()), u = U(() => Bs(e.ariaLabels)), i = U(() => Hs(e.filters)), P = U(() => Ls(e.transitions)), p = U(() => Ws(e.actionRow)), w = U(
     () => Ns(e.previewFormat, e.format, t())
-  ), f = U(() => Es(e.textInput)), $ = U(() => zs(e.inline)), S = U(() => qs(e.config)), m = U(() => Us(e.highlight)), A = U(() => js(e.weekNumbers)), M = U(() => Ks(e.timezone)), y = U(() => Zs(e.multiDates)), v = U(
+  ), f = U(() => Es(e.textInput)), $ = U(() => zs(e.inline)), S = U(() => qs(e.config)), m = U(() => Us(e.highlight)), A = U(() => js(e.weekNumbers)), M = U(() => Ks(e.timezone)), g = U(() => Zs(e.multiDates)), v = U(
     () => Xs({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -3767,7 +3767,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedRange: x,
     propDates: v,
     defaultedTz: M,
-    defaultedMultiDates: y,
+    defaultedMultiDates: g,
     defaultedUI: T,
     getDefaultPattern: t,
     getDefaultStartTime: r,
@@ -3806,33 +3806,33 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     hours: Bt(o),
     minutes: qt(o),
     seconds: n.enableSeconds ? da(o) : 0
-  } : null, A = (o) => n.modelType ? ne(o) : { month: Oe(o), year: De(o) }, M = (o) => Array.isArray(o) ? u.value.enabled ? o.map((V) => y(V, St(X(), V))) : Ya(
+  } : null, A = (o) => n.modelType ? ne(o) : { month: Oe(o), year: De(o) }, M = (o) => Array.isArray(o) ? u.value.enabled ? o.map((V) => g(V, St(X(), V))) : Ya(
     () => [
       St(X(), o[0]),
       o[1] ? St(X(), o[1]) : la(l.value.partialRange)
     ],
     l.value.enabled
-  ) : St(X(), +o), y = (o, V) => (typeof o == "string" || typeof o == "number") && n.modelType ? z(o) : V, v = (o) => Array.isArray(o) ? [
-    y(
+  ) : St(X(), +o), g = (o, V) => (typeof o == "string" || typeof o == "number") && n.modelType ? z(o) : V, v = (o) => Array.isArray(o) ? [
+    g(
       o[0],
       zt(null, +o[0].hours, +o[0].minutes, o[0].seconds)
     ),
-    y(
+    g(
       o[1],
       zt(null, +o[1].hours, +o[1].minutes, o[1].seconds)
     )
-  ] : y(o, zt(null, o.hours, o.minutes, o.seconds)), x = (o) => {
+  ] : g(o, zt(null, o.hours, o.minutes, o.seconds)), x = (o) => {
     const V = Le(X(), { date: 1 });
-    return Array.isArray(o) ? u.value.enabled ? o.map((ue) => y(ue, Vt(V, +ue.month, +ue.year))) : Ya(
+    return Array.isArray(o) ? u.value.enabled ? o.map((ue) => g(ue, Vt(V, +ue.month, +ue.year))) : Ya(
       () => [
-        y(o[0], Vt(V, +o[0].month, +o[0].year)),
-        y(
+        g(o[0], Vt(V, +o[0].month, +o[0].year)),
+        g(
           o[1],
           o[1] ? Vt(V, +o[1].month, +o[1].year) : la(l.value.partialRange)
         )
       ],
       l.value.enabled
-    ) : y(o, Vt(V, +o.month, +o.year));
+    ) : g(o, Vt(V, +o.month, +o.year));
   }, T = (o) => {
     if (Array.isArray(o))
       return o.map((V) => z(V));
@@ -3854,13 +3854,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     l.value.enabled
   ) : z(o), W = () => {
     Array.isArray(a.value) && l.value.enabled && a.value.length === 1 && a.value.push(la(l.value.partialRange));
-  }, b = () => {
+  }, y = () => {
     const o = a.value;
     return [
       ne(o[0]),
       o[1] ? ne(o[1]) : la(l.value.partialRange)
     ];
-  }, g = () => Array.isArray(a.value) ? a.value[1] ? b() : ne(lt(a.value[0])) : [], K = () => (a.value || []).map((o) => ne(o)), te = (o = !1) => (o || W(), n.modelAuto ? g() : u.value.enabled ? K() : Array.isArray(a.value) ? Ya(() => b(), l.value.enabled) : ne(lt(a.value))), pe = (o) => !o || Array.isArray(o) && !o.length ? null : n.timePicker ? v(lt(o)) : n.monthPicker ? x(lt(o)) : n.yearPicker ? M(lt(o)) : u.value.enabled ? T(lt(o)) : n.weekPicker ? C(lt(o)) : N(lt(o)), D = (o) => {
+  }, b = () => Array.isArray(a.value) ? a.value[1] ? y() : ne(lt(a.value[0])) : [], K = () => (a.value || []).map((o) => ne(o)), te = (o = !1) => (o || W(), n.modelAuto ? b() : u.value.enabled ? K() : Array.isArray(a.value) ? Ya(() => y(), l.value.enabled) : ne(lt(a.value))), pe = (o) => !o || Array.isArray(o) && !o.length ? null : n.timePicker ? v(lt(o)) : n.monthPicker ? x(lt(o)) : n.yearPicker ? M(lt(o)) : u.value.enabled ? T(lt(o)) : n.weekPicker ? C(lt(o)) : N(lt(o)), D = (o) => {
     const V = pe(o);
     pn(lt(V)) ? (a.value = lt(V), ae()) : (a.value = null, P.value = "");
   }, B = () => {
@@ -4082,7 +4082,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       defaultedInline: i,
       defaultedRange: P,
       defaultedMultiDates: p
-    } = qe(a), { isTimeValid: w, isMonthValid: f } = Qt(a), { buildMatrix: $ } = jt(), S = H(null), m = H(null), A = H(!1), M = H({}), y = H(null), v = H(null);
+    } = qe(a), { isTimeValid: w, isMonthValid: f } = Qt(a), { buildMatrix: $ } = jt(), S = H(null), m = H(null), A = H(!1), M = H({}), g = H(null), v = H(null);
     tt(() => {
       a.arrowNavigation && $([at(S), at(m)], "actionRow"), x(), window.addEventListener("resize", x);
     }), Ft(() => {
@@ -4091,7 +4091,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     const x = () => {
       A.value = !1, setTimeout(() => {
         var D, B;
-        const O = (D = y.value) == null ? void 0 : D.getBoundingClientRect(), Q = (B = v.value) == null ? void 0 : B.getBoundingClientRect();
+        const O = (D = g.value) == null ? void 0 : D.getBoundingClientRect(), Q = (B = v.value) == null ? void 0 : B.getBoundingClientRect();
         O && Q && (M.value.maxWidth = `${Q.width - O.width - 20}px`), A.value = !0;
       }, 0);
     }, T = U(() => P.value.enabled && !P.value.partialRange && a.internalModelValue ? a.internalModelValue.length === 2 : !0), C = U(
@@ -4101,16 +4101,16 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       return a.timePicker || a.monthPicker, D(lt(a.internalModelValue));
     }, W = () => {
       const D = a.internalModelValue;
-      return s.value.count > 0 ? `${b(D[0])} - ${b(D[1])}` : [b(D[0]), b(D[1])];
-    }, b = (D) => Hr(
+      return s.value.count > 0 ? `${y(D[0])} - ${y(D[1])}` : [y(D[0]), y(D[1])];
+    }, y = (D) => Hr(
       D,
       l.value,
       a.formatLocale,
       u.value.rangeSeparator,
       a.modelAuto,
       l.value
-    ), g = U(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? W() : p.value.enabled ? a.internalModelValue.map((D) => `${b(D)}`) : a.modelAuto ? `${b(a.internalModelValue[0])}` : `${b(a.internalModelValue[0])} -` : b(a.internalModelValue) : N()), K = () => p.value.enabled ? "; " : " - ", te = U(
-      () => Array.isArray(g.value) ? g.value.join(K()) : g.value
+    ), b = U(() => !a.internalModelValue || !a.menuMount ? "" : typeof l.value == "string" ? Array.isArray(a.internalModelValue) ? a.internalModelValue.length === 2 && a.internalModelValue[1] ? W() : p.value.enabled ? a.internalModelValue.map((D) => `${y(D)}`) : a.modelAuto ? `${y(a.internalModelValue[0])}` : `${y(a.internalModelValue[0])} -` : y(a.internalModelValue) : N()), K = () => p.value.enabled ? "; " : " - ", te = U(
+      () => Array.isArray(b.value) ? b.value.join(K()) : b.value
     ), pe = () => {
       w.value(a.internalModelValue) && f.value(a.internalModelValue) && T.value ? t("select-date") : t("invalid-select");
     };
@@ -4141,7 +4141,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         ], 12, ai)) : I("", !0),
         ie("div", {
           ref_key: "actionBtnContainer",
-          ref: y,
+          ref: g,
           class: "dp__action_buttons",
           "data-dp-element": "action-row"
         }, [
@@ -4207,7 +4207,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   setup(e, { expose: n, emit: t }) {
     const { setSelectionGrid: a, buildMultiLevelMatrix: r, setMonthPicker: l } = jt(), s = t, u = e, { defaultedAriaLabels: i, defaultedTextInput: P, defaultedConfig: p, handleEventPropagation: w } = qe(
       u
-    ), { hideNavigationButtons: f } = Wa(), $ = H(!1), S = H(null), m = H(null), A = H([]), M = H(), y = H(null), v = H(0), x = H(null);
+    ), { hideNavigationButtons: f } = Wa(), $ = H(!1), S = H(null), m = H(null), A = H([]), M = H(), g = H(null), v = H(0), x = H(null);
     sl(() => {
       S.value = null;
     }), tt(() => {
@@ -4228,9 +4228,9 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       })
     ), W = U(
       () => u.useRelative ? { height: `${u.height}px`, width: "var(--dp-menu-min-width)" } : void 0
-    ), b = U(() => ({
+    ), y = U(() => ({
       dp__overlay_col: !0
-    })), g = U(
+    })), b = U(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -4253,7 +4253,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     );
     const te = (k = !0) => {
       gt().then(() => {
-        const F = at(S), q = at(m), G = at(y), o = at(x), V = G ? G.getBoundingClientRect().height : 0;
+        const F = at(S), q = at(m), G = at(g), o = at(x), V = G ? G.getBoundingClientRect().height : 0;
         q && (q.getBoundingClientRect().height ? v.value = q.getBoundingClientRect().height - V : v.value = p.value.modeHeight - V), F && o && k && (o.scrollTop = F.offsetTop - o.offsetTop - (v.value / 2 - F.getBoundingClientRect().height) - V);
       });
     }, pe = (k) => {
@@ -4266,7 +4266,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       k && ((F.active || F.value === u.focusValue) && (S.value = k), u.arrowNavigation && (Array.isArray(A.value[q]) ? A.value[q][G] = k : A.value[q] = [k], Q()));
     }, Q = () => {
       var k, F;
-      const q = (k = u.headerRefs) != null && k.length ? [u.headerRefs].concat(A.value) : A.value.concat([u.skipButtonRef ? [] : [y.value]]);
+      const q = (k = u.headerRefs) != null && k.length ? [u.headerRefs].concat(A.value) : A.value.concat([u.skipButtonRef ? [] : [g.value]]);
       r(lt(q), (F = u.headerRefs) != null && F.length ? "monthPicker" : "selectionGrid");
     }, ae = (k) => {
       u.arrowNavigation || Wt(k, p.value, !0);
@@ -4333,7 +4333,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               ref_for: !0,
               ref: (Ie) => O(Ie, V, o, ue),
               role: "gridcell",
-              class: fe(b.value),
+              class: fe(y.value),
               "aria-selected": V.active || void 0,
               "aria-disabled": V.disabled || void 0,
               tabindex: "0",
@@ -4359,10 +4359,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         k.$slots["button-icon"] ? ba((c(), _("button", {
           key: 0,
           ref_key: "toggleButton",
-          ref: y,
+          ref: g,
           type: "button",
           "aria-label": (q = h(i)) == null ? void 0 : q.toggleOverlay,
-          class: fe(g.value),
+          class: fe(b.value),
           tabindex: "0",
           onClick: D,
           onKeydown: me
@@ -4452,14 +4452,14 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: n }) {
-    const t = n, a = e, { showRightIcon: r, showLeftIcon: l } = Wa(), { defaultedConfig: s, defaultedMultiCalendars: u, defaultedAriaLabels: i, defaultedTransitions: P, defaultedUI: p } = qe(a), { showTransition: w, transitionName: f } = Aa(P), $ = H(!1), S = (M = !1, y) => {
-      $.value = !$.value, t("toggle-year-picker", { flow: M, show: y });
+    const t = n, a = e, { showRightIcon: r, showLeftIcon: l } = Wa(), { defaultedConfig: s, defaultedMultiCalendars: u, defaultedAriaLabels: i, defaultedTransitions: P, defaultedUI: p } = qe(a), { showTransition: w, transitionName: f } = Aa(P), $ = H(!1), S = (M = !1, g) => {
+      $.value = !$.value, t("toggle-year-picker", { flow: M, show: g });
     }, m = (M) => {
       $.value = !1, t("year-select", M);
     }, A = (M = !1) => {
       t("handle-year", M);
     };
-    return (M, y) => {
+    return (M, g) => {
       var v, x, T, C, N;
       return c(), _(he, null, [
         ie("div", {
@@ -4471,7 +4471,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             "aria-label": (v = h(i)) == null ? void 0 : v.prevYear,
             disabled: e.isDisabled(!1),
             class: fe((x = h(p)) == null ? void 0 : x.navBtnPrev),
-            onActivate: y[0] || (y[0] = (W) => A(!1))
+            onActivate: g[0] || (g[0] = (W) => A(!1))
           }, {
             default: ke(() => [
               M.$slots["arrow-left"] ? de(M.$slots, "arrow-left", { key: 0 }) : I("", !0),
@@ -4485,8 +4485,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             type: "button",
             "aria-label": `${e.year}-${(T = h(i)) == null ? void 0 : T.openYearsOverlay}`,
             "data-test-id": `year-mode-btn-${e.instance}`,
-            onClick: y[1] || (y[1] = () => S(!1)),
-            onKeydown: y[2] || (y[2] = Va(() => S(!1), ["enter"]))
+            onClick: g[1] || (g[1] = () => S(!1)),
+            onKeydown: g[2] || (g[2] = Va(() => S(!1), ["enter"]))
           }, [
             M.$slots.year ? de(M.$slots, "year", {
               key: 0,
@@ -4502,7 +4502,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             "aria-label": (C = h(i)) == null ? void 0 : C.nextYear,
             disabled: e.isDisabled(!0),
             class: fe((N = h(p)) == null ? void 0 : N.navBtnNext),
-            onActivate: y[3] || (y[3] = (W) => A(!0))
+            onActivate: g[3] || (g[3] = (W) => A(!0))
           }, {
             default: ke(() => [
               M.$slots["arrow-right"] ? de(M.$slots, "arrow-right", { key: 0 }) : I("", !0),
@@ -4516,7 +4516,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           css: h(w)
         }, {
           default: ke(() => {
-            var W, b;
+            var W, y;
             return [
               e.showYearPicker ? (c(), we(Ca, {
                 key: 0,
@@ -4527,10 +4527,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 "is-last": M.autoApply && !h(s).keepActionRow,
                 "hide-navigation": M.hideNavigation,
                 "aria-labels": M.ariaLabels,
-                "overlay-label": (b = (W = h(i)) == null ? void 0 : W.yearPicker) == null ? void 0 : b.call(W, !0),
+                "overlay-label": (y = (W = h(i)) == null ? void 0 : W.yearPicker) == null ? void 0 : y.call(W, !0),
                 type: "year",
                 onToggle: S,
-                onSelected: y[4] || (y[4] = (g) => m(g))
+                onSelected: g[4] || (g[4] = (b) => m(b))
               }, ct({
                 "button-icon": ke(() => [
                   M.$slots["calendar-icon"] ? de(M.$slots, "calendar-icon", { key: 0 }) : I("", !0),
@@ -4540,10 +4540,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               }, [
                 M.$slots["year-overlay-value"] ? {
                   name: "item",
-                  fn: ke(({ item: g }) => [
+                  fn: ke(({ item: b }) => [
                     de(M.$slots, "year-overlay-value", {
-                      text: g.text,
-                      value: g.value
+                      text: b.text,
+                      value: b.value
                     })
                   ]),
                   key: "0"
@@ -4584,10 +4584,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   month: P,
   emit: p
 }) => {
-  const w = U(() => Cn(s.yearRange, s.locale, s.reverseYears)), f = H([!1]), $ = U(() => (g, K) => {
+  const w = U(() => Cn(s.yearRange, s.locale, s.reverseYears)), f = H([!1]), $ = U(() => (b, K) => {
     const te = Le(Dt(/* @__PURE__ */ new Date()), {
-      month: P.value(g),
-      year: i.value(g)
+      month: P.value(b),
+      year: i.value(b)
     }), pe = K ? pr(te) : Da(te);
     return Er(
       pe,
@@ -4597,64 +4597,64 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       K
     );
   }), S = () => Array.isArray(l.value) && e.value.solo && l.value[1], m = () => {
-    for (let g = 0; g < e.value.count; g++)
-      if (g === 0)
-        r.value[g] = r.value[0];
-      else if (g === e.value.count - 1 && S())
-        r.value[g] = {
+    for (let b = 0; b < e.value.count; b++)
+      if (b === 0)
+        r.value[b] = r.value[0];
+      else if (b === e.value.count - 1 && S())
+        r.value[b] = {
           month: Oe(l.value[1]),
           year: De(l.value[1])
         };
       else {
-        const K = Le(X(), r.value[g - 1]);
-        r.value[g] = { month: Oe(K), year: De(yn(K, 1)) };
+        const K = Le(X(), r.value[b - 1]);
+        r.value[b] = { month: Oe(K), year: De(yn(K, 1)) };
       }
-  }, A = (g) => {
-    if (!g) return m();
-    const K = Le(X(), r.value[g]);
+  }, A = (b) => {
+    if (!b) return m();
+    const K = Le(X(), r.value[b]);
     return r.value[0].year = De(Cr(K, e.value.count - 1)), m();
-  }, M = (g, K) => {
-    const te = bl(K, g);
-    return n.value.showLastInRange && te > 1 ? K : g;
-  }, y = (g) => s.focusStartDate || e.value.solo ? g[0] : g[1] ? M(g[0], g[1]) : g[0], v = () => {
+  }, M = (b, K) => {
+    const te = bl(K, b);
+    return n.value.showLastInRange && te > 1 ? K : b;
+  }, g = (b) => s.focusStartDate || e.value.solo ? b[0] : b[1] ? M(b[0], b[1]) : b[0], v = () => {
     if (l.value) {
-      const g = Array.isArray(l.value) ? y(l.value) : l.value;
-      r.value[0] = { month: Oe(g), year: De(g) };
+      const b = Array.isArray(l.value) ? g(l.value) : l.value;
+      r.value[0] = { month: Oe(b), year: De(b) };
     }
   }, x = () => {
     v(), e.value.count && m();
   };
-  dt(l, (g, K) => {
-    s.isTextInputDate && JSON.stringify(g ?? {}) !== JSON.stringify(K ?? {}) && x();
+  dt(l, (b, K) => {
+    s.isTextInputDate && JSON.stringify(b ?? {}) !== JSON.stringify(K ?? {}) && x();
   }), tt(() => {
     x();
   });
-  const T = (g, K) => {
-    r.value[K].year = g, p("update-month-year", { instance: K, year: g, month: r.value[K].month }), e.value.count && !e.value.solo && A(K);
-  }, C = U(() => (g) => fa(w.value, (K) => {
+  const T = (b, K) => {
+    r.value[K].year = b, p("update-month-year", { instance: K, year: b, month: r.value[K].month }), e.value.count && !e.value.solo && A(K);
+  }, C = U(() => (b) => fa(w.value, (K) => {
     var te;
-    const pe = i.value(g) === K.value, D = Ma(
+    const pe = i.value(b) === K.value, D = Ma(
       K.value,
       ma(a.value.minDate),
       ma(a.value.maxDate)
-    ) || ((te = u.value.years) == null ? void 0 : te.includes(i.value(g))), B = Sn(t.value, K.value);
+    ) || ((te = u.value.years) == null ? void 0 : te.includes(i.value(b))), B = Sn(t.value, K.value);
     return { active: pe, disabled: D, highlighted: B };
-  })), N = (g, K) => {
-    T(g, K), b(K);
-  }, W = (g, K = !1) => {
-    if (!$.value(g, K)) {
-      const te = K ? i.value(g) + 1 : i.value(g) - 1;
-      T(te, g);
+  })), N = (b, K) => {
+    T(b, K), y(K);
+  }, W = (b, K = !1) => {
+    if (!$.value(b, K)) {
+      const te = K ? i.value(b) + 1 : i.value(b) - 1;
+      T(te, b);
     }
-  }, b = (g, K = !1, te) => {
-    K || p("reset-flow"), te !== void 0 ? f.value[g] = te : f.value[g] = !f.value[g], f.value[g] ? p("overlay-toggle", { open: !0, overlay: ut.year }) : (p("overlay-closed"), p("overlay-toggle", { open: !1, overlay: ut.year }));
+  }, y = (b, K = !1, te) => {
+    K || p("reset-flow"), te !== void 0 ? f.value[b] = te : f.value[b] = !f.value[b], f.value[b] ? p("overlay-toggle", { open: !0, overlay: ut.year }) : (p("overlay-closed"), p("overlay-toggle", { open: !1, overlay: ut.year }));
   };
   return {
     isDisabled: $,
     groupedYears: C,
     showYearPicker: f,
     selectYear: T,
-    toggleYearPicker: b,
+    toggleYearPicker: y,
     handleYearSelect: N,
     handleYear: W
   };
@@ -4672,14 +4672,14 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedMultiDates: w
   } = qe(e), f = () => {
     e.isTextInputDate && x(De(X(e.startDate)), 0);
-  }, { modelValue: $, year: S, month: m, calendars: A } = Oa(e, n, f), M = U(() => Or(e.formatLocale, e.locale, e.monthNameFormat)), y = H(null), { checkMinMaxRange: v } = Qt(e), {
+  }, { modelValue: $, year: S, month: m, calendars: A } = Oa(e, n, f), M = U(() => Or(e.formatLocale, e.locale, e.monthNameFormat)), g = H(null), { checkMinMaxRange: v } = Qt(e), {
     selectYear: x,
     groupedYears: T,
     showYearPicker: C,
     toggleYearPicker: N,
     handleYearSelect: W,
-    handleYear: b,
-    isDisabled: g
+    handleYear: y,
+    isDisabled: b
   } = Qr({
     modelValue: $,
     multiCalendars: t,
@@ -4708,7 +4708,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       const G = te();
       if (Array.isArray($.value) && Array.isArray(G)) {
         const o = D(F, q, 0) || D(F, q, 1), V = Vt(Dt(X()), F, S.value(q));
-        return Ta($.value, y.value, V) && !o;
+        return Ta($.value, g.value, V) && !o;
       }
       return !1;
     }
@@ -4745,7 +4745,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     groupedMonths: O,
     groupedYears: T,
     year: S,
-    isDisabled: g,
+    isDisabled: b,
     defaultedMultiCalendars: t,
     defaultedAriaLabels: a,
     defaultedTransitions: r,
@@ -4761,13 +4761,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       }), n("auto-apply");
     },
     setHoverDate: (F, q) => {
-      y.value = Q(F, q);
+      g.value = Q(F, q);
     },
     selectMonth: L,
     selectYear: me,
     toggleYearPicker: N,
     handleYearSelect: W,
-    handleYear: b,
+    handleYear: y,
     getModelMonthYear: te
   };
 }, fi = /* @__PURE__ */ ze({
@@ -4808,7 +4808,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       presetDate: m,
       setHoverDate: A,
       selectMonth: M,
-      selectYear: y,
+      selectYear: g,
       toggleYearPicker: v,
       handleYearSelect: x,
       handleYear: T,
@@ -4819,7 +4819,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       year: P,
       getModelMonthYear: C,
       selectMonth: M,
-      selectYear: y,
+      selectYear: g,
       handleYear: T
     }), presetDate: m, toggleYearPicker: (N) => v(0, N) }), (N, W) => (c(), we(Ea, {
       "multi-calendars": h(w).count,
@@ -4827,21 +4827,21 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       stretch: "",
       "is-mobile": N.isMobile
     }, {
-      default: ke(({ instance: b }) => [
+      default: ke(({ instance: y }) => [
         N.$slots["top-extra"] ? de(N.$slots, "top-extra", {
           key: 0,
           value: N.internalModelValue
         }) : I("", !0),
         N.$slots["month-year"] ? de(N.$slots, "month-year", ot(Ze({ key: 1 }, {
           year: h(P),
-          months: h(u)(b),
-          years: h(i)(b),
+          months: h(u)(y),
+          years: h(i)(y),
           selectMonth: h(M),
-          selectYear: h(y),
-          instance: b
+          selectYear: h(g),
+          instance: y
         }))) : (c(), we(Ca, {
           key: 2,
-          items: h(u)(b),
+          items: h(u)(y),
           "arrow-navigation": N.arrowNavigation,
           "is-last": N.autoApply && !h(f).keepActionRow,
           "esc-close": N.escClose,
@@ -4850,24 +4850,24 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           "no-overlay-focus": !!(N.noOverlayFocus || N.textInput),
           "use-relative": "",
           type: "month",
-          onSelected: (g) => h(M)(g, b),
-          onHoverValue: (g) => h(A)(g, b)
+          onSelected: (b) => h(M)(b, y),
+          onHoverValue: (b) => h(A)(b, y)
         }, ct({
           header: ke(() => [
             Ce(qr, Ze(N.$props, {
-              items: h(i)(b),
-              instance: b,
-              "show-year-picker": h($)[b],
-              year: h(P)(b),
-              "is-disabled": (g) => h(p)(b, g),
-              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)
+              items: h(i)(y),
+              instance: y,
+              "show-year-picker": h($)[y],
+              year: h(P)(y),
+              "is-disabled": (b) => h(p)(y, b),
+              onHandleYear: (b) => h(T)(y, b),
+              onYearSelect: (b) => h(x)(b, y),
+              onToggleYearPicker: (b) => h(v)(y, b == null ? void 0 : b.flow, b == null ? void 0 : b.show)
             }), ct({ _: 2 }, [
-              Ae(h(l), (g, K) => ({
-                name: g,
+              Ae(h(l), (b, K) => ({
+                name: b,
                 fn: ke((te) => [
-                  de(N.$slots, g, ot(ht(te)))
+                  de(N.$slots, b, ot(ht(te)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -4876,10 +4876,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         }, [
           N.$slots["month-overlay-value"] ? {
             name: "item",
-            fn: ke(({ item: g }) => [
+            fn: ke(({ item: b }) => [
               de(N.$slots, "month-overlay-value", {
-                text: g.text,
-                value: g.value
+                text: b.text,
+                value: b.value
               })
             ]),
             key: "0"
@@ -4896,13 +4896,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   tt(() => {
     e.startDate && (a.value && e.focusStartDate || !a.value) && (p.value = De(X(e.startDate)));
   });
-  const w = (M) => Array.isArray(a.value) ? a.value.some((y) => De(y) === M) : a.value ? De(a.value) === M : !1, f = (M) => i.value.enabled && Array.isArray(a.value) ? Ta(a.value, r.value, A(M)) : !1, $ = (M) => P.value.allowedDates instanceof Map ? P.value.allowedDates.size ? P.value.allowedDates.has(`${M}`) : !1 : !0, S = (M) => P.value.disabledDates instanceof Map ? P.value.disabledDates.size ? P.value.disabledDates.has(`${M}`) : !1 : !0, m = U(() => fa(Cn(e.yearRange, e.locale, e.reverseYears), (M) => {
-    const y = w(M.value), v = Ma(
+  const w = (M) => Array.isArray(a.value) ? a.value.some((g) => De(g) === M) : a.value ? De(a.value) === M : !1, f = (M) => i.value.enabled && Array.isArray(a.value) ? Ta(a.value, r.value, A(M)) : !1, $ = (M) => P.value.allowedDates instanceof Map ? P.value.allowedDates.size ? P.value.allowedDates.has(`${M}`) : !1 : !0, S = (M) => P.value.disabledDates instanceof Map ? P.value.disabledDates.size ? P.value.disabledDates.has(`${M}`) : !1 : !0, m = U(() => fa(Cn(e.yearRange, e.locale, e.reverseYears), (M) => {
+    const g = w(M.value), v = Ma(
       M.value,
       ma(P.value.minDate),
       ma(P.value.maxDate)
-    ) || u.value.years.includes(M.value) || !$(M.value) || S(M.value), x = f(M.value) && !y, T = Sn(l.value, M.value);
-    return { active: y, disabled: v, isBetween: x, highlighted: T };
+    ) || u.value.years.includes(M.value) || !$(M.value) || S(M.value), x = f(M.value) && !g, T = Sn(l.value, M.value);
+    return { active: g, disabled: v, isBetween: x, highlighted: T };
   })), A = (M) => St(Dt(Da(/* @__PURE__ */ new Date())), M);
   return {
     groupedYears: m,
@@ -4912,9 +4912,9 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       r.value = St(Dt(/* @__PURE__ */ new Date()), M);
     },
     selectYear: (M) => {
-      var y;
+      var g;
       if (n("update-month-year", { instance: 0, year: M }), s.value.enabled)
-        return a.value ? Array.isArray(a.value) && (((y = a.value) == null ? void 0 : y.map((v) => De(v))).includes(M) ? a.value = a.value.filter((v) => De(v) !== M) : a.value.push(St(st(X()), M))) : a.value = [St(st(Da(X())), M)], n("auto-apply", !0);
+        return a.value ? Array.isArray(a.value) && (((g = a.value) == null ? void 0 : g.map((v) => De(v))).includes(M) ? a.value = a.value.filter((v) => De(v) !== M) : a.value.push(St(st(X()), M))) : a.value = [St(st(Da(X())), M)], n("auto-apply", !0);
       i.value.enabled ? (a.value = Rn(a, A(M), n), gt().then(() => {
         Ha(a.value, n, e.autoApply, e.modelAuto);
       })) : (a.value = A(M), n("auto-apply"));
@@ -5017,7 +5017,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), A = H("AM"), M = H(null), y = H([]), v = H(), x = H(!1);
+    }), A = H("AM"), M = H(null), g = H([]), v = H(), x = H(!1);
     tt(() => {
       a("mounted");
     });
@@ -5028,13 +5028,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       milliseconds: 0
     }), C = U(
       () => (d) => z(d, r[d]) || W(d, r[d])
-    ), N = U(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), W = (d, ee) => w.value.enabled && !w.value.disableTimeRangeValidation ? !r.validateTime(d, ee) : !1, b = (d, ee) => {
+    ), N = U(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), W = (d, ee) => w.value.enabled && !w.value.disableTimeRangeValidation ? !r.validateTime(d, ee) : !1, y = (d, ee) => {
       if (w.value.enabled && !w.value.disableTimeRangeValidation) {
         const le = ee ? +r[`${d}Increment`] : -+r[`${d}Increment`], oe = r[d] + le;
         return !r.validateTime(d, oe);
       }
       return !1;
-    }, g = U(() => (d) => !F(+r[d] + +r[`${d}Increment`], d) || b(d, !0)), K = U(() => (d) => !F(+r[d] - +r[`${d}Increment`], d) || b(d, !1)), te = (d, ee) => ur(Le(X(), d), ee), pe = (d, ee) => ps(Le(X(), d), ee), D = U(
+    }, b = U(() => (d) => !F(+r[d] + +r[`${d}Increment`], d) || y(d, !0)), K = U(() => (d) => !F(+r[d] - +r[`${d}Increment`], d) || y(d, !1)), te = (d, ee) => ur(Le(X(), d), ee), pe = (d, ee) => ps(Le(X(), d), ee), D = U(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -5096,8 +5096,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       m[d] = !0;
     }, Z = (d, ee, le) => {
       if (d && r.arrowNavigation) {
-        Array.isArray(y.value[ee]) ? y.value[ee][le] = d : y.value[ee] = [d];
-        const oe = y.value.reduce(
+        Array.isArray(g.value[ee]) ? g.value[ee][le] = d : g.value[ee] = [d];
+        const oe = g.value.reduce(
           (xe, Pe) => Pe.map((Ve, Ke) => [...xe[Ke] || [], Pe[Ke]]),
           []
         );
@@ -5129,7 +5129,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                   dp__inc_dec_button: !d.timePickerInline,
                   dp__inc_dec_button_inline: d.timePickerInline,
                   dp__tp_inline_btn_top: d.timePickerInline,
-                  dp__inc_dec_button_disabled: g.value(oe.type),
+                  dp__inc_dec_button_disabled: b.value(oe.type),
                   "dp--hidden-el": x.value
                 }),
                 "data-test-id": `${oe.type}-time-inc-btn-${r.order}`,
@@ -5314,7 +5314,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     "am-pm-change"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = t, r = e, { buildMatrix: l, setTimePicker: s } = jt(), u = aa(), { defaultedTransitions: i, defaultedAriaLabels: P, defaultedTextInput: p, defaultedConfig: w, defaultedRange: f } = qe(r), { transitionName: $, showTransition: S } = Aa(i), { hideNavigationButtons: m } = Wa(), A = H(null), M = H(null), y = H([]), v = H(null), x = H(!1);
+    const a = t, r = e, { buildMatrix: l, setTimePicker: s } = jt(), u = aa(), { defaultedTransitions: i, defaultedAriaLabels: P, defaultedTextInput: p, defaultedConfig: w, defaultedRange: f } = qe(r), { transitionName: $, showTransition: S } = Aa(i), { hideNavigationButtons: m } = Wa(), A = H(null), M = H(null), g = H([]), v = H(null), x = H(!1);
     tt(() => {
       a("mount"), !r.timePicker && r.arrowNavigation ? l([at(A.value)], "time") : s(!0, r.timePicker);
     });
@@ -5330,11 +5330,11 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       else
         z.push(N(0));
       return z;
-    }), b = (z, ne = !1, L = "") => {
+    }), y = (z, ne = !1, L = "") => {
       ne || a("reset-flow"), C.value = z, a(z ? "overlay-opened" : "overlay-closed", ut.time), r.arrowNavigation && s(z), gt(() => {
-        L !== "" && y.value[0] && y.value[0].openChildCmp(L);
+        L !== "" && g.value[0] && g.value[0].openChildCmp(L);
       });
-    }, g = U(() => ({
+    }, b = U(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !w.value.keepActionRow
@@ -5354,7 +5354,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, ae = (z) => {
       x.value = !0, a("overlay-opened", z);
     };
-    return n({ toggleTimePicker: b }), (z, ne) => {
+    return n({ toggleTimePicker: y }), (z, ne) => {
       var L;
       return c(), _("div", {
         class: "dp--tp-wrap",
@@ -5365,12 +5365,12 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           ref_key: "openTimePickerBtn",
           ref: A,
           type: "button",
-          class: fe({ ...g.value, "dp--hidden-el": C.value }),
+          class: fe({ ...b.value, "dp--hidden-el": C.value }),
           "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(mt)(me, () => b(!0))),
-          onClick: ne[1] || (ne[1] = (me) => b(!0))
+          onKeydown: ne[0] || (ne[0] = (me) => h(mt)(me, () => y(!0))),
+          onClick: ne[1] || (ne[1] = (me) => y(!0))
         }, [
           z.$slots["clock-icon"] ? de(z.$slots, "clock-icon", { key: 0 }) : I("", !0),
           z.$slots["clock-icon"] ? I("", !0) : (c(), we(h(Tn), { key: 1 }))
@@ -5432,7 +5432,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                     }, {
                       ref_for: !0,
                       ref_key: "timeInputRefs",
-                      ref: y,
+                      ref: g,
                       "validate-time": (G, o) => e.validateTime(G, te(o, q, G)),
                       "onUpdate:hours": (G) => pe(te(G, q, "hours")),
                       "onUpdate:minutes": (G) => D(te(G, q, "minutes")),
@@ -5457,11 +5457,11 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                     ref_key: "closeTimePickerBtn",
                     ref: M,
                     type: "button",
-                    class: fe({ ...g.value, "dp--hidden-el": x.value }),
+                    class: fe({ ...b.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(mt)(F, () => b(!1))),
-                    onClick: ne[4] || (ne[4] = (F) => b(!1))
+                    onKeydown: ne[3] || (ne[3] = (F) => h(mt)(F, () => y(!1))),
+                    onClick: ne[4] || (ne[4] = (F) => y(!1))
                   }, [
                     z.$slots["calendar-icon"] ? de(z.$slots, "calendar-icon", { key: 0 }) : I("", !0),
                     z.$slots["calendar-icon"] ? I("", !0) : (c(), we(h(pa), { key: 1 }))
@@ -5515,14 +5515,14 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       disabledArr: []
     };
     return (x || x === 0) && (T.hours = x), Array.isArray(e.disabledTimes) && (T.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[v]) ? e.disabledTimes[v] : e.disabledTimes), T;
-  }, y = U(() => (v, x) => {
+  }, g = U(() => (v, x) => {
     var T;
     if (Array.isArray(e.disabledTimes)) {
-      const { disabledArr: C, hours: N } = M(v, x), W = C.filter((b) => +b.hours === N);
+      const { disabledArr: C, hours: N } = M(v, x), W = C.filter((y) => +y.hours === N);
       return ((T = W[0]) == null ? void 0 : T.minutes) === "*" ? { hours: [N], minutes: void 0, seconds: void 0 } : {
         hours: [],
-        minutes: (W == null ? void 0 : W.map((b) => +b.minutes)) ?? [],
-        seconds: (W == null ? void 0 : W.map((b) => b.seconds ? +b.seconds : void 0)) ?? []
+        minutes: (W == null ? void 0 : W.map((y) => +y.minutes)) ?? [],
+        seconds: (W == null ? void 0 : W.map((y) => y.seconds ? +y.seconds : void 0)) ?? []
       };
     }
     return { hours: [], minutes: [], seconds: [] };
@@ -5537,7 +5537,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     getSecondsValue: s,
     assignStartTime: A,
     validateTime: p,
-    disabledTimesConfig: y
+    disabledTimesConfig: g
   };
 }, xi = (e, n) => {
   const t = () => {
@@ -5547,8 +5547,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     n("update-flow-step");
   }
   const m = (C) => {
-    const { hours: N, minutes: W, seconds: b } = C;
-    return { hours: +N, minutes: +W, seconds: b ? +b : 0 };
+    const { hours: N, minutes: W, seconds: y } = C;
+    return { hours: +N, minutes: +W, seconds: y ? +y : 0 };
   }, A = () => {
     if (e.startTime) {
       if (Array.isArray(e.startTime)) {
@@ -5568,10 +5568,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       ];
     } else
       a.value = yt(P(A()), u.value.timezone);
-  }, y = (C) => Array.isArray(C) ? [ea(X(C[0])), ea(X(C[1]))] : [ea(C ?? X())], v = (C, N, W) => {
+  }, g = (C) => Array.isArray(C) ? [ea(X(C[0])), ea(X(C[1]))] : [ea(C ?? X())], v = (C, N, W) => {
     p("hours", C), p("minutes", N), p("seconds", e.enableSeconds ? W : 0);
   }, x = () => {
-    const [C, N] = y(a.value);
+    const [C, N] = g(a.value);
     return s.value.enabled ? v(
       [C.hours, N.hours],
       [C.minutes, N.minutes],
@@ -5684,22 +5684,22 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       defaultedHighlight: p,
       propDates: w,
       defaultedUI: f
-    } = qe(r), { transitionName: $, showTransition: S } = Aa(l), { buildMatrix: m } = jt(), { handleMonthYearChange: A, isDisabled: M, updateMonthYear: y } = ti(r, a), { showLeftIcon: v, showRightIcon: x } = Wa(), T = H(!1), C = H(!1), N = H(!1), W = H([null, null, null, null]);
+    } = qe(r), { transitionName: $, showTransition: S } = Aa(l), { buildMatrix: m } = jt(), { handleMonthYearChange: A, isDisabled: M, updateMonthYear: g } = ti(r, a), { showLeftIcon: v, showRightIcon: x } = Wa(), T = H(!1), C = H(!1), N = H(!1), W = H([null, null, null, null]);
     tt(() => {
       a("mount");
     });
-    const b = (k) => ({
+    const y = (k) => ({
       get: () => r[k],
       set: (F) => {
         const q = k === _t.month ? _t.year : _t.month;
         a("update-month-year", { [k]: F, [q]: r[q] }), k === _t.month ? Q(!0) : ae(!0);
       }
-    }), g = U(b(_t.month)), K = U(b(_t.year)), te = U(() => (k) => ({
+    }), b = U(y(_t.month)), K = U(y(_t.year)), te = U(() => (k) => ({
       month: r.month,
       year: r.year,
       items: k === _t.month ? r.months : r.years,
       instance: r.instance,
-      updateMonthYear: y,
+      updateMonthYear: g,
       toggle: k === _t.month ? Q : ae
     })), pe = U(() => r.months.find((F) => F.value === r.month) || { text: "", value: 0 }), D = U(() => fa(r.months, (k) => {
       const F = r.month === k.value, q = Ma(
@@ -5732,8 +5732,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           type: _t.month,
           index: 1,
           toggle: Q,
-          modelValue: g.value,
-          updateModelValue: (ue) => g.value = ue,
+          modelValue: b.value,
+          updateModelValue: (ue) => b.value = ue,
           text: pe.value.text,
           showSelectionGrid: T.value,
           items: D.value,
@@ -5767,7 +5767,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             year: e.year,
             months: e.months,
             years: e.years,
-            updateMonthYear: h(y),
+            updateMonthYear: h(g),
             handleMonthYearChange: h(A),
             instance: e.instance,
             isDisabled: h(M)
@@ -5962,16 +5962,16 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       bottom: "",
       left: "",
       transform: ""
-    }), m = H([]), A = H(null), M = H(!0), y = H(""), v = H({ startX: 0, endX: 0, startY: 0, endY: 0 }), x = H([]), T = H({ left: "50%" }), C = H(!1), N = U(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), W = U(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : _s(r.formatLocale, r.locale, +r.weekStart));
+    }), m = H([]), A = H(null), M = H(!0), g = H(""), v = H({ startX: 0, endX: 0, startY: 0, endY: 0 }), x = H([]), T = H({ left: "50%" }), C = H(!1), N = U(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), W = U(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : _s(r.formatLocale, r.locale, +r.weekStart));
     tt(() => {
       a("mount", { cmp: "calendar", refs: m }), u.value.noSwipe || A.value && (A.value.addEventListener("touchstart", ne, { passive: !1 }), A.value.addEventListener("touchend", L, { passive: !1 }), A.value.addEventListener("touchmove", me, { passive: !1 })), r.monthChangeOnScroll && A.value && A.value.addEventListener("wheel", q, { passive: !1 });
     }), Ft(() => {
       u.value.noSwipe || A.value && (A.value.removeEventListener("touchstart", ne), A.value.removeEventListener("touchend", L), A.value.removeEventListener("touchmove", me)), r.monthChangeOnScroll && A.value && A.value.removeEventListener("wheel", q);
     });
-    const b = (E) => E ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", g = (E, Te) => {
+    const y = (E) => E ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", b = (E, Te) => {
       if (r.transitions) {
         const Z = st(Vt(X(), r.month, r.year));
-        y.value = Xe(st(Vt(X(), E, Te)), Z) ? s.value[b(!0)] : s.value[b(!1)], M.value = !1, gt(() => {
+        g.value = Xe(st(Vt(X(), E, Te)), Z) ? s.value[y(!0)] : s.value[y(!1)], M.value = !1, gt(() => {
           M.value = !0;
         });
       }
@@ -6038,7 +6038,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }, Ie = (E) => {
       w.value.enabled && w.value.dragSelect ? (C.value = !0, a("select-date", E)) : w.value.enabled && a("select-date", E);
     };
-    return n({ triggerTransition: g }), (E, Te) => (c(), _("div", {
+    return n({ triggerTransition: b }), (E, Te) => (c(), _("div", {
       class: fe(D.value)
     }, [
       ie("div", {
@@ -6071,7 +6071,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         ]),
         Te[2] || (Te[2] = ie("div", { class: "dp__calendar_header_separator" }, null, -1)),
         Ce(vt, {
-          name: y.value,
+          name: g.value,
           css: !!E.transitions
         }, {
           default: ke(() => [
@@ -6189,8 +6189,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedConfig: m,
     defaultedTz: A,
     propDates: M,
-    defaultedMultiDates: y
-  } = qe(e), { validateMonthYearInRange: v, isDisabled: x, isDateRangeAllowed: T, checkMinMaxRange: C } = Qt(e), { updateTimeValues: N, getSetDateTime: W, setTime: b, assignStartTime: g, validateTime: K, disabledTimesConfig: te } = Gr(e, p, i, a), pe = U(
+    defaultedMultiDates: g
+  } = qe(e), { validateMonthYearInRange: v, isDisabled: x, isDateRangeAllowed: T, checkMinMaxRange: C } = Qt(e), { updateTimeValues: N, getSetDateTime: W, setTime: y, assignStartTime: b, validateTime: K, disabledTimesConfig: te } = Gr(e, p, i, a), pe = U(
     () => (R) => P.value[R] ? P.value[R].month : 0
   ), D = U(
     () => (R) => P.value[R] ? P.value[R].year : 0
@@ -6200,7 +6200,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, Q = () => {
     e.autoApply && n("select-date");
   }, ae = () => {
-    $.value && g($.value);
+    $.value && b($.value);
   };
   tt(() => {
     e.shadow || (i.value || (Te(), ae()), L(!0), e.focusStartDate && e.startDate && Te());
@@ -6222,7 +6222,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         P.value[be] = { month: Oe(j), year: De(j) };
       }
   }, F = (R, J) => {
-    k(R), b("hours", Bt(R)), b("minutes", qt(R)), b("seconds", da(R)), f.value.count && J && E();
+    k(R), y("hours", Bt(R)), y("minutes", qt(R)), y("seconds", da(R)), f.value.count && J && E();
   }, q = (R) => {
     if (f.value.count) {
       if (f.value.solo) return 0;
@@ -6236,11 +6236,11 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       $e(R[0]),
       R[1] ? $e(R[1]) : p[j][1]
     ];
-    b("hours", be(Bt, "hours")), b("minutes", be(qt, "minutes")), b("seconds", be(da, "seconds"));
+    y("hours", be(Bt, "hours")), y("minutes", be(qt, "minutes")), y("seconds", be(da, "seconds"));
   }, o = (R, J) => {
-    if ((S.value.enabled || e.weekPicker) && !y.value.enabled)
+    if ((S.value.enabled || e.weekPicker) && !g.value.enabled)
       return G(R, J);
-    if (y.value.enabled && J) {
+    if (g.value.enabled && J) {
       const be = R[R.length - 1];
       return F(be, J);
     }
@@ -6332,7 +6332,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     return Rt(ge), oe(be, $e, j, ce);
   }, Ve = (R) => {
     const J = zt(X(R.value), p.hours, p.minutes, ye());
-    n("date-update", J), y.value.enabled ? Yn(J, i, y.value.limit) : i.value = J, a(), gt().then(() => {
+    n("date-update", J), g.value.enabled ? Yn(J, i, g.value.limit) : i.value = J, a(), gt().then(() => {
       ne();
     });
   }, Ke = (R) => S.value.noDisabledRange ? Nr(r.value[0], R).some((J) => x(J)) : !1, Y = () => {
@@ -6375,7 +6375,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
   }, Sa = (R, J = !1) => {
     if (x(R.value) || !R.current && e.hideOffsetDates) return n("invalid-date", R.value);
     if (s.value = JSON.parse(JSON.stringify(R)), !S.value.enabled) return Ve(R);
-    ar(p.hours) && ar(p.minutes) && !y.value.enabled && ($t(R, J), za());
+    ar(p.hours) && ar(p.minutes) && !g.value.enabled && ($t(R, J), za());
   }, qa = (R, J) => {
     var be;
     O(R, J.month, J.year, !0), f.value.count && !f.value.solo && Ie(R), n("update-month-year", { instance: R, month: J.month, year: J.year }), t(f.value.solo ? R : void 0);
@@ -6390,10 +6390,10 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     }), Q(), e.multiCalendars && gt().then(() => L(!0));
   }, ja = () => {
     const R = xn(X(), A.value);
-    !S.value.enabled && !y.value.enabled ? i.value = R : i.value && Array.isArray(i.value) && i.value[0] ? y.value.enabled ? i.value = [...i.value, R] : i.value = je(R, i.value[0]) ? [R, i.value[0]] : [i.value[0], R] : i.value = [R], Q();
+    !S.value.enabled && !g.value.enabled ? i.value = R : i.value && Array.isArray(i.value) && i.value[0] ? g.value.enabled ? i.value = [...i.value, R] : i.value = je(R, i.value[0]) ? [R, i.value[0]] : [i.value[0], R] : i.value = [R], Q();
   }, Qa = () => {
     if (Array.isArray(i.value))
-      if (y.value.enabled) {
+      if (g.value.enabled) {
         const R = Ka();
         i.value[i.value.length - 1] = W(R);
       } else
@@ -6470,14 +6470,14 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       handleArrow: m,
       handleScroll: A,
       handleSwipe: M,
-      selectDate: y,
+      selectDate: g,
       updateMonthYear: v,
       presetDate: x,
       selectCurrentDate: T,
       updateTime: C,
       assignMonthAndYear: N,
       setStartTime: W
-    } = 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) => {
+    } = Wi(r, a, me, k), y = aa(), { setHoverDate: b, getDayClassData: K, clearHoverDate: te } = iu(i, r), { defaultedMultiCalendars: pe } = qe(r), D = H([]), B = H([]), O = H(null), Q = bt(y, "calendar"), ae = bt(y, "monthYear"), z = bt(y, "timePicker"), ne = (Z) => {
       r.shadow || a("mount", Z);
     };
     dt(
@@ -6507,7 +6507,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       a("update-flow-step");
     }
     const F = (Z, re = !1) => {
-      y(Z, re), r.spaceConfirm && a("select-date");
+      g(Z, re), r.spaceConfirm && a("select-date");
     }, q = (Z, re, d = 0) => {
       var ee;
       (ee = D.value[d]) == null || ee.toggleMonthPicker(Z, re);
@@ -6521,7 +6521,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       var d;
       if (!r.range) {
         const ee = i.value ? i.value : w, le = re ? new Date(re) : ee, oe = Z ? Tt(le, { weekStartsOn: 1 }) : hr(le, { weekStartsOn: 1 });
-        y({
+        g({
           value: oe,
           current: Oe(le) === s.value(0),
           text: "",
@@ -6554,7 +6554,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         time: P,
         updateTime: C,
         updateMonthYear: v,
-        selectDate: y,
+        selectDate: g,
         presetDate: x
       }),
       changeMonth: ue,
@@ -6601,9 +6601,9 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             year: h(u)(d),
             instance: d
           }, Z.$props, {
-            onSelectDate: (le) => h(y)(le, d !== 1),
+            onSelectDate: (le) => h(g)(le, d !== 1),
             onHandleSpace: (le) => F(le, d !== 1),
-            onSetHoverDate: re[3] || (re[3] = (le) => h(g)(le)),
+            onSetHoverDate: re[3] || (re[3] = (le) => h(b)(le)),
             onHandleScroll: (le) => h(A)(le, d),
             onHandleSwipe: (le) => h(M)(le, d),
             onMount: re[4] || (re[4] = (le) => ne(h(Jt).calendar)),
@@ -6661,7 +6661,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     propDates: u,
     defaultedFilters: i,
     defaultedMultiDates: P
-  } = qe(e), { modelValue: p, year: w, month: f, calendars: $ } = Oa(e, n), { isDisabled: S } = Qt(e), { selectYear: m, groupedYears: A, showYearPicker: M, isDisabled: y, toggleYearPicker: v, handleYearSelect: x, handleYear: T } = Qr({
+  } = qe(e), { modelValue: p, year: w, month: f, calendars: $ } = Oa(e, n), { isDisabled: S } = Qt(e), { selectYear: m, groupedYears: A, showYearPicker: M, isDisabled: g, toggleYearPicker: v, handleYearSelect: x, handleYear: T } = Qr({
     modelValue: p,
     multiCalendars: a,
     range: s,
@@ -6682,13 +6682,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       return !1;
     }
     return !1;
-  }, b = (B, O) => B.quarter === En(O) && B.year === De(O), g = (B) => typeof l.value == "function" ? l.value({ quarter: En(B), year: De(B) }) : !!l.value.quarters.find((O) => b(O, B)), K = U(() => (B) => {
+  }, y = (B, O) => B.quarter === En(O) && B.year === De(O), b = (B) => typeof l.value == "function" ? l.value({ quarter: En(B), year: De(B) }) : !!l.value.quarters.find((O) => y(O, B)), K = U(() => (B) => {
     const O = Le(/* @__PURE__ */ new Date(), { year: w.value(B) });
     return wl({
       start: Da(O),
       end: pr(O)
     }).map((Q) => {
-      const ae = Zt(Q), z = Hn(Q), ne = S(Q), L = W(ae), me = g(ae);
+      const ae = Zt(Q), z = Hn(Q), ne = S(Q), L = W(ae), me = b(ae);
       return {
         text: C(ae, z),
         value: ae,
@@ -6710,7 +6710,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     defaultedMultiCalendars: a,
     groupedYears: A,
     year: w,
-    isDisabled: y,
+    isDisabled: g,
     quarters: K,
     showYearPicker: M,
     modelValue: p,
@@ -6757,14 +6757,14 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       setHoverDate: m,
       selectQuarter: A,
       toggleYearPicker: M,
-      handleYearSelect: y,
+      handleYearSelect: g,
       handleYear: v
     } = Ui(r, a);
     return n({ getSidebarProps: () => ({
       modelValue: $,
       year: p,
       selectQuarter: A,
-      handleYearSelect: y,
+      handleYearSelect: g,
       handleYear: v
     }) }), (x, T) => (c(), we(Ea, {
       "multi-calendars": h(u).count,
@@ -6789,13 +6789,13 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
               year: h(p)(C),
               "is-disabled": (N) => h(w)(C, N),
               onHandleYear: (N) => h(v)(C, N),
-              onYearSelect: (N) => h(y)(N, C),
+              onYearSelect: (N) => h(g)(N, C),
               onToggleYearPicker: (N) => h(M)(C, N == null ? void 0 : N.flow, N == null ? void 0 : N.show)
             }), ct({ _: 2 }, [
               Ae(h(s), (N, W) => ({
                 name: N,
-                fn: ke((b) => [
-                  de(x.$slots, N, ot(ht(b)))
+                fn: ke((y) => [
+                  de(x.$slots, N, ot(ht(y)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
@@ -6812,8 +6812,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
                 }]),
                 "data-test-id": N.value,
                 disabled: N.disabled,
-                onClick: (b) => h(A)(N.value, C, N.disabled),
-                onMouseover: (b) => h(m)(N.value)
+                onClick: (y) => h(A)(N.value, C, N.disabled),
+                onMouseover: (y) => h(m)(N.value)
               }, [
                 x.$slots.quarter ? de(x.$slots, "quarter", {
                   key: 0,
@@ -6908,7 +6908,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
         flowStep: pe.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: u, setShiftKey: i, control: P } = zr(), p = aa(), { defaultedTextInput: w, defaultedInline: f, defaultedConfig: $, defaultedUI: S, handleEventPropagation: m } = qe(r), { isMobile: A } = Xr($, r.shadow), M = H(null), y = H(0), v = H(null), x = H(!1), T = H(null), C = H(!1), N = (Y) => {
+    }), { setMenuFocused: u, setShiftKey: i, control: P } = zr(), p = aa(), { defaultedTextInput: w, defaultedInline: f, defaultedConfig: $, defaultedUI: S, handleEventPropagation: m } = qe(r), { isMobile: A } = Xr($, r.shadow), M = H(null), g = H(0), v = H(null), x = H(!1), T = H(null), C = H(!1), N = (Y) => {
       C.value = !0, $.value.allowPreventDefault && Y.preventDefault(), Wt(Y, $.value, !0);
     };
     tt(() => {
@@ -6925,12 +6925,12 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
     });
     const W = () => {
       const Y = at(v);
-      Y && (y.value = Y.getBoundingClientRect().width);
-    }, { arrowRight: b, arrowLeft: g, arrowDown: K, arrowUp: te } = jt(), { flowStep: pe, updateFlowStep: D, childMount: B, resetFlow: O, handleFlow: Q } = uu(r, a, T), ae = U(() => r.monthPicker ? fi : r.yearPicker ? pi : r.timePicker ? Ci : r.quarterPicker ? Ki : qi), z = U(() => {
+      Y && (g.value = Y.getBoundingClientRect().width);
+    }, { arrowRight: y, arrowLeft: b, arrowDown: K, arrowUp: te } = jt(), { flowStep: pe, updateFlowStep: D, childMount: B, resetFlow: O, handleFlow: Q } = uu(r, a, T), ae = U(() => r.monthPicker ? fi : r.yearPicker ? pi : r.timePicker ? Ci : r.quarterPicker ? Ki : qi), z = U(() => {
       var Y;
       if ($.value.arrowLeft) return $.value.arrowLeft;
       const se = (Y = l.value) == null ? void 0 : Y.getBoundingClientRect(), Ye = r.getInputRect();
-      return (Ye == null ? void 0 : Ye.width) < (y == null ? void 0 : y.value) && (Ye == null ? void 0 : Ye.left) <= ((se == null ? void 0 : se.left) ?? 0) ? `${(Ye == null ? void 0 : Ye.width) / 2}px` : (Ye == null ? void 0 : Ye.right) >= ((se == null ? void 0 : se.right) ?? 0) && (Ye == null ? void 0 : Ye.width) < (y == null ? void 0 : y.value) ? `${(y == null ? void 0 : y.value) - (Ye == null ? void 0 : Ye.width) / 2}px` : "50%";
+      return (Ye == null ? void 0 : Ye.width) < (g == null ? void 0 : g.value) && (Ye == null ? void 0 : Ye.left) <= ((se == null ? void 0 : se.left) ?? 0) ? `${(Ye == null ? void 0 : Ye.width) / 2}px` : (Ye == null ? void 0 : Ye.right) >= ((se == null ? void 0 : se.right) ?? 0) && (Ye == null ? void 0 : Ye.width) < (g == null ? void 0 : g.value) ? `${(g == null ? void 0 : g.value) - (Ye == null ? void 0 : Ye.width) / 2}px` : "50%";
     }), ne = () => {
       const Y = at(l);
       Y && Y.focus({ preventScroll: !0 });
@@ -6958,8 +6958,8 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
       if (r.arrowNavigation) {
         if (Y === ft.up) return te();
         if (Y === ft.down) return K();
-        if (Y === ft.left) return g();
-        if (Y === ft.right) return b();
+        if (Y === ft.left) return b();
+        if (Y === ft.right) return y();
       } 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"));
@@ -7056,7 +7056,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
             "dp--menu-content-wrapper-collapsed": e.collapse && ((($t = Y.presetDates) == null ? void 0 : $t.length) || !!Y.$slots["left-sidebar"] || !!Y.$slots["right-sidebar"])
           }),
           "data-dp-mobile": h(A),
-          style: Fe({ "--dp-menu-width": `${y.value}px` })
+          style: Fe({ "--dp-menu-width": `${g.value}px` })
         }, [
           Y.$slots["left-sidebar"] ? (c(), _("div", eu, [
             de(Y.$slots, "left-sidebar", ot(ht(L.value)))
@@ -7140,7 +7140,7 @@ const mn = (e, n) => e == null ? void 0 : e.querySelector(`[data-dp-element="${n
           key: 3,
           "menu-mount": x.value
         }, s.value, {
-          "calendar-width": y.value,
+          "calendar-width": g.value,
           onClosePicker: se[16] || (se[16] = (ye) => Y.$emit("close-picker")),
           onSelectDate: se[17] || (se[17] = (ye) => Y.$emit("select-date")),
           onInvalidSelect: se[18] || (se[18] = (ye) => Y.$emit("invalid-select")),
@@ -7190,7 +7190,7 @@ const lu = ({
     w.value.left = `${O}px`;
   }, M = (O, Q) => {
     s.position === oa.left && A(O), s.position === oa.right && m(O, Q), s.position === oa.center && (w.value.left = `${O + Q / 2 - P.value.width / 2}px`);
-  }, y = (O) => {
+  }, g = (O) => {
     const { width: Q, height: ae } = O.getBoundingClientRect(), { top: z, left: ne } = S(O);
     return { top: +z, left: +ne, width: Q, height: ae };
   }, v = () => {
@@ -7210,16 +7210,16 @@ const lu = ({
       return te();
     }
   }, C = ({ inputEl: O, left: Q, width: ae }) => {
-    window.screen.width > 768 && !p.value && M(Q, ae), b(O);
+    window.screen.width > 768 && !p.value && M(Q, ae), y(O);
   }, N = (O) => {
-    const { top: Q, left: ae, height: z, width: ne } = y(O);
+    const { top: Q, left: ae, height: z, width: ne } = g(O);
     w.value.top = `${z + Q + +s.offset}px`, f.value = !1, p.value || (w.value.left = `${ae + ne / 2 - P.value.width / 2}px`), C({ inputEl: O, left: ae, width: ne });
   }, W = (O) => {
-    const { top: Q, left: ae, width: z } = y(O);
+    const { top: Q, left: ae, width: z } = g(O);
     w.value.top = `${Q - +s.offset - P.value.height}px`, f.value = !0, C({ inputEl: O, left: ae, width: z });
-  }, b = (O) => {
+  }, y = (O) => {
     if (s.autoPosition) {
-      const { left: Q, width: ae } = y(O), { left: z, right: ne } = P.value;
+      const { left: Q, width: ae } = g(O), { left: z, right: ne } = P.value;
       if (!p.value) {
         if (Math.abs(z) !== Math.abs(ne)) {
           if (z <= 0)
@@ -7230,7 +7230,7 @@ const lu = ({
         return M(Q, ae);
       }
     }
-  }, g = () => {
+  }, b = () => {
     const O = at(t);
     if (O) {
       if (s.autoPosition === kt.top) return kt.top;
@@ -7239,7 +7239,7 @@ const lu = ({
       return Q <= ne ? kt.bottom : Q > ne && Q <= L ? kt.top : ne >= L ? kt.bottom : kt.top;
     }
     return kt.bottom;
-  }, K = (O) => g() === kt.bottom ? N(O) : W(O), te = () => {
+  }, K = (O) => b() === kt.bottom ? N(O) : W(O), te = () => {
     const O = at(t);
     if (O)
       return s.autoPosition ? K(O) : N(O);
@@ -7416,7 +7416,7 @@ const lu = ({
   }, A = (o) => {
     const V = Array.isArray(e.value) ? e.value[0] : null;
     return o ? !je(p.value ?? null, V) : !0;
-  }, M = (o, V = !0) => (i.value.enabled || n.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? n.hideOffsetDates && !o.current ? !1 : Se(X(o.value), e.value[V ? 0 : 1]) : i.value.enabled ? m(o, V) && A(V) || Se(o.value, Array.isArray(e.value) ? e.value[0] : null) && S(V) : !1, y = (o, V) => {
+  }, M = (o, V = !0) => (i.value.enabled || n.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? n.hideOffsetDates && !o.current ? !1 : Se(X(o.value), e.value[V ? 0 : 1]) : i.value.enabled ? m(o, V) && A(V) || Se(o.value, Array.isArray(e.value) ? e.value[0] : null) && S(V) : !1, g = (o, V) => {
     if (Array.isArray(e.value) && e.value[0] && e.value.length === 1) {
       const ue = Se(o.value, p.value);
       return V ? Xe(e.value[0], o.value) && ue : je(e.value[0], o.value) && ue;
@@ -7453,7 +7453,7 @@ const lu = ({
       return !1;
     }
     return !1;
-  }, N = (o) => Ta(e.value, p.value, o.value), W = () => n.modelAuto && Array.isArray(n.internalModelValue) ? !!n.internalModelValue[0] : !1, b = () => n.modelAuto ? Sr(n.internalModelValue) : !0, g = (o) => {
+  }, N = (o) => Ta(e.value, p.value, o.value), W = () => n.modelAuto && Array.isArray(n.internalModelValue) ? !!n.internalModelValue[0] : !1, y = () => n.modelAuto ? Sr(n.internalModelValue) : !0, b = (o) => {
     if (n.weekPicker) return !1;
     const V = i.value.enabled ? !M(o) && !M(o, !1) : !0;
     return !P(o.value) && !v(o) && !(!o.current && n.hideOffsetDates) && V;
@@ -7463,7 +7463,7 @@ const lu = ({
   }, D = (o) => {
     var V;
     return typeof l.value == "function" ? l.value(o.value) : (V = l.value.weekdays) == null ? void 0 : V.includes(o.value.getDay());
-  }, B = (o) => (i.value.enabled || n.weekPicker) && (!(t.value.count > 0) || o.current) && b() && !(!o.current && n.hideOffsetDates) && !v(o) ? N(o) : !1, O = (o) => {
+  }, B = (o) => (i.value.enabled || n.weekPicker) && (!(t.value.count > 0) || o.current) && y() && !(!o.current && n.hideOffsetDates) && !v(o) ? N(o) : !1, O = (o) => {
     if (Array.isArray(e.value) && e.value.length === 1) {
       const { before: V, after: ue } = Jn(+i.value.maxRange, e.value[0]);
       return ca(o.value, V) || ta(o.value, ue);
@@ -7489,7 +7489,7 @@ const lu = ({
     };
   }, ne = (o) => ({
     dp__active_date: K(o),
-    dp__date_hover: g(o)
+    dp__date_hover: b(o)
   }), L = (o) => {
     if (e.value && !Array.isArray(e.value)) {
       const V = It(e.value, n.weekStart);
@@ -7518,7 +7518,7 @@ const lu = ({
       ...q(o)
     };
   }, k = (o) => {
-    const V = t.value.count > 0 ? o.current && M(o) && b() : M(o) && b(), ue = t.value.count > 0 ? o.current && M(o, !1) && b() : M(o, !1) && b();
+    const V = t.value.count > 0 ? o.current && M(o) && y() : M(o) && y(), ue = t.value.count > 0 ? o.current && M(o, !1) && y() : M(o, !1) && y();
     return { isRangeStart: V, isRangeEnd: ue };
   }, F = (o) => {
     const { isRangeStart: V, isRangeEnd: ue } = k(o);
@@ -7527,8 +7527,8 @@ const lu = ({
       dp__range_end: ue,
       dp__range_between: B(o),
       dp__date_hover: Se(o.value, p.value) && !V && !ue && !n.weekPicker,
-      dp__date_hover_start: y(o, !0),
-      dp__date_hover_end: y(o, !1)
+      dp__date_hover_start: g(o, !0),
+      dp__date_hover_end: g(o, !1)
     };
   }, q = (o) => ({
     ...F(o),
@@ -7562,7 +7562,7 @@ const lu = ({
       return B >= +e.yearRange[0] && B <= e.yearRange[1];
     }
     return !0;
-  }, M = (D, B) => !!(Array.isArray(D) && D[B] && (t.value.maxRange || t.value.minRange) && A(D[B])), y = (D, B, O = 0) => {
+  }, M = (D, B) => !!(Array.isArray(D) && D[B] && (t.value.maxRange || t.value.minRange) && A(D[B])), g = (D, B, O = 0) => {
     if (M(B, O) && A(D)) {
       const Q = cr(D, B[O]), ae = Nr(B[O], D), z = ae.length === 1 ? 0 : ae.filter((L) => S(L)).length, ne = Math.abs(Q) - (t.value.minMaxRawRange ? 0 : z);
       if (t.value.minRange && t.value.maxRange)
@@ -7582,7 +7582,7 @@ const lu = ({
   }, W = (D, B) => {
     const O = Array.isArray(B) ? [ea(B[0]), B[1] ? ea(B[1]) : void 0] : ea(B), Q = !e.disabledTimes(O);
     return D && Q;
-  }, b = (D, B) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? N(B, D) : W(B, D) : B, g = (D) => {
+  }, y = (D, B) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? N(B, D) : W(B, D) : B, b = (D) => {
     let B = !0;
     if (!D || v()) return !0;
     const O = !a.value.minDate && !a.value.maxDate ? x(D) : D;
@@ -7598,7 +7598,7 @@ const lu = ({
       "min",
       lt(O),
       B
-    )), b(D, B);
+    )), y(D, B);
   }, K = (D) => {
     if (!e.monthPicker) return !0;
     let B = !0;
@@ -7616,14 +7616,14 @@ const lu = ({
       B = je(O, Q) || Se(O, Q);
     }
     return B;
-  }, te = U(() => (D) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : g(D)), pe = U(() => (D) => e.monthPicker ? Array.isArray(D) && (t.value.enabled || r.value.enabled) ? !D.filter((B) => !K(B)).length : K(D) : !0);
+  }, te = U(() => (D) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : b(D)), pe = U(() => (D) => e.monthPicker ? Array.isArray(D) && (t.value.enabled || r.value.enabled) ? !D.filter((B) => !K(B)).length : K(D) : !0);
   return {
     isDisabled: S,
     validateDate: i,
     validateMonthYearInRange: f,
     isDateRangeAllowed: m,
-    checkMinMaxRange: y,
-    isValidTime: g,
+    checkMinMaxRange: g,
+    isValidTime: b,
     isTimeValid: te,
     isMonthValid: pe
   };
@@ -7697,7 +7697,7 @@ const lu = ({
       defaultedUI: w,
       getDefaultPattern: f,
       getDefaultStartTime: $
-    } = qe(r), { checkMinMaxRange: S } = Qt(r), m = H(), A = H(null), M = H(!1), y = H(!1), v = U(
+    } = qe(r), { checkMinMaxRange: S } = Qt(r), m = H(), A = H(null), M = H(!1), g = H(!1), v = U(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -7719,7 +7719,7 @@ const lu = ({
         l.value.format ?? f(),
         me ?? Lr({}, r.enableSeconds),
         r.inputValue,
-        y.value,
+        g.value,
         r.formatLocale
       );
     }, C = (L) => {
@@ -7731,7 +7731,7 @@ const lu = ({
         S(G, o, 0) && (m.value = q ? o : null);
       }
     }, N = () => {
-      y.value = !0;
+      g.value = !0;
     }, W = (L) => {
       if (P.value.enabled)
         C(L);
@@ -7740,11 +7740,11 @@ const lu = ({
         m.value = me.map((k) => T(k.trim())).filter((k) => k);
       } else
         m.value = T(L);
-    }, b = (L) => {
+    }, y = (L) => {
       var me;
       const k = typeof L == "string" ? L : (me = L.target) == null ? void 0 : me.value;
-      k !== "" ? (l.value.openMenu && !r.isMenuOpen && a("open"), W(k), a("set-input-date", m.value)) : x(), y.value = !1, a("update:input-value", k), a("text-input", L, m.value);
-    }, g = (L) => {
+      k !== "" ? (l.value.openMenu && !r.isMenuOpen && a("open"), W(k), a("set-input-date", m.value)) : x(), g.value = !1, a("update:input-value", k), a("text-input", L, m.value);
+    }, b = (L) => {
       l.value.enabled ? (W(L.target.value), l.value.enterSubmit && pn(m.value) && r.inputValue !== "" ? (a("set-input-date", m.value, !0), m.value = null) : l.value.enterSubmit && r.inputValue === "" && (m.value = null, a("clear"))) : pe(L);
     }, K = (L, me) => {
       l.value.enabled && l.value.tabSubmit && !me && W(L.target.value), l.value.tabSubmit && pn(m.value) && r.inputValue !== "" ? (a("set-input-date", m.value, !0, !0), m.value = null) : l.value.tabSubmit && r.inputValue === "" && (m.value = null, a("clear", !0));
@@ -7765,7 +7765,7 @@ const lu = ({
     }, O = () => {
       a("close");
     }, Q = (L) => {
-      if (L.key === "Tab" && K(L), L.key === "Enter" && g(L), L.key === "Escape" && l.value.escClose && O(), !l.value.enabled) {
+      if (L.key === "Tab" && K(L), L.key === "Enter" && b(L), L.key === "Escape" && l.value.escClose && O(), !l.value.enabled) {
         if (L.code === "Tab") return;
         L.preventDefault();
       }
@@ -7789,8 +7789,8 @@ const lu = ({
             key: 0,
             value: e.inputValue,
             isMenuOpen: e.isMenuOpen,
-            onInput: b,
-            onEnter: g,
+            onInput: y,
+            onEnter: b,
             onTab: K,
             onClear: B,
             onBlur: D,
@@ -7819,7 +7819,7 @@ const lu = ({
             "aria-label": (k = h(s)) == null ? void 0 : k.input,
             "aria-disabled": L.disabled || void 0,
             "aria-invalid": L.state === !1 ? !0 : void 0,
-            onInput: b,
+            onInput: y,
             onBlur: D,
             onFocus: te,
             onKeypress: Q,
@@ -7921,23 +7921,23 @@ const lu = ({
     "text-input"
   ],
   setup(e, { expose: n, emit: t }) {
-    const a = t, r = e, l = aa(), s = H(!1), u = ka(r, "modelValue"), i = ka(r, "timezone"), P = H(null), p = H(null), w = H(null), f = H(!1), $ = H(null), S = H(!1), m = H(!1), A = H(!1), M = H(!1), { setMenuFocused: y, setShiftKey: v } = zr(), { clearArrowNav: x } = jt(), { validateDate: T, isValidTime: C } = Qt(r), {
+    const a = t, r = e, l = aa(), s = H(!1), u = ka(r, "modelValue"), i = ka(r, "timezone"), P = H(null), p = H(null), w = H(null), f = H(!1), $ = H(null), S = H(!1), m = H(!1), A = H(!1), M = H(!1), { setMenuFocused: g, setShiftKey: v } = zr(), { clearArrowNav: x } = jt(), { validateDate: T, isValidTime: C } = Qt(r), {
       defaultedTransitions: N,
       defaultedTextInput: W,
-      defaultedInline: b,
-      defaultedConfig: g,
+      defaultedInline: y,
+      defaultedConfig: b,
       defaultedRange: K,
       defaultedMultiDates: te
-    } = qe(r), { menuTransition: pe, showTransition: D } = Aa(N), { isMobile: B } = Xr(g), O = tl();
+    } = qe(r), { menuTransition: pe, showTransition: D } = Aa(N), { isMobile: B } = Xr(b), O = tl();
     tt(() => {
       o(r.modelValue), gt().then(() => {
-        if (!b.value.enabled) {
+        if (!y.value.enabled) {
           const j = k($.value);
           j == null || j.addEventListener("scroll", le), window == null || window.addEventListener("resize", oe);
         }
-      }), b.value.enabled && (s.value = !0), window == null || window.addEventListener("keyup", xe), window == null || window.addEventListener("keydown", Pe);
+      }), y.value.enabled && (s.value = !0), window == null || window.addEventListener("keyup", xe), window == null || window.addEventListener("keydown", Pe);
     }), Ft(() => {
-      if (!b.value.enabled) {
+      if (!y.value.enabled) {
         const j = k($.value);
         j == null || j.removeEventListener("scroll", le), window == null || window.removeEventListener("resize", oe);
       }
@@ -7956,7 +7956,7 @@ const lu = ({
       menuRefInner: p,
       inputRef: w,
       pickerWrapperRef: $,
-      inline: b,
+      inline: y,
       emit: a,
       props: r,
       slots: l
@@ -7972,39 +7972,39 @@ const lu = ({
         dp__main: !0,
         dp__theme_dark: r.dark,
         dp__theme_light: !r.dark,
-        dp__flex_display: b.value.enabled,
+        dp__flex_display: y.value.enabled,
         "dp--flex-display-collapsed": A.value,
-        dp__flex_display_with_input: b.value.input
+        dp__flex_display_with_input: y.value.input
       })
     ), Te = U(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), Z = U(() => r.teleport ? {
       to: typeof r.teleport == "boolean" ? "body" : r.teleport,
-      disabled: !r.teleport || b.value.enabled
-    } : {}), re = U(() => ({ class: "dp__outer_menu_wrap" })), d = U(() => b.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), ee = () => {
+      disabled: !r.teleport || y.value.enabled
+    } : {}), re = U(() => ({ class: "dp__outer_menu_wrap" })), d = U(() => y.value.enabled && (r.timePicker || r.monthPicker || r.yearPicker || r.quarterPicker)), ee = () => {
       var j, ce;
       return ((ce = (j = w.value) == null ? void 0 : j.$el) == null ? void 0 : ce.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, le = () => {
-      s.value && (g.value.closeOnScroll ? rt() : me());
+      s.value && (b.value.closeOnScroll ? rt() : me());
     }, oe = () => {
       var j;
       s.value && me();
       const ce = ((j = p.value) == null ? void 0 : j.$el.getBoundingClientRect().width) ?? 0;
       A.value = document.body.offsetWidth <= ce;
     }, xe = (j) => {
-      j.key === "Tab" && !b.value.enabled && !r.teleport && g.value.tabOutClosesMenu && ($.value.contains(document.activeElement) || rt()), m.value = j.shiftKey;
+      j.key === "Tab" && !y.value.enabled && !r.teleport && b.value.tabOutClosesMenu && ($.value.contains(document.activeElement) || rt()), m.value = j.shiftKey;
     }, Pe = (j) => {
       m.value = j.shiftKey;
     }, Ve = () => {
       !r.disabled && !r.readonly && (F(O, nr, r), me(!1), s.value = !0, s.value && a("open"), s.value || ye(), o(r.modelValue));
     }, Ke = () => {
       var j, ce;
-      q.value = "", ye(), (j = p.value) == null || j.onValueCleared(), (ce = w.value) == null || ce.setParsedDate(null), a("update:model-value", null), a("update:model-timezone-value", null), a("cleared"), g.value.closeOnClearValue && rt();
+      q.value = "", ye(), (j = p.value) == null || j.onValueCleared(), (ce = w.value) == null || ce.setParsedDate(null), a("update:model-value", null), a("update:model-timezone-value", null), a("cleared"), b.value.closeOnClearValue && rt();
     }, Y = () => {
       const j = G.value;
       return !j || !Array.isArray(j) && T(j) ? !0 : Array.isArray(j) ? te.value.enabled || j.length === 2 && T(j[0]) && T(j[1]) ? !0 : K.value.partialRange && !r.timePicker ? T(j[0]) : !1 : !1;
     }, se = () => {
       Ie() && Y() ? (V(), rt()) : a("invalid-select", G.value);
     }, Ye = (j) => {
-      nt(), V(), g.value.closeOnAutoApply && !j && rt();
+      nt(), V(), b.value.closeOnAutoApply && !j && rt();
     }, nt = () => {
       w.value && W.value.enabled && w.value.setParsedDate(G.value);
     }, $t = (j = !1) => {
@@ -8013,7 +8013,7 @@ const lu = ({
       W.value.enabled || (G.value = null);
     }, rt = (j = !1) => {
       var ce, ge;
-      j && G.value && g.value.setDateOnMenuClose && se(), b.value.enabled || (s.value && (s.value = !1, L.value = !1, y(!1), v(!1), x(), a("closed"), q.value && o(u.value)), ye(), a("blur"), (ge = (ce = p.value) == null ? void 0 : ce.$el) == null || ge.remove());
+      j && G.value && b.value.setDateOnMenuClose && se(), y.value.enabled || (s.value && (s.value = !1, L.value = !1, g(!1), v(!1), x(), a("closed"), q.value && o(u.value)), ye(), a("blur"), (ge = (ce = p.value) == null ? void 0 : ce.$el) == null || ge.remove());
     }, xt = (j, ce, ge = !1) => {
       if (!j) {
         G.value = null;
@@ -8045,7 +8045,7 @@ const lu = ({
     }, R = (j, ce) => {
       var ge;
       (ge = p.value) == null || ge.switchView(j, ce);
-    }, J = (j, ce) => g.value.onClickOutside ? g.value.onClickOutside(j, ce) : rt(!0), be = (j = 0) => {
+    }, J = (j, ce) => b.value.onClickOutside ? b.value.onClickOutside(j, ce) : rt(!0), be = (j = 0) => {
       var ce;
       (ce = p.value) == null || ce.handleFlow(j);
     }, $e = () => P;
@@ -8106,7 +8106,7 @@ const lu = ({
         default: ke(() => [
           Ce(vt, {
             name: h(pe)(h(z)),
-            css: h(D) && !h(b).enabled
+            css: h(D) && !h(y).enabled
           }, {
             default: ke(() => [
               s.value ? (c(), _("div", Ze({
@@ -8114,8 +8114,8 @@ const lu = ({
                 ref_key: "dpWrapMenuRef",
                 ref: P
               }, re.value, {
-                class: { "dp--menu-wrapper": !h(b).enabled },
-                style: h(b).enabled ? void 0 : h(ne)
+                class: { "dp--menu-wrapper": !h(y).enabled },
+                style: h(y).enabled ? void 0 : h(ne)
               }), [
                 Ce(nr, Ze({
                   ref_key: "dpMenuRef",
@@ -8216,133 +8216,138 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
   setup(e, { expose: n, emit: t }) {
     const a = e, r = t, l = H(""), s = H(!1), u = H(!1), i = H(!1), P = H(null), p = H(null), w = H(null), f = H(null), $ = U(() => a.label ? a.labelPosition === "left" && a.labelWidth ? {
       "grid-template-columns": `${a.labelWidth} 1fr`
-    } : {} : {}), S = (b) => {
-      if (!b) return "";
-      const g = String(b.getDate()).padStart(2, "0"), K = String(b.getMonth() + 1).padStart(2, "0");
-      return `${b.getFullYear()}-${K}-${g}`;
-    }, m = (b) => {
-      if (!b) return null;
-      const [g, K, te] = b.split("-").map(Number);
-      return new Date(g, K - 1, te);
-    }, A = async (b) => {
+    } : {} : {}), S = (y) => {
+      if (!y) return "";
+      const b = String(y.getDate()).padStart(2, "0"), K = String(y.getMonth() + 1).padStart(2, "0");
+      return `${y.getFullYear()}-${K}-${b}`;
+    }, m = (y) => {
+      if (!y) return null;
+      y.includes("T") && (y = y.split("T")[0]);
+      const [b, K, te] = y.split("-").map(Number);
+      return new Date(b, K - 1, te);
+    }, A = async (y) => {
       if (a.autosave)
         try {
-          await a.autosave(b), a.error || (r("saved"), s.value = !0, u.value = !1, setTimeout(() => {
+          await a.autosave(y), a.error || (r("saved"), s.value = !0, u.value = !1, setTimeout(() => {
             s.value = !1;
           }, 3e3));
-        } catch (g) {
-          console.error("Autosave failed:", g);
+        } catch (b) {
+          console.error("Autosave failed:", b);
         }
-    }, M = (b) => {
+    }, M = (y) => {
       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);
+        A(y);
       }, 1500);
-    }, y = () => {
-      var b;
-      (b = w.value) == null || b.focus();
-    }, v = (b) => {
-      b.style.height = "auto", b.style.height = `${b.scrollHeight}px`;
-    }, x = (b) => {
-      const g = b.target.value;
-      r("update:modelValue", g), M(g), a.type === "textarea" && b.target.tagName === "TEXTAREA" && v(b.target);
+    }, g = () => {
+      var y;
+      (y = w.value) == null || y.focus();
+    }, v = (y) => {
+      y.style.height = "auto", y.style.height = `${y.scrollHeight}px`;
+    }, x = (y) => {
+      const b = y.target.value;
+      r("update:modelValue", b), M(b), a.type === "textarea" && y.target.tagName === "TEXTAREA" && v(y.target);
     }, T = () => {
       r("focus");
     }, C = () => {
       r("blur");
-    }, N = (b) => {
-      r("keydown", b);
-    }, W = (b) => {
-      const g = S(b);
-      r("update:modelValue", g), M(g);
+    }, N = (y) => {
+      r("keydown", y);
+    }, W = (y) => {
+      const b = S(y);
+      r("update:modelValue", b), M(b);
     };
     return Ft(() => {
       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({
+    }), dt(
+      () => a.modelValue,
+      (y) => {
+        a.type === "date" && y && (f.value = m(y));
+      }
+    ), n({
       focus: () => {
-        var b;
-        return (b = w.value) == null ? void 0 : b.focus();
+        var y;
+        return (y = w.value) == null ? void 0 : y.focus();
       },
       blur: () => {
-        var b;
-        return (b = w.value) == null ? void 0 : b.blur();
+        var y;
+        return (y = w.value) == null ? void 0 : y.blur();
       }
-    }), (b, g) => {
+    }), (y, b) => {
       const K = Ut("font-awesome-icon");
       return c(), _("div", {
         class: fe(["text-input", {
-          "text-input--disabled": b.disabled,
-          "text-input--has-error": b.error,
-          [`label-${b.labelPosition}`]: b.label,
-          [`label-align-${b.labelAlign}`]: b.label,
-          "text-input--has-icon": b.icon
+          "text-input--disabled": y.disabled,
+          "text-input--has-error": y.error,
+          "text-input--date": y.type === "date",
+          [`label-${y.labelPosition}`]: y.label,
+          [`label-align-${y.labelAlign}`]: y.label,
+          "text-input--has-icon": y.icon
         }]),
         style: Fe([
-          { width: b.width || "100%" },
+          { width: y.width || "100%" },
           $.value,
           {
-            "--text-input-color": b.error ? "var(--danger-color)" : "var(--text-primary)",
+            "--text-input-color": y.error ? "var(--danger-color)" : "var(--text-primary)",
             "--text-input-hover-color": "var(--primary-color)",
             "--text-input-active-color": "var(--primary-color)",
             "--text-input-disabled-color": "var(--text-disabled)",
-            "--text-input-background-color": b.bgColor || "var(--input-color, #ffffffaa)",
-            "--text-dp-background-color": b.bgColor || "#ffffff",
+            "--text-input-background-color": y.bgColor || "var(--input-color, #ffffffaa)",
+            "--text-dp-background-color": y.bgColor || "#ffffff",
             "--text-input-border-radius": "0.5rem",
             "--text-input-padding": "0.5rem",
-            "--max-textarea-height": b.maxHeight || b.height || "14rem",
-            "--textarea-height": b.height || "5.5rem"
+            "--max-textarea-height": y.maxHeight || y.height || "14rem",
+            "--textarea-height": y.height || "5.5rem"
           }
         ])
       }, [
-        b.label ? (c(), _("label", {
+        y.label ? (c(), _("label", {
           key: 0,
           for: l.value,
           class: "label"
-        }, Me(b.label), 9, ku)) : I("", !0),
+        }, Me(y.label), 9, ku)) : I("", !0),
         ie("div", Du, [
-          b.icon ? (c(), _("div", {
+          y.icon ? (c(), _("div", {
             key: 0,
             class: "text-input__icon",
-            onClick: y
+            onClick: g
           }, [
-            Ce(K, { icon: b.icon }, null, 8, ["icon"])
+            Ce(K, { icon: y.icon }, null, 8, ["icon"])
           ])) : I("", !0),
-          b.type === "date" ? (c(), we(h(In), {
+          y.type === "date" ? (c(), we(h(In), {
             key: 1,
             id: l.value,
             modelValue: f.value,
             "onUpdate:modelValue": [
-              g[0] || (g[0] = (te) => f.value = te),
+              b[0] || (b[0] = (te) => f.value = te),
               W
             ],
-            placeholder: b.placeholder,
-            disabled: b.disabled,
-            readonly: b.readonly,
-            "min-date": b.min,
-            "max-date": b.max,
+            placeholder: y.placeholder,
+            disabled: y.disabled,
+            readonly: y.readonly,
+            "min-date": y.min,
+            "max-date": y.max,
             format: Au,
             "enable-time-picker": !1,
             "auto-apply": !0,
             "close-on-auto-apply": !0,
             clearable: !0,
-            "input-class-name": ["text-input__input", { "text-input__input--has-icon": b.icon }],
+            "input-class-name": ["text-input__input", { "text-input__input--has-icon": y.icon }],
             onFocus: T,
             onBlur: C
-          }, null, 8, ["id", "modelValue", "placeholder", "disabled", "readonly", "min-date", "max-date", "input-class-name"])) : b.type !== "textarea" ? (c(), _("input", {
+          }, null, 8, ["id", "modelValue", "placeholder", "disabled", "readonly", "min-date", "max-date", "input-class-name"])) : y.type !== "textarea" ? (c(), _("input", {
             key: 2,
             id: l.value,
-            type: b.type,
-            value: b.modelValue,
-            placeholder: b.placeholder,
-            required: b.required,
-            disabled: b.disabled,
-            readonly: b.readonly,
-            maxlength: b.maxlength,
+            type: y.type,
+            value: y.modelValue,
+            placeholder: y.placeholder,
+            required: y.required,
+            disabled: y.disabled,
+            readonly: y.readonly,
+            maxlength: y.maxlength,
             class: "text-input__input",
             onInput: x,
             onFocus: T,
@@ -8353,34 +8358,34 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
           }, null, 40, Mu)) : (c(), _("textarea", {
             key: 3,
             id: l.value,
-            value: b.modelValue,
-            placeholder: b.placeholder,
-            required: b.required,
-            disabled: b.disabled,
+            value: y.modelValue,
+            placeholder: y.placeholder,
+            required: y.required,
+            disabled: y.disabled,
             class: "text-input__input",
             onInput: x,
             ref_key: "inputRef",
             ref: w
           }, null, 40, Tu)),
-          b.required && !s.value && !u.value && !b.error ? (c(), _("span", Pu, "required")) : I("", !0),
+          y.required && !s.value && !u.value && !y.error ? (c(), _("span", Pu, "required")) : I("", !0),
           Ce(vt, { name: "fade" }, {
             default: ke(() => [
-              s.value && !u.value && !b.error ? (c(), _("span", $u, "saved")) : I("", !0)
+              s.value && !u.value && !y.error ? (c(), _("span", $u, "saved")) : I("", !0)
             ]),
             _: 1
           }),
           Ce(vt, { name: "fade" }, {
             default: ke(() => [
-              u.value && !b.error ? (c(), _("span", xu, "changed")) : I("", !0)
+              u.value && !y.error ? (c(), _("span", xu, "changed")) : I("", !0)
             ]),
             _: 1
           }),
           Ce(vt, { name: "fade" }, {
             default: ke(() => [
-              b.error ? (c(), _("span", {
+              y.error ? (c(), _("span", {
                 key: 0,
                 class: "text-input__status error-indicator",
-                "data-error": b.error
+                "data-error": y.error
               }, "error", 8, Cu)) : I("", !0)
             ]),
             _: 1
@@ -8394,7 +8399,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-82ab08af"]]), Yu = { class: "file-upload" }, Ru = { class: "upload-content" }, Iu = { key: 0 }, Vu = {
+}, Su = /* @__PURE__ */ Kt(Ou, [["__scopeId", "data-v-4166b200"]]), 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 = {
@@ -8471,7 +8476,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
           message: T
         }, a("upload-error", T);
       }
-    }, y = () => {
+    }, g = () => {
       a("start-upload", l.value);
     };
     return dt(l, (v) => {
@@ -8526,7 +8531,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
         l.value.length > 0 && !v.uploadUrl ? (c(), _("button", {
           key: 3,
           class: "upload-button",
-          onClick: y
+          onClick: g
         }, " Upload Files ")) : I("", !0)
       ]);
     };
@@ -8688,7 +8693,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
                 class: fe(["navigation__dropdown-item", {
                   "navigation__dropdown-item--disabled": M.disabled
                 }]),
-                onClick: (y) => u(M, y)
+                onClick: (g) => u(M, g)
               }, [
                 M.icon ? (c(), _("div", Gu, [
                   M.icon.startsWith("img:") ? (c(), _("img", {
@@ -8926,88 +8931,88 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
   },
   emits: ["update:modelValue", "changed", "saved"],
   setup(e, { emit: n }) {
-    const t = e, a = n, r = H(!1), l = H(""), s = H(null), u = U(() => Array.isArray(t.modelValue) ? t.options.filter((g) => t.modelValue.includes(g.id)) : t.options.filter((g) => g.id === t.modelValue)), i = U(() => Array.isArray(t.modelValue) ? t.modelValue.length > 0 : !!t.modelValue), P = U(() => {
+    const t = e, a = n, r = H(!1), l = H(""), s = H(null), u = U(() => Array.isArray(t.modelValue) ? t.options.filter((b) => t.modelValue.includes(b.id)) : t.options.filter((b) => b.id === t.modelValue)), i = U(() => Array.isArray(t.modelValue) ? t.modelValue.length > 0 : !!t.modelValue), P = U(() => {
       if (!l.value) return t.options;
-      const g = l.value.toLowerCase();
+      const b = l.value.toLowerCase();
       return t.options.filter(
-        (K) => K.label.toLowerCase().includes(g)
+        (K) => K.label.toLowerCase().includes(b)
       );
-    }), p = (g) => Array.isArray(t.modelValue) ? t.modelValue.includes(g.id) : g.id === t.modelValue, w = () => {
+    }), p = (b) => Array.isArray(t.modelValue) ? t.modelValue.includes(b.id) : b.id === t.modelValue, w = () => {
       t.disabled || (r.value = !r.value, r.value && t.filterable && gt(() => {
-        var g;
-        (g = s.value) == null || g.focus();
+        var b;
+        (b = s.value) == null || b.focus();
       }));
     }, f = () => {
       r.value = !1, l.value = "";
-    }, $ = (g) => {
-      if (!g.disabled)
+    }, $ = (b) => {
+      if (!b.disabled)
         if (t.multiple) {
-          const K = Array.isArray(t.modelValue) ? t.modelValue : [], te = K.includes(g.id) ? K.filter((pe) => pe !== g.id) : [...K, g.id];
+          const K = Array.isArray(t.modelValue) ? t.modelValue : [], te = K.includes(b.id) ? K.filter((pe) => pe !== b.id) : [...K, b.id];
           a("update:modelValue", te), N(te);
         } else
-          a("update:modelValue", g.id), N(g.id), f();
-    }, S = (g) => {
-      if (!(t.disabled || g.disabled) && t.multiple && Array.isArray(t.modelValue)) {
-        const K = t.modelValue.filter((te) => te !== g.id);
+          a("update:modelValue", b.id), N(b.id), f();
+    }, S = (b) => {
+      if (!(t.disabled || b.disabled) && t.multiple && Array.isArray(t.modelValue)) {
+        const K = t.modelValue.filter((te) => te !== b.id);
         a("update:modelValue", K);
       }
     }, m = () => {
       t.disabled || a("update:modelValue", t.multiple ? [] : "");
-    }, A = (g) => {
-      g.target.closest(".dropdown") || f();
+    }, A = (b) => {
+      b.target.closest(".dropdown") || f();
     };
-    dt(r, (g) => {
-      g ? document.addEventListener("click", A) : document.removeEventListener("click", A);
+    dt(r, (b) => {
+      b ? 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) => {
+    const M = H(!1), g = H(!1), v = H(!1), x = H(null), T = H(null), C = async (b) => {
       if (t.autosave)
         try {
-          await t.autosave(g), t.error || (a("saved"), M.value = !0, y.value = !1, setTimeout(() => {
+          await t.autosave(b), t.error || (a("saved"), M.value = !0, g.value = !1, setTimeout(() => {
             M.value = !1;
           }, 3e3));
         } catch (K) {
           console.error("Autosave failed:", K);
         }
-    }, N = (g) => {
-      x.value && clearTimeout(x.value), T.value && clearTimeout(T.value), t.error || (y.value = !0), T.value = window.setTimeout(() => {
+    }, N = (b) => {
+      x.value && clearTimeout(x.value), T.value && clearTimeout(T.value), t.error || (g.value = !0), T.value = window.setTimeout(() => {
         a("changed"), v.value = !0;
       }, 500), x.value = window.setTimeout(() => {
-        C(g);
+        C(b);
       }, 1500);
     };
     Ft(() => {
       x.value && clearTimeout(x.value), T.value && clearTimeout(T.value);
     });
-    const W = H(""), b = U(() => t.label ? t.labelPosition === "left" && t.labelWidth ? {
+    const W = H(""), y = U(() => t.label ? t.labelPosition === "left" && t.labelWidth ? {
       "grid-template-columns": `${t.labelWidth} 1fr`
     } : {} : {});
     return tt(() => {
       W.value = `dropdown-${Math.random().toString(36).substr(2, 9)}`;
-    }), (g, K) => {
+    }), (b, K) => {
       var pe;
       const te = Ut("font-awesome-icon");
       return c(), _("div", {
         class: fe(["dropdown", {
           "dropdown--open": r.value,
-          "dropdown--disabled": g.disabled,
-          "dropdown--multiple": g.multiple,
-          "dropdown--large-icon": g.iconSize === "large",
-          "dropdown--has-error": g.error,
-          [`label-${g.labelPosition}`]: g.label,
-          [`label-align-${g.labelAlign}`]: g.label
+          "dropdown--disabled": b.disabled,
+          "dropdown--multiple": b.multiple,
+          "dropdown--large-icon": b.iconSize === "large",
+          "dropdown--has-error": b.error,
+          [`label-${b.labelPosition}`]: b.label,
+          [`label-align-${b.labelAlign}`]: b.label
         }]),
         style: Fe([
-          { width: g.width || "100%" },
-          b.value,
+          { width: b.width || "100%" },
+          y.value,
           {
-            "--dropdown-color": g.error ? "var(--danger-color)" : g.color,
-            "--dropdown-hover-color": g.hoverColor ? g.hoverColor : "var(--dropdown-color)",
-            "--dropdown-active-color": g.activeColor ? g.activeColor : "var(--dropdown-color)",
-            "--dropdown-disabled-color": g.disabledColor,
-            "--dropdown-background-color": g.backgroundColor,
-            "--dropdown-border-radius": g.borderRadius,
-            "--dropdown-padding": g.padding,
-            "--dropdown-max-height": g.maxHeight
+            "--dropdown-color": b.error ? "var(--danger-color)" : b.color,
+            "--dropdown-hover-color": b.hoverColor ? b.hoverColor : "var(--dropdown-color)",
+            "--dropdown-active-color": b.activeColor ? b.activeColor : "var(--dropdown-color)",
+            "--dropdown-disabled-color": b.disabledColor,
+            "--dropdown-background-color": b.backgroundColor,
+            "--dropdown-border-radius": b.borderRadius,
+            "--dropdown-padding": b.padding,
+            "--dropdown-max-height": b.maxHeight
           }
         ]),
         onClick: w,
@@ -9018,25 +9023,25 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
         ],
         tabindex: "0"
       }, [
-        g.label ? (c(), _("label", {
+        b.label ? (c(), _("label", {
           key: 0,
           for: W.value,
           class: "label"
-        }, Me(g.label), 9, cd)) : I("", !0),
+        }, Me(b.label), 9, cd)) : I("", !0),
         ie("div", vd, [
-          g.icon ? (c(), _("div", fd, [
-            g.icon.startsWith("img:") ? (c(), _("img", {
+          b.icon ? (c(), _("div", fd, [
+            b.icon.startsWith("img:") ? (c(), _("img", {
               key: 0,
-              src: g.icon.substring(4),
-              alt: g.placeholder,
+              src: b.icon.substring(4),
+              alt: b.placeholder,
               class: "dropdown__icon-image"
             }, null, 8, md)) : (c(), we(te, {
               key: 1,
-              icon: g.icon
+              icon: b.icon
             }, null, 8, ["icon"]))
           ])) : I("", !0),
           i.value ? (c(), _("div", hd, [
-            g.multiple ? (c(!0), _(he, { key: 0 }, Ae(u.value, (D) => (c(), _("div", {
+            b.multiple ? (c(!0), _(he, { key: 0 }, Ae(u.value, (D) => (c(), _("div", {
               key: D.id,
               class: "dropdown__selected-tag",
               onClick: Ee((B) => S(D), ["stop"])
@@ -9049,9 +9054,9 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
             ], 8, yd))), 128)) : (c(), _(he, { key: 1 }, [
               pt(Me((pe = u.value[0]) == null ? void 0 : pe.label), 1)
             ], 64))
-          ])) : (c(), _("div", pd, Me(g.placeholder), 1)),
+          ])) : (c(), _("div", pd, Me(b.placeholder), 1)),
           ie("div", gd, [
-            i.value && !g.multiple ? (c(), we(te, {
+            i.value && !b.multiple ? (c(), we(te, {
               key: 0,
               icon: "xmark",
               class: "dropdown__clear",
@@ -9062,32 +9067,32 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
               class: fe(["dropdown__arrow", { "dropdown__arrow--open": r.value }])
             }, null, 8, ["class"])
           ]),
-          g.required && !M.value && !y.value && !g.error ? (c(), _("span", bd, "required")) : I("", !0),
+          b.required && !M.value && !g.value && !b.error ? (c(), _("span", bd, "required")) : I("", !0),
           Ce(vt, { name: "fade" }, {
             default: ke(() => [
-              M.value && !g.error ? (c(), _("span", wd, "saved")) : I("", !0)
+              M.value && !b.error ? (c(), _("span", wd, "saved")) : I("", !0)
             ]),
             _: 1
           }),
           Ce(vt, { name: "fade" }, {
             default: ke(() => [
-              y.value && !g.error ? (c(), _("span", _d, "changed")) : I("", !0)
+              g.value && !b.error ? (c(), _("span", _d, "changed")) : I("", !0)
             ]),
             _: 1
           }),
           Ce(vt, { name: "fade" }, {
             default: ke(() => [
-              g.error ? (c(), _("span", {
+              b.error ? (c(), _("span", {
                 key: 0,
                 class: "status-indicator error-indicator",
-                "data-error": g.error
+                "data-error": b.error
               }, "error", 8, kd)) : I("", !0)
             ]),
             _: 1
           })
         ]),
         r.value ? (c(), _("div", Dd, [
-          g.filterable ? (c(), _("div", Md, [
+          b.filterable ? (c(), _("div", Md, [
             ba(ie("input", {
               ref_key: "filterInput",
               ref: s,
@@ -9112,7 +9117,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
               }]),
               onClick: Ee((B) => $(D), ["stop"])
             }, [
-              g.multiple && p(D) ? (c(), we(te, {
+              b.multiple && p(D) ? (c(), we(te, {
                 key: 0,
                 icon: "check",
                 class: "dropdown__option-check"
@@ -9168,45 +9173,45 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
   },
   emits: ["update:modelValue", "changed", "saved"],
   setup(e, { emit: n }) {
-    const t = e, a = n, r = H(""), l = H(!1), s = H(!1), u = H(!1), i = H(null), P = H(null), p = (y) => Array.isArray(t.modelValue) ? t.modelValue.includes(String(y.id)) : String(y.id) === String(t.modelValue), w = () => {
+    const t = e, a = n, r = H(""), l = H(!1), s = H(!1), u = H(!1), i = H(null), P = H(null), p = (g) => Array.isArray(t.modelValue) ? t.modelValue.includes(String(g.id)) : String(g.id) === String(t.modelValue), w = () => {
       if (t.disabled) return;
-      const y = p(A.value[1]) ? String(A.value[0].id) : String(A.value[1].id);
-      a("update:modelValue", y), S(y);
-    }, f = (y) => {
-      if (!(y.disabled || t.disabled))
+      const g = p(A.value[1]) ? String(A.value[0].id) : String(A.value[1].id);
+      a("update:modelValue", g), S(g);
+    }, f = (g) => {
+      if (!(g.disabled || t.disabled))
         if (t.multiple) {
-          const v = Array.isArray(t.modelValue) ? t.modelValue : [], x = v.includes(String(y.id)) ? v.filter((T) => T !== String(y.id)) : [...v, String(y.id)];
+          const v = Array.isArray(t.modelValue) ? t.modelValue : [], x = v.includes(String(g.id)) ? v.filter((T) => T !== String(g.id)) : [...v, String(g.id)];
           a("update:modelValue", x), S(x);
         } else {
-          const v = String(y.id) === String(t.modelValue) ? "" : String(y.id);
+          const v = String(g.id) === String(t.modelValue) ? "" : String(g.id);
           a("update:modelValue", v), S(v);
         }
-    }, $ = async (y) => {
+    }, $ = async (g) => {
       if (t.autosave)
         try {
-          await t.autosave(y), t.error || (a("saved"), l.value = !0, s.value = !1, setTimeout(() => {
+          await t.autosave(g), t.error || (a("saved"), l.value = !0, s.value = !1, setTimeout(() => {
             l.value = !1;
           }, 3e3));
         } catch (v) {
           console.error("Autosave failed:", v);
         }
-    }, S = (y) => {
+    }, S = (g) => {
       i.value && clearTimeout(i.value), P.value && clearTimeout(P.value), t.error || (s.value = !0), P.value = window.setTimeout(() => {
         a("changed"), u.value = !0;
       }, 500), i.value = window.setTimeout(() => {
-        $(y);
+        $(g);
       }, 1500);
     }, m = U(() => {
-      var y;
-      return (y = t.options) != null && y.length ? t.options.length === 2 : t.modelValue !== void 0 ? ["true", "false", "1", "0"].indexOf(String(t.modelValue)) !== -1 : !1;
+      var g;
+      return (g = t.options) != null && g.length ? t.options.length === 2 : t.modelValue !== void 0 ? ["true", "false", "1", "0"].indexOf(String(t.modelValue)) !== -1 : !1;
     }), A = U(() => {
-      var y, v, x, T, C, N, W, b, g, K, te, pe, D;
-      return m.value && ((y = t.options) == null ? void 0 : y.length) < 2 ? [{
+      var g, v, x, T, C, N, W, y, b, K, te, pe, D;
+      return m.value && ((g = t.options) == null ? void 0 : g.length) < 2 ? [{
         id: ((x = (v = t.options) == null ? void 0 : v[0]) == null ? void 0 : x.id) || "false",
         label: ((C = (T = t.options) == null ? void 0 : T[0]) == null ? void 0 : C.label) || null,
         disabled: ((W = (N = t.options) == null ? void 0 : N[0]) == null ? void 0 : W.disabled) || !1
       }, {
-        id: ((g = (b = t.options) == null ? void 0 : b[1]) == null ? void 0 : g.id) || "true",
+        id: ((b = (y = t.options) == null ? void 0 : y[1]) == null ? void 0 : b.id) || "true",
         label: ((te = (K = t.options) == null ? void 0 : K[1]) == null ? void 0 : te.label) || null,
         disabled: ((D = (pe = t.options) == null ? void 0 : pe[1]) == null ? void 0 : D.disabled) || !1
       }] : t.options || [];
@@ -9217,50 +9222,50 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
     const M = U(() => t.label ? t.labelPosition === "left" && t.labelWidth ? {
       "grid-template-columns": `${t.labelWidth} 1fr`
     } : {} : {});
-    return (y, v) => {
+    return (g, v) => {
       const x = Ut("font-awesome-icon");
       return c(), _("div", {
         class: fe(["checkbox", {
-          "checkbox--disabled": y.disabled,
-          "checkbox--has-error": y.error,
-          "checkbox--large-icon": y.iconSize === "large",
-          "has-label": y.label,
-          [`label-${y.labelPosition}`]: y.label,
-          [`label-align-${y.labelAlign}`]: y.label,
-          [`checkbox--${y.presentation}`]: y.presentation
+          "checkbox--disabled": g.disabled,
+          "checkbox--has-error": g.error,
+          "checkbox--large-icon": g.iconSize === "large",
+          "has-label": g.label,
+          [`label-${g.labelPosition}`]: g.label,
+          [`label-align-${g.labelAlign}`]: g.label,
+          [`checkbox--${g.presentation}`]: g.presentation
         }]),
         style: Fe([
-          { width: y.width || "100%" },
+          { width: g.width || "100%" },
           M.value,
           {
-            "--checkbox-color": y.error ? "var(--danger-color)" : y.color,
-            "--checkbox-hover-color": y.hoverColor ? y.hoverColor : "var(--checkbox-color)",
-            "--checkbox-active-color": y.activeColor ? y.activeColor : "var(--checkbox-color)",
-            "--checkbox-disabled-color": y.disabledColor,
-            "--checkbox-background-color": y.backgroundColor,
-            "--checkbox-border-radius": y.borderRadius,
-            "--checkbox-padding": y.padding
+            "--checkbox-color": g.error ? "var(--danger-color)" : g.color,
+            "--checkbox-hover-color": g.hoverColor ? g.hoverColor : "var(--checkbox-color)",
+            "--checkbox-active-color": g.activeColor ? g.activeColor : "var(--checkbox-color)",
+            "--checkbox-disabled-color": g.disabledColor,
+            "--checkbox-background-color": g.backgroundColor,
+            "--checkbox-border-radius": g.borderRadius,
+            "--checkbox-padding": g.padding
           }
         ])
       }, [
-        y.label ? (c(), _("label", {
+        g.label ? (c(), _("label", {
           key: 0,
           for: r.value,
           class: "label"
-        }, Me(y.label), 9, xd)) : I("", !0),
+        }, Me(g.label), 9, xd)) : I("", !0),
         ie("div", {
           class: "checkbox__options",
           style: Fe({
-            "grid-template-columns": `repeat(${y.columns || 1}, 1fr)`,
-            gap: y.presentation === "minimal" ? "0" : "0.5rem"
+            "grid-template-columns": `repeat(${g.columns || 1}, 1fr)`,
+            gap: g.presentation === "minimal" ? "0" : "0.5rem"
           })
         }, [
           m.value ? (c(), _("div", {
             key: 0,
             class: fe(["checkbox__option", {
-              "checkbox__option--disabled": y.disabled,
+              "checkbox__option--disabled": g.disabled,
               "checkbox__option--selected": p(A.value[1]),
-              "checkbox__option--round": !y.multiple,
+              "checkbox__option--round": !g.multiple,
               "checkbox__option--has-label": A.value[1].label
             }]),
             onClick: v[0] || (v[0] = Ee(() => w(), ["prevent"]))
@@ -9280,9 +9285,9 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
             return c(), _("div", {
               key: String(T.id),
               class: fe(["checkbox__option", {
-                "checkbox__option--disabled": T.disabled || y.disabled,
+                "checkbox__option--disabled": T.disabled || g.disabled,
                 "checkbox__option--selected": p(T),
-                "checkbox__option--round": !y.multiple && ((C = A.value) == null ? void 0 : C.length) > 1,
+                "checkbox__option--round": !g.multiple && ((C = A.value) == null ? void 0 : C.length) > 1,
                 "checkbox__option--has-label": T.label
               }]),
               onClick: Ee(() => f(T), ["prevent"])
@@ -9290,35 +9295,35 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
               ie("div", Sd, [
                 p(T) ? (c(), we(x, {
                   key: 0,
-                  icon: y.multiple ? "square-check" : "circle-check"
+                  icon: g.multiple ? "square-check" : "circle-check"
                 }, null, 8, ["icon"])) : (c(), we(x, {
                   key: 1,
-                  icon: y.multiple ? "square" : "circle"
+                  icon: g.multiple ? "square" : "circle"
                 }, null, 8, ["icon"]))
               ]),
               T.label ? (c(), _("div", Yd, Me(T.label), 1)) : I("", !0)
             ], 10, Od);
           }), 128))
         ], 4),
-        !m.value && y.required && !l.value && !s.value && !y.error ? (c(), _("span", Rd, "required")) : I("", !0),
+        !m.value && g.required && !l.value && !s.value && !g.error ? (c(), _("span", Rd, "required")) : I("", !0),
         Ce(vt, { name: "fade" }, {
           default: ke(() => [
-            !m.value && l.value && !y.error ? (c(), _("span", Id, "saved")) : I("", !0)
+            !m.value && l.value && !g.error ? (c(), _("span", Id, "saved")) : I("", !0)
           ]),
           _: 1
         }),
         Ce(vt, { name: "fade" }, {
           default: ke(() => [
-            !m.value && s.value && !y.error ? (c(), _("span", Vd, "changed")) : I("", !0)
+            !m.value && s.value && !g.error ? (c(), _("span", Vd, "changed")) : I("", !0)
           ]),
           _: 1
         }),
         Ce(vt, { name: "fade" }, {
           default: ke(() => [
-            !m.value && y.error ? (c(), _("span", {
+            !m.value && g.error ? (c(), _("span", {
               key: 0,
               class: "status-indicator error-indicator",
-              "data-error": y.error
+              "data-error": g.error
             }, "error", 8, Bd)) : I("", !0)
           ]),
           _: 1
@@ -9396,34 +9401,34 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
       if (!i.value) return a.data;
       const m = a.columns.filter((A) => A.filterable);
       return m.length === 0 ? a.data : a.data.filter((A) => m.some((M) => {
-        const y = A[M.key];
-        if (y == null) return !1;
+        const g = A[M.key];
+        if (g == null) return !1;
         switch (M.type) {
           case "text":
-            return String(y).toLowerCase().includes(i.value);
+            return String(g).toLowerCase().includes(i.value);
           case "number":
-            return String(y).includes(i.value);
+            return String(g).includes(i.value);
           case "date":
-            return f(y).toLowerCase().includes(i.value);
+            return f(g).toLowerCase().includes(i.value);
           case "checkbox":
-            return (y != null && y.modelValue ? "yes" : "no").includes(i.value);
+            return (g != null && g.modelValue ? "yes" : "no").includes(i.value);
           default:
             return !1;
         }
       }));
     }), S = U(() => s.value ? [...$.value].sort((m, A) => {
-      const M = s.value, y = m[M.key], v = A[M.key];
+      const M = s.value, g = m[M.key], v = A[M.key];
       if (M.type === "date") {
-        const C = new Date(y).getTime(), N = new Date(v).getTime();
+        const C = new Date(g).getTime(), N = new Date(v).getTime();
         return u.value === "asc" ? C - N : N - C;
       }
       if (M.type === "number")
-        return u.value === "asc" ? y - v : v - y;
+        return u.value === "asc" ? g - v : v - g;
       if (M.type === "checkbox") {
-        const C = (y == null ? void 0 : y.modelValue) || !1, N = (v == null ? void 0 : v.modelValue) || !1;
+        const C = (g == null ? void 0 : g.modelValue) || !1, N = (v == null ? void 0 : v.modelValue) || !1;
         return u.value === "asc" ? C === N ? 0 : C ? 1 : -1 : C === N ? 0 : C ? -1 : 1;
       }
-      const x = String(y || "").toLowerCase(), T = String(v || "").toLowerCase();
+      const x = String(g || "").toLowerCase(), T = String(v || "").toLowerCase();
       return u.value === "asc" ? x.localeCompare(T) : T.localeCompare(x);
     }) : $.value);
     return n({
@@ -9439,7 +9444,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
         l.value = "";
       }
     }), (m, A) => {
-      var y;
+      var g;
       const M = Ut("font-awesome-icon");
       return c(), _("div", {
         class: fe(["list", [`list--${m.presentation}`]]),
@@ -9467,7 +9472,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
           ie("div", Hd, [
             de(m.$slots, "header_extras", {}, void 0, !0)
           ]),
-          (y = m.actions) != null && y.length ? (c(), _("div", Wd, [
+          (g = m.actions) != null && g.length ? (c(), _("div", Wd, [
             (c(!0), _(he, null, Ae(m.actions, (v, x) => {
               var T;
               return c(), we(rr, Ze({
@@ -9555,7 +9560,7 @@ const ku = ["for"], Du = { class: "text-input__wrapper" }, Mu = ["id", "type", "
                         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"]),
+                        onClick: Ee((y) => C.onActionClick ? C.onActionClick(v, C) : null, ["stop"]),
                         presentation: m.presentation,
                         size: "small",
                         color: m.presentation === "minimal" ? "inherit" : ""