@a-vision-software/vue-input-components 1.2.2 → 1.2.3

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

@@ -36,8 +36,8 @@ function so(e, t, a) {
     hours: i = 0,
     minutes: u = 0,
     seconds: p = 0
-  } = t, d = _e(e, a == null ? void 0 : a.in), m = r || n ? Ot(d, r + n * 12) : d, c = o || l ? xt(m, o + l * 7) : m, k = u + i * 60, P = (p + k * 60) * 1e3;
-  return Fe(e, +c + P);
+  } = t, d = _e(e, a == null ? void 0 : a.in), m = r || n ? Ot(d, r + n * 12) : d, c = o || l ? xt(m, o + l * 7) : m, k = u + i * 60, A = (p + k * 60) * 1e3;
+  return Fe(e, +c + A);
 }
 function qs(e, t, a) {
   return Fe(e, +_e(e) + t);
@@ -1275,15 +1275,15 @@ function Bi(e, t, a) {
 }
 const zi = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Hi = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Vi = /^'([^]*?)'?$/, Wi = /''/g, ji = /[a-zA-Z]/;
 function Bt(e, t, a) {
-  var d, m, c, k, h, P, N, g;
-  const n = _a(), r = (a == null ? void 0 : a.locale) ?? n.locale ?? ho, l = (a == null ? void 0 : a.firstWeekContainsDate) ?? ((m = (d = a == null ? void 0 : a.locale) == null ? void 0 : d.options) == null ? void 0 : m.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((k = (c = n.locale) == null ? void 0 : c.options) == null ? void 0 : k.firstWeekContainsDate) ?? 1, o = (a == null ? void 0 : a.weekStartsOn) ?? ((P = (h = a == null ? void 0 : a.locale) == null ? void 0 : h.options) == null ? void 0 : P.weekStartsOn) ?? n.weekStartsOn ?? ((g = (N = n.locale) == null ? void 0 : N.options) == null ? void 0 : g.weekStartsOn) ?? 0, i = _e(e, a == null ? void 0 : a.in);
+  var d, m, c, k, h, A, $, g;
+  const n = _a(), r = (a == null ? void 0 : a.locale) ?? n.locale ?? ho, l = (a == null ? void 0 : a.firstWeekContainsDate) ?? ((m = (d = a == null ? void 0 : a.locale) == null ? void 0 : d.options) == null ? void 0 : m.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((k = (c = n.locale) == null ? void 0 : c.options) == null ? void 0 : k.firstWeekContainsDate) ?? 1, o = (a == null ? void 0 : a.weekStartsOn) ?? ((A = (h = a == null ? void 0 : a.locale) == null ? void 0 : h.options) == null ? void 0 : A.weekStartsOn) ?? n.weekStartsOn ?? ((g = ($ = n.locale) == null ? void 0 : $.options) == null ? void 0 : g.weekStartsOn) ?? 0, i = _e(e, a == null ? void 0 : a.in);
   if (!Ha(i))
     throw new RangeError("Invalid time value");
   let u = t.match(Hi).map((x) => {
     const b = x[0];
     if (b === "p" || b === "P") {
-      const M = nr[b];
-      return M(x, r.formatLong);
+      const D = nr[b];
+      return D(x, r.formatLong);
     }
     return x;
   }).join("").match(zi).map((x) => {
@@ -1310,8 +1310,8 @@ function Bt(e, t, a) {
     if (!x.isToken) return x.value;
     const b = x.value;
     (!(a != null && a.useAdditionalWeekYearTokens) && bo(b) || !(a != null && a.useAdditionalDayOfYearTokens) && go(b)) && rr(b, t, String(e));
-    const M = vl[b[0]];
-    return M(i, b, r.localize, p);
+    const D = vl[b[0]];
+    return D(i, b, r.localize, p);
   }).join("");
 }
 function Ui(e) {
@@ -2821,8 +2821,8 @@ const Fu = {
   T: new Nu()
 }, Lu = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Bu = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, zu = /^'([^]*?)'?$/, Hu = /''/g, Vu = /\S/, Wu = /[a-zA-Z]/;
 function lr(e, t, a, n) {
-  var N, g, x, b, M, F, Y, E;
-  const r = () => Fe((n == null ? void 0 : n.in) || a, NaN), l = Gi(), o = (n == null ? void 0 : n.locale) ?? l.locale ?? ho, i = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((g = (N = n == null ? void 0 : n.locale) == null ? void 0 : N.options) == null ? void 0 : g.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? ((b = (x = l.locale) == null ? void 0 : x.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, u = (n == null ? void 0 : n.weekStartsOn) ?? ((F = (M = n == null ? void 0 : n.locale) == null ? void 0 : M.options) == null ? void 0 : F.weekStartsOn) ?? l.weekStartsOn ?? ((E = (Y = l.locale) == null ? void 0 : Y.options) == null ? void 0 : E.weekStartsOn) ?? 0;
+  var $, g, x, b, D, F, E, N;
+  const r = () => Fe((n == null ? void 0 : n.in) || a, NaN), l = Gi(), o = (n == null ? void 0 : n.locale) ?? l.locale ?? ho, i = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((g = ($ = n == null ? void 0 : n.locale) == null ? void 0 : $.options) == null ? void 0 : g.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? ((b = (x = l.locale) == null ? void 0 : x.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, u = (n == null ? void 0 : n.weekStartsOn) ?? ((F = (D = n == null ? void 0 : n.locale) == null ? void 0 : D.options) == null ? void 0 : F.weekStartsOn) ?? l.weekStartsOn ?? ((N = (E = l.locale) == null ? void 0 : E.options) == null ? void 0 : N.weekStartsOn) ?? 0;
   if (!t)
     return e ? r() : _e(a, n == null ? void 0 : n.in);
   const p = {
@@ -2832,30 +2832,30 @@ function lr(e, t, a, n) {
   }, d = [new tu(n == null ? void 0 : n.in, a)], m = t.match(Bu).map((W) => {
     const y = W[0];
     if (y in nr) {
-      const $ = nr[y];
-      return $(W, o.formatLong);
+      const I = nr[y];
+      return I(W, o.formatLong);
     }
     return W;
   }).join("").match(Lu), c = [];
   for (let W of m) {
     !(n != null && n.useAdditionalWeekYearTokens) && bo(W) && rr(W, t, e), !(n != null && n.useAdditionalDayOfYearTokens) && go(W) && rr(W, t, e);
-    const y = W[0], $ = Fu[y];
-    if ($) {
-      const { incompatibleTokens: te } = $;
+    const y = W[0], I = Fu[y];
+    if (I) {
+      const { incompatibleTokens: te } = I;
       if (Array.isArray(te)) {
         const ge = c.find(
-          (D) => te.includes(D.token) || D.token === y
+          (P) => te.includes(P.token) || P.token === y
         );
         if (ge)
           throw new RangeError(
             `The format string mustn't contain \`${ge.fullToken}\` and \`${W}\` at the same time`
           );
-      } else if ($.incompatibleTokens === "*" && c.length > 0)
+      } else if (I.incompatibleTokens === "*" && c.length > 0)
         throw new RangeError(
           `The format string mustn't contain \`${W}\` and any other token at the same time`
         );
       c.push({ token: y, fullToken: W });
-      const ce = $.run(
+      const ce = I.run(
         e,
         W,
         o.match,
@@ -2877,17 +2877,17 @@ function lr(e, t, a, n) {
   }
   if (e.length > 0 && Vu.test(e))
     return r();
-  const k = d.map((W) => W.priority).sort((W, y) => y - W).filter((W, y, $) => $.indexOf(W) === y).map(
-    (W) => d.filter((y) => y.priority === W).sort((y, $) => $.subPriority - y.subPriority)
+  const k = d.map((W) => W.priority).sort((W, y) => y - W).filter((W, y, I) => I.indexOf(W) === y).map(
+    (W) => d.filter((y) => y.priority === W).sort((y, I) => I.subPriority - y.subPriority)
   ).map((W) => W[0]);
   let h = _e(a, n == null ? void 0 : n.in);
   if (isNaN(+h)) return r();
-  const P = {};
+  const A = {};
   for (const W of k) {
     if (!W.validate(h, p))
       return r();
-    const y = W.set(h, P, p);
-    Array.isArray(y) ? (h = y[0], Object.assign(P, y[1])) : h = y;
+    const y = W.set(h, A, p);
+    Array.isArray(y) ? (h = y[0], Object.assign(A, y[1])) : h = y;
   }
   return h;
 }
@@ -3615,27 +3615,27 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   )
 }), We = (e) => {
   const t = () => {
-    const Y = e.enableSeconds ? ":ss" : "", E = e.enableMinutes ? ":mm" : "";
-    return e.is24 ? `HH${E}${Y}` : `hh${E}${Y} aa`;
+    const E = e.enableSeconds ? ":ss" : "", N = e.enableMinutes ? ":mm" : "";
+    return e.is24 ? `HH${N}${E}` : `hh${N}${E} aa`;
   }, a = () => {
-    var Y;
-    return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((Y = N.value) == null ? void 0 : Y.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
-  }, n = (Y) => Lo(Y, e.enableSeconds), r = () => M.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [n(e.startTime[0]), n(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? n(e.startTime) : null, l = j(() => yc(e.multiCalendars)), o = j(() => r()), i = j(() => hc(e.ariaLabels)), u = j(() => _c(e.filters)), p = j(() => bc(e.transitions)), d = j(() => kc(e.actionRow)), m = j(
+    var E;
+    return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((E = $.value) == null ? void 0 : E.type) === "iso" ? "II" : "ww"}-RR` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${t()}` : "MM/dd/yyyy";
+  }, n = (E) => Lo(E, e.enableSeconds), r = () => D.value.enabled ? e.startTime && Array.isArray(e.startTime) ? [n(e.startTime[0]), n(e.startTime[1])] : null : e.startTime && !Array.isArray(e.startTime) ? n(e.startTime) : null, l = j(() => yc(e.multiCalendars)), o = j(() => r()), i = j(() => hc(e.ariaLabels)), u = j(() => _c(e.filters)), p = j(() => bc(e.transitions)), d = j(() => kc(e.actionRow)), m = j(
     () => gc(e.previewFormat, e.format, a())
-  ), c = j(() => wc(e.textInput)), k = j(() => xc(e.inline)), h = j(() => Pc(e.config)), P = j(() => Dc(e.highlight)), N = j(() => Mc(e.weekNumbers)), g = j(() => Ac(e.timezone)), x = j(() => Cc(e.multiDates)), b = j(
+  ), c = j(() => wc(e.textInput)), k = j(() => xc(e.inline)), h = j(() => Pc(e.config)), A = j(() => Dc(e.highlight)), $ = j(() => Mc(e.weekNumbers)), g = j(() => Ac(e.timezone)), x = j(() => Cc(e.multiDates)), b = j(
     () => Sc({
       minDate: e.minDate,
       maxDate: e.maxDate,
       disabledDates: e.disabledDates,
       allowedDates: e.allowedDates,
-      highlight: P.value,
+      highlight: A.value,
       markers: e.markers,
       timezone: g.value,
       isSpecific: e.monthPicker || e.yearPicker || e.quarterPicker,
       isMonthPicker: e.monthPicker,
       isYearPicker: e.yearPicker
     })
-  ), M = j(() => Tc(e.range)), F = j(() => $c(e.ui));
+  ), D = j(() => Tc(e.range)), F = j(() => $c(e.ui));
   return {
     defaultedTransitions: p,
     defaultedMultiCalendars: l,
@@ -3647,17 +3647,17 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     defaultedTextInput: c,
     defaultedInline: k,
     defaultedConfig: h,
-    defaultedHighlight: P,
-    defaultedWeekNumbers: N,
-    defaultedRange: M,
+    defaultedHighlight: A,
+    defaultedWeekNumbers: $,
+    defaultedRange: D,
     propDates: b,
     defaultedTz: g,
     defaultedMultiDates: x,
     defaultedUI: F,
     getDefaultPattern: a,
     getDefaultStartTime: r,
-    handleEventPropagation: (Y) => {
-      h.value.allowStopPropagation && Y.stopPropagation(), h.value.allowPreventDefault && Y.preventDefault();
+    handleEventPropagation: (E) => {
+      h.value.allowStopPropagation && E.stopPropagation(), h.value.allowPreventDefault && E.preventDefault();
     }
   };
 }, Ic = (e, t, a) => {
@@ -3687,11 +3687,11 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     t.modelAuto,
     C ?? u(),
     ie
-  ), P = (s) => s ? t.modelType ? ne(s) : {
+  ), A = (s) => s ? t.modelType ? ne(s) : {
     hours: jt(s),
     minutes: ra(s),
     seconds: t.enableSeconds ? Sa(s) : 0
-  } : null, N = (s) => t.modelType ? ne(s) : { month: Se(s), year: ke(s) }, g = (s) => Array.isArray(s) ? i.value.enabled ? s.map((C) => x(C, Nt(X(), C))) : sn(
+  } : null, $ = (s) => t.modelType ? ne(s) : { month: Se(s), year: ke(s) }, g = (s) => Array.isArray(s) ? i.value.enabled ? s.map((C) => x(C, Nt(X(), C))) : sn(
     () => [
       Nt(X(), s[0]),
       s[1] ? Nt(X(), s[1]) : xa(l.value.partialRange)
@@ -3706,7 +3706,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       s[1],
       aa(null, +s[1].hours, +s[1].minutes, s[1].seconds)
     )
-  ] : x(s, aa(null, s.hours, s.minutes, s.seconds)), M = (s) => {
+  ] : x(s, aa(null, s.hours, s.minutes, s.seconds)), D = (s) => {
     const C = Be(X(), { date: 1 });
     return Array.isArray(s) ? i.value.enabled ? s.map((ie) => x(ie, Vt(C, +ie.month, +ie.year))) : sn(
       () => [
@@ -3722,7 +3722,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     if (Array.isArray(s))
       return s.map((C) => H(C));
     throw new Error(Hr.dateArr("multi-dates"));
-  }, Y = (s) => {
+  }, E = (s) => {
     if (Array.isArray(s) && l.value.enabled) {
       const C = s[0], ie = s[1];
       return [
@@ -3731,7 +3731,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       ];
     }
     return X(s[0]);
-  }, E = (s) => t.modelAuto ? Array.isArray(s) ? [H(s[0]), H(s[1])] : t.autoApply ? [H(s)] : [H(s), null] : Array.isArray(s) ? sn(
+  }, N = (s) => t.modelAuto ? Array.isArray(s) ? [H(s[0]), H(s[1])] : t.autoApply ? [H(s)] : [H(s), null] : Array.isArray(s) ? sn(
     () => s[1] ? [
       H(s[0]),
       s[1] ? H(s[1]) : xa(l.value.partialRange)
@@ -3745,13 +3745,13 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       ne(s[0]),
       s[1] ? ne(s[1]) : xa(l.value.partialRange)
     ];
-  }, $ = () => Array.isArray(n.value) ? n.value[1] ? y() : ne(lt(n.value[0])) : [], te = () => (n.value || []).map((s) => ne(s)), ce = (s = !1) => (s || W(), t.modelAuto ? $() : i.value.enabled ? te() : Array.isArray(n.value) ? sn(() => y(), l.value.enabled) : ne(lt(n.value))), ge = (s) => !s || Array.isArray(s) && !s.length ? null : t.timePicker ? b(lt(s)) : t.monthPicker ? M(lt(s)) : t.yearPicker ? g(lt(s)) : i.value.enabled ? F(lt(s)) : t.weekPicker ? Y(lt(s)) : E(lt(s)), D = (s) => {
+  }, I = () => Array.isArray(n.value) ? n.value[1] ? y() : ne(lt(n.value[0])) : [], te = () => (n.value || []).map((s) => ne(s)), ce = (s = !1) => (s || W(), t.modelAuto ? I() : i.value.enabled ? te() : Array.isArray(n.value) ? sn(() => y(), l.value.enabled) : ne(lt(n.value))), ge = (s) => !s || Array.isArray(s) && !s.length ? null : t.timePicker ? b(lt(s)) : t.monthPicker ? D(lt(s)) : t.yearPicker ? g(lt(s)) : i.value.enabled ? F(lt(s)) : t.weekPicker ? E(lt(s)) : N(lt(s)), P = (s) => {
     const C = ge(s);
     ir(lt(C)) ? (n.value = lt(C), ae()) : (n.value = null, p.value = "");
-  }, R = () => {
+  }, Y = () => {
     const s = (C) => Bt(C, r.value.format);
     return `${s(n.value[0])} ${r.value.rangeSeparator} ${n.value[1] ? s(n.value[1]) : ""}`;
-  }, T = () => a.value && n.value ? Array.isArray(n.value) ? R() : Bt(n.value, r.value.format) : h(n.value), q = () => n.value ? i.value.enabled ? n.value.map((s) => h(s)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? T() : h(n.value) : "", ae = () => {
+  }, M = () => a.value && n.value ? Array.isArray(n.value) ? Y() : Bt(n.value, r.value.format) : h(n.value), q = () => n.value ? i.value.enabled ? n.value.map((s) => h(s)).join("; ") : r.value.enabled && typeof r.value.format == "string" ? M() : h(n.value) : "", ae = () => {
     !t.format || typeof t.format == "string" || r.value.enabled && typeof r.value.format == "string" ? p.value = q() : p.value = t.format(n.value);
   }, H = (s) => {
     if (t.utc) {
@@ -3778,15 +3778,15 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       return [s.map((ie) => X(ie)), C.map((ie) => X(ie))];
     }
     return Ht(n.value, t.weekStart).map((s) => X(s));
-  }, I = (s, C) => L(lt(me(s)), !1, C), V = (s) => {
+  }, R = (s, C) => L(lt(me(s)), !1, C), V = (s) => {
     const C = _();
     return s ? C : e("update:model-value", _());
-  }, G = (s = !1) => (s || ae(), t.monthPicker ? I(N, s) : t.timePicker ? I(P, s) : t.yearPicker ? I(ke, s) : t.weekPicker ? V(s) : L(ce(s), !0, s));
+  }, G = (s = !1) => (s || ae(), t.monthPicker ? R($, s) : t.timePicker ? R(A, s) : t.yearPicker ? R(ke, s) : t.weekPicker ? V(s) : L(ce(s), !0, s));
   return {
     inputValue: p,
     internalModelValue: n,
     checkBeforeEmit: () => n.value ? l.value.enabled ? l.value.partialRange ? n.value.length >= 1 : n.value.length === 2 : !!n.value : !1,
-    parseExternalModelValue: D,
+    parseExternalModelValue: P,
     formatInputValue: ae,
     emitModelValue: G
   };
@@ -3801,8 +3801,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     const c = Be(X(), { month: e.month, year: e.year });
     let k = d ? Ot(c, 1) : $a(c, 1);
     e.disableYearSelect && (k = Nt(k, e.year));
-    let h = Se(k), P = ke(k);
-    a.value.months.includes(h) && (k = l(k, d), h = Se(k), P = ke(k)), a.value.years.includes(P) && (k = o(k, d), P = ke(k)), r(h, P, d, e.preventMinMaxNavigation) && u(h, P, m);
+    let h = Se(k), A = ke(k);
+    a.value.months.includes(h) && (k = l(k, d), h = Se(k), A = ke(k)), a.value.years.includes(A) && (k = o(k, d), A = ke(k)), r(h, A, d, e.preventMinMaxNavigation) && u(h, A, m);
   }, u = (d, m, c) => {
     t("update-month-year", { month: d, year: m, fromNav: c });
   }, p = j(() => (d) => Bo(
@@ -3967,48 +3967,48 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       defaultedInline: u,
       defaultedRange: p,
       defaultedMultiDates: d
-    } = We(n), { isTimeValid: m, isMonthValid: c } = ca(n), { buildMatrix: k } = ua(), h = Q(null), P = Q(null), N = Q(!1), g = Q({}), x = Q(null), b = Q(null);
+    } = We(n), { isTimeValid: m, isMonthValid: c } = ca(n), { buildMatrix: k } = ua(), h = Q(null), A = Q(null), $ = Q(!1), g = Q({}), x = Q(null), b = Q(null);
     nt(() => {
-      n.arrowNavigation && k([tt(h), tt(P)], "actionRow"), M(), window.addEventListener("resize", M);
+      n.arrowNavigation && k([tt(h), tt(A)], "actionRow"), D(), window.addEventListener("resize", D);
     }), ia(() => {
-      window.removeEventListener("resize", M);
+      window.removeEventListener("resize", D);
     });
-    const M = () => {
-      N.value = !1, setTimeout(() => {
-        var D, R;
-        const T = (D = x.value) == null ? void 0 : D.getBoundingClientRect(), q = (R = b.value) == null ? void 0 : R.getBoundingClientRect();
-        T && q && (g.value.maxWidth = `${q.width - T.width - 20}px`), N.value = !0;
+    const D = () => {
+      $.value = !1, setTimeout(() => {
+        var P, Y;
+        const M = (P = x.value) == null ? void 0 : P.getBoundingClientRect(), q = (Y = b.value) == null ? void 0 : Y.getBoundingClientRect();
+        M && q && (g.value.maxWidth = `${q.width - M.width - 20}px`), $.value = !0;
       }, 0);
-    }, F = j(() => p.value.enabled && !p.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), Y = j(
+    }, F = j(() => p.value.enabled && !p.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), E = j(
       () => !m.value(n.internalModelValue) || !c.value(n.internalModelValue) || !F.value
-    ), E = () => {
-      const D = l.value;
-      return n.timePicker || n.monthPicker, D(lt(n.internalModelValue));
+    ), N = () => {
+      const P = l.value;
+      return n.timePicker || n.monthPicker, P(lt(n.internalModelValue));
     }, W = () => {
-      const D = n.internalModelValue;
-      return o.value.count > 0 ? `${y(D[0])} - ${y(D[1])}` : [y(D[0]), y(D[1])];
-    }, y = (D) => zo(
-      D,
+      const P = n.internalModelValue;
+      return o.value.count > 0 ? `${y(P[0])} - ${y(P[1])}` : [y(P[0]), y(P[1])];
+    }, y = (P) => zo(
+      P,
       l.value,
       n.formatLocale,
       i.value.rangeSeparator,
       n.modelAuto,
       l.value
-    ), $ = j(() => !n.internalModelValue || !n.menuMount ? "" : typeof l.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? W() : d.value.enabled ? n.internalModelValue.map((D) => `${y(D)}`) : n.modelAuto ? `${y(n.internalModelValue[0])}` : `${y(n.internalModelValue[0])} -` : y(n.internalModelValue) : E()), te = () => d.value.enabled ? "; " : " - ", ce = j(
-      () => Array.isArray($.value) ? $.value.join(te()) : $.value
+    ), I = j(() => !n.internalModelValue || !n.menuMount ? "" : typeof l.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? W() : d.value.enabled ? n.internalModelValue.map((P) => `${y(P)}`) : n.modelAuto ? `${y(n.internalModelValue[0])}` : `${y(n.internalModelValue[0])} -` : y(n.internalModelValue) : N()), te = () => d.value.enabled ? "; " : " - ", ce = j(
+      () => Array.isArray(I.value) ? I.value.join(te()) : I.value
     ), ge = () => {
       m.value(n.internalModelValue) && c.value(n.internalModelValue) && F.value ? a("select-date") : a("invalid-select");
     };
-    return (D, R) => (w(), S("div", {
+    return (P, Y) => (w(), S("div", {
       ref_key: "actionRowRef",
       ref: b,
       class: "dp__action_row"
     }, [
-      D.$slots["action-row"] ? de(D.$slots, "action-row", st(ot({ key: 0 }, {
-        internalModelValue: D.internalModelValue,
-        disabled: Y.value,
-        selectDate: () => D.$emit("select-date"),
-        closePicker: () => D.$emit("close-picker")
+      P.$slots["action-row"] ? de(P.$slots, "action-row", st(ot({ key: 0 }, {
+        internalModelValue: P.internalModelValue,
+        disabled: E.value,
+        selectDate: () => P.$emit("select-date"),
+        closePicker: () => P.$emit("close-picker")
       }))) : (w(), S(xe, { key: 1 }, [
         v(r).showPreview ? (w(), S("div", {
           key: 0,
@@ -4016,11 +4016,11 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           title: ce.value,
           style: ut(g.value)
         }, [
-          D.$slots["action-preview"] && N.value ? de(D.$slots, "action-preview", {
+          P.$slots["action-preview"] && $.value ? de(P.$slots, "action-preview", {
             key: 0,
-            value: D.internalModelValue
+            value: P.internalModelValue
           }) : z("", !0),
-          !D.$slots["action-preview"] && N.value ? (w(), S(xe, { key: 1 }, [
+          !P.$slots["action-preview"] && $.value ? (w(), S(xe, { key: 1 }, [
             Wt(Le(ce.value), 1)
           ], 64)) : z("", !0)
         ], 12, Yc)) : z("", !0),
@@ -4030,38 +4030,38 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           class: "dp__action_buttons",
           "data-dp-element": "action-row"
         }, [
-          D.$slots["action-buttons"] ? de(D.$slots, "action-buttons", {
+          P.$slots["action-buttons"] ? de(P.$slots, "action-buttons", {
             key: 0,
-            value: D.internalModelValue
+            value: P.internalModelValue
           }) : z("", !0),
-          D.$slots["action-buttons"] ? z("", !0) : (w(), S(xe, { key: 1 }, [
+          P.$slots["action-buttons"] ? z("", !0) : (w(), S(xe, { key: 1 }, [
             !v(u).enabled && v(r).showCancel ? (w(), S("button", {
               key: 0,
               ref_key: "cancelButtonRef",
               ref: h,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: R[0] || (R[0] = (T) => D.$emit("close-picker")),
-              onKeydown: R[1] || (R[1] = (T) => v(pt)(T, () => D.$emit("close-picker")))
-            }, Le(D.cancelText), 545)) : z("", !0),
+              onClick: Y[0] || (Y[0] = (M) => P.$emit("close-picker")),
+              onKeydown: Y[1] || (Y[1] = (M) => v(pt)(M, () => P.$emit("close-picker")))
+            }, Le(P.cancelText), 545)) : z("", !0),
             v(r).showNow ? (w(), S("button", {
               key: 1,
               type: "button",
               class: "dp__action_button dp__action_cancel",
-              onClick: R[2] || (R[2] = (T) => D.$emit("select-now")),
-              onKeydown: R[3] || (R[3] = (T) => v(pt)(T, () => D.$emit("select-now")))
-            }, Le(D.nowButtonLabel), 33)) : z("", !0),
+              onClick: Y[2] || (Y[2] = (M) => P.$emit("select-now")),
+              onKeydown: Y[3] || (Y[3] = (M) => v(pt)(M, () => P.$emit("select-now")))
+            }, Le(P.nowButtonLabel), 33)) : z("", !0),
             v(r).showSelect ? (w(), S("button", {
               key: 2,
               ref_key: "selectButtonRef",
-              ref: P,
+              ref: A,
               type: "button",
               class: "dp__action_button dp__action_select",
-              disabled: Y.value,
+              disabled: E.value,
               "data-test-id": "select-button",
-              onKeydown: R[4] || (R[4] = (T) => v(pt)(T, () => ge())),
+              onKeydown: Y[4] || (Y[4] = (M) => v(pt)(M, () => ge())),
               onClick: ge
-            }, Le(D.selectText), 41, Ec)) : z("", !0)
+            }, Le(P.selectText), 41, Ec)) : z("", !0)
           ], 64))
         ], 512)
       ], 64))
@@ -4092,20 +4092,20 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   setup(e, { expose: t, emit: a }) {
     const { setSelectionGrid: n, buildMultiLevelMatrix: r, setMonthPicker: l } = ua(), o = a, i = e, { defaultedAriaLabels: u, defaultedTextInput: p, defaultedConfig: d, handleEventPropagation: m } = We(
       i
-    ), { hideNavigationButtons: c } = Tn(), k = Q(!1), h = Q(null), P = Q(null), N = Q([]), g = Q(), x = Q(null), b = Q(0), M = Q(null);
+    ), { hideNavigationButtons: c } = Tn(), k = Q(!1), h = Q(null), A = Q(null), $ = Q([]), g = Q(), x = Q(null), b = Q(0), D = Q(null);
     Hs(() => {
       h.value = null;
     }), nt(() => {
-      _t().then(() => ce()), i.noOverlayFocus || Y(), F(!0);
+      _t().then(() => ce()), i.noOverlayFocus || E(), F(!0);
     }), ia(() => F(!1));
     const F = (_) => {
-      var I;
-      i.arrowNavigation && ((I = i.headerRefs) != null && I.length ? l(_) : n(_));
-    }, Y = () => {
+      var R;
+      i.arrowNavigation && ((R = i.headerRefs) != null && R.length ? l(_) : n(_));
+    }, E = () => {
       var _;
-      const I = tt(P);
-      I && (p.value.enabled || (h.value ? (_ = h.value) == null || _.focus({ preventScroll: !0 }) : I.focus({ preventScroll: !0 })), k.value = I.clientHeight < I.scrollHeight);
-    }, E = j(
+      const R = tt(A);
+      R && (p.value.enabled || (h.value ? (_ = h.value) == null || _.focus({ preventScroll: !0 }) : R.focus({ preventScroll: !0 })), k.value = R.clientHeight < R.scrollHeight);
+    }, N = j(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !i.useRelative,
@@ -4115,7 +4115,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       () => i.useRelative ? { height: `${i.height}px`, width: "var(--dp-menu-min-width)" } : void 0
     ), y = j(() => ({
       dp__overlay_col: !0
-    })), $ = j(
+    })), I = j(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -4124,11 +4124,11 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         dp__button_bottom: i.isLast
       })
     ), te = j(() => {
-      var _, I;
+      var _, R;
       return {
         dp__overlay_container: !0,
         dp__container_flex: ((_ = i.items) == null ? void 0 : _.length) <= 6,
-        dp__container_block: ((I = i.items) == null ? void 0 : I.length) > 6
+        dp__container_block: ((R = i.items) == null ? void 0 : R.length) > 6
       };
     });
     gt(
@@ -4138,37 +4138,37 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     );
     const ce = (_ = !0) => {
       _t().then(() => {
-        const I = tt(h), V = tt(P), G = tt(x), s = tt(M), C = G ? G.getBoundingClientRect().height : 0;
-        V && (V.getBoundingClientRect().height ? b.value = V.getBoundingClientRect().height - C : b.value = d.value.modeHeight - C), I && s && _ && (s.scrollTop = I.offsetTop - s.offsetTop - (b.value / 2 - I.getBoundingClientRect().height) - C);
+        const R = tt(h), V = tt(A), G = tt(x), s = tt(D), C = G ? G.getBoundingClientRect().height : 0;
+        V && (V.getBoundingClientRect().height ? b.value = V.getBoundingClientRect().height - C : b.value = d.value.modeHeight - C), R && s && _ && (s.scrollTop = R.offsetTop - s.offsetTop - (b.value / 2 - R.getBoundingClientRect().height) - C);
       });
     }, ge = (_) => {
       _.disabled || o("selected", _.value);
-    }, D = () => {
+    }, P = () => {
       o("toggle"), o("reset-flow");
-    }, R = (_) => {
-      i.escClose && (D(), m(_));
-    }, T = (_, I, V, G) => {
-      _ && ((I.active || I.value === i.focusValue) && (h.value = _), i.arrowNavigation && (Array.isArray(N.value[V]) ? N.value[V][G] = _ : N.value[V] = [_], q()));
+    }, Y = (_) => {
+      i.escClose && (P(), m(_));
+    }, M = (_, R, V, G) => {
+      _ && ((R.active || R.value === i.focusValue) && (h.value = _), i.arrowNavigation && (Array.isArray($.value[V]) ? $.value[V][G] = _ : $.value[V] = [_], q()));
     }, q = () => {
-      var _, I;
-      const V = (_ = i.headerRefs) != null && _.length ? [i.headerRefs].concat(N.value) : N.value.concat([i.skipButtonRef ? [] : [x.value]]);
-      r(lt(V), (I = i.headerRefs) != null && I.length ? "monthPicker" : "selectionGrid");
+      var _, R;
+      const V = (_ = i.headerRefs) != null && _.length ? [i.headerRefs].concat($.value) : $.value.concat([i.skipButtonRef ? [] : [x.value]]);
+      r(lt(V), (R = i.headerRefs) != null && R.length ? "monthPicker" : "selectionGrid");
     }, ae = (_) => {
       i.arrowNavigation || ta(_, d.value, !0);
     }, H = (_) => {
       g.value = _, o("hover-value", _);
     }, ne = () => {
-      if (D(), !i.isLast) {
+      if (P(), !i.isLast) {
         const _ = sr(i.menuWrapRef ?? null, "action-row");
         if (_) {
-          const I = $o(_);
-          I == null || I.focus();
+          const R = $o(_);
+          R == null || R.focus();
         }
       }
     }, L = (_) => {
       switch (_.key) {
         case He.esc:
-          return R(_);
+          return Y(_);
         case He.arrowLeft:
           return ae(_);
         case He.arrowRight:
@@ -4181,26 +4181,26 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           return;
       }
     }, me = (_) => {
-      if (_.key === He.enter) return D();
+      if (_.key === He.enter) return P();
       if (_.key === He.tab) return ne();
     };
-    return t({ focusGrid: Y }), (_, I) => {
+    return t({ focusGrid: E }), (_, R) => {
       var V;
       return w(), S("div", {
         ref_key: "gridWrapRef",
-        ref: P,
-        class: we(E.value),
+        ref: A,
+        class: we(N.value),
         style: ut(W.value),
         role: _.useRelative ? void 0 : "dialog",
         "aria-label": _.overlayLabel,
         tabindex: _.useRelative ? void 0 : "0",
         onKeydown: L,
-        onClick: I[0] || (I[0] = At(() => {
+        onClick: R[0] || (R[0] = At(() => {
         }, ["prevent"]))
       }, [
         ve("div", {
           ref_key: "containerRef",
-          ref: M,
+          ref: D,
           class: we(te.value),
           style: ut({ "--dp-overlay-height": `${b.value}px` }),
           role: "grid"
@@ -4216,7 +4216,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             (w(!0), S(xe, null, Ne(G, (C, ie) => (w(), S("div", {
               key: C.value,
               ref_for: !0,
-              ref: (Re) => T(Re, C, s, ie),
+              ref: (Re) => M(Re, C, s, ie),
               role: "gridcell",
               class: we(y.value),
               "aria-selected": C.active || void 0,
@@ -4247,9 +4247,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           ref: x,
           type: "button",
           "aria-label": (V = v(u)) == null ? void 0 : V.toggleOverlay,
-          class: we($.value),
+          class: we(I.value),
           tabindex: "0",
-          onClick: D,
+          onClick: P,
           onKeydown: me
         }, [
           de(_.$slots, "button-icon")
@@ -4339,13 +4339,13 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   setup(e, { emit: t }) {
     const a = t, n = e, { showRightIcon: r, showLeftIcon: l } = Tn(), { defaultedConfig: o, defaultedMultiCalendars: i, defaultedAriaLabels: u, defaultedTransitions: p, defaultedUI: d } = We(n), { showTransition: m, transitionName: c } = an(p), k = Q(!1), h = (g = !1, x) => {
       k.value = !k.value, a("toggle-year-picker", { flow: g, show: x });
-    }, P = (g) => {
+    }, A = (g) => {
       k.value = !1, a("year-select", g);
-    }, N = (g = !1) => {
+    }, $ = (g = !1) => {
       a("handle-year", g);
     };
     return (g, x) => {
-      var b, M, F, Y, E;
+      var b, D, F, E, N;
       return w(), S(xe, null, [
         ve("div", {
           class: we(["dp--year-mode-picker", { "dp--hidden-el": k.value }])
@@ -4355,8 +4355,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             ref: "mpPrevIconRef",
             "aria-label": (b = v(u)) == null ? void 0 : b.prevYear,
             disabled: e.isDisabled(!1),
-            class: we((M = v(d)) == null ? void 0 : M.navBtnPrev),
-            onActivate: x[0] || (x[0] = (W) => N(!1))
+            class: we((D = v(d)) == null ? void 0 : D.navBtnPrev),
+            onActivate: x[0] || (x[0] = (W) => $(!1))
           }, {
             default: Pe(() => [
               g.$slots["arrow-left"] ? de(g.$slots, "arrow-left", { key: 0 }) : z("", !0),
@@ -4384,10 +4384,10 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           v(r)(v(i), e.instance) ? (w(), Ae(Va, {
             key: 1,
             ref: "mpNextIconRef",
-            "aria-label": (Y = v(u)) == null ? void 0 : Y.nextYear,
+            "aria-label": (E = v(u)) == null ? void 0 : E.nextYear,
             disabled: e.isDisabled(!0),
-            class: we((E = v(d)) == null ? void 0 : E.navBtnNext),
-            onActivate: x[3] || (x[3] = (W) => N(!0))
+            class: we((N = v(d)) == null ? void 0 : N.navBtnNext),
+            onActivate: x[3] || (x[3] = (W) => $(!0))
           }, {
             default: Pe(() => [
               g.$slots["arrow-right"] ? de(g.$slots, "arrow-right", { key: 0 }) : z("", !0),
@@ -4415,7 +4415,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 "overlay-label": (y = (W = v(u)) == null ? void 0 : W.yearPicker) == null ? void 0 : y.call(W, !0),
                 type: "year",
                 onToggle: h,
-                onSelected: x[4] || (x[4] = ($) => P($))
+                onSelected: x[4] || (x[4] = (I) => A(I))
               }, ft({
                 "button-icon": Pe(() => [
                   g.$slots["calendar-icon"] ? de(g.$slots, "calendar-icon", { key: 0 }) : z("", !0),
@@ -4425,10 +4425,10 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               }, [
                 g.$slots["year-overlay-value"] ? {
                   name: "item",
-                  fn: Pe(({ item: $ }) => [
+                  fn: Pe(({ item: I }) => [
                     de(g.$slots, "year-overlay-value", {
-                      text: $.text,
-                      value: $.value
+                      text: I.text,
+                      value: I.value
                     })
                   ]),
                   key: "0"
@@ -4469,10 +4469,10 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   month: p,
   emit: d
 }) => {
-  const m = j(() => zr(o.yearRange, o.locale, o.reverseYears)), c = Q([!1]), k = j(() => ($, te) => {
+  const m = j(() => zr(o.yearRange, o.locale, o.reverseYears)), c = Q([!1]), k = j(() => (I, te) => {
     const ce = Be(Mt(/* @__PURE__ */ new Date()), {
-      month: p.value($),
-      year: u.value($)
+      month: p.value(I),
+      year: u.value(I)
     }), ge = te ? vo(ce) : Qa(ce);
     return Bo(
       ge,
@@ -4481,66 +4481,66 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       o.preventMinMaxNavigation,
       te
     );
-  }), h = () => Array.isArray(l.value) && e.value.solo && l.value[1], P = () => {
-    for (let $ = 0; $ < e.value.count; $++)
-      if ($ === 0)
-        r.value[$] = r.value[0];
-      else if ($ === e.value.count - 1 && h())
-        r.value[$] = {
+  }), h = () => Array.isArray(l.value) && e.value.solo && l.value[1], A = () => {
+    for (let I = 0; I < e.value.count; I++)
+      if (I === 0)
+        r.value[I] = r.value[0];
+      else if (I === e.value.count - 1 && h())
+        r.value[I] = {
           month: Se(l.value[1]),
           year: ke(l.value[1])
         };
       else {
-        const te = Be(X(), r.value[$ - 1]);
-        r.value[$] = { month: Se(te), year: ke(Or(te, 1)) };
+        const te = Be(X(), r.value[I - 1]);
+        r.value[I] = { month: Se(te), year: ke(Or(te, 1)) };
       }
-  }, N = ($) => {
-    if (!$) return P();
-    const te = Be(X(), r.value[$]);
-    return r.value[0].year = ke(Ao(te, e.value.count - 1)), P();
-  }, g = ($, te) => {
-    const ce = Js(te, $);
-    return t.value.showLastInRange && ce > 1 ? te : $;
-  }, x = ($) => o.focusStartDate || e.value.solo ? $[0] : $[1] ? g($[0], $[1]) : $[0], b = () => {
+  }, $ = (I) => {
+    if (!I) return A();
+    const te = Be(X(), r.value[I]);
+    return r.value[0].year = ke(Ao(te, e.value.count - 1)), A();
+  }, g = (I, te) => {
+    const ce = Js(te, I);
+    return t.value.showLastInRange && ce > 1 ? te : I;
+  }, x = (I) => o.focusStartDate || e.value.solo ? I[0] : I[1] ? g(I[0], I[1]) : I[0], b = () => {
     if (l.value) {
-      const $ = Array.isArray(l.value) ? x(l.value) : l.value;
-      r.value[0] = { month: Se($), year: ke($) };
+      const I = Array.isArray(l.value) ? x(l.value) : l.value;
+      r.value[0] = { month: Se(I), year: ke(I) };
     }
-  }, M = () => {
-    b(), e.value.count && P();
+  }, D = () => {
+    b(), e.value.count && A();
   };
-  gt(l, ($, te) => {
-    o.isTextInputDate && JSON.stringify($ ?? {}) !== JSON.stringify(te ?? {}) && M();
+  gt(l, (I, te) => {
+    o.isTextInputDate && JSON.stringify(I ?? {}) !== JSON.stringify(te ?? {}) && D();
   }), nt(() => {
-    M();
+    D();
   });
-  const F = ($, te) => {
-    r.value[te].year = $, d("update-month-year", { instance: te, year: $, month: r.value[te].month }), e.value.count && !e.value.solo && N(te);
-  }, Y = j(() => ($) => Ia(m.value, (te) => {
+  const F = (I, te) => {
+    r.value[te].year = I, d("update-month-year", { instance: te, year: I, month: r.value[te].month }), e.value.count && !e.value.solo && $(te);
+  }, E = j(() => (I) => Ia(m.value, (te) => {
     var ce;
-    const ge = u.value($) === te.value, D = Ga(
+    const ge = u.value(I) === te.value, P = Ga(
       te.value,
       Ra(n.value.minDate),
       Ra(n.value.maxDate)
-    ) || ((ce = i.value.years) == null ? void 0 : ce.includes(u.value($))), R = Wr(a.value, te.value);
-    return { active: ge, disabled: D, highlighted: R };
-  })), E = ($, te) => {
-    F($, te), y(te);
-  }, W = ($, te = !1) => {
-    if (!k.value($, te)) {
-      const ce = te ? u.value($) + 1 : u.value($) - 1;
-      F(ce, $);
+    ) || ((ce = i.value.years) == null ? void 0 : ce.includes(u.value(I))), Y = Wr(a.value, te.value);
+    return { active: ge, disabled: P, highlighted: Y };
+  })), N = (I, te) => {
+    F(I, te), y(te);
+  }, W = (I, te = !1) => {
+    if (!k.value(I, te)) {
+      const ce = te ? u.value(I) + 1 : u.value(I) - 1;
+      F(ce, I);
     }
-  }, y = ($, te = !1, ce) => {
-    te || d("reset-flow"), ce !== void 0 ? c.value[$] = ce : c.value[$] = !c.value[$], c.value[$] ? d("overlay-toggle", { open: !0, overlay: dt.year }) : (d("overlay-closed"), d("overlay-toggle", { open: !1, overlay: dt.year }));
+  }, y = (I, te = !1, ce) => {
+    te || d("reset-flow"), ce !== void 0 ? c.value[I] = ce : c.value[I] = !c.value[I], c.value[I] ? d("overlay-toggle", { open: !0, overlay: dt.year }) : (d("overlay-closed"), d("overlay-toggle", { open: !1, overlay: dt.year }));
   };
   return {
     isDisabled: k,
-    groupedYears: Y,
+    groupedYears: E,
     showYearPicker: c,
     selectYear: F,
     toggleYearPicker: y,
-    handleYearSelect: E,
+    handleYearSelect: N,
     handleYear: W
   };
 }, jc = (e, t) => {
@@ -4556,101 +4556,101 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     defaultedFilters: d,
     defaultedMultiDates: m
   } = We(e), c = () => {
-    e.isTextInputDate && M(ke(X(e.startDate)), 0);
-  }, { modelValue: k, year: h, month: P, calendars: N } = nn(e, t, c), g = j(() => So(e.formatLocale, e.locale, e.monthNameFormat)), x = Q(null), { checkMinMaxRange: b } = ca(e), {
-    selectYear: M,
+    e.isTextInputDate && D(ke(X(e.startDate)), 0);
+  }, { modelValue: k, year: h, month: A, calendars: $ } = nn(e, t, c), g = j(() => So(e.formatLocale, e.locale, e.monthNameFormat)), x = Q(null), { checkMinMaxRange: b } = ca(e), {
+    selectYear: D,
     groupedYears: F,
-    showYearPicker: Y,
-    toggleYearPicker: E,
+    showYearPicker: E,
+    toggleYearPicker: N,
     handleYearSelect: W,
     handleYear: y,
-    isDisabled: $
+    isDisabled: I
   } = qo({
     modelValue: k,
     multiCalendars: a,
     range: o,
     highlight: i,
-    calendars: N,
+    calendars: $,
     year: h,
     propDates: u,
-    month: P,
+    month: A,
     filters: d,
     props: e,
     emit: t
   });
   nt(() => {
-    e.startDate && (k.value && e.focusStartDate || !k.value) && M(ke(X(e.startDate)), 0);
+    e.startDate && (k.value && e.focusStartDate || !k.value) && D(ke(X(e.startDate)), 0);
   });
-  const te = (I) => I ? { month: Se(I), year: ke(I) } : { month: null, year: null }, ce = () => k.value ? Array.isArray(k.value) ? k.value.map((I) => te(I)) : te(k.value) : te(), ge = (I, V) => {
-    const G = N.value[I], s = ce();
+  const te = (R) => R ? { month: Se(R), year: ke(R) } : { month: null, year: null }, ce = () => k.value ? Array.isArray(k.value) ? k.value.map((R) => te(R)) : te(k.value) : te(), ge = (R, V) => {
+    const G = $.value[R], s = ce();
     return Array.isArray(s) ? s.some((C) => C.year === (G == null ? void 0 : G.year) && C.month === V) : (G == null ? void 0 : G.year) === s.year && V === s.month;
-  }, D = (I, V, G) => {
+  }, P = (R, V, G) => {
     var s, C;
     const ie = ce();
-    return Array.isArray(ie) ? h.value(V) === ((s = ie[G]) == null ? void 0 : s.year) && I === ((C = ie[G]) == null ? void 0 : C.month) : !1;
-  }, R = (I, V) => {
+    return Array.isArray(ie) ? h.value(V) === ((s = ie[G]) == null ? void 0 : s.year) && R === ((C = ie[G]) == null ? void 0 : C.month) : !1;
+  }, Y = (R, V) => {
     if (o.value.enabled) {
       const G = ce();
       if (Array.isArray(k.value) && Array.isArray(G)) {
-        const s = D(I, V, 0) || D(I, V, 1), C = Vt(Mt(X()), I, h.value(V));
+        const s = P(R, V, 0) || P(R, V, 1), C = Vt(Mt(X()), R, h.value(V));
         return Xa(k.value, x.value, C) && !s;
       }
       return !1;
     }
     return !1;
-  }, T = j(() => (I) => Ia(g.value, (V) => {
+  }, M = j(() => (R) => Ia(g.value, (V) => {
     var G;
-    const s = ge(I, V.value), C = Ga(
+    const s = ge(R, V.value), C = Ga(
       V.value,
-      Eo(h.value(I), u.value.minDate),
-      No(h.value(I), u.value.maxDate)
-    ) || vc(u.value.disabledDates, h.value(I), V.value) || ((G = d.value.months) == null ? void 0 : G.includes(V.value)) || !pc(u.value.allowedDates, h.value(I), V.value), ie = R(V.value, I), Re = Ho(i.value, V.value, h.value(I));
+      Eo(h.value(R), u.value.minDate),
+      No(h.value(R), u.value.maxDate)
+    ) || vc(u.value.disabledDates, h.value(R), V.value) || ((G = d.value.months) == null ? void 0 : G.includes(V.value)) || !pc(u.value.allowedDates, h.value(R), V.value), ie = Y(V.value, R), Re = Ho(i.value, V.value, h.value(R));
     return { active: s, disabled: C, isBetween: ie, highlighted: Re };
-  })), q = (I, V) => Vt(Mt(X()), I, h.value(V)), ae = (I, V) => {
+  })), q = (R, V) => Vt(Mt(X()), R, h.value(V)), ae = (R, V) => {
     const G = k.value ? k.value : Mt(/* @__PURE__ */ new Date());
-    k.value = Vt(G, I, h.value(V)), t("auto-apply"), t("update-flow-step");
-  }, H = (I, V) => {
-    const G = q(I, V);
-    o.value.fixedEnd || o.value.fixedStart ? k.value = Uo(G, k, t, o) : k.value ? b(G, k.value) && (k.value = Ur(k, q(I, V), t)) : k.value = [q(I, V)], _t().then(() => {
+    k.value = Vt(G, R, h.value(V)), t("auto-apply"), t("update-flow-step");
+  }, H = (R, V) => {
+    const G = q(R, V);
+    o.value.fixedEnd || o.value.fixedStart ? k.value = Uo(G, k, t, o) : k.value ? b(G, k.value) && (k.value = Ur(k, q(R, V), t)) : k.value = [q(R, V)], _t().then(() => {
       Mn(k.value, t, e.autoApply, e.modelAuto);
     });
-  }, ne = (I, V) => {
-    jr(q(I, V), k, m.value.limit), t("auto-apply", !0);
-  }, L = (I, V) => (N.value[V].month = I, _(V, N.value[V].year, I), m.value.enabled ? ne(I, V) : o.value.enabled ? H(I, V) : ae(I, V)), me = (I, V) => {
-    M(I, V), _(V, I, null);
-  }, _ = (I, V, G) => {
+  }, ne = (R, V) => {
+    jr(q(R, V), k, m.value.limit), t("auto-apply", !0);
+  }, L = (R, V) => ($.value[V].month = R, _(V, $.value[V].year, R), m.value.enabled ? ne(R, V) : o.value.enabled ? H(R, V) : ae(R, V)), me = (R, V) => {
+    D(R, V), _(V, R, null);
+  }, _ = (R, V, G) => {
     let s = G;
     if (!s && s !== 0) {
       const C = ce();
-      s = Array.isArray(C) ? C[I].month : C.month;
+      s = Array.isArray(C) ? C[R].month : C.month;
     }
-    t("update-month-year", { instance: I, year: V, month: s });
+    t("update-month-year", { instance: R, year: V, month: s });
   };
   return {
-    groupedMonths: T,
+    groupedMonths: M,
     groupedYears: F,
     year: h,
-    isDisabled: $,
+    isDisabled: I,
     defaultedMultiCalendars: a,
     defaultedAriaLabels: n,
     defaultedTransitions: r,
     defaultedConfig: l,
-    showYearPicker: Y,
+    showYearPicker: E,
     modelValue: k,
-    presetDate: (I, V) => {
+    presetDate: (R, V) => {
       jo({
-        value: I,
+        value: R,
         modelValue: k,
         range: o.value.enabled,
         timezone: V ? void 0 : p.value.timezone
       }), t("auto-apply");
     },
-    setHoverDate: (I, V) => {
-      x.value = q(I, V);
+    setHoverDate: (R, V) => {
+      x.value = q(R, V);
     },
     selectMonth: L,
     selectYear: me,
-    toggleYearPicker: E,
+    toggleYearPicker: N,
     handleYearSelect: W,
     handleYear: y,
     getModelMonthYear: ce
@@ -4690,34 +4690,34 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       defaultedConfig: c,
       showYearPicker: k,
       modelValue: h,
-      presetDate: P,
-      setHoverDate: N,
+      presetDate: A,
+      setHoverDate: $,
       selectMonth: g,
       selectYear: x,
       toggleYearPicker: b,
-      handleYearSelect: M,
+      handleYearSelect: D,
       handleYear: F,
-      getModelMonthYear: Y
+      getModelMonthYear: E
     } = jc(o, n);
     return t({ getSidebarProps: () => ({
       modelValue: h,
       year: p,
-      getModelMonthYear: Y,
+      getModelMonthYear: E,
       selectMonth: g,
       selectYear: x,
       handleYear: F
-    }), presetDate: P, toggleYearPicker: (E) => b(0, E) }), (E, W) => (w(), Ae(Dn, {
+    }), presetDate: A, toggleYearPicker: (N) => b(0, N) }), (N, W) => (w(), Ae(Dn, {
       "multi-calendars": v(m).count,
-      collapse: E.collapse,
+      collapse: N.collapse,
       stretch: "",
-      "is-mobile": E.isMobile
+      "is-mobile": N.isMobile
     }, {
       default: Pe(({ instance: y }) => [
-        E.$slots["top-extra"] ? de(E.$slots, "top-extra", {
+        N.$slots["top-extra"] ? de(N.$slots, "top-extra", {
           key: 0,
-          value: E.internalModelValue
+          value: N.internalModelValue
         }) : z("", !0),
-        E.$slots["month-year"] ? de(E.$slots, "month-year", st(ot({ key: 1 }, {
+        N.$slots["month-year"] ? de(N.$slots, "month-year", st(ot({ key: 1 }, {
           year: v(p),
           months: v(i)(y),
           years: v(u)(y),
@@ -4727,44 +4727,44 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         }))) : (w(), Ae(tn, {
           key: 2,
           items: v(i)(y),
-          "arrow-navigation": E.arrowNavigation,
-          "is-last": E.autoApply && !v(c).keepActionRow,
-          "esc-close": E.escClose,
+          "arrow-navigation": N.arrowNavigation,
+          "is-last": N.autoApply && !v(c).keepActionRow,
+          "esc-close": N.escClose,
           height: v(c).modeHeight,
-          config: E.config,
-          "no-overlay-focus": !!(E.noOverlayFocus || E.textInput),
+          config: N.config,
+          "no-overlay-focus": !!(N.noOverlayFocus || N.textInput),
           "use-relative": "",
           type: "month",
-          onSelected: ($) => v(g)($, y),
-          onHoverValue: ($) => v(N)($, y)
+          onSelected: (I) => v(g)(I, y),
+          onHoverValue: (I) => v($)(I, y)
         }, ft({
           header: Pe(() => [
-            Ze(Wo, ot(E.$props, {
+            Ze(Wo, ot(N.$props, {
               items: v(u)(y),
               instance: y,
               "show-year-picker": v(k)[y],
               year: v(p)(y),
-              "is-disabled": ($) => v(d)(y, $),
-              onHandleYear: ($) => v(F)(y, $),
-              onYearSelect: ($) => v(M)($, y),
-              onToggleYearPicker: ($) => v(b)(y, $ == null ? void 0 : $.flow, $ == null ? void 0 : $.show)
+              "is-disabled": (I) => v(d)(y, I),
+              onHandleYear: (I) => v(F)(y, I),
+              onYearSelect: (I) => v(D)(I, y),
+              onToggleYearPicker: (I) => v(b)(y, I == null ? void 0 : I.flow, I == null ? void 0 : I.show)
             }), ft({ _: 2 }, [
-              Ne(v(l), ($, te) => ({
-                name: $,
+              Ne(v(l), (I, te) => ({
+                name: I,
                 fn: Pe((ce) => [
-                  de(E.$slots, $, st(yt(ce)))
+                  de(N.$slots, I, st(yt(ce)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           _: 2
         }, [
-          E.$slots["month-overlay-value"] ? {
+          N.$slots["month-overlay-value"] ? {
             name: "item",
-            fn: Pe(({ item: $ }) => [
-              de(E.$slots, "month-overlay-value", {
-                text: $.text,
-                value: $.value
+            fn: Pe(({ item: I }) => [
+              de(N.$slots, "month-overlay-value", {
+                text: I.text,
+                value: I.value
               })
             ]),
             key: "0"
@@ -4781,16 +4781,16 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   nt(() => {
     e.startDate && (n.value && e.focusStartDate || !n.value) && (d.value = ke(X(e.startDate)));
   });
-  const m = (g) => Array.isArray(n.value) ? n.value.some((x) => ke(x) === g) : n.value ? ke(n.value) === g : !1, c = (g) => u.value.enabled && Array.isArray(n.value) ? Xa(n.value, r.value, N(g)) : !1, k = (g) => p.value.allowedDates instanceof Map ? p.value.allowedDates.size ? p.value.allowedDates.has(`${g}`) : !1 : !0, h = (g) => p.value.disabledDates instanceof Map ? p.value.disabledDates.size ? p.value.disabledDates.has(`${g}`) : !1 : !0, P = j(() => Ia(zr(e.yearRange, e.locale, e.reverseYears), (g) => {
+  const m = (g) => Array.isArray(n.value) ? n.value.some((x) => ke(x) === g) : n.value ? ke(n.value) === g : !1, c = (g) => u.value.enabled && Array.isArray(n.value) ? Xa(n.value, r.value, $(g)) : !1, k = (g) => p.value.allowedDates instanceof Map ? p.value.allowedDates.size ? p.value.allowedDates.has(`${g}`) : !1 : !0, h = (g) => p.value.disabledDates instanceof Map ? p.value.disabledDates.size ? p.value.disabledDates.has(`${g}`) : !1 : !0, A = j(() => Ia(zr(e.yearRange, e.locale, e.reverseYears), (g) => {
     const x = m(g.value), b = Ga(
       g.value,
       Ra(p.value.minDate),
       Ra(p.value.maxDate)
-    ) || i.value.years.includes(g.value) || !k(g.value) || h(g.value), M = c(g.value) && !x, F = Wr(l.value, g.value);
-    return { active: x, disabled: b, isBetween: M, highlighted: F };
-  })), N = (g) => Nt(Mt(Qa(/* @__PURE__ */ new Date())), g);
+    ) || i.value.years.includes(g.value) || !k(g.value) || h(g.value), D = c(g.value) && !x, F = Wr(l.value, g.value);
+    return { active: x, disabled: b, isBetween: D, highlighted: F };
+  })), $ = (g) => Nt(Mt(Qa(/* @__PURE__ */ new Date())), g);
   return {
-    groupedYears: P,
+    groupedYears: A,
     modelValue: n,
     focusYear: d,
     setHoverValue: (g) => {
@@ -4800,9 +4800,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       var x;
       if (t("update-month-year", { instance: 0, year: g }), o.value.enabled)
         return n.value ? Array.isArray(n.value) && (((x = n.value) == null ? void 0 : x.map((b) => ke(b))).includes(g) ? n.value = n.value.filter((b) => ke(b) !== g) : n.value.push(Nt(it(X()), g))) : n.value = [Nt(it(Qa(X())), g)], t("auto-apply", !0);
-      u.value.enabled ? (n.value = Ur(n, N(g), t), _t().then(() => {
+      u.value.enabled ? (n.value = Ur(n, $(g), t), _t().then(() => {
         Mn(n.value, t, e.autoApply, e.modelAuto);
-      })) : (n.value = N(g), t("auto-apply"));
+      })) : (n.value = $(g), t("auto-apply"));
     }
   };
 }, Qc = /* @__PURE__ */ Ue({
@@ -4898,11 +4898,11 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       defaultedConfig: d,
       defaultedRange: m,
       defaultedMultiCalendars: c
-    } = We(r), { transitionName: k, showTransition: h } = an(u), P = Ja({
+    } = We(r), { transitionName: k, showTransition: h } = an(u), A = Ja({
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), N = Q("AM"), g = Q(null), x = Q([]), b = Q(), M = Q(!1);
+    }), $ = Q("AM"), g = Q(null), x = Q([]), b = Q(), D = Q(!1);
     nt(() => {
       n("mounted");
     });
@@ -4911,15 +4911,15 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       minutes: f.minutes,
       seconds: r.enableSeconds ? f.seconds : 0,
       milliseconds: 0
-    }), Y = j(
+    }), E = j(
       () => (f) => H(f, r[f]) || W(f, r[f])
-    ), E = j(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), W = (f, ee) => m.value.enabled && !m.value.disableTimeRangeValidation ? !r.validateTime(f, ee) : !1, y = (f, ee) => {
+    ), N = j(() => ({ hours: r.hours, minutes: r.minutes, seconds: r.seconds })), W = (f, ee) => m.value.enabled && !m.value.disableTimeRangeValidation ? !r.validateTime(f, ee) : !1, y = (f, ee) => {
       if (m.value.enabled && !m.value.disableTimeRangeValidation) {
         const le = ee ? +r[`${f}Increment`] : -+r[`${f}Increment`], oe = r[f] + le;
         return !r.validateTime(f, oe);
       }
       return !1;
-    }, $ = j(() => (f) => !I(+r[f] + +r[`${f}Increment`], f) || y(f, !0)), te = j(() => (f) => !I(+r[f] - +r[`${f}Increment`], f) || y(f, !1)), ce = (f, ee) => so(Be(X(), f), ee), ge = (f, ee) => Qu(Be(X(), f), ee), D = j(
+    }, I = j(() => (f) => !R(+r[f] + +r[`${f}Increment`], f) || y(f, !0)), te = j(() => (f) => !R(+r[f] - +r[`${f}Increment`], f) || y(f, !1)), ce = (f, ee) => so(Be(X(), f), ee), ge = (f, ee) => Qu(Be(X(), f), ee), P = j(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !r.timePickerInline,
@@ -4929,16 +4929,16 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         dp__time_col_sec: r.enableSeconds && r.is24,
         dp__time_col_sec_with_button: r.enableSeconds && !r.is24
       })
-    ), R = j(
+    ), Y = j(
       () => r.timePickerInline && m.value.enabled && !c.value.count
-    ), T = j(() => {
+    ), M = j(() => {
       const f = [{ type: "hours" }];
       return r.enableMinutes && f.push({ type: "", separator: !0 }, {
         type: "minutes"
       }), r.enableSeconds && f.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), f;
-    }), q = j(() => T.value.filter((f) => !f.separator)), ae = j(() => (f) => {
+    }), q = j(() => M.value.filter((f) => !f.separator)), ae = j(() => (f) => {
       if (f === "hours") {
         const ee = Re(+r.hours);
         return { text: ee < 10 ? `0${ee}` : `${ee}`, value: ee };
@@ -4949,36 +4949,36 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       if (!r.disabledTimesConfig) return !1;
       const oe = r.disabledTimesConfig(r.order, f === "hours" ? ee : void 0);
       return oe[f] ? !!((le = oe[f]) != null && le.includes(ee)) : !0;
-    }, ne = (f, ee) => ee !== "hours" || N.value === "AM" ? f : f + 12, L = (f) => {
+    }, ne = (f, ee) => ee !== "hours" || $.value === "AM" ? f : f + 12, L = (f) => {
       const ee = r.is24 ? 24 : 12, le = f === "hours" ? ee : 60, oe = +r[`${f}GridIncrement`], Oe = f === "hours" && !r.is24 ? oe : 0, Me = [];
       for (let Ye = Oe; Ye < le; Ye += oe)
         Me.push({ value: r.is24 ? Ye : ne(Ye, f), text: Ye < 10 ? `0${Ye}` : `${Ye}` });
-      return f === "hours" && !r.is24 && Me.unshift({ value: N.value === "PM" ? 12 : 0, text: "12" }), Ia(Me, (Ye) => ({ active: !1, disabled: p.value.times[f].includes(Ye.value) || !I(Ye.value, f) || H(f, Ye.value) || W(f, Ye.value) }));
-    }, me = (f) => f >= 0 ? f : 59, _ = (f) => f >= 0 ? f : 23, I = (f, ee) => {
+      return f === "hours" && !r.is24 && Me.unshift({ value: $.value === "PM" ? 12 : 0, text: "12" }), Ia(Me, (Ye) => ({ active: !1, disabled: p.value.times[f].includes(Ye.value) || !R(Ye.value, f) || H(f, Ye.value) || W(f, Ye.value) }));
+    }, me = (f) => f >= 0 ? f : 59, _ = (f) => f >= 0 ? f : 23, R = (f, ee) => {
       const le = r.minTime ? F(Hn(r.minTime)) : null, oe = r.maxTime ? F(Hn(r.maxTime)) : null, Oe = F(
         Hn(
-          E.value,
+          N.value,
           ee,
           ee === "minutes" || ee === "seconds" ? me(f) : _(f)
         )
       );
       return le && oe ? (Ca(Oe, oe) || Da(Oe, oe)) && (ya(Oe, le) || Da(Oe, le)) : le ? ya(Oe, le) || Da(Oe, le) : oe ? Ca(Oe, oe) || Da(Oe, oe) : !0;
     }, V = (f) => r[`no${f[0].toUpperCase() + f.slice(1)}Overlay`], G = (f) => {
-      V(f) || (P[f] = !P[f], P[f] ? (M.value = !0, n("overlay-opened", f)) : (M.value = !1, n("overlay-closed", f)));
+      V(f) || (A[f] = !A[f], A[f] ? (D.value = !0, n("overlay-opened", f)) : (D.value = !1, n("overlay-closed", f)));
     }, s = (f) => f === "hours" ? jt : f === "minutes" ? ra : Sa, C = () => {
       b.value && clearTimeout(b.value);
     }, ie = (f, ee = !0, le) => {
       const oe = ee ? ce : ge, Oe = ee ? +r[`${f}Increment`] : -+r[`${f}Increment`];
-      I(+r[f] + Oe, f) && n(
+      R(+r[f] + Oe, f) && n(
         `update:${f}`,
         s(f)(oe({ [f]: +r[f] }, { [f]: +r[`${f}Increment`] }))
       ), !(le != null && le.keyboard) && d.value.timeArrowHoldThreshold && (b.value = setTimeout(() => {
         ie(f, ee);
       }, d.value.timeArrowHoldThreshold));
-    }, Re = (f) => r.is24 ? f : (f >= 12 ? N.value = "PM" : N.value = "AM", tc(f)), B = () => {
-      N.value === "PM" ? (N.value = "AM", n("update:hours", r.hours - 12)) : (N.value = "PM", n("update:hours", r.hours + 12)), n("am-pm-change", N.value);
+    }, Re = (f) => r.is24 ? f : (f >= 12 ? $.value = "PM" : $.value = "AM", tc(f)), B = () => {
+      $.value === "PM" ? ($.value = "AM", n("update:hours", r.hours - 12)) : ($.value = "PM", n("update:hours", r.hours + 12)), n("am-pm-change", $.value);
     }, De = (f) => {
-      P[f] = !0;
+      A[f] = !0;
     }, K = (f, ee, le) => {
       if (f && r.arrowNavigation) {
         Array.isArray(x.value[ee]) ? x.value[ee][le] = f : x.value[ee] = [f];
@@ -4992,37 +4992,37 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     return t({ openChildCmp: De }), (f, ee) => {
       var le;
       return f.disabled ? z("", !0) : (w(), S("div", Gc, [
-        (w(!0), S(xe, null, Ne(T.value, (oe, Oe) => {
+        (w(!0), S(xe, null, Ne(M.value, (oe, Oe) => {
           var Me, Ye, Ge;
           return w(), S("div", {
             key: Oe,
-            class: we(D.value),
-            "data-compact": R.value && !f.enableSeconds,
-            "data-collapsed": R.value && f.enableSeconds
+            class: we(P.value),
+            "data-compact": Y.value && !f.enableSeconds,
+            "data-collapsed": Y.value && f.enableSeconds
           }, [
             oe.separator ? (w(), S(xe, { key: 0 }, [
-              M.value ? z("", !0) : (w(), S(xe, { key: 0 }, [
+              D.value ? z("", !0) : (w(), S(xe, { key: 0 }, [
                 Wt(":")
               ], 64))
             ], 64)) : (w(), S(xe, { key: 1 }, [
               ve("button", {
                 ref_for: !0,
-                ref: (A) => K(A, Oe, 0),
+                ref: (T) => K(T, Oe, 0),
                 type: "button",
                 class: we({
                   dp__btn: !0,
                   dp__inc_dec_button: !f.timePickerInline,
                   dp__inc_dec_button_inline: f.timePickerInline,
                   dp__tp_inline_btn_top: f.timePickerInline,
-                  dp__inc_dec_button_disabled: $.value(oe.type),
-                  "dp--hidden-el": M.value
+                  dp__inc_dec_button_disabled: I.value(oe.type),
+                  "dp--hidden-el": D.value
                 }),
                 "data-test-id": `${oe.type}-time-inc-btn-${r.order}`,
                 "aria-label": (Me = v(i)) == null ? void 0 : Me.incrementValue(oe.type),
                 tabindex: "0",
-                onKeydown: (A) => v(pt)(A, () => ie(oe.type, !0, { keyboard: !0 }), !0),
-                onClick: (A) => v(d).timeArrowHoldThreshold ? void 0 : ie(oe.type, !0),
-                onMousedown: (A) => v(d).timeArrowHoldThreshold ? ie(oe.type, !0) : void 0,
+                onKeydown: (T) => v(pt)(T, () => ie(oe.type, !0, { keyboard: !0 }), !0),
+                onClick: (T) => v(d).timeArrowHoldThreshold ? void 0 : ie(oe.type, !0),
+                onMousedown: (T) => v(d).timeArrowHoldThreshold ? ie(oe.type, !0) : void 0,
                 onMouseup: C
               }, [
                 r.timePickerInline ? (w(), S(xe, { key: 1 }, [
@@ -5037,22 +5037,22 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               ], 42, Kc),
               ve("button", {
                 ref_for: !0,
-                ref: (A) => K(A, Oe, 1),
+                ref: (T) => K(T, Oe, 1),
                 type: "button",
                 "aria-label": `${ae.value(oe.type).text}-${(Ye = v(i)) == null ? void 0 : Ye.openTpOverlay(oe.type)}`,
                 class: we({
                   dp__time_display: !0,
                   dp__time_display_block: !f.timePickerInline,
                   dp__time_display_inline: f.timePickerInline,
-                  "dp--time-invalid": Y.value(oe.type),
-                  "dp--time-overlay-btn": !Y.value(oe.type),
-                  "dp--hidden-el": M.value
+                  "dp--time-invalid": E.value(oe.type),
+                  "dp--time-overlay-btn": !E.value(oe.type),
+                  "dp--hidden-el": D.value
                 }),
                 disabled: V(oe.type),
                 tabindex: "0",
                 "data-test-id": `${oe.type}-toggle-overlay-btn-${r.order}`,
-                onKeydown: (A) => v(pt)(A, () => G(oe.type), !0),
-                onClick: (A) => G(oe.type)
+                onKeydown: (T) => v(pt)(T, () => G(oe.type), !0),
+                onClick: (T) => G(oe.type)
               }, [
                 f.$slots[oe.type] ? de(f.$slots, oe.type, {
                   key: 0,
@@ -5065,7 +5065,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               ], 42, Zc),
               ve("button", {
                 ref_for: !0,
-                ref: (A) => K(A, Oe, 2),
+                ref: (T) => K(T, Oe, 2),
                 type: "button",
                 class: we({
                   dp__btn: !0,
@@ -5073,14 +5073,14 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   dp__inc_dec_button_inline: f.timePickerInline,
                   dp__tp_inline_btn_bottom: f.timePickerInline,
                   dp__inc_dec_button_disabled: te.value(oe.type),
-                  "dp--hidden-el": M.value
+                  "dp--hidden-el": D.value
                 }),
                 "data-test-id": `${oe.type}-time-dec-btn-${r.order}`,
                 "aria-label": (Ge = v(i)) == null ? void 0 : Ge.decrementValue(oe.type),
                 tabindex: "0",
-                onKeydown: (A) => v(pt)(A, () => ie(oe.type, !1, { keyboard: !0 }), !0),
-                onClick: (A) => v(d).timeArrowHoldThreshold ? void 0 : ie(oe.type, !1),
-                onMousedown: (A) => v(d).timeArrowHoldThreshold ? ie(oe.type, !1) : void 0,
+                onKeydown: (T) => v(pt)(T, () => ie(oe.type, !1, { keyboard: !0 }), !0),
+                onClick: (T) => v(d).timeArrowHoldThreshold ? void 0 : ie(oe.type, !1),
+                onMousedown: (T) => v(d).timeArrowHoldThreshold ? ie(oe.type, !1) : void 0,
                 onMouseup: C
               }, [
                 r.timePickerInline ? (w(), S(xe, { key: 1 }, [
@@ -5100,7 +5100,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           f.$slots["am-pm-button"] ? de(f.$slots, "am-pm-button", {
             key: 0,
             toggle: B,
-            value: N.value
+            value: $.value
           }) : z("", !0),
           f.$slots["am-pm-button"] ? z("", !0) : (w(), S("button", {
             key: 1,
@@ -5111,20 +5111,20 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             role: "button",
             "aria-label": (le = v(i)) == null ? void 0 : le.amPmButton,
             tabindex: "0",
-            "data-compact": R.value,
+            "data-compact": Y.value,
             onClick: B,
             onKeydown: ee[0] || (ee[0] = (oe) => v(pt)(oe, () => B(), !0))
-          }, Le(N.value), 41, td))
+          }, Le($.value), 41, td))
         ])),
         (w(!0), S(xe, null, Ne(q.value, (oe, Oe) => (w(), Ae(na, {
           key: Oe,
-          name: v(k)(P[oe.type]),
+          name: v(k)(A[oe.type]),
           css: v(h)
         }, {
           default: Pe(() => {
             var Me, Ye;
             return [
-              P[oe.type] ? (w(), Ae(tn, {
+              A[oe.type] ? (w(), Ae(tn, {
                 key: 0,
                 items: L(oe.type),
                 "is-last": f.autoApply && !v(d).keepActionRow,
@@ -5199,11 +5199,11 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, { buildMatrix: l, setTimePicker: o } = ua(), i = wa(), { defaultedTransitions: u, defaultedAriaLabels: p, defaultedTextInput: d, defaultedConfig: m, defaultedRange: c } = We(r), { transitionName: k, showTransition: h } = an(u), { hideNavigationButtons: P } = Tn(), N = Q(null), g = Q(null), x = Q([]), b = Q(null), M = Q(!1);
+    const n = a, r = e, { buildMatrix: l, setTimePicker: o } = ua(), i = wa(), { defaultedTransitions: u, defaultedAriaLabels: p, defaultedTextInput: d, defaultedConfig: m, defaultedRange: c } = We(r), { transitionName: k, showTransition: h } = an(u), { hideNavigationButtons: A } = Tn(), $ = Q(null), g = Q(null), x = Q([]), b = Q(null), D = Q(!1);
     nt(() => {
-      n("mount"), !r.timePicker && r.arrowNavigation ? l([tt(N.value)], "time") : o(!0, r.timePicker);
+      n("mount"), !r.timePicker && r.arrowNavigation ? l([tt($.value)], "time") : o(!0, r.timePicker);
     });
-    const F = j(() => c.value.enabled && r.modelAuto ? Co(r.internalModelValue) : !0), Y = Q(!1), E = (H) => ({
+    const F = j(() => c.value.enabled && r.modelAuto ? Co(r.internalModelValue) : !0), E = Q(!1), N = (H) => ({
       hours: Array.isArray(r.hours) ? r.hours[H] : r.hours,
       minutes: Array.isArray(r.minutes) ? r.minutes[H] : r.minutes,
       seconds: Array.isArray(r.seconds) ? r.seconds[H] : r.seconds
@@ -5211,33 +5211,33 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       const H = [];
       if (c.value.enabled)
         for (let ne = 0; ne < 2; ne++)
-          H.push(E(ne));
+          H.push(N(ne));
       else
-        H.push(E(0));
+        H.push(N(0));
       return H;
     }), y = (H, ne = !1, L = "") => {
-      ne || n("reset-flow"), Y.value = H, n(H ? "overlay-opened" : "overlay-closed", dt.time), r.arrowNavigation && o(H), _t(() => {
+      ne || n("reset-flow"), E.value = H, n(H ? "overlay-opened" : "overlay-closed", dt.time), r.arrowNavigation && o(H), _t(() => {
         L !== "" && x.value[0] && x.value[0].openChildCmp(L);
       });
-    }, $ = j(() => ({
+    }, I = j(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: r.autoApply && !m.value.keepActionRow
     })), te = wt(i, "timePicker"), ce = (H, ne, L) => c.value.enabled ? ne === 0 ? [H, W.value[1][L]] : [W.value[0][L], H] : H, ge = (H) => {
       n("update:hours", H);
-    }, D = (H) => {
+    }, P = (H) => {
       n("update:minutes", H);
-    }, R = (H) => {
+    }, Y = (H) => {
       n("update:seconds", H);
-    }, T = () => {
+    }, M = () => {
       if (b.value && !d.value.enabled && !r.noOverlayFocus) {
         const H = $o(b.value);
         H && H.focus({ preventScroll: !0 });
       }
     }, q = (H) => {
-      M.value = !1, n("overlay-closed", H);
+      D.value = !1, n("overlay-closed", H);
     }, ae = (H) => {
-      M.value = !0, n("overlay-opened", H);
+      D.value = !0, n("overlay-opened", H);
     };
     return t({ toggleTimePicker: y }), (H, ne) => {
       var L;
@@ -5248,9 +5248,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         !H.timePicker && !H.timePickerInline ? fn((w(), S("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
-          ref: N,
+          ref: $,
           type: "button",
-          class: we({ ...$.value, "dp--hidden-el": Y.value }),
+          class: we({ ...I.value, "dp--hidden-el": E.value }),
           "aria-label": (L = v(p)) == null ? void 0 : L.openTimePicker,
           tabindex: H.noOverlayFocus ? void 0 : 0,
           "data-test-id": "open-time-picker-btn",
@@ -5260,16 +5260,16 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           H.$slots["clock-icon"] ? de(H.$slots, "clock-icon", { key: 0 }) : z("", !0),
           H.$slots["clock-icon"] ? z("", !0) : (w(), Ae(v(Nr), { key: 1 }))
         ], 42, rd)), [
-          [mn, !v(P)(H.hideNavigation, "time")]
+          [mn, !v(A)(H.hideNavigation, "time")]
         ]) : z("", !0),
         Ze(na, {
-          name: v(k)(Y.value),
+          name: v(k)(E.value),
           css: v(h) && !H.timePickerInline
         }, {
           default: Pe(() => {
             var me, _;
             return [
-              Y.value || H.timePicker || H.timePickerInline ? (w(), S("div", {
+              E.value || H.timePicker || H.timePickerInline ? (w(), S("div", {
                 key: 0,
                 ref_key: "overlayRef",
                 ref: b,
@@ -5295,22 +5295,22 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     minutes: e.minutes,
                     seconds: e.seconds,
                     setHours: ge,
-                    setMinutes: D,
-                    setSeconds: R
+                    setMinutes: P,
+                    setSeconds: Y
                   }) : z("", !0),
                   H.$slots["time-picker-overlay"] ? z("", !0) : (w(), S("div", {
                     key: 1,
                     class: we(H.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (w(!0), S(xe, null, Ne(W.value, (I, V) => fn((w(), Ae(ad, ot({
+                    (w(!0), S(xe, null, Ne(W.value, (R, V) => fn((w(), Ae(ad, ot({
                       key: V,
                       ref_for: !0
                     }, {
                       ...H.$props,
                       order: V,
-                      hours: I.hours,
-                      minutes: I.minutes,
-                      seconds: I.seconds,
+                      hours: R.hours,
+                      minutes: R.minutes,
+                      seconds: R.seconds,
                       closeTimePickerBtn: g.value,
                       disabledTimesConfig: e.disabledTimesConfig,
                       disabled: V === 0 ? v(c).fixedStart : v(c).fixedEnd
@@ -5320,9 +5320,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                       ref: x,
                       "validate-time": (G, s) => e.validateTime(G, ce(s, V, G)),
                       "onUpdate:hours": (G) => ge(ce(G, V, "hours")),
-                      "onUpdate:minutes": (G) => D(ce(G, V, "minutes")),
-                      "onUpdate:seconds": (G) => R(ce(G, V, "seconds")),
-                      onMounted: T,
+                      "onUpdate:minutes": (G) => P(ce(G, V, "minutes")),
+                      "onUpdate:seconds": (G) => Y(ce(G, V, "seconds")),
+                      onMounted: M,
                       onOverlayClosed: q,
                       onOverlayOpened: ae,
                       onAmPmChange: ne[2] || (ne[2] = (G) => H.$emit("am-pm-change", G))
@@ -5342,16 +5342,16 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     ref_key: "closeTimePickerBtn",
                     ref: g,
                     type: "button",
-                    class: we({ ...$.value, "dp--hidden-el": M.value }),
+                    class: we({ ...I.value, "dp--hidden-el": D.value }),
                     "aria-label": (_ = v(p)) == null ? void 0 : _.closeTimePicker,
                     tabindex: "0",
-                    onKeydown: ne[3] || (ne[3] = (I) => v(pt)(I, () => y(!1))),
-                    onClick: ne[4] || (ne[4] = (I) => y(!1))
+                    onKeydown: ne[3] || (ne[3] = (R) => v(pt)(R, () => y(!1))),
+                    onClick: ne[4] || (ne[4] = (R) => y(!1))
                   }, [
                     H.$slots["calendar-icon"] ? de(H.$slots, "calendar-icon", { key: 0 }) : z("", !0),
                     H.$slots["calendar-icon"] ? z("", !0) : (w(), Ae(v(Ea), { key: 1 }))
                   ], 42, od)), [
-                    [mn, !v(P)(H.hideNavigation, "time")]
+                    [mn, !v(A)(H.hideNavigation, "time")]
                   ]) : z("", !0)
                 ], 2)
               ], 14, ld)) : z("", !0)
@@ -5363,48 +5363,48 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     };
   }
 }), Go = (e, t, a, n) => {
-  const { defaultedRange: r } = We(e), l = (b, M) => Array.isArray(t[b]) ? t[b][M] : t[b], o = (b) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[b] : t.seconds : 0, i = (b, M) => b ? M !== void 0 ? aa(b, l("hours", M), l("minutes", M), o(M)) : aa(b, t.hours, t.minutes, o()) : To(X(), o(M)), u = (b, M) => {
-    t[b] = M;
-  }, p = j(() => e.modelAuto && r.value.enabled ? Array.isArray(a.value) ? a.value.length > 1 : !1 : r.value.enabled), d = (b, M) => {
+  const { defaultedRange: r } = We(e), l = (b, D) => Array.isArray(t[b]) ? t[b][D] : t[b], o = (b) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[b] : t.seconds : 0, i = (b, D) => b ? D !== void 0 ? aa(b, l("hours", D), l("minutes", D), o(D)) : aa(b, t.hours, t.minutes, o()) : To(X(), o(D)), u = (b, D) => {
+    t[b] = D;
+  }, p = j(() => e.modelAuto && r.value.enabled ? Array.isArray(a.value) ? a.value.length > 1 : !1 : r.value.enabled), d = (b, D) => {
     const F = Object.fromEntries(
-      Object.keys(t).map((Y) => Y === b ? [Y, M] : [Y, t[Y]].slice())
+      Object.keys(t).map((E) => E === b ? [E, D] : [E, t[E]].slice())
     );
     if (p.value && !r.value.disableTimeRangeValidation) {
-      const Y = (W) => a.value ? aa(
+      const E = (W) => a.value ? aa(
         a.value[W],
         F.hours[W],
         F.minutes[W],
         F.seconds[W]
-      ) : null, E = (W) => Mo(a.value[W], 0);
-      return !(Ce(Y(0), Y(1)) && (ya(Y(0), E(1)) || Ca(Y(1), E(0))));
+      ) : null, N = (W) => Mo(a.value[W], 0);
+      return !(Ce(E(0), E(1)) && (ya(E(0), N(1)) || Ca(E(1), N(0))));
     }
     return !0;
-  }, m = (b, M) => {
-    d(b, M) && (u(b, M), n && n());
+  }, m = (b, D) => {
+    d(b, D) && (u(b, D), n && n());
   }, c = (b) => {
     m("hours", b);
   }, k = (b) => {
     m("minutes", b);
   }, h = (b) => {
     m("seconds", b);
-  }, P = (b, M, F, Y) => {
-    M && c(b), !M && !F && k(b), F && h(b), a.value && Y(a.value);
-  }, N = (b) => {
+  }, A = (b, D, F, E) => {
+    D && c(b), !D && !F && k(b), F && h(b), a.value && E(a.value);
+  }, $ = (b) => {
     if (b) {
-      const M = Array.isArray(b), F = M ? [+b[0].hours, +b[1].hours] : +b.hours, Y = M ? [+b[0].minutes, +b[1].minutes] : +b.minutes, E = M ? [+b[0].seconds, +b[1].seconds] : +b.seconds;
-      u("hours", F), u("minutes", Y), e.enableSeconds && u("seconds", E);
+      const D = Array.isArray(b), F = D ? [+b[0].hours, +b[1].hours] : +b.hours, E = D ? [+b[0].minutes, +b[1].minutes] : +b.minutes, N = D ? [+b[0].seconds, +b[1].seconds] : +b.seconds;
+      u("hours", F), u("minutes", E), e.enableSeconds && u("seconds", N);
     }
-  }, g = (b, M) => {
+  }, g = (b, D) => {
     const F = {
       hours: Array.isArray(t.hours) ? t.hours[b] : t.hours,
       disabledArr: []
     };
-    return (M || M === 0) && (F.hours = M), Array.isArray(e.disabledTimes) && (F.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[b]) ? e.disabledTimes[b] : e.disabledTimes), F;
-  }, x = j(() => (b, M) => {
+    return (D || D === 0) && (F.hours = D), Array.isArray(e.disabledTimes) && (F.disabledArr = r.value.enabled && Array.isArray(e.disabledTimes[b]) ? e.disabledTimes[b] : e.disabledTimes), F;
+  }, x = j(() => (b, D) => {
     var F;
     if (Array.isArray(e.disabledTimes)) {
-      const { disabledArr: Y, hours: E } = g(b, M), W = Y.filter((y) => +y.hours === E);
-      return ((F = W[0]) == null ? void 0 : F.minutes) === "*" ? { hours: [E], minutes: void 0, seconds: void 0 } : {
+      const { disabledArr: E, hours: N } = g(b, D), W = E.filter((y) => +y.hours === N);
+      return ((F = W[0]) == null ? void 0 : F.minutes) === "*" ? { hours: [N], minutes: void 0, seconds: void 0 } : {
         hours: [],
         minutes: (W == null ? void 0 : W.map((y) => +y.minutes)) ?? [],
         seconds: (W == null ? void 0 : W.map((y) => y.seconds ? +y.seconds : void 0)) ?? []
@@ -5418,64 +5418,64 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     updateMinutes: k,
     updateSeconds: h,
     getSetDateTime: i,
-    updateTimeValues: P,
+    updateTimeValues: A,
     getSecondsValue: o,
-    assignStartTime: N,
+    assignStartTime: $,
     validateTime: d,
     disabledTimesConfig: x
   };
 }, sd = (e, t) => {
   const a = () => {
-    e.isTextInputDate && M();
+    e.isTextInputDate && D();
   }, { modelValue: n, time: r } = nn(e, t, a), { defaultedStartTime: l, defaultedRange: o, defaultedTz: i } = We(e), { updateTimeValues: u, getSetDateTime: p, setTime: d, assignStartTime: m, disabledTimesConfig: c, validateTime: k } = Go(e, r, n, h);
   function h() {
     t("update-flow-step");
   }
-  const P = (Y) => {
-    const { hours: E, minutes: W, seconds: y } = Y;
-    return { hours: +E, minutes: +W, seconds: y ? +y : 0 };
-  }, N = () => {
+  const A = (E) => {
+    const { hours: N, minutes: W, seconds: y } = E;
+    return { hours: +N, minutes: +W, seconds: y ? +y : 0 };
+  }, $ = () => {
     if (e.startTime) {
       if (Array.isArray(e.startTime)) {
-        const E = P(e.startTime[0]), W = P(e.startTime[1]);
-        return [Be(X(), E), Be(X(), W)];
+        const N = A(e.startTime[0]), W = A(e.startTime[1]);
+        return [Be(X(), N), Be(X(), W)];
       }
-      const Y = P(e.startTime);
-      return Be(X(), Y);
+      const E = A(e.startTime);
+      return Be(X(), E);
     }
     return o.value.enabled ? [null, null] : null;
   }, g = () => {
     if (o.value.enabled) {
-      const [Y, E] = N();
+      const [E, N] = $();
       n.value = [
-        bt(p(Y, 0), i.value.timezone),
-        bt(p(E, 1), i.value.timezone)
+        bt(p(E, 0), i.value.timezone),
+        bt(p(N, 1), i.value.timezone)
       ];
     } else
-      n.value = bt(p(N()), i.value.timezone);
-  }, x = (Y) => Array.isArray(Y) ? [ha(X(Y[0])), ha(X(Y[1]))] : [ha(Y ?? X())], b = (Y, E, W) => {
-    d("hours", Y), d("minutes", E), d("seconds", e.enableSeconds ? W : 0);
-  }, M = () => {
-    const [Y, E] = x(n.value);
+      n.value = bt(p($()), i.value.timezone);
+  }, x = (E) => Array.isArray(E) ? [ha(X(E[0])), ha(X(E[1]))] : [ha(E ?? X())], b = (E, N, W) => {
+    d("hours", E), d("minutes", N), d("seconds", e.enableSeconds ? W : 0);
+  }, D = () => {
+    const [E, N] = x(n.value);
     return o.value.enabled ? b(
-      [Y.hours, E.hours],
-      [Y.minutes, E.minutes],
-      [Y.seconds, E.seconds]
-    ) : b(Y.hours, Y.minutes, Y.seconds);
+      [E.hours, N.hours],
+      [E.minutes, N.minutes],
+      [E.seconds, N.seconds]
+    ) : b(E.hours, E.minutes, E.seconds);
   };
   nt(() => {
     if (!e.shadow)
-      return m(l.value), n.value ? M() : g();
+      return m(l.value), n.value ? D() : g();
   });
   const F = () => {
-    Array.isArray(n.value) ? n.value = n.value.map((Y, E) => Y && p(Y, E)) : n.value = p(n.value), t("time-update");
+    Array.isArray(n.value) ? n.value = n.value.map((E, N) => E && p(E, N)) : n.value = p(n.value), t("time-update");
   };
   return {
     modelValue: n,
     time: r,
     disabledTimesConfig: c,
-    updateTime: (Y, E = !0, W = !1) => {
-      u(Y, E, W, F);
+    updateTime: (E, N = !0, W = !1) => {
+      u(E, N, W, F);
     },
     validateTime: k
   };
@@ -5504,9 +5504,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       modelValue: p,
       time: u,
       updateTime: m
-    }), toggleTimePicker: (k, h = !1, P = "") => {
-      var N;
-      (N = i.value) == null || N.toggleTimePicker(k, h, P);
+    }), toggleTimePicker: (k, h = !1, A = "") => {
+      var $;
+      ($ = i.value) == null || $.toggleTimePicker(k, h, A);
     } }), (k, h) => (w(), Ae(Dn, {
       "multi-calendars": 0,
       stretch: "",
@@ -5523,18 +5523,18 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           "internal-model-value": k.internalModelValue,
           "disabled-times-config": v(d),
           "validate-time": v(c),
-          "onUpdate:hours": h[0] || (h[0] = (P) => v(m)(P)),
-          "onUpdate:minutes": h[1] || (h[1] = (P) => v(m)(P, !1)),
-          "onUpdate:seconds": h[2] || (h[2] = (P) => v(m)(P, !1, !0)),
-          onAmPmChange: h[3] || (h[3] = (P) => k.$emit("am-pm-change", P)),
-          onResetFlow: h[4] || (h[4] = (P) => k.$emit("reset-flow")),
-          onOverlayClosed: h[5] || (h[5] = (P) => k.$emit("overlay-toggle", { open: !1, overlay: P })),
-          onOverlayOpened: h[6] || (h[6] = (P) => k.$emit("overlay-toggle", { open: !0, overlay: P }))
+          "onUpdate:hours": h[0] || (h[0] = (A) => v(m)(A)),
+          "onUpdate:minutes": h[1] || (h[1] = (A) => v(m)(A, !1)),
+          "onUpdate:seconds": h[2] || (h[2] = (A) => v(m)(A, !1, !0)),
+          onAmPmChange: h[3] || (h[3] = (A) => k.$emit("am-pm-change", A)),
+          onResetFlow: h[4] || (h[4] = (A) => k.$emit("reset-flow")),
+          onOverlayClosed: h[5] || (h[5] = (A) => k.$emit("overlay-toggle", { open: !1, overlay: A })),
+          onOverlayOpened: h[6] || (h[6] = (A) => k.$emit("overlay-toggle", { open: !0, overlay: A }))
         }), ft({ _: 2 }, [
-          Ne(v(o), (P, N) => ({
-            name: P,
+          Ne(v(o), (A, $) => ({
+            name: A,
             fn: Pe((g) => [
-              de(k.$slots, P, st(yt(g)))
+              de(k.$slots, A, st(yt(g)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"])
@@ -5569,61 +5569,61 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       defaultedHighlight: d,
       propDates: m,
       defaultedUI: c
-    } = We(r), { transitionName: k, showTransition: h } = an(l), { buildMatrix: P } = ua(), { handleMonthYearChange: N, isDisabled: g, updateMonthYear: x } = Rc(r, n), { showLeftIcon: b, showRightIcon: M } = Tn(), F = Q(!1), Y = Q(!1), E = Q(!1), W = Q([null, null, null, null]);
+    } = We(r), { transitionName: k, showTransition: h } = an(l), { buildMatrix: A } = ua(), { handleMonthYearChange: $, isDisabled: g, updateMonthYear: x } = Rc(r, n), { showLeftIcon: b, showRightIcon: D } = Tn(), F = Q(!1), E = Q(!1), N = Q(!1), W = Q([null, null, null, null]);
     nt(() => {
       n("mount");
     });
     const y = (_) => ({
       get: () => r[_],
-      set: (I) => {
+      set: (R) => {
         const V = _ === Pt.month ? Pt.year : Pt.month;
-        n("update-month-year", { [_]: I, [V]: r[V] }), _ === Pt.month ? q(!0) : ae(!0);
+        n("update-month-year", { [_]: R, [V]: r[V] }), _ === Pt.month ? q(!0) : ae(!0);
       }
-    }), $ = j(y(Pt.month)), te = j(y(Pt.year)), ce = j(() => (_) => ({
+    }), I = j(y(Pt.month)), te = j(y(Pt.year)), ce = j(() => (_) => ({
       month: r.month,
       year: r.year,
       items: _ === Pt.month ? r.months : r.years,
       instance: r.instance,
       updateMonthYear: x,
       toggle: _ === Pt.month ? q : ae
-    })), ge = j(() => r.months.find((I) => I.value === r.month) || { text: "", value: 0 }), D = j(() => Ia(r.months, (_) => {
-      const I = r.month === _.value, V = Ga(
+    })), ge = j(() => r.months.find((R) => R.value === r.month) || { text: "", value: 0 }), P = j(() => Ia(r.months, (_) => {
+      const R = r.month === _.value, V = Ga(
         _.value,
         Eo(r.year, m.value.minDate),
         No(r.year, m.value.maxDate)
       ) || u.value.months.includes(_.value), G = Ho(d.value, _.value, r.year);
-      return { active: I, disabled: V, highlighted: G };
-    })), R = j(() => Ia(r.years, (_) => {
-      const I = r.year === _.value, V = Ga(
+      return { active: R, disabled: V, highlighted: G };
+    })), Y = j(() => Ia(r.years, (_) => {
+      const R = r.year === _.value, V = Ga(
         _.value,
         Ra(m.value.minDate),
         Ra(m.value.maxDate)
       ) || u.value.years.includes(_.value), G = Wr(d.value, _.value);
-      return { active: I, disabled: V, highlighted: G };
-    })), T = (_, I, V) => {
-      V !== void 0 ? _.value = V : _.value = !_.value, _.value ? (E.value = !0, n("overlay-opened", I)) : (E.value = !1, n("overlay-closed", I));
-    }, q = (_ = !1, I) => {
-      H(_), T(F, dt.month, I);
-    }, ae = (_ = !1, I) => {
-      H(_), T(Y, dt.year, I);
+      return { active: R, disabled: V, highlighted: G };
+    })), M = (_, R, V) => {
+      V !== void 0 ? _.value = V : _.value = !_.value, _.value ? (N.value = !0, n("overlay-opened", R)) : (N.value = !1, n("overlay-closed", R));
+    }, q = (_ = !1, R) => {
+      H(_), M(F, dt.month, R);
+    }, ae = (_ = !1, R) => {
+      H(_), M(E, dt.year, R);
     }, H = (_) => {
       _ || n("reset-flow");
-    }, ne = (_, I) => {
-      r.arrowNavigation && (W.value[I] = tt(_), P(W.value, "monthYear"));
+    }, ne = (_, R) => {
+      r.arrowNavigation && (W.value[R] = tt(_), A(W.value, "monthYear"));
     }, L = j(() => {
-      var _, I, V, G, s, C;
+      var _, R, V, G, s, C;
       return [
         {
           type: Pt.month,
           index: 1,
           toggle: q,
-          modelValue: $.value,
-          updateModelValue: (ie) => $.value = ie,
+          modelValue: I.value,
+          updateModelValue: (ie) => I.value = ie,
           text: ge.value.text,
           showSelectionGrid: F.value,
-          items: D.value,
+          items: P.value,
           ariaLabel: (_ = o.value) == null ? void 0 : _.openMonthsOverlay,
-          overlayLabel: ((V = (I = o.value).monthPicker) == null ? void 0 : V.call(I, !0)) ?? void 0
+          overlayLabel: ((V = (R = o.value).monthPicker) == null ? void 0 : V.call(R, !0)) ?? void 0
         },
         {
           type: Pt.year,
@@ -5632,8 +5632,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           modelValue: te.value,
           updateModelValue: (ie) => te.value = ie,
           text: Io(r.year, r.locale),
-          showSelectionGrid: Y.value,
-          items: R.value,
+          showSelectionGrid: E.value,
+          items: Y.value,
           ariaLabel: (G = o.value) == null ? void 0 : G.openYearsOverlay,
           overlayLabel: ((C = (s = o.value).yearPicker) == null ? void 0 : C.call(s, !0)) ?? void 0
         }
@@ -5642,8 +5642,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     return t({
       toggleMonthPicker: q,
       toggleYearPicker: ae,
-      handleMonthYearChange: N
-    }), (_, I) => {
+      handleMonthYearChange: $
+    }), (_, R) => {
       var V, G, s, C, ie, Re;
       return w(), S("div", ud, [
         _.$slots["month-year"] ? (w(), S("div", cd, [
@@ -5653,7 +5653,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             months: e.months,
             years: e.years,
             updateMonthYear: v(x),
-            handleMonthYearChange: v(N),
+            handleMonthYearChange: v($),
             instance: e.instance,
             isDisabled: v(g)
           })))
@@ -5668,8 +5668,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               disabled: v(g)(!1),
               class: we((G = v(c)) == null ? void 0 : G.navBtnPrev),
               "el-name": "action-prev",
-              onActivate: I[0] || (I[0] = (B) => v(N)(!1, !0)),
-              onSetRef: I[1] || (I[1] = (B) => ne(B, 0))
+              onActivate: R[0] || (R[0] = (B) => v($)(!1, !0)),
+              onSetRef: R[1] || (R[1] = (B) => ne(B, 0))
             }, {
               default: Pe(() => [
                 _.$slots["arrow-left"] ? de(_.$slots, "arrow-left", { key: 0 }) : z("", !0),
@@ -5690,7 +5690,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   ref: (K) => ne(K, De + 1),
                   type: "button",
                   "data-dp-element": `overlay-${B.type}`,
-                  class: we(["dp__btn dp__month_year_select", { "dp--hidden-el": E.value }]),
+                  class: we(["dp__btn dp__month_year_select", { "dp--hidden-el": N.value }]),
                   "aria-label": `${B.text}-${B.ariaLabel}`,
                   "data-test-id": `${B.type}-toggle-overlay-${e.instance}`,
                   onClick: B.toggle,
@@ -5772,7 +5772,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               "el-name": "action-prev",
               disabled: v(g)(!1),
               class: we((C = v(c)) == null ? void 0 : C.navBtnPrev),
-              onActivate: I[2] || (I[2] = (B) => v(N)(!1, !0))
+              onActivate: R[2] || (R[2] = (B) => v($)(!1, !0))
             }, {
               default: Pe(() => [
                 _.$slots["arrow-up"] ? de(_.$slots, "arrow-up", { key: 0 }) : z("", !0),
@@ -5780,15 +5780,15 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : z("", !0),
-            v(M)(v(i), e.instance) ? (w(), Ae(Va, {
+            v(D)(v(i), e.instance) ? (w(), Ae(Va, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
               disabled: v(g)(!0),
               "aria-label": (ie = v(o)) == null ? void 0 : ie.nextMonth,
               class: we((Re = v(c)) == null ? void 0 : Re.navBtnNext),
-              onActivate: I[3] || (I[3] = (B) => v(N)(!0, !0)),
-              onSetRef: I[4] || (I[4] = (B) => ne(B, _.disableYearSelect ? 2 : 3))
+              onActivate: R[3] || (R[3] = (B) => v($)(!0, !0)),
+              onSetRef: R[4] || (R[4] = (B) => ne(B, _.disableYearSelect ? 2 : 3))
             }, {
               default: Pe(() => [
                 _.$slots[_.vertical ? "arrow-down" : "arrow-right"] ? de(_.$slots, _.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : z("", !0),
@@ -5847,13 +5847,13 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       bottom: "",
       left: "",
       transform: ""
-    }), P = Q([]), N = Q(null), g = Q(!0), x = Q(""), b = Q({ startX: 0, endX: 0, startY: 0, endY: 0 }), M = Q([]), F = Q({ left: "50%" }), Y = Q(!1), E = j(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), W = j(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : ec(r.formatLocale, r.locale, +r.weekStart));
+    }), A = Q([]), $ = Q(null), g = Q(!0), x = Q(""), b = Q({ startX: 0, endX: 0, startY: 0, endY: 0 }), D = Q([]), F = Q({ left: "50%" }), E = Q(!1), N = j(() => r.calendar ? r.calendar(r.mappedDates) : r.mappedDates), W = j(() => r.dayNames ? Array.isArray(r.dayNames) ? r.dayNames : r.dayNames(r.locale, +r.weekStart) : ec(r.formatLocale, r.locale, +r.weekStart));
     nt(() => {
-      n("mount", { cmp: "calendar", refs: P }), i.value.noSwipe || N.value && (N.value.addEventListener("touchstart", ne, { passive: !1 }), N.value.addEventListener("touchend", L, { passive: !1 }), N.value.addEventListener("touchmove", me, { passive: !1 })), r.monthChangeOnScroll && N.value && N.value.addEventListener("wheel", V, { passive: !1 });
+      n("mount", { cmp: "calendar", refs: A }), i.value.noSwipe || $.value && ($.value.addEventListener("touchstart", ne, { passive: !1 }), $.value.addEventListener("touchend", L, { passive: !1 }), $.value.addEventListener("touchmove", me, { passive: !1 })), r.monthChangeOnScroll && $.value && $.value.addEventListener("wheel", V, { passive: !1 });
     }), ia(() => {
-      i.value.noSwipe || N.value && (N.value.removeEventListener("touchstart", ne), N.value.removeEventListener("touchend", L), N.value.removeEventListener("touchmove", me)), r.monthChangeOnScroll && N.value && N.value.removeEventListener("wheel", V);
+      i.value.noSwipe || $.value && ($.value.removeEventListener("touchstart", ne), $.value.removeEventListener("touchend", L), $.value.removeEventListener("touchmove", me)), r.monthChangeOnScroll && $.value && $.value.removeEventListener("wheel", V);
     });
-    const y = (B) => B ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", $ = (B, De) => {
+    const y = (B) => B ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", I = (B, De) => {
       if (r.transitions) {
         const K = it(Vt(X(), r.month, r.year));
         x.value = Ke(it(Vt(X(), B, De)), K) ? o.value[y(!0)] : o.value[y(!1)], g.value = !1, _t(() => {
@@ -5870,15 +5870,15 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         dp__marker_dot: De.type === "dot",
         dp__marker_line: De.type === "line"
       };
-    }), ge = j(() => (B) => Ce(B, k.value)), D = j(() => ({
+    }), ge = j(() => (B) => Ce(B, k.value)), P = j(() => ({
       dp__calendar: !0,
       dp__calendar_next: p.value.count > 0 && r.instance !== 0
-    })), R = j(() => (B) => r.hideOffsetDates ? B.current : !0), T = async (B, De) => {
+    })), Y = j(() => (B) => r.hideOffsetDates ? B.current : !0), M = async (B, De) => {
       const { width: K, height: re } = B.getBoundingClientRect();
       k.value = De.value;
       let f = { left: `${K / 2}px` }, ee = -50;
-      if (await _t(), M.value[0]) {
-        const { left: le, width: oe } = M.value[0].getBoundingClientRect();
+      if (await _t(), D.value[0]) {
+        const { left: le, width: oe } = D.value[0].getBoundingClientRect();
         le < 0 && (f = { left: "0" }, ee = 0, F.value.left = `${K / 2}px`), window.innerWidth < le + oe && (f = { right: "0" }, ee = 0, F.value.left = `${oe - K / 2}px`);
       }
       h.value = {
@@ -5888,11 +5888,11 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       };
     }, q = async (B, De, K) => {
       var re, f, ee;
-      const le = tt(P.value[De][K]);
-      le && ((re = B.marker) != null && re.customPosition && (ee = (f = B.marker) == null ? void 0 : f.tooltip) != null && ee.length ? h.value = B.marker.customPosition(le) : await T(le, B), n("tooltip-open", B.marker));
+      const le = tt(A.value[De][K]);
+      le && ((re = B.marker) != null && re.customPosition && (ee = (f = B.marker) == null ? void 0 : f.tooltip) != null && ee.length ? h.value = B.marker.customPosition(le) : await M(le, B), n("tooltip-open", B.marker));
     }, ae = async (B, De, K) => {
       var re, f;
-      if (Y.value && m.value.enabled && m.value.dragSelect)
+      if (E.value && m.value.enabled && m.value.dragSelect)
         return n("select-date", B);
       if (n("set-hover-date", B), (f = (re = B.marker) == null ? void 0 : re.tooltip) != null && f.length) {
         if (r.hideOffsetDates && !B.current) return;
@@ -5909,8 +5909,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }, _ = () => {
       const B = r.vertical ? "Y" : "X";
       Math.abs(b.value[`start${B}`] - b.value[`end${B}`]) > 10 && n("handle-swipe", b.value[`start${B}`] > b.value[`end${B}`] ? "right" : "left");
-    }, I = (B, De, K) => {
-      B && (Array.isArray(P.value[De]) ? P.value[De][K] = B : P.value[De] = [B]), r.arrowNavigation && l(P.value, "calendar");
+    }, R = (B, De, K) => {
+      B && (Array.isArray(A.value[De]) ? A.value[De][K] = B : A.value[De] = [B]), r.arrowNavigation && l(A.value, "calendar");
     }, V = (B) => {
       r.monthChangeOnScroll && (B.preventDefault(), n("handle-scroll", B));
     }, G = (B) => d.value.type === "local" ? $r(B.value, { weekStartsOn: +r.weekStart }) : d.value.type === "iso" ? Sr(B.value) : typeof d.value.type == "function" ? d.value.type(B.value) : "", s = (B) => {
@@ -5921,14 +5921,14 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }, ie = (B) => {
       ta(B, i.value);
     }, Re = (B) => {
-      m.value.enabled && m.value.dragSelect ? (Y.value = !0, n("select-date", B)) : m.value.enabled && n("select-date", B);
+      m.value.enabled && m.value.dragSelect ? (E.value = !0, n("select-date", B)) : m.value.enabled && n("select-date", B);
     };
-    return t({ triggerTransition: $ }), (B, De) => (w(), S("div", {
-      class: we(D.value)
+    return t({ triggerTransition: I }), (B, De) => (w(), S("div", {
+      class: we(P.value)
     }, [
       ve("div", {
         ref_key: "calendarWrapRef",
-        ref: N,
+        ref: $,
         class: we(te.value),
         role: "grid"
       }, [
@@ -5964,9 +5964,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               key: 0,
               class: "dp__calendar",
               role: "rowgroup",
-              onMouseleave: De[1] || (De[1] = (K) => Y.value = !1)
+              onMouseleave: De[1] || (De[1] = (K) => E.value = !1)
             }, [
-              (w(!0), S(xe, null, Ne(E.value, (K, re) => (w(), S("div", {
+              (w(!0), S(xe, null, Ne(N.value, (K, re) => (w(), S("div", {
                 key: re,
                 class: "dp__calendar_row",
                 role: "row"
@@ -5979,7 +5979,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                   return w(), S("div", {
                     id: v(ur)(f.value),
                     ref_for: !0,
-                    ref: (Me) => I(Me, re, ee),
+                    ref: (Me) => R(Me, re, ee),
                     key: ee + re,
                     role: "gridcell",
                     class: "dp__calendar_item",
@@ -5994,12 +5994,12 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     onMouseenter: (Me) => ae(f, re, ee),
                     onMouseleave: (Me) => H(f),
                     onMousedown: (Me) => Re(f),
-                    onMouseup: De[0] || (De[0] = (Me) => Y.value = !1)
+                    onMouseup: De[0] || (De[0] = (Me) => E.value = !1)
                   }, [
                     ve("div", {
                       class: we(["dp__cell_inner", f.classData])
                     }, [
-                      B.$slots.day && R.value(f) ? de(B.$slots, "day", {
+                      B.$slots.day && Y.value(f) ? de(B.$slots, "day", {
                         key: 0,
                         day: +f.text,
                         date: f.value
@@ -6007,7 +6007,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                       B.$slots.day ? z("", !0) : (w(), S(xe, { key: 1 }, [
                         Wt(Le(f.text), 1)
                       ], 64)),
-                      f.marker && R.value(f) ? (w(), S(xe, { key: 2 }, [
+                      f.marker && Y.value(f) ? (w(), S(xe, { key: 2 }, [
                         B.$slots.marker ? de(B.$slots, "marker", {
                           key: 0,
                           marker: f.marker,
@@ -6023,7 +6023,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                         key: 3,
                         ref_for: !0,
                         ref_key: "activeTooltip",
-                        ref: M,
+                        ref: D,
                         class: "dp__marker_tooltip",
                         style: ut(h.value)
                       }, [
@@ -6071,21 +6071,21 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     defaultedMultiCalendars: c,
     defaultedStartTime: k,
     defaultedRange: h,
-    defaultedConfig: P,
-    defaultedTz: N,
+    defaultedConfig: A,
+    defaultedTz: $,
     propDates: g,
     defaultedMultiDates: x
-  } = We(e), { validateMonthYearInRange: b, isDisabled: M, isDateRangeAllowed: F, checkMinMaxRange: Y } = ca(e), { updateTimeValues: E, getSetDateTime: W, setTime: y, assignStartTime: $, validateTime: te, disabledTimesConfig: ce } = Go(e, d, u, n), ge = j(
+  } = We(e), { validateMonthYearInRange: b, isDisabled: D, isDateRangeAllowed: F, checkMinMaxRange: E } = ca(e), { updateTimeValues: N, getSetDateTime: W, setTime: y, assignStartTime: I, validateTime: te, disabledTimesConfig: ce } = Go(e, d, u, n), ge = j(
     () => (O) => p.value[O] ? p.value[O].month : 0
-  ), D = j(
+  ), P = j(
     () => (O) => p.value[O] ? p.value[O].year : 0
-  ), R = (O) => !P.value.keepViewOnOffsetClick || O ? !0 : !o.value, T = (O, J, be, Te = !1) => {
+  ), Y = (O) => !A.value.keepViewOnOffsetClick || O ? !0 : !o.value, M = (O, J, be, Te = !1) => {
     var U, ue;
-    R(Te) && (p.value[O] || (p.value[O] = { month: 0, year: 0 }), p.value[O].month = _l(J) ? (U = p.value[O]) == null ? void 0 : U.month : J, p.value[O].year = _l(be) ? (ue = p.value[O]) == null ? void 0 : ue.year : be);
+    Y(Te) && (p.value[O] || (p.value[O] = { month: 0, year: 0 }), p.value[O].month = _l(J) ? (U = p.value[O]) == null ? void 0 : U.month : J, p.value[O].year = _l(be) ? (ue = p.value[O]) == null ? void 0 : ue.year : be);
   }, q = () => {
     e.autoApply && t("select-date");
   }, ae = () => {
-    k.value && $(k.value);
+    k.value && I(k.value);
   };
   nt(() => {
     e.shadow || (u.value || (De(), ae()), L(!0), e.focusStartDate && e.startDate && De());
@@ -6097,16 +6097,16 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     e.autoApply && H.value && t("auto-apply", e.partialFlow ? e.flowStep !== e.flow.length : !1);
   }, L = (O = !1) => {
     if (u.value)
-      return Array.isArray(u.value) ? (r.value = u.value, C(O)) : I(u.value, O);
+      return Array.isArray(u.value) ? (r.value = u.value, C(O)) : R(u.value, O);
     if (c.value.count && O && !e.startDate)
       return _(X(), O);
   }, me = () => Array.isArray(u.value) && h.value.enabled ? Se(u.value[0]) === Se(u.value[1] ?? u.value[0]) : !1, _ = (O = /* @__PURE__ */ new Date(), J = !1) => {
-    if ((!c.value.count || !c.value.static || J) && T(0, Se(O), ke(O)), c.value.count && (!u.value || me() || !c.value.solo) && (!c.value.solo || J))
+    if ((!c.value.count || !c.value.static || J) && M(0, Se(O), ke(O)), c.value.count && (!u.value || me() || !c.value.solo) && (!c.value.solo || J))
       for (let be = 1; be < c.value.count; be++) {
-        const Te = Be(X(), { month: ge.value(be - 1), year: D.value(be - 1) }), U = so(Te, { months: 1 });
+        const Te = Be(X(), { month: ge.value(be - 1), year: P.value(be - 1) }), U = so(Te, { months: 1 });
         p.value[be] = { month: Se(U), year: ke(U) };
       }
-  }, I = (O, J) => {
+  }, R = (O, J) => {
     _(O), y("hours", jt(O)), y("minutes", ra(O)), y("seconds", Sa(O)), c.value.count && J && B();
   }, V = (O) => {
     if (c.value.count) {
@@ -6127,32 +6127,32 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       return G(O, J);
     if (x.value.enabled && J) {
       const be = O[O.length - 1];
-      return I(be, J);
+      return R(be, J);
     }
   }, C = (O) => {
     const J = u.value;
     s(J, O), c.value.count && c.value.solo && B();
   }, ie = (O, J) => {
-    const be = Be(X(), { month: ge.value(J), year: D.value(J) }), Te = O < 0 ? Ot(be, 1) : $a(be, 1);
-    b(Se(Te), ke(Te), O < 0, e.preventMinMaxNavigation) && (T(J, Se(Te), ke(Te)), t("update-month-year", { instance: J, month: Se(Te), year: ke(Te) }), c.value.count && !c.value.solo && Re(J), a());
+    const be = Be(X(), { month: ge.value(J), year: P.value(J) }), Te = O < 0 ? Ot(be, 1) : $a(be, 1);
+    b(Se(Te), ke(Te), O < 0, e.preventMinMaxNavigation) && (M(J, Se(Te), ke(Te)), t("update-month-year", { instance: J, month: Se(Te), year: ke(Te) }), c.value.count && !c.value.solo && Re(J), a());
   }, Re = (O) => {
     for (let J = O - 1; J >= 0; J--) {
-      const be = $a(Be(X(), { month: ge.value(J + 1), year: D.value(J + 1) }), 1);
-      T(J, Se(be), ke(be));
+      const be = $a(Be(X(), { month: ge.value(J + 1), year: P.value(J + 1) }), 1);
+      M(J, Se(be), ke(be));
     }
     for (let J = O + 1; J <= c.value.count - 1; J++) {
-      const be = Ot(Be(X(), { month: ge.value(J - 1), year: D.value(J - 1) }), 1);
-      T(J, Se(be), ke(be));
+      const be = Ot(Be(X(), { month: ge.value(J - 1), year: P.value(J - 1) }), 1);
+      M(J, Se(be), ke(be));
     }
   }, B = () => {
     if (Array.isArray(u.value) && u.value.length === 2) {
       const O = X(
         X(u.value[1] ? u.value[1] : Ot(u.value[0], 1))
       ), [J, be] = [Se(u.value[0]), ke(u.value[0])], [Te, U] = [Se(u.value[1]), ke(u.value[1])];
-      (J !== Te || J === Te && be !== U) && c.value.solo && T(1, Se(O), ke(O));
-    } else u.value && !Array.isArray(u.value) && (T(0, Se(u.value), ke(u.value)), _(X()));
+      (J !== Te || J === Te && be !== U) && c.value.solo && M(1, Se(O), ke(O));
+    } else u.value && !Array.isArray(u.value) && (M(0, Se(u.value), ke(u.value)), _(X()));
   }, De = () => {
-    e.startDate && (T(0, Se(X(e.startDate)), ke(X(e.startDate))), c.value.count && Re(0));
+    e.startDate && (M(0, Se(X(e.startDate)), ke(X(e.startDate))), c.value.count && Re(0));
   }, K = (O, J) => {
     if (e.monthChangeOnScroll) {
       const be = (/* @__PURE__ */ new Date()).getTime() - l.value.getTime(), Te = Math.abs(O.deltaY);
@@ -6220,7 +6220,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     t("date-update", J), x.value.enabled ? jr(J, u, x.value.limit) : u.value = J, n(), _t().then(() => {
       ne();
     });
-  }, Ge = (O) => h.value.noDisabledRange ? Fo(r.value[0], O).some((J) => M(J)) : !1, A = () => {
+  }, Ge = (O) => h.value.noDisabledRange ? Fo(r.value[0], O).some((J) => D(J)) : !1, T = () => {
     r.value = u.value ? u.value.slice() : [], r.value.length === 2 && !(h.value.fixedStart || h.value.fixedEnd) && (r.value = []);
   }, se = (O, J) => {
     const be = [
@@ -6230,21 +6230,21 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     F(be) ? (J && $e(O.value), r.value = be) : t("invalid-date", O.value);
   }, $e = (O) => {
     const J = Se(X(O)), be = ke(X(O));
-    if (T(0, J, be), c.value.count > 0)
+    if (M(0, J, be), c.value.count > 0)
       for (let Te = 1; Te < c.value.count; Te++) {
         const U = cc(
-          Be(X(O), { year: D.value(Te - 1), month: ge.value(Te - 1) })
+          Be(X(O), { year: P.value(Te - 1), month: ge.value(Te - 1) })
         );
-        T(Te, U.month, U.year);
+        M(Te, U.month, U.year);
       }
   }, at = (O) => {
-    if (Ge(O.value) || !Y(O.value, u.value, h.value.fixedStart ? 0 : 1))
+    if (Ge(O.value) || !E(O.value, u.value, h.value.fixedStart ? 0 : 1))
       return t("invalid-date", O.value);
     r.value = Uo(X(O.value), u, t, h);
   }, $t = (O, J) => {
-    if (A(), h.value.autoRange) return se(O, J);
+    if (T(), h.value.autoRange) return se(O, J);
     if (h.value.fixedStart || h.value.fixedEnd) return at(O);
-    r.value[0] ? Y(X(O.value), u.value) && !Ge(O.value) ? qe(X(O.value), X(r.value[0])) ? (r.value.unshift(X(O.value)), t("range-end", r.value[0])) : (r.value[1] = X(O.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", O.value), t("invalid-date", O.value)) : (r.value[0] = X(O.value), t("range-start", r.value[0]));
+    r.value[0] ? E(X(O.value), u.value) && !Ge(O.value) ? qe(X(O.value), X(r.value[0])) ? (r.value.unshift(X(O.value)), t("range-end", r.value[0])) : (r.value[1] = X(O.value), t("range-end", r.value[1])) : (e.autoApply && t("auto-apply-invalid", O.value), t("invalid-date", O.value)) : (r.value[0] = X(O.value), t("range-start", r.value[0]));
   }, he = (O = !0) => e.enableSeconds ? Array.isArray(d.seconds) ? O ? d.seconds[0] : d.seconds[1] : d.seconds : 0, rt = (O) => {
     r.value[O] = aa(
       r.value[O],
@@ -6258,12 +6258,12 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }, In = () => {
     r.value.length && (r.value[0] && !r.value[1] ? rt(0) : (rt(0), rt(1), n()), It(), u.value = r.value.slice(), Mn(r.value, t, e.autoApply, e.modelAuto));
   }, on = (O, J = !1) => {
-    if (M(O.value) || !O.current && e.hideOffsetDates) return t("invalid-date", O.value);
+    if (D(O.value) || !O.current && e.hideOffsetDates) return t("invalid-date", O.value);
     if (o.value = JSON.parse(JSON.stringify(O)), !h.value.enabled) return Ye(O);
     Tl(d.hours) && Tl(d.minutes) && !x.value.enabled && ($t(O, J), In());
   }, Rn = (O, J) => {
     var be;
-    T(O, J.month, J.year, !0), c.value.count && !c.value.solo && Re(O), t("update-month-year", { instance: O, month: J.month, year: J.year }), a(c.value.solo ? O : void 0);
+    M(O, J.month, J.year, !0), c.value.count && !c.value.solo && Re(O), t("update-month-year", { instance: O, month: J.month, year: J.year }), a(c.value.solo ? O : void 0);
     const Te = (be = e.flow) != null && be.length ? e.flow[e.flowStep] : void 0;
     !J.fromNav && (Te === dt.month || Te === dt.year) && n();
   }, Yn = (O, J) => {
@@ -6271,10 +6271,10 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       value: O,
       modelValue: u,
       range: h.value.enabled,
-      timezone: J ? void 0 : N.value.timezone
+      timezone: J ? void 0 : $.value.timezone
     }), q(), e.multiCalendars && _t().then(() => L(!0));
   }, En = () => {
-    const O = Br(X(), N.value);
+    const O = Br(X(), $.value);
     !h.value.enabled && !x.value.enabled ? u.value = O : u.value && Array.isArray(u.value) && u.value[0] ? x.value.enabled ? u.value = [...u.value, O] : u.value = qe(O, u.value[0]) ? [O, u.value[0]] : [u.value[0], O] : u.value = [O], q();
   }, Nn = () => {
     if (Array.isArray(u.value))
@@ -6291,7 +6291,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     calendars: p,
     modelValue: u,
     month: ge,
-    year: D,
+    year: P,
     time: d,
     disabledTimesConfig: ce,
     today: m,
@@ -6306,7 +6306,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     presetDate: Yn,
     selectCurrentDate: En,
     updateTime: (O, J = !0, be = !1) => {
-      E(O, J, be, Nn);
+      N(O, J, be, Nn);
     },
     assignMonthAndYear: _,
     setStartTime: ae
@@ -6352,17 +6352,17 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       validateTime: c,
       getCalendarDays: k,
       getMarker: h,
-      handleArrow: P,
-      handleScroll: N,
+      handleArrow: A,
+      handleScroll: $,
       handleSwipe: g,
       selectDate: x,
       updateMonthYear: b,
-      presetDate: M,
+      presetDate: D,
       selectCurrentDate: F,
-      updateTime: Y,
-      assignMonthAndYear: E,
+      updateTime: E,
+      assignMonthAndYear: N,
       setStartTime: W
-    } = kd(r, n, me, _), y = wa(), { setHoverDate: $, getDayClassData: te, clearHoverDate: ce } = zd(u, r), { defaultedMultiCalendars: ge } = We(r), D = Q([]), R = Q([]), T = Q(null), q = wt(y, "calendar"), ae = wt(y, "monthYear"), H = wt(y, "timePicker"), ne = (K) => {
+    } = kd(r, n, me, _), y = wa(), { setHoverDate: I, getDayClassData: te, clearHoverDate: ce } = zd(u, r), { defaultedMultiCalendars: ge } = We(r), P = Q([]), Y = Q([]), M = Q(null), q = wt(y, "calendar"), ae = wt(y, "monthYear"), H = wt(y, "timePicker"), ne = (K) => {
       r.shadow || n("mount", K);
     };
     gt(
@@ -6376,7 +6376,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     ), gt(
       ge,
       (K, re) => {
-        K.count - re.count > 0 && E();
+        K.count - re.count > 0 && N();
       },
       { deep: !0 }
     );
@@ -6386,22 +6386,22 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     })));
     function me(K) {
       var re;
-      K || K === 0 ? (re = R.value[K]) == null || re.triggerTransition(o.value(K), i.value(K)) : R.value.forEach((f, ee) => f.triggerTransition(o.value(ee), i.value(ee)));
+      K || K === 0 ? (re = Y.value[K]) == null || re.triggerTransition(o.value(K), i.value(K)) : Y.value.forEach((f, ee) => f.triggerTransition(o.value(ee), i.value(ee)));
     }
     function _() {
       n("update-flow-step");
     }
-    const I = (K, re = !1) => {
+    const R = (K, re = !1) => {
       x(K, re), r.spaceConfirm && n("select-date");
     }, V = (K, re, f = 0) => {
       var ee;
-      (ee = D.value[f]) == null || ee.toggleMonthPicker(K, re);
+      (ee = P.value[f]) == null || ee.toggleMonthPicker(K, re);
     }, G = (K, re, f = 0) => {
       var ee;
-      (ee = D.value[f]) == null || ee.toggleYearPicker(K, re);
+      (ee = P.value[f]) == null || ee.toggleYearPicker(K, re);
     }, s = (K, re, f) => {
       var ee;
-      (ee = T.value) == null || ee.toggleTimePicker(K, re, f);
+      (ee = M.value) == null || ee.toggleTimePicker(K, re, f);
     }, C = (K, re) => {
       var f;
       if (!r.range) {
@@ -6415,7 +6415,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       }
     }, ie = (K) => {
       var re;
-      (re = D.value[0]) == null || re.handleMonthYearChange(K, !0);
+      (re = P.value[0]) == null || re.handleMonthYearChange(K, !0);
     }, Re = (K) => {
       b(0, { month: o.value(0), year: i.value(0) + (K ? 1 : -1), fromNav: !0 });
     }, B = (K, re) => {
@@ -6425,22 +6425,22 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     };
     return t({
       clearHoverDate: ce,
-      presetDate: M,
+      presetDate: D,
       selectCurrentDate: F,
       toggleMonthPicker: V,
       toggleYearPicker: G,
       toggleTimePicker: s,
-      handleArrow: P,
+      handleArrow: A,
       updateMonthYear: b,
       getSidebarProps: () => ({
         modelValue: u,
         month: o,
         year: i,
         time: p,
-        updateTime: Y,
+        updateTime: E,
         updateMonthYear: b,
         selectDate: x,
-        presetDate: M
+        presetDate: D
       }),
       changeMonth: ie,
       changeYear: Re,
@@ -6456,7 +6456,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           K.disableMonthYearSelect ? z("", !0) : (w(), Ae(vd, ot({
             key: 0,
             ref: (le) => {
-              le && (D.value[ee] = le);
+              le && (P.value[ee] = le);
             },
             months: v(So)(K.formatLocale, K.locale, K.monthNameFormat),
             years: v(zr)(K.yearRange, K.locale, K.reverseYears),
@@ -6479,7 +6479,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
           Ze(_d, ot({
             ref: (le) => {
-              le && (R.value[ee] = le);
+              le && (Y.value[ee] = le);
             },
             "mapped-dates": L.value(f),
             month: v(o)(f),
@@ -6487,9 +6487,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             instance: f
           }, K.$props, {
             onSelectDate: (le) => v(x)(le, f !== 1),
-            onHandleSpace: (le) => I(le, f !== 1),
-            onSetHoverDate: re[3] || (re[3] = (le) => v($)(le)),
-            onHandleScroll: (le) => v(N)(le, f),
+            onHandleSpace: (le) => R(le, f !== 1),
+            onSetHoverDate: re[3] || (re[3] = (le) => v(I)(le)),
+            onHandleScroll: (le) => v($)(le, f),
             onHandleSwipe: (le) => v(g)(le, f),
             onMount: re[4] || (re[4] = (le) => ne(v(pa).calendar)),
             onResetFlow: re[5] || (re[5] = (le) => K.$emit("reset-flow")),
@@ -6507,10 +6507,10 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         _: 3
       }, 8, ["multi-calendars", "collapse", "is-mobile"]),
       K.enableTimePicker ? (w(), S("div", xd, [
-        K.$slots["time-picker"] ? de(K.$slots, "time-picker", st(ot({ key: 0 }, { time: v(p), updateTime: v(Y) }))) : (w(), Ae(Qo, ot({
+        K.$slots["time-picker"] ? de(K.$slots, "time-picker", st(ot({ key: 0 }, { time: v(p), updateTime: v(E) }))) : (w(), Ae(Qo, ot({
           key: 1,
           ref_key: "timePickerRef",
-          ref: T
+          ref: M
         }, K.$props, {
           hours: v(p).hours,
           minutes: v(p).minutes,
@@ -6519,9 +6519,9 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           "disabled-times-config": v(d),
           "validate-time": v(c),
           onMount: re[8] || (re[8] = (f) => ne(v(pa).timePicker)),
-          "onUpdate:hours": re[9] || (re[9] = (f) => v(Y)(f)),
-          "onUpdate:minutes": re[10] || (re[10] = (f) => v(Y)(f, !1)),
-          "onUpdate:seconds": re[11] || (re[11] = (f) => v(Y)(f, !1, !0)),
+          "onUpdate:hours": re[9] || (re[9] = (f) => v(E)(f)),
+          "onUpdate:minutes": re[10] || (re[10] = (f) => v(E)(f, !1)),
+          "onUpdate:seconds": re[11] || (re[11] = (f) => v(E)(f, !1, !0)),
           onResetFlow: re[12] || (re[12] = (f) => K.$emit("reset-flow")),
           onOverlayClosed: re[13] || (re[13] = (f) => B(f, !1)),
           onOverlayOpened: re[14] || (re[14] = (f) => B(f, !0)),
@@ -6546,7 +6546,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     propDates: i,
     defaultedFilters: u,
     defaultedMultiDates: p
-  } = We(e), { modelValue: d, year: m, month: c, calendars: k } = nn(e, t), { isDisabled: h } = ca(e), { selectYear: P, groupedYears: N, showYearPicker: g, isDisabled: x, toggleYearPicker: b, handleYearSelect: M, handleYear: F } = qo({
+  } = We(e), { modelValue: d, year: m, month: c, calendars: k } = nn(e, t), { isDisabled: h } = ca(e), { selectYear: A, groupedYears: $, showYearPicker: g, isDisabled: x, toggleYearPicker: b, handleYearSelect: D, handleYear: F } = qo({
     modelValue: d,
     multiCalendars: n,
     range: o,
@@ -6558,57 +6558,57 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     filters: u,
     props: e,
     emit: t
-  }), Y = (R, T) => [R, T].map((q) => Bt(q, "MMMM", { locale: e.formatLocale })).join("-"), E = j(() => (R) => d.value ? Array.isArray(d.value) ? d.value.some((T) => gl(R, T)) : gl(d.value, R) : !1), W = (R) => {
+  }), E = (Y, M) => [Y, M].map((q) => Bt(q, "MMMM", { locale: e.formatLocale })).join("-"), N = j(() => (Y) => d.value ? Array.isArray(d.value) ? d.value.some((M) => gl(Y, M)) : gl(d.value, Y) : !1), W = (Y) => {
     if (o.value.enabled) {
       if (Array.isArray(d.value)) {
-        const T = Ce(R, d.value[0]) || Ce(R, d.value[1]);
-        return Xa(d.value, a.value, R) && !T;
+        const M = Ce(Y, d.value[0]) || Ce(Y, d.value[1]);
+        return Xa(d.value, a.value, Y) && !M;
       }
       return !1;
     }
     return !1;
-  }, y = (R, T) => R.quarter === fl(T) && R.year === ke(T), $ = (R) => typeof l.value == "function" ? l.value({ quarter: fl(R), year: ke(R) }) : !!l.value.quarters.find((T) => y(T, R)), te = j(() => (R) => {
-    const T = Be(/* @__PURE__ */ new Date(), { year: m.value(R) });
+  }, y = (Y, M) => Y.quarter === fl(M) && Y.year === ke(M), I = (Y) => typeof l.value == "function" ? l.value({ quarter: fl(Y), year: ke(Y) }) : !!l.value.quarters.find((M) => y(M, Y)), te = j(() => (Y) => {
+    const M = Be(/* @__PURE__ */ new Date(), { year: m.value(Y) });
     return ei({
-      start: Qa(T),
-      end: vo(T)
+      start: Qa(M),
+      end: vo(M)
     }).map((q) => {
-      const ae = ma(q), H = ml(q), ne = h(q), L = W(ae), me = $(ae);
+      const ae = ma(q), H = ml(q), ne = h(q), L = W(ae), me = I(ae);
       return {
-        text: Y(ae, H),
+        text: E(ae, H),
         value: ae,
-        active: E.value(ae),
+        active: N.value(ae),
         highlighted: me,
         disabled: ne,
         isBetween: L
       };
     });
-  }), ce = (R) => {
-    jr(R, d, p.value.limit), t("auto-apply", !0);
-  }, ge = (R) => {
-    d.value = Ur(d, R, t), Mn(d.value, t, e.autoApply, e.modelAuto);
-  }, D = (R) => {
-    d.value = R, t("auto-apply");
+  }), ce = (Y) => {
+    jr(Y, d, p.value.limit), t("auto-apply", !0);
+  }, ge = (Y) => {
+    d.value = Ur(d, Y, t), Mn(d.value, t, e.autoApply, e.modelAuto);
+  }, P = (Y) => {
+    d.value = Y, t("auto-apply");
   };
   return {
     defaultedConfig: r,
     defaultedMultiCalendars: n,
-    groupedYears: N,
+    groupedYears: $,
     year: m,
     isDisabled: x,
     quarters: te,
     showYearPicker: g,
     modelValue: d,
-    setHoverDate: (R) => {
-      a.value = R;
+    setHoverDate: (Y) => {
+      a.value = Y;
     },
-    selectYear: P,
-    selectQuarter: (R, T, q) => {
+    selectYear: A,
+    selectQuarter: (Y, M, q) => {
       if (!q)
-        return k.value[T].month = Se(ml(R)), p.value.enabled ? ce(R) : o.value.enabled ? ge(R) : D(R);
+        return k.value[M].month = Se(ml(Y)), p.value.enabled ? ce(Y) : o.value.enabled ? ge(Y) : P(Y);
     },
     toggleYearPicker: b,
-    handleYearSelect: M,
+    handleYearSelect: D,
     handleYear: F
   };
 }, Md = { class: "dp--quarter-items" }, Td = ["data-test-id", "disabled", "onClick", "onMouseover"], Ad = /* @__PURE__ */ Ue({
@@ -6639,8 +6639,8 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       quarters: c,
       modelValue: k,
       showYearPicker: h,
-      setHoverDate: P,
-      selectQuarter: N,
+      setHoverDate: A,
+      selectQuarter: $,
       toggleYearPicker: g,
       handleYearSelect: x,
       handleYear: b
@@ -6648,64 +6648,64 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     return t({ getSidebarProps: () => ({
       modelValue: k,
       year: d,
-      selectQuarter: N,
+      selectQuarter: $,
       handleYearSelect: x,
       handleYear: b
-    }) }), (M, F) => (w(), Ae(Dn, {
+    }) }), (D, F) => (w(), Ae(Dn, {
       "multi-calendars": v(i).count,
-      collapse: M.collapse,
+      collapse: D.collapse,
       stretch: "",
-      "is-mobile": M.isMobile
+      "is-mobile": D.isMobile
     }, {
-      default: Pe(({ instance: Y }) => [
+      default: Pe(({ instance: E }) => [
         ve("div", {
           class: "dp-quarter-picker-wrap",
           style: ut({ minHeight: `${v(u).modeHeight}px` })
         }, [
-          M.$slots["top-extra"] ? de(M.$slots, "top-extra", {
+          D.$slots["top-extra"] ? de(D.$slots, "top-extra", {
             key: 0,
-            value: M.internalModelValue
+            value: D.internalModelValue
           }) : z("", !0),
           ve("div", null, [
-            Ze(Wo, ot(M.$props, {
-              items: v(p)(Y),
-              instance: Y,
-              "show-year-picker": v(h)[Y],
-              year: v(d)(Y),
-              "is-disabled": (E) => v(m)(Y, E),
-              onHandleYear: (E) => v(b)(Y, E),
-              onYearSelect: (E) => v(x)(E, Y),
-              onToggleYearPicker: (E) => v(g)(Y, E == null ? void 0 : E.flow, E == null ? void 0 : E.show)
+            Ze(Wo, ot(D.$props, {
+              items: v(p)(E),
+              instance: E,
+              "show-year-picker": v(h)[E],
+              year: v(d)(E),
+              "is-disabled": (N) => v(m)(E, N),
+              onHandleYear: (N) => v(b)(E, N),
+              onYearSelect: (N) => v(x)(N, E),
+              onToggleYearPicker: (N) => v(g)(E, N == null ? void 0 : N.flow, N == null ? void 0 : N.show)
             }), ft({ _: 2 }, [
-              Ne(v(o), (E, W) => ({
-                name: E,
+              Ne(v(o), (N, W) => ({
+                name: N,
                 fn: Pe((y) => [
-                  de(M.$slots, E, st(yt(y)))
+                  de(D.$slots, N, st(yt(y)))
                 ])
               }))
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           ve("div", Md, [
-            (w(!0), S(xe, null, Ne(v(c)(Y), (E, W) => (w(), S("div", { key: W }, [
+            (w(!0), S(xe, null, Ne(v(c)(E), (N, W) => (w(), S("div", { key: W }, [
               ve("button", {
                 type: "button",
                 class: we(["dp--qr-btn", {
-                  "dp--qr-btn-active": E.active,
-                  "dp--qr-btn-between": E.isBetween,
-                  "dp--qr-btn-disabled": E.disabled,
-                  "dp--highlighted": E.highlighted
+                  "dp--qr-btn-active": N.active,
+                  "dp--qr-btn-between": N.isBetween,
+                  "dp--qr-btn-disabled": N.disabled,
+                  "dp--highlighted": N.highlighted
                 }]),
-                "data-test-id": E.value,
-                disabled: E.disabled,
-                onClick: (y) => v(N)(E.value, Y, E.disabled),
-                onMouseover: (y) => v(P)(E.value)
+                "data-test-id": N.value,
+                disabled: N.disabled,
+                onClick: (y) => v($)(N.value, E, N.disabled),
+                onMouseover: (y) => v(A)(N.value)
               }, [
-                M.$slots.quarter ? de(M.$slots, "quarter", {
+                D.$slots.quarter ? de(D.$slots, "quarter", {
                   key: 0,
-                  value: E.value,
-                  text: E.text
+                  value: N.value,
+                  text: N.text
                 }) : (w(), S(xe, { key: 1 }, [
-                  Wt(Le(E.text), 1)
+                  Wt(Le(N.text), 1)
                 ], 64))
               ], 42, Td)
             ]))), 128))
@@ -6786,45 +6786,45 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   ],
   setup(e, { expose: t, emit: a }) {
     const n = a, r = e, l = Q(null), o = j(() => {
-      const { openOnTop: A, ...se } = r;
+      const { openOnTop: T, ...se } = r;
       return {
         ...se,
-        isMobile: N.value,
+        isMobile: $.value,
         flowStep: ge.value,
         menuWrapRef: l.value
       };
-    }), { setMenuFocused: i, setShiftKey: u, control: p } = Vo(), d = wa(), { defaultedTextInput: m, defaultedInline: c, defaultedConfig: k, defaultedUI: h, handleEventPropagation: P } = We(r), { isMobile: N } = Xo(k, r.shadow), g = Q(null), x = Q(0), b = Q(null), M = Q(!1), F = Q(null), Y = Q(!1), E = (A) => {
-      Y.value = !0, k.value.allowPreventDefault && A.preventDefault(), ta(A, k.value, !0);
+    }), { setMenuFocused: i, setShiftKey: u, control: p } = Vo(), d = wa(), { defaultedTextInput: m, defaultedInline: c, defaultedConfig: k, defaultedUI: h, handleEventPropagation: A } = We(r), { isMobile: $ } = Xo(k, r.shadow), g = Q(null), x = Q(0), b = Q(null), D = Q(!1), F = Q(null), E = Q(!1), N = (T) => {
+      E.value = !0, k.value.allowPreventDefault && T.preventDefault(), ta(T, k.value, !0);
     };
     nt(() => {
       if (!r.shadow) {
-        M.value = !0, W(), window.addEventListener("resize", W);
-        const A = tt(l);
-        A && !m.value.enabled && !c.value.enabled && (i(!0), ne()), A && (A.addEventListener("pointerdown", E), A.addEventListener("mousedown", E));
+        D.value = !0, W(), window.addEventListener("resize", W);
+        const T = tt(l);
+        T && !m.value.enabled && !c.value.enabled && (i(!0), ne()), T && (T.addEventListener("pointerdown", N), T.addEventListener("mousedown", N));
       }
       document.addEventListener("mousedown", Ge);
     }), ia(() => {
       window.removeEventListener("resize", W), document.removeEventListener("mousedown", Ge);
-      const A = tt(l);
-      A && (A.removeEventListener("pointerdown", E), A.removeEventListener("mousedown", E));
+      const T = tt(l);
+      T && (T.removeEventListener("pointerdown", N), T.removeEventListener("mousedown", N));
     });
     const W = () => {
-      const A = tt(b);
-      A && (x.value = A.getBoundingClientRect().width);
-    }, { arrowRight: y, arrowLeft: $, arrowDown: te, arrowUp: ce } = ua(), { flowStep: ge, updateFlowStep: D, childMount: R, resetFlow: T, handleFlow: q } = Hd(r, n, F), ae = j(() => r.monthPicker ? Uc : r.yearPicker ? Qc : r.timePicker ? id : r.quarterPicker ? Ad : Pd), H = j(() => {
-      var A;
+      const T = tt(b);
+      T && (x.value = T.getBoundingClientRect().width);
+    }, { arrowRight: y, arrowLeft: I, arrowDown: te, arrowUp: ce } = ua(), { flowStep: ge, updateFlowStep: P, childMount: Y, resetFlow: M, handleFlow: q } = Hd(r, n, F), ae = j(() => r.monthPicker ? Uc : r.yearPicker ? Qc : r.timePicker ? id : r.quarterPicker ? Ad : Pd), H = j(() => {
+      var T;
       if (k.value.arrowLeft) return k.value.arrowLeft;
-      const se = (A = l.value) == null ? void 0 : A.getBoundingClientRect(), $e = r.getInputRect();
+      const se = (T = l.value) == null ? void 0 : T.getBoundingClientRect(), $e = r.getInputRect();
       return ($e == null ? void 0 : $e.width) < (x == null ? void 0 : x.value) && ($e == null ? void 0 : $e.left) <= ((se == null ? void 0 : se.left) ?? 0) ? `${($e == null ? void 0 : $e.width) / 2}px` : ($e == null ? void 0 : $e.right) >= ((se == null ? void 0 : se.right) ?? 0) && ($e == null ? void 0 : $e.width) < (x == null ? void 0 : x.value) ? `${(x == null ? void 0 : x.value) - ($e == null ? void 0 : $e.width) / 2}px` : "50%";
     }), ne = () => {
-      const A = tt(l);
-      A && A.focus({ preventScroll: !0 });
+      const T = tt(l);
+      T && T.focus({ preventScroll: !0 });
     }, L = j(() => {
-      var A;
-      return ((A = F.value) == null ? void 0 : A.getSidebarProps()) || {};
+      var T;
+      return ((T = F.value) == null ? void 0 : T.getSidebarProps()) || {};
     }), me = () => {
       r.openOnTop && n("recalculate-position");
-    }, _ = wt(d, "action"), I = j(() => r.monthPicker || r.yearPicker ? wt(d, "monthYear") : r.timePicker ? wt(d, "timePicker") : wt(d, "shared")), V = j(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), G = j(() => ({
+    }, _ = wt(d, "action"), R = j(() => r.monthPicker || r.yearPicker ? wt(d, "monthYear") : r.timePicker ? wt(d, "timePicker") : wt(d, "shared")), V = j(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), G = j(() => ({
       dp__menu_disabled: r.disabled,
       dp__menu_readonly: r.readonly,
       "dp-menu-loading": r.loading
@@ -6835,101 +6835,101 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         dp__relative: c.value.enabled,
         ...h.value.menu ?? {}
       })
-    ), C = (A) => {
-      ta(A, k.value, !0);
-    }, ie = (A) => {
-      r.escClose && (n("close-picker"), P(A));
-    }, Re = (A) => {
+    ), C = (T) => {
+      ta(T, k.value, !0);
+    }, ie = (T) => {
+      r.escClose && (n("close-picker"), A(T));
+    }, Re = (T) => {
       if (r.arrowNavigation) {
-        if (A === vt.up) return ce();
-        if (A === vt.down) return te();
-        if (A === vt.left) return $();
-        if (A === vt.right) return y();
-      } else A === vt.left || A === vt.up ? f("handleArrow", vt.left, 0, A === vt.up) : f("handleArrow", vt.right, 0, A === vt.down);
-    }, B = (A) => {
-      u(A.shiftKey), !r.disableMonthYearSelect && A.code === He.tab && A.target.classList.contains("dp__menu") && p.value.shiftKeyInMenu && (A.preventDefault(), ta(A, k.value, !0), n("close-picker"));
+        if (T === vt.up) return ce();
+        if (T === vt.down) return te();
+        if (T === vt.left) return I();
+        if (T === vt.right) return y();
+      } else T === vt.left || T === vt.up ? f("handleArrow", vt.left, 0, T === vt.up) : f("handleArrow", vt.right, 0, T === vt.down);
+    }, B = (T) => {
+      u(T.shiftKey), !r.disableMonthYearSelect && T.code === He.tab && T.target.classList.contains("dp__menu") && p.value.shiftKeyInMenu && (T.preventDefault(), ta(T, k.value, !0), n("close-picker"));
     }, De = () => {
       ne(), n("time-picker-close");
-    }, K = (A) => {
+    }, K = (T) => {
       var se, $e, at;
-      (se = F.value) == null || se.toggleTimePicker(!1, !1), ($e = F.value) == null || $e.toggleMonthPicker(!1, !1, A), (at = F.value) == null || at.toggleYearPicker(!1, !1, A);
-    }, re = (A, se = 0) => {
+      (se = F.value) == null || se.toggleTimePicker(!1, !1), ($e = F.value) == null || $e.toggleMonthPicker(!1, !1, T), (at = F.value) == null || at.toggleYearPicker(!1, !1, T);
+    }, re = (T, se = 0) => {
       var $e, at, $t;
-      return A === "month" ? ($e = F.value) == null ? void 0 : $e.toggleMonthPicker(!1, !0, se) : A === "year" ? (at = F.value) == null ? void 0 : at.toggleYearPicker(!1, !0, se) : A === "time" ? ($t = F.value) == null ? void 0 : $t.toggleTimePicker(!0, !1) : K(se);
-    }, f = (A, ...se) => {
+      return T === "month" ? ($e = F.value) == null ? void 0 : $e.toggleMonthPicker(!1, !0, se) : T === "year" ? (at = F.value) == null ? void 0 : at.toggleYearPicker(!1, !0, se) : T === "time" ? ($t = F.value) == null ? void 0 : $t.toggleTimePicker(!0, !1) : K(se);
+    }, f = (T, ...se) => {
       var $e, at;
-      ($e = F.value) != null && $e[A] && ((at = F.value) == null || at[A](...se));
+      ($e = F.value) != null && $e[T] && ((at = F.value) == null || at[T](...se));
     }, ee = () => {
       f("selectCurrentDate");
-    }, le = (A, se) => {
-      f("presetDate", Ls(A), se);
+    }, le = (T, se) => {
+      f("presetDate", Ls(T), se);
     }, oe = () => {
       f("clearHoverDate");
-    }, Oe = (A, se) => {
-      f("updateMonthYear", A, se);
-    }, Me = (A, se) => {
-      A.preventDefault(), Re(se);
-    }, Ye = (A) => {
+    }, Oe = (T, se) => {
+      f("updateMonthYear", T, se);
+    }, Me = (T, se) => {
+      T.preventDefault(), Re(se);
+    }, Ye = (T) => {
       var se, $e, at;
-      if (B(A), A.key === He.home || A.key === He.end)
+      if (B(T), T.key === He.home || T.key === He.end)
         return f(
           "selectWeekDate",
-          A.key === He.home,
-          A.target.getAttribute("id")
+          T.key === He.home,
+          T.target.getAttribute("id")
         );
-      switch ((A.key === He.pageUp || A.key === He.pageDown) && (A.shiftKey ? (f("changeYear", A.key === He.pageUp), (se = sr(l.value, "overlay-year")) == null || se.focus()) : (f("changeMonth", A.key === He.pageUp), ($e = sr(l.value, A.key === He.pageUp ? "action-prev" : "action-next")) == null || $e.focus()), A.target.getAttribute("id") && ((at = l.value) == null || at.focus({ preventScroll: !0 }))), A.key) {
+      switch ((T.key === He.pageUp || T.key === He.pageDown) && (T.shiftKey ? (f("changeYear", T.key === He.pageUp), (se = sr(l.value, "overlay-year")) == null || se.focus()) : (f("changeMonth", T.key === He.pageUp), ($e = sr(l.value, T.key === He.pageUp ? "action-prev" : "action-next")) == null || $e.focus()), T.target.getAttribute("id") && ((at = l.value) == null || at.focus({ preventScroll: !0 }))), T.key) {
         case He.esc:
-          return ie(A);
+          return ie(T);
         case He.arrowLeft:
-          return Me(A, vt.left);
+          return Me(T, vt.left);
         case He.arrowRight:
-          return Me(A, vt.right);
+          return Me(T, vt.right);
         case He.arrowUp:
-          return Me(A, vt.up);
+          return Me(T, vt.up);
         case He.arrowDown:
-          return Me(A, vt.down);
+          return Me(T, vt.down);
         default:
           return;
       }
-    }, Ge = (A) => {
+    }, Ge = (T) => {
       var se;
-      c.value.enabled && !c.value.input && !((se = l.value) != null && se.contains(A.target)) && Y.value && (Y.value = !1, n("menu-blur"));
+      c.value.enabled && !c.value.input && !((se = l.value) != null && se.contains(T.target)) && E.value && (E.value = !1, n("menu-blur"));
     };
     return t({
       updateMonthYear: Oe,
       switchView: re,
       handleFlow: q,
       onValueCleared: () => {
-        var A, se;
-        (se = (A = F.value) == null ? void 0 : A.setStartTime) == null || se.call(A);
+        var T, se;
+        (se = (T = F.value) == null ? void 0 : T.setStartTime) == null || se.call(T);
       }
-    }), (A, se) => {
+    }), (T, se) => {
       var $e, at, $t;
       return w(), S("div", {
-        id: A.uid ? `dp-menu-${A.uid}` : void 0,
+        id: T.uid ? `dp-menu-${T.uid}` : void 0,
         ref_key: "dpMenuRef",
         ref: l,
         tabindex: v(c).enabled ? void 0 : "0",
         role: v(c).enabled ? void 0 : "dialog",
-        "aria-label": ($e = A.ariaLabels) == null ? void 0 : $e.menu,
+        "aria-label": ($e = T.ariaLabels) == null ? void 0 : $e.menu,
         class: we(s.value),
         style: ut({ "--dp-arrow-left": H.value }),
         onMouseleave: oe,
         onClick: C,
         onKeydown: Ye
       }, [
-        (A.disabled || A.readonly) && v(c).enabled || A.loading ? (w(), S("div", {
+        (T.disabled || T.readonly) && v(c).enabled || T.loading ? (w(), S("div", {
           key: 0,
           class: we(G.value)
         }, [
-          A.loading ? (w(), S("div", Sd, se[19] || (se[19] = [
+          T.loading ? (w(), S("div", Sd, se[19] || (se[19] = [
             ve("span", { class: "dp--menu-loader" }, null, -1)
           ]))) : z("", !0)
         ], 2)) : z("", !0),
-        A.$slots["menu-header"] ? (w(), S("div", Cd, [
-          de(A.$slots, "menu-header")
+        T.$slots["menu-header"] ? (w(), S("div", Cd, [
+          de(T.$slots, "menu-header")
         ])) : z("", !0),
-        !v(c).enabled && !A.teleportCenter ? (w(), S("div", {
+        !v(c).enabled && !T.teleportCenter ? (w(), S("div", {
           key: 2,
           class: we(V.value)
         }, null, 2)) : z("", !0),
@@ -6937,22 +6937,22 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           ref_key: "innerMenuRef",
           ref: b,
           class: we({
-            dp__menu_content_wrapper: ((at = A.presetDates) == null ? void 0 : at.length) || !!A.$slots["left-sidebar"] || !!A.$slots["right-sidebar"],
-            "dp--menu-content-wrapper-collapsed": e.collapse && ((($t = A.presetDates) == null ? void 0 : $t.length) || !!A.$slots["left-sidebar"] || !!A.$slots["right-sidebar"])
+            dp__menu_content_wrapper: ((at = T.presetDates) == null ? void 0 : at.length) || !!T.$slots["left-sidebar"] || !!T.$slots["right-sidebar"],
+            "dp--menu-content-wrapper-collapsed": e.collapse && ((($t = T.presetDates) == null ? void 0 : $t.length) || !!T.$slots["left-sidebar"] || !!T.$slots["right-sidebar"])
           }),
-          "data-dp-mobile": v(N),
+          "data-dp-mobile": v($),
           style: ut({ "--dp-menu-width": `${x.value}px` })
         }, [
-          A.$slots["left-sidebar"] ? (w(), S("div", Id, [
-            de(A.$slots, "left-sidebar", st(yt(L.value)))
+          T.$slots["left-sidebar"] ? (w(), S("div", Id, [
+            de(T.$slots, "left-sidebar", st(yt(L.value)))
           ])) : z("", !0),
-          A.presetDates.length ? (w(), S("div", {
+          T.presetDates.length ? (w(), S("div", {
             key: 1,
             class: we({ "dp--preset-dates-collapsed": e.collapse, "dp--preset-dates": !0 }),
-            "data-dp-mobile": v(N)
+            "data-dp-mobile": v($)
           }, [
-            (w(!0), S(xe, null, Ne(A.presetDates, (he, rt) => (w(), S(xe, { key: rt }, [
-              he.slot ? de(A.$slots, he.slot, {
+            (w(!0), S(xe, null, Ne(T.presetDates, (he, rt) => (w(), S(xe, { key: rt }, [
+              he.slot ? de(T.$slots, he.slot, {
                 key: 0,
                 presetDate: le,
                 label: he.label,
@@ -6963,7 +6963,7 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                 style: ut(he.style || {}),
                 class: we(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
                 "data-test-id": he.testId ?? void 0,
-                "data-dp-mobile": v(N),
+                "data-dp-mobile": v($),
                 onClick: At((It) => le(he.value, he.noTz), ["prevent"]),
                 onKeydown: (It) => v(pt)(It, () => le(he.value, he.noTz), !0)
               }, Le(he.label), 47, Yd))
@@ -6980,61 +6980,61 @@ const sr = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               ref: F
             }, o.value, {
               "flow-step": v(ge),
-              onMount: v(R),
-              onUpdateFlowStep: v(D),
-              onResetFlow: v(T),
+              onMount: v(Y),
+              onUpdateFlowStep: v(P),
+              onResetFlow: v(M),
               onFocusMenu: ne,
-              onSelectDate: se[0] || (se[0] = (he) => A.$emit("select-date")),
-              onDateUpdate: se[1] || (se[1] = (he) => A.$emit("date-update", he)),
-              onTooltipOpen: se[2] || (se[2] = (he) => A.$emit("tooltip-open", he)),
-              onTooltipClose: se[3] || (se[3] = (he) => A.$emit("tooltip-close", he)),
-              onAutoApply: se[4] || (se[4] = (he) => A.$emit("auto-apply", he)),
-              onRangeStart: se[5] || (se[5] = (he) => A.$emit("range-start", he)),
-              onRangeEnd: se[6] || (se[6] = (he) => A.$emit("range-end", he)),
-              onInvalidFixedRange: se[7] || (se[7] = (he) => A.$emit("invalid-fixed-range", he)),
-              onTimeUpdate: se[8] || (se[8] = (he) => A.$emit("time-update")),
-              onAmPmChange: se[9] || (se[9] = (he) => A.$emit("am-pm-change", he)),
-              onTimePickerOpen: se[10] || (se[10] = (he) => A.$emit("time-picker-open", he)),
+              onSelectDate: se[0] || (se[0] = (he) => T.$emit("select-date")),
+              onDateUpdate: se[1] || (se[1] = (he) => T.$emit("date-update", he)),
+              onTooltipOpen: se[2] || (se[2] = (he) => T.$emit("tooltip-open", he)),
+              onTooltipClose: se[3] || (se[3] = (he) => T.$emit("tooltip-close", he)),
+              onAutoApply: se[4] || (se[4] = (he) => T.$emit("auto-apply", he)),
+              onRangeStart: se[5] || (se[5] = (he) => T.$emit("range-start", he)),
+              onRangeEnd: se[6] || (se[6] = (he) => T.$emit("range-end", he)),
+              onInvalidFixedRange: se[7] || (se[7] = (he) => T.$emit("invalid-fixed-range", he)),
+              onTimeUpdate: se[8] || (se[8] = (he) => T.$emit("time-update")),
+              onAmPmChange: se[9] || (se[9] = (he) => T.$emit("am-pm-change", he)),
+              onTimePickerOpen: se[10] || (se[10] = (he) => T.$emit("time-picker-open", he)),
               onTimePickerClose: De,
               onRecalculatePosition: me,
-              onUpdateMonthYear: se[11] || (se[11] = (he) => A.$emit("update-month-year", he)),
-              onAutoApplyInvalid: se[12] || (se[12] = (he) => A.$emit("auto-apply-invalid", he)),
-              onInvalidDate: se[13] || (se[13] = (he) => A.$emit("invalid-date", he)),
-              onOverlayToggle: se[14] || (se[14] = (he) => A.$emit("overlay-toggle", he)),
-              "onUpdate:internalModelValue": se[15] || (se[15] = (he) => A.$emit("update:internal-model-value", he))
+              onUpdateMonthYear: se[11] || (se[11] = (he) => T.$emit("update-month-year", he)),
+              onAutoApplyInvalid: se[12] || (se[12] = (he) => T.$emit("auto-apply-invalid", he)),
+              onInvalidDate: se[13] || (se[13] = (he) => T.$emit("invalid-date", he)),
+              onOverlayToggle: se[14] || (se[14] = (he) => T.$emit("overlay-toggle", he)),
+              "onUpdate:internalModelValue": se[15] || (se[15] = (he) => T.$emit("update:internal-model-value", he))
             }), ft({ _: 2 }, [
-              Ne(I.value, (he, rt) => ({
+              Ne(R.value, (he, rt) => ({
                 name: he,
                 fn: Pe((It) => [
-                  de(A.$slots, he, st(yt({ ...It })))
+                  de(T.$slots, he, st(yt({ ...It })))
                 ])
               }))
             ]), 1040, ["flow-step", "onMount", "onUpdateFlowStep", "onResetFlow"]))
           ], 512),
-          A.$slots["right-sidebar"] ? (w(), S("div", Ed, [
-            de(A.$slots, "right-sidebar", st(yt(L.value)))
+          T.$slots["right-sidebar"] ? (w(), S("div", Ed, [
+            de(T.$slots, "right-sidebar", st(yt(L.value)))
           ])) : z("", !0),
-          A.$slots["action-extra"] ? (w(), S("div", Nd, [
-            A.$slots["action-extra"] ? de(A.$slots, "action-extra", {
+          T.$slots["action-extra"] ? (w(), S("div", Nd, [
+            T.$slots["action-extra"] ? de(T.$slots, "action-extra", {
               key: 0,
               selectCurrentDate: ee
             }) : z("", !0)
           ])) : z("", !0)
         ], 14, $d),
-        !A.autoApply || v(k).keepActionRow ? (w(), Ae(Nc, ot({
+        !T.autoApply || v(k).keepActionRow ? (w(), Ae(Nc, ot({
           key: 3,
-          "menu-mount": M.value
+          "menu-mount": D.value
         }, o.value, {
           "calendar-width": x.value,
-          onClosePicker: se[16] || (se[16] = (he) => A.$emit("close-picker")),
-          onSelectDate: se[17] || (se[17] = (he) => A.$emit("select-date")),
-          onInvalidSelect: se[18] || (se[18] = (he) => A.$emit("invalid-select")),
+          onClosePicker: se[16] || (se[16] = (he) => T.$emit("close-picker")),
+          onSelectDate: se[17] || (se[17] = (he) => T.$emit("select-date")),
+          onInvalidSelect: se[18] || (se[18] = (he) => T.$emit("invalid-select")),
           onSelectNow: ee
         }), ft({ _: 2 }, [
           Ne(v(_), (he, rt) => ({
             name: he,
             fn: Pe((It) => [
-              de(A.$slots, he, st(yt({ ...It })))
+              de(T.$slots, he, st(yt({ ...It })))
             ])
           }))
         ]), 1040, ["menu-mount", "calendar-width"])) : z("", !0)
@@ -7060,93 +7060,93 @@ const Fd = ({
   gt(k, () => {
     m.value = JSON.parse(JSON.stringify({})), F();
   });
-  const h = (T) => {
+  const h = (M) => {
     if (o.teleport) {
-      const q = T.getBoundingClientRect();
+      const q = M.getBoundingClientRect();
       return {
         left: q.left + window.scrollX,
         top: q.top + window.scrollY
       };
     }
     return { top: 0, left: 0 };
-  }, P = (T, q) => {
-    m.value.left = `${T + q - p.value.width}px`;
-  }, N = (T) => {
-    m.value.left = `${T}px`;
-  }, g = (T, q) => {
-    o.position === Pa.left && N(T), o.position === Pa.right && P(T, q), o.position === Pa.center && (m.value.left = `${T + q / 2 - p.value.width / 2}px`);
-  }, x = (T) => {
-    const { width: q, height: ae } = T.getBoundingClientRect(), { top: H, left: ne } = h(T);
+  }, A = (M, q) => {
+    m.value.left = `${M + q - p.value.width}px`;
+  }, $ = (M) => {
+    m.value.left = `${M}px`;
+  }, g = (M, q) => {
+    o.position === Pa.left && $(M), o.position === Pa.right && A(M, q), o.position === Pa.center && (m.value.left = `${M + q / 2 - p.value.width / 2}px`);
+  }, x = (M) => {
+    const { width: q, height: ae } = M.getBoundingClientRect(), { top: H, left: ne } = h(M);
     return { top: +H, left: +ne, width: q, height: ae };
   }, b = () => {
     m.value.left = "50%", m.value.top = "50%", m.value.transform = "translate(-50%, -50%)", m.value.position = "fixed", delete m.value.opacity;
-  }, M = () => {
-    const T = tt(a);
-    m.value = o.altPosition(T);
-  }, F = (T = !0) => {
+  }, D = () => {
+    const M = tt(a);
+    m.value = o.altPosition(M);
+  }, F = (M = !0) => {
     var q;
     if (!r.value.enabled) {
       if (k.value) return b();
-      if (o.altPosition !== null) return M();
-      if (T) {
+      if (o.altPosition !== null) return D();
+      if (M) {
         const ae = o.teleport ? (q = t.value) == null ? void 0 : q.$el : e.value;
         ae && (p.value = ae.getBoundingClientRect()), l("recalculate-position");
       }
       return ce();
     }
-  }, Y = ({ inputEl: T, left: q, width: ae }) => {
-    window.screen.width > 768 && !d.value && g(q, ae), y(T);
-  }, E = (T) => {
-    const { top: q, left: ae, height: H, width: ne } = x(T);
-    m.value.top = `${H + q + +o.offset}px`, c.value = !1, d.value || (m.value.left = `${ae + ne / 2 - p.value.width / 2}px`), Y({ inputEl: T, left: ae, width: ne });
-  }, W = (T) => {
-    const { top: q, left: ae, width: H } = x(T);
-    m.value.top = `${q - +o.offset - p.value.height}px`, c.value = !0, Y({ inputEl: T, left: ae, width: H });
-  }, y = (T) => {
+  }, E = ({ inputEl: M, left: q, width: ae }) => {
+    window.screen.width > 768 && !d.value && g(q, ae), y(M);
+  }, N = (M) => {
+    const { top: q, left: ae, height: H, width: ne } = x(M);
+    m.value.top = `${H + q + +o.offset}px`, c.value = !1, d.value || (m.value.left = `${ae + ne / 2 - p.value.width / 2}px`), E({ inputEl: M, left: ae, width: ne });
+  }, W = (M) => {
+    const { top: q, left: ae, width: H } = x(M);
+    m.value.top = `${q - +o.offset - p.value.height}px`, c.value = !0, E({ inputEl: M, left: ae, width: H });
+  }, y = (M) => {
     if (o.autoPosition) {
-      const { left: q, width: ae } = x(T), { left: H, right: ne } = p.value;
+      const { left: q, width: ae } = x(M), { left: H, right: ne } = p.value;
       if (!d.value) {
         if (Math.abs(H) !== Math.abs(ne)) {
           if (H <= 0)
-            return d.value = !0, N(q);
+            return d.value = !0, $(q);
           if (ne >= document.documentElement.clientWidth)
-            return d.value = !0, P(q, ae);
+            return d.value = !0, A(q, ae);
         }
         return g(q, ae);
       }
     }
-  }, $ = () => {
-    const T = tt(a);
-    if (T) {
+  }, I = () => {
+    const M = tt(a);
+    if (M) {
       if (o.autoPosition === Dt.top) return Dt.top;
       if (o.autoPosition === Dt.bottom) return Dt.bottom;
-      const { height: q } = p.value, { top: ae, height: H } = T.getBoundingClientRect(), ne = window.innerHeight - ae - H, L = ae;
+      const { height: q } = p.value, { top: ae, height: H } = M.getBoundingClientRect(), ne = window.innerHeight - ae - H, L = ae;
       return q <= ne ? Dt.bottom : q > ne && q <= L ? Dt.top : ne >= L ? Dt.bottom : Dt.top;
     }
     return Dt.bottom;
-  }, te = (T) => $() === Dt.bottom ? E(T) : W(T), ce = () => {
-    const T = tt(a);
-    if (T)
-      return o.autoPosition ? te(T) : E(T);
-  }, ge = function(T) {
-    if (T) {
-      const q = T.scrollHeight > T.clientHeight, ae = window.getComputedStyle(T).overflowY.indexOf("hidden") !== -1;
+  }, te = (M) => I() === Dt.bottom ? N(M) : W(M), ce = () => {
+    const M = tt(a);
+    if (M)
+      return o.autoPosition ? te(M) : N(M);
+  }, ge = function(M) {
+    if (M) {
+      const q = M.scrollHeight > M.clientHeight, ae = window.getComputedStyle(M).overflowY.indexOf("hidden") !== -1;
       return q && !ae;
     }
     return !0;
-  }, D = function(T) {
-    return !T || T === document.body || T.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : ge(T) ? T : D(
-      T.assignedSlot && u.value.shadowDom ? T.assignedSlot.parentNode : T.parentNode
+  }, P = function(M) {
+    return !M || M === document.body || M.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? window : ge(M) ? M : P(
+      M.assignedSlot && u.value.shadowDom ? M.assignedSlot.parentNode : M.parentNode
     );
-  }, R = (T) => {
-    if (T)
+  }, Y = (M) => {
+    if (M)
       switch (o.position) {
         case Pa.left:
           return { left: 0, transform: "translateX(0)" };
         case Pa.right:
-          return { left: `${T.width}px`, transform: "translateX(-100%)" };
+          return { left: `${M.width}px`, transform: "translateX(-100%)" };
         default:
-          return { left: `${T.width / 2}px`, transform: "translateX(-50%)" };
+          return { left: `${M.width / 2}px`, transform: "translateX(-50%)" };
       }
     return {};
   };
@@ -7155,14 +7155,14 @@ const Fd = ({
     menuStyle: m,
     xCorrect: d,
     setMenuPosition: F,
-    getScrollableParent: D,
-    shadowRender: (T, q, ae) => {
+    getScrollableParent: P,
+    shadowRender: (M, q, ae) => {
       var H, ne, L;
       const me = document.createElement("div"), _ = (H = tt(a)) == null ? void 0 : H.getBoundingClientRect();
       me.setAttribute("id", "dp--temp-container");
-      const I = (ne = n.value) != null && ne.clientWidth ? n.value : document.body;
-      I.append(me);
-      const V = R(_), G = u.value.shadowDom ? Object.keys(i).filter(
+      const R = (ne = n.value) != null && ne.clientWidth ? n.value : document.body;
+      R.append(me);
+      const V = Y(_), G = u.value.shadowDom ? Object.keys(i).filter(
         (C) => ["right-sidebar", "left-sidebar", "top-extra", "action-extra"].includes(C)
       ) : Object.keys(i), s = Ar(
         q,
@@ -7173,7 +7173,7 @@ const Fd = ({
         },
         Object.fromEntries(G.map((C) => [C, i[C]]))
       );
-      T != null && (s.appContext = T.appContext), il(s, me), p.value = (L = s.el) == null ? void 0 : L.getBoundingClientRect(), il(null, me), I.removeChild(me);
+      M != null && (s.appContext = M.appContext), il(s, me), p.value = (L = s.el) == null ? void 0 : L.getBoundingClientRect(), il(null, me), R.removeChild(me);
     }
   };
 }, Kt = [
@@ -7295,19 +7295,19 @@ const Fd = ({
     !s.current && t.hideOffsetDates || (d.value = s.value);
   }, k = () => {
     d.value = null;
-  }, h = (s) => Array.isArray(e.value) && u.value.enabled && e.value[0] && d.value ? s ? Ke(d.value, e.value[0]) : qe(d.value, e.value[0]) : !0, P = (s, C) => {
+  }, h = (s) => Array.isArray(e.value) && u.value.enabled && e.value[0] && d.value ? s ? Ke(d.value, e.value[0]) : qe(d.value, e.value[0]) : !0, A = (s, C) => {
     const ie = () => e.value ? C ? e.value[0] || null : e.value[1] : null, Re = e.value && Array.isArray(e.value) ? ie() : null;
     return Ce(X(s.value), Re);
-  }, N = (s) => {
+  }, $ = (s) => {
     const C = Array.isArray(e.value) ? e.value[0] : null;
     return s ? !qe(d.value ?? null, C) : !0;
-  }, g = (s, C = !0) => (u.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !s.current ? !1 : Ce(X(s.value), e.value[C ? 0 : 1]) : u.value.enabled ? P(s, C) && N(C) || Ce(s.value, Array.isArray(e.value) ? e.value[0] : null) && h(C) : !1, x = (s, C) => {
+  }, g = (s, C = !0) => (u.value.enabled || t.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? t.hideOffsetDates && !s.current ? !1 : Ce(X(s.value), e.value[C ? 0 : 1]) : u.value.enabled ? A(s, C) && $(C) || Ce(s.value, Array.isArray(e.value) ? e.value[0] : null) && h(C) : !1, x = (s, C) => {
     if (Array.isArray(e.value) && e.value[0] && e.value.length === 1) {
       const ie = Ce(s.value, d.value);
       return C ? Ke(e.value[0], s.value) && ie : qe(e.value[0], s.value) && ie;
     }
     return !1;
-  }, b = (s) => !e.value || t.hideOffsetDates && !s.current ? !1 : u.value.enabled ? t.modelAuto && Array.isArray(e.value) ? Ce(s.value, e.value[0] ? e.value[0] : m.value) : !1 : n.value.enabled && Array.isArray(e.value) ? e.value.some((C) => Ce(C, s.value)) : Ce(s.value, e.value ? e.value : m.value), M = (s) => {
+  }, b = (s) => !e.value || t.hideOffsetDates && !s.current ? !1 : u.value.enabled ? t.modelAuto && Array.isArray(e.value) ? Ce(s.value, e.value[0] ? e.value[0] : m.value) : !1 : n.value.enabled && Array.isArray(e.value) ? e.value.some((C) => Ce(C, s.value)) : Ce(s.value, e.value ? e.value : m.value), D = (s) => {
     if (u.value.autoRange || t.weekPicker) {
       if (d.value) {
         if (t.hideOffsetDates && !s.current) return !1;
@@ -7328,7 +7328,7 @@ const Fd = ({
       return !1;
     }
     return !1;
-  }, Y = (s) => {
+  }, E = (s) => {
     if (u.value.autoRange || t.weekPicker) {
       if (d.value) {
         if (t.hideOffsetDates && !s.current) return !1;
@@ -7338,17 +7338,17 @@ const Fd = ({
       return !1;
     }
     return !1;
-  }, E = (s) => Xa(e.value, d.value, s.value), W = () => t.modelAuto && Array.isArray(t.internalModelValue) ? !!t.internalModelValue[0] : !1, y = () => t.modelAuto ? Co(t.internalModelValue) : !0, $ = (s) => {
+  }, N = (s) => Xa(e.value, d.value, s.value), W = () => t.modelAuto && Array.isArray(t.internalModelValue) ? !!t.internalModelValue[0] : !1, y = () => t.modelAuto ? Co(t.internalModelValue) : !0, I = (s) => {
     if (t.weekPicker) return !1;
     const C = u.value.enabled ? !g(s) && !g(s, !1) : !0;
     return !p(s.value) && !b(s) && !(!s.current && t.hideOffsetDates) && C;
   }, te = (s) => u.value.enabled ? t.modelAuto ? W() && b(s) : !1 : b(s), ce = (s) => l.value ? oc(s.value, i.value.highlight) : !1, ge = (s) => {
     const C = p(s.value);
     return C && (typeof l.value == "function" ? !l.value(s.value, C) : !l.value.options.highlightDisabled);
-  }, D = (s) => {
+  }, P = (s) => {
     var C;
     return typeof l.value == "function" ? l.value(s.value) : (C = l.value.weekdays) == null ? void 0 : C.includes(s.value.getDay());
-  }, R = (s) => (u.value.enabled || t.weekPicker) && (!(a.value.count > 0) || s.current) && y() && !(!s.current && t.hideOffsetDates) && !b(s) ? E(s) : !1, T = (s) => {
+  }, Y = (s) => (u.value.enabled || t.weekPicker) && (!(a.value.count > 0) || s.current) && y() && !(!s.current && t.hideOffsetDates) && !b(s) ? N(s) : !1, M = (s) => {
     if (Array.isArray(e.value) && e.value.length === 1) {
       const { before: C, after: ie } = Pl(+u.value.maxRange, e.value[0]);
       return Ca(s.value, C) || ya(s.value, ie);
@@ -7360,21 +7360,21 @@ const Fd = ({
       return Xa([C, ie], e.value[0], s.value);
     }
     return !1;
-  }, ae = (s) => u.value.enabled && (u.value.maxRange || u.value.minRange) ? u.value.maxRange && u.value.minRange ? T(s) || q(s) : u.value.maxRange ? T(s) : q(s) : !1, H = (s) => {
+  }, ae = (s) => u.value.enabled && (u.value.maxRange || u.value.minRange) ? u.value.maxRange && u.value.minRange ? M(s) || q(s) : u.value.maxRange ? M(s) : q(s) : !1, H = (s) => {
     const { isRangeStart: C, isRangeEnd: ie } = _(s), Re = u.value.enabled ? C || ie : !1;
     return {
       dp__cell_offset: !s.current,
       dp__pointer: !t.disabled && !(!s.current && t.hideOffsetDates) && !p(s.value) && !ae(s),
       dp__cell_disabled: p(s.value) || ae(s),
-      dp__cell_highlight: !ge(s) && (ce(s) || D(s)) && !te(s) && !Re && !Y(s) && !(R(s) && t.weekPicker) && !ie,
-      dp__cell_highlight_active: !ge(s) && (ce(s) || D(s)) && te(s),
+      dp__cell_highlight: !ge(s) && (ce(s) || P(s)) && !te(s) && !Re && !E(s) && !(Y(s) && t.weekPicker) && !ie,
+      dp__cell_highlight_active: !ge(s) && (ce(s) || P(s)) && te(s),
       dp__today: !t.noToday && Ce(s.value, m.value) && s.current,
       "dp--past": qe(s.value, m.value),
       "dp--future": Ke(s.value, m.value)
     };
   }, ne = (s) => ({
     dp__active_date: te(s),
-    dp__date_hover: $(s)
+    dp__date_hover: I(s)
   }), L = (s) => {
     if (e.value && !Array.isArray(e.value)) {
       const C = Ht(e.value, t.weekStart);
@@ -7405,22 +7405,22 @@ const Fd = ({
   }, _ = (s) => {
     const C = a.value.count > 0 ? s.current && g(s) && y() : g(s) && y(), ie = a.value.count > 0 ? s.current && g(s, !1) && y() : g(s, !1) && y();
     return { isRangeStart: C, isRangeEnd: ie };
-  }, I = (s) => {
+  }, R = (s) => {
     const { isRangeStart: C, isRangeEnd: ie } = _(s);
     return {
       dp__range_start: C,
       dp__range_end: ie,
-      dp__range_between: R(s),
+      dp__range_between: Y(s),
       dp__date_hover: Ce(s.value, d.value) && !C && !ie && !t.weekPicker,
       dp__date_hover_start: x(s, !0),
       dp__date_hover_end: x(s, !1)
     };
   }, V = (s) => ({
-    ...I(s),
+    ...R(s),
     dp__cell_auto_range: F(s),
-    dp__cell_auto_range_start: Y(s),
-    dp__cell_auto_range_end: M(s)
-  }), G = (s) => u.value.enabled ? u.value.autoRange ? V(s) : t.modelAuto ? { ...ne(s), ...I(s) } : t.weekPicker ? me(s) : I(s) : t.weekPicker ? L(s) : ne(s);
+    dp__cell_auto_range_start: E(s),
+    dp__cell_auto_range_end: D(s)
+  }), G = (s) => u.value.enabled ? u.value.autoRange ? V(s) : t.modelAuto ? { ...ne(s), ...R(s) } : t.weekPicker ? me(s) : R(s) : t.weekPicker ? L(s) : ne(s);
   return {
     setHoverDate: c,
     clearHoverDate: k,
@@ -7432,83 +7432,83 @@ const Fd = ({
     }
   };
 }, ca = (e) => {
-  const { defaultedFilters: t, defaultedRange: a, propDates: n, defaultedMultiDates: r } = We(e), l = (D) => n.value.disabledDates ? typeof n.value.disabledDates == "function" ? n.value.disabledDates(X(D)) : !!gn(D, n.value.disabledDates) : !1, o = (D) => n.value.maxDate ? e.yearPicker ? ke(D) > ke(n.value.maxDate) : Ke(D, n.value.maxDate) : !1, i = (D) => n.value.minDate ? e.yearPicker ? ke(D) < ke(n.value.minDate) : qe(D, n.value.minDate) : !1, u = (D) => {
-    const R = o(D), T = i(D), q = l(D), ae = t.value.months.map((_) => +_).includes(Se(D)), H = e.disabledWeekDays.length ? e.disabledWeekDays.some((_) => +_ === qi(D)) : !1, ne = k(D), L = ke(D), me = L < +e.yearRange[0] || L > +e.yearRange[1];
-    return !(R || T || q || ae || me || H || ne);
-  }, p = (D, R) => qe(...ea(n.value.minDate, D, R)) || Ce(...ea(n.value.minDate, D, R)), d = (D, R) => Ke(...ea(n.value.maxDate, D, R)) || Ce(...ea(n.value.maxDate, D, R)), m = (D, R, T) => {
+  const { defaultedFilters: t, defaultedRange: a, propDates: n, defaultedMultiDates: r } = We(e), l = (P) => n.value.disabledDates ? typeof n.value.disabledDates == "function" ? n.value.disabledDates(X(P)) : !!gn(P, n.value.disabledDates) : !1, o = (P) => n.value.maxDate ? e.yearPicker ? ke(P) > ke(n.value.maxDate) : Ke(P, n.value.maxDate) : !1, i = (P) => n.value.minDate ? e.yearPicker ? ke(P) < ke(n.value.minDate) : qe(P, n.value.minDate) : !1, u = (P) => {
+    const Y = o(P), M = i(P), q = l(P), ae = t.value.months.map((_) => +_).includes(Se(P)), H = e.disabledWeekDays.length ? e.disabledWeekDays.some((_) => +_ === qi(P)) : !1, ne = k(P), L = ke(P), me = L < +e.yearRange[0] || L > +e.yearRange[1];
+    return !(Y || M || q || ae || me || H || ne);
+  }, p = (P, Y) => qe(...ea(n.value.minDate, P, Y)) || Ce(...ea(n.value.minDate, P, Y)), d = (P, Y) => Ke(...ea(n.value.maxDate, P, Y)) || Ce(...ea(n.value.maxDate, P, Y)), m = (P, Y, M) => {
     let q = !1;
-    return n.value.maxDate && T && d(D, R) && (q = !0), n.value.minDate && !T && p(D, R) && (q = !0), q;
-  }, c = (D, R, T, q) => {
+    return n.value.maxDate && M && d(P, Y) && (q = !0), n.value.minDate && !M && p(P, Y) && (q = !0), q;
+  }, c = (P, Y, M, q) => {
     let ae = !1;
-    return q && (n.value.minDate || n.value.maxDate) ? n.value.minDate && n.value.maxDate ? ae = m(D, R, T) : (n.value.minDate && p(D, R) || n.value.maxDate && d(D, R)) && (ae = !0) : ae = !0, ae;
-  }, k = (D) => Array.isArray(n.value.allowedDates) && !n.value.allowedDates.length ? !0 : n.value.allowedDates ? !gn(D, n.value.allowedDates, Ro(e.monthPicker, e.yearPicker)) : !1, h = (D) => !u(D), P = (D) => a.value.noDisabledRange ? !mo({ start: D[0], end: D[1] }).some((R) => h(R)) : !0, N = (D) => {
-    if (D) {
-      const R = ke(D);
-      return R >= +e.yearRange[0] && R <= e.yearRange[1];
+    return q && (n.value.minDate || n.value.maxDate) ? n.value.minDate && n.value.maxDate ? ae = m(P, Y, M) : (n.value.minDate && p(P, Y) || n.value.maxDate && d(P, Y)) && (ae = !0) : ae = !0, ae;
+  }, k = (P) => Array.isArray(n.value.allowedDates) && !n.value.allowedDates.length ? !0 : n.value.allowedDates ? !gn(P, n.value.allowedDates, Ro(e.monthPicker, e.yearPicker)) : !1, h = (P) => !u(P), A = (P) => a.value.noDisabledRange ? !mo({ start: P[0], end: P[1] }).some((Y) => h(Y)) : !0, $ = (P) => {
+    if (P) {
+      const Y = ke(P);
+      return Y >= +e.yearRange[0] && Y <= e.yearRange[1];
     }
     return !0;
-  }, g = (D, R) => !!(Array.isArray(D) && D[R] && (a.value.maxRange || a.value.minRange) && N(D[R])), x = (D, R, T = 0) => {
-    if (g(R, T) && N(D)) {
-      const q = uo(D, R[T]), ae = Fo(R[T], D), H = ae.length === 1 ? 0 : ae.filter((L) => h(L)).length, ne = Math.abs(q) - (a.value.minMaxRawRange ? 0 : H);
+  }, g = (P, Y) => !!(Array.isArray(P) && P[Y] && (a.value.maxRange || a.value.minRange) && $(P[Y])), x = (P, Y, M = 0) => {
+    if (g(Y, M) && $(P)) {
+      const q = uo(P, Y[M]), ae = Fo(Y[M], P), H = ae.length === 1 ? 0 : ae.filter((L) => h(L)).length, ne = Math.abs(q) - (a.value.minMaxRawRange ? 0 : H);
       if (a.value.minRange && a.value.maxRange)
         return ne >= +a.value.minRange && ne <= +a.value.maxRange;
       if (a.value.minRange) return ne >= +a.value.minRange;
       if (a.value.maxRange) return ne <= +a.value.maxRange;
     }
     return !0;
-  }, b = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, M = (D) => Array.isArray(D) ? [D[0] ? jn(D[0]) : null, D[1] ? jn(D[1]) : null] : jn(D), F = (D, R, T) => D.find(
-    (q) => +q.hours === jt(R) && q.minutes === "*" ? !0 : +q.minutes === ra(R) && +q.hours === jt(R)
-  ) && T, Y = (D, R, T) => {
-    const [q, ae] = D, [H, ne] = R;
-    return !F(q, H, T) && !F(ae, ne, T) && T;
-  }, E = (D, R) => {
-    const T = Array.isArray(R) ? R : [R];
-    return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? Y(e.disabledTimes, T, D) : !T.some((q) => F(e.disabledTimes, q, D)) : D;
-  }, W = (D, R) => {
-    const T = Array.isArray(R) ? [ha(R[0]), R[1] ? ha(R[1]) : void 0] : ha(R), q = !e.disabledTimes(T);
-    return D && q;
-  }, y = (D, R) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? E(R, D) : W(R, D) : R, $ = (D) => {
-    let R = !0;
-    if (!D || b()) return !0;
-    const T = !n.value.minDate && !n.value.maxDate ? M(D) : D;
-    return (e.maxTime || n.value.maxDate) && (R = xl(
+  }, b = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, D = (P) => Array.isArray(P) ? [P[0] ? jn(P[0]) : null, P[1] ? jn(P[1]) : null] : jn(P), F = (P, Y, M) => P.find(
+    (q) => +q.hours === jt(Y) && q.minutes === "*" ? !0 : +q.minutes === ra(Y) && +q.hours === jt(Y)
+  ) && M, E = (P, Y, M) => {
+    const [q, ae] = P, [H, ne] = Y;
+    return !F(q, H, M) && !F(ae, ne, M) && M;
+  }, N = (P, Y) => {
+    const M = Array.isArray(Y) ? Y : [Y];
+    return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? E(e.disabledTimes, M, P) : !M.some((q) => F(e.disabledTimes, q, P)) : P;
+  }, W = (P, Y) => {
+    const M = Array.isArray(Y) ? [ha(Y[0]), Y[1] ? ha(Y[1]) : void 0] : ha(Y), q = !e.disabledTimes(M);
+    return P && q;
+  }, y = (P, Y) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? N(Y, P) : W(Y, P) : Y, I = (P) => {
+    let Y = !0;
+    if (!P || b()) return !0;
+    const M = !n.value.minDate && !n.value.maxDate ? D(P) : P;
+    return (e.maxTime || n.value.maxDate) && (Y = xl(
       e.maxTime,
       n.value.maxDate,
       "max",
-      lt(T),
-      R
-    )), (e.minTime || n.value.minDate) && (R = xl(
+      lt(M),
+      Y
+    )), (e.minTime || n.value.minDate) && (Y = xl(
       e.minTime,
       n.value.minDate,
       "min",
-      lt(T),
-      R
-    )), y(D, R);
-  }, te = (D) => {
+      lt(M),
+      Y
+    )), y(P, Y);
+  }, te = (P) => {
     if (!e.monthPicker) return !0;
-    let R = !0;
-    const T = X(Mt(D));
+    let Y = !0;
+    const M = X(Mt(P));
     if (n.value.minDate && n.value.maxDate) {
       const q = X(Mt(n.value.minDate)), ae = X(Mt(n.value.maxDate));
-      return Ke(T, q) && qe(T, ae) || Ce(T, q) || Ce(T, ae);
+      return Ke(M, q) && qe(M, ae) || Ce(M, q) || Ce(M, ae);
     }
     if (n.value.minDate) {
       const q = X(Mt(n.value.minDate));
-      R = Ke(T, q) || Ce(T, q);
+      Y = Ke(M, q) || Ce(M, q);
     }
     if (n.value.maxDate) {
       const q = X(Mt(n.value.maxDate));
-      R = qe(T, q) || Ce(T, q);
+      Y = qe(M, q) || Ce(M, q);
     }
-    return R;
-  }, ce = j(() => (D) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : $(D)), ge = j(() => (D) => e.monthPicker ? Array.isArray(D) && (a.value.enabled || r.value.enabled) ? !D.filter((R) => !te(R)).length : te(D) : !0);
+    return Y;
+  }, ce = j(() => (P) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : I(P)), ge = j(() => (P) => e.monthPicker ? Array.isArray(P) && (a.value.enabled || r.value.enabled) ? !P.filter((Y) => !te(Y)).length : te(P) : !0);
   return {
     isDisabled: h,
     validateDate: u,
     validateMonthYearInRange: c,
-    isDateRangeAllowed: P,
+    isDateRangeAllowed: A,
     checkMinMaxRange: x,
-    isValidTime: $,
+    isValidTime: I,
     isTimeValid: ce,
     isMonthValid: ge
   };
@@ -7532,8 +7532,8 @@ const Fd = ({
   }, u = () => {
     n.value = -1;
   }, p = (m, c, ...k) => {
-    var h, P;
-    e.flow[n.value] === m && a.value && ((P = (h = a.value)[c]) == null || P.call(h, ...k));
+    var h, A;
+    e.flow[n.value] === m && a.value && ((A = (h = a.value)[c]) == null || A.call(h, ...k));
   }, d = (m = 0) => {
     m && (n.value += m), p(dt.month, "toggleMonthPicker", !0), p(dt.year, "toggleYearPicker", !0), p(dt.calendar, "toggleTimePicker", !1, !0), p(dt.time, "toggleTimePicker", !0, !0);
     const c = e.flow[n.value];
@@ -7582,7 +7582,7 @@ const Fd = ({
       defaultedUI: m,
       getDefaultPattern: c,
       getDefaultStartTime: k
-    } = We(r), { checkMinMaxRange: h } = ca(r), P = Q(), N = Q(null), g = Q(!1), x = Q(!1), b = j(
+    } = We(r), { checkMinMaxRange: h } = ca(r), A = Q(), $ = Q(null), g = Q(!1), x = Q(!1), b = j(
       () => ({
         dp__pointer: !r.disabled && !r.readonly && !l.value.enabled,
         dp__disabled: r.disabled,
@@ -7595,8 +7595,8 @@ const Fd = ({
         dp__input_reg: !l.value.enabled,
         ...m.value.input ?? {}
       })
-    ), M = () => {
-      n("set-input-date", null), r.clearable && r.autoApply && (n("set-empty-date"), P.value = null);
+    ), D = () => {
+      n("set-input-date", null), r.clearable && r.autoApply && (n("set-empty-date"), A.value = null);
     }, F = (L) => {
       const me = k();
       return ic(
@@ -7607,58 +7607,58 @@ const Fd = ({
         x.value,
         r.formatLocale
       );
-    }, Y = (L) => {
-      const { rangeSeparator: me } = l.value, [_, I] = L.split(`${me}`);
+    }, E = (L) => {
+      const { rangeSeparator: me } = l.value, [_, R] = L.split(`${me}`);
       if (_) {
-        const V = F(_.trim()), G = I ? F(I.trim()) : void 0;
+        const V = F(_.trim()), G = R ? F(R.trim()) : void 0;
         if (ya(V, G)) return;
         const s = V && G ? [V, G] : [V];
-        h(G, s, 0) && (P.value = V ? s : null);
+        h(G, s, 0) && (A.value = V ? s : null);
       }
-    }, E = () => {
+    }, N = () => {
       x.value = !0;
     }, W = (L) => {
       if (p.value.enabled)
-        Y(L);
+        E(L);
       else if (d.value.enabled) {
         const me = L.split(";");
-        P.value = me.map((_) => F(_.trim())).filter((_) => _);
+        A.value = me.map((_) => F(_.trim())).filter((_) => _);
       } else
-        P.value = F(L);
+        A.value = F(L);
     }, y = (L) => {
       var me;
       const _ = typeof L == "string" ? L : (me = L.target) == null ? void 0 : me.value;
-      _ !== "" ? (l.value.openMenu && !r.isMenuOpen && n("open"), W(_), n("set-input-date", P.value)) : M(), x.value = !1, n("update:input-value", _), n("text-input", L, P.value);
-    }, $ = (L) => {
-      l.value.enabled ? (W(L.target.value), l.value.enterSubmit && ir(P.value) && r.inputValue !== "" ? (n("set-input-date", P.value, !0), P.value = null) : l.value.enterSubmit && r.inputValue === "" && (P.value = null, n("clear"))) : ge(L);
+      _ !== "" ? (l.value.openMenu && !r.isMenuOpen && n("open"), W(_), n("set-input-date", A.value)) : D(), x.value = !1, n("update:input-value", _), n("text-input", L, A.value);
+    }, I = (L) => {
+      l.value.enabled ? (W(L.target.value), l.value.enterSubmit && ir(A.value) && r.inputValue !== "" ? (n("set-input-date", A.value, !0), A.value = null) : l.value.enterSubmit && r.inputValue === "" && (A.value = null, n("clear"))) : ge(L);
     }, te = (L, me) => {
-      l.value.enabled && l.value.tabSubmit && !me && W(L.target.value), l.value.tabSubmit && ir(P.value) && r.inputValue !== "" ? (n("set-input-date", P.value, !0, !0), P.value = null) : l.value.tabSubmit && r.inputValue === "" && (P.value = null, n("clear", !0));
+      l.value.enabled && l.value.tabSubmit && !me && W(L.target.value), l.value.tabSubmit && ir(A.value) && r.inputValue !== "" ? (n("set-input-date", A.value, !0, !0), A.value = null) : l.value.tabSubmit && r.inputValue === "" && (A.value = null, n("clear", !0));
     }, ce = () => {
       g.value = !0, n("focus"), _t().then(() => {
         var L;
-        l.value.enabled && l.value.selectOnFocus && ((L = N.value) == null || L.select());
+        l.value.enabled && l.value.selectOnFocus && ((L = $.value) == null || L.select());
       });
     }, ge = (L) => {
       if (ta(L, u.value, !0), l.value.enabled && l.value.openMenu && !i.value.input) {
         if (l.value.openMenu === "open" && !r.isMenuOpen) return n("open");
         if (l.value.openMenu === "toggle") return n("toggle");
       } else l.value.enabled || n("toggle");
-    }, D = () => {
-      n("real-blur"), g.value = !1, (!r.isMenuOpen || i.value.enabled && i.value.input) && n("blur"), r.autoApply && l.value.enabled && P.value && !r.isMenuOpen && (n("set-input-date", P.value), n("select-date"), P.value = null);
-    }, R = (L) => {
+    }, P = () => {
+      n("real-blur"), g.value = !1, (!r.isMenuOpen || i.value.enabled && i.value.input) && n("blur"), r.autoApply && l.value.enabled && A.value && !r.isMenuOpen && (n("set-input-date", A.value), n("select-date"), A.value = null);
+    }, Y = (L) => {
       ta(L, u.value, !0), n("clear");
-    }, T = () => {
+    }, M = () => {
       n("close");
     }, q = (L) => {
-      if (L.key === "Tab" && te(L), L.key === "Enter" && $(L), L.key === "Escape" && l.value.escClose && T(), !l.value.enabled) {
+      if (L.key === "Tab" && te(L), L.key === "Enter" && I(L), L.key === "Escape" && l.value.escClose && M(), !l.value.enabled) {
         if (L.code === "Tab") return;
         L.preventDefault();
       }
     }, ae = () => {
       var L;
-      (L = N.value) == null || L.focus({ preventScroll: !0 });
+      (L = $.value) == null || L.focus({ preventScroll: !0 });
     }, H = (L) => {
-      P.value = L;
+      A.value = L;
     }, ne = (L) => {
       L.key === He.tab && te(L, !0);
     };
@@ -7666,7 +7666,7 @@ const Fd = ({
       focusInput: ae,
       setParsedDate: H
     }), (L, me) => {
-      var _, I, V;
+      var _, R, V;
       return w(), S("div", { onClick: ge }, [
         L.$slots.trigger && !L.$slots["dp-input"] && !v(i).enabled ? de(L.$slots, "trigger", { key: 0 }) : z("", !0),
         !L.$slots.trigger && (!v(i).enabled || v(i).input) ? (w(), S("div", Vd, [
@@ -7675,12 +7675,12 @@ const Fd = ({
             value: e.inputValue,
             isMenuOpen: e.isMenuOpen,
             onInput: y,
-            onEnter: $,
+            onEnter: I,
             onTab: te,
-            onClear: R,
-            onBlur: D,
+            onClear: Y,
+            onBlur: P,
             onKeypress: q,
-            onPaste: E,
+            onPaste: N,
             onFocus: ce,
             openMenu: () => L.$emit("open"),
             closeMenu: () => L.$emit("close"),
@@ -7690,7 +7690,7 @@ const Fd = ({
             key: 1,
             id: L.uid ? `dp-input-${L.uid}` : void 0,
             ref_key: "inputRef",
-            ref: N,
+            ref: $,
             "data-test-id": "dp-input",
             name: L.name,
             class: we(b.value),
@@ -7705,11 +7705,11 @@ const Fd = ({
             "aria-disabled": L.disabled || void 0,
             "aria-invalid": L.state === !1 ? !0 : void 0,
             onInput: y,
-            onBlur: D,
+            onBlur: P,
             onFocus: ce,
             onKeypress: q,
             onKeydown: me[0] || (me[0] = (G) => q(G)),
-            onPaste: E
+            onPaste: N
           }, null, 42, Wd)),
           ve("div", {
             onClick: me[3] || (me[3] = (G) => n("toggle"))
@@ -7723,21 +7723,21 @@ const Fd = ({
             ])) : z("", !0),
             !L.$slots["input-icon"] && !L.hideInputIcon && !L.$slots["dp-input"] ? (w(), Ae(v(Ea), {
               key: 1,
-              "aria-label": (I = v(o)) == null ? void 0 : I.calendarIcon,
+              "aria-label": (R = v(o)) == null ? void 0 : R.calendarIcon,
               class: "dp__input_icon dp__input_icons",
               onClick: me[2] || (me[2] = (G) => n("toggle"))
             }, null, 8, ["aria-label"])) : z("", !0)
           ]),
           L.$slots["clear-icon"] && (L.alwaysClearable || e.inputValue && L.clearable && !L.disabled && !L.readonly) ? (w(), S("span", jd, [
-            de(L.$slots, "clear-icon", { clear: R })
+            de(L.$slots, "clear-icon", { clear: Y })
           ])) : z("", !0),
           !L.$slots["clear-icon"] && (L.alwaysClearable || L.clearable && e.inputValue && !L.disabled && !L.readonly) ? (w(), S("button", {
             key: 3,
             "aria-label": (V = v(o)) == null ? void 0 : V.clearInput,
             class: "dp--clear-btn",
             type: "button",
-            onKeydown: me[4] || (me[4] = (G) => v(pt)(G, () => R(G), !0, ne)),
-            onClick: me[5] || (me[5] = At((G) => R(G), ["prevent"]))
+            onKeydown: me[4] || (me[4] = (G) => v(pt)(G, () => Y(G), !0, ne)),
+            onClick: me[5] || (me[5] = At((G) => Y(G), ["prevent"]))
           }, [
             Ze(v(Oo), {
               class: "dp__input_icons",
@@ -7806,14 +7806,14 @@ const Fd = ({
     "text-input"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, r = e, l = wa(), o = Q(!1), i = qa(r, "modelValue"), u = qa(r, "timezone"), p = Q(null), d = Q(null), m = Q(null), c = Q(!1), k = Q(null), h = Q(!1), P = Q(!1), N = Q(!1), g = Q(!1), { setMenuFocused: x, setShiftKey: b } = Vo(), { clearArrowNav: M } = ua(), { validateDate: F, isValidTime: Y } = ca(r), {
-      defaultedTransitions: E,
+    const n = a, r = e, l = wa(), o = Q(!1), i = qa(r, "modelValue"), u = qa(r, "timezone"), p = Q(null), d = Q(null), m = Q(null), c = Q(!1), k = Q(null), h = Q(!1), A = Q(!1), $ = Q(!1), g = Q(!1), { setMenuFocused: x, setShiftKey: b } = Vo(), { clearArrowNav: D } = ua(), { validateDate: F, isValidTime: E } = ca(r), {
+      defaultedTransitions: N,
       defaultedTextInput: W,
       defaultedInline: y,
-      defaultedConfig: $,
+      defaultedConfig: I,
       defaultedRange: te,
       defaultedMultiDates: ce
-    } = We(r), { menuTransition: ge, showTransition: D } = an(E), { isMobile: R } = Xo($), T = Es();
+    } = We(r), { menuTransition: ge, showTransition: P } = an(N), { isMobile: Y } = Xo(I), M = Es();
     nt(() => {
       s(r.modelValue), _t().then(() => {
         if (!y.value.enabled) {
@@ -7836,7 +7836,7 @@ const Fd = ({
       },
       { deep: !0 }
     );
-    const { openOnTop: H, menuStyle: ne, xCorrect: L, setMenuPosition: me, getScrollableParent: _, shadowRender: I } = Fd({
+    const { openOnTop: H, menuStyle: ne, xCorrect: L, setMenuPosition: me, getScrollableParent: _, shadowRender: R } = Fd({
       menuRef: p,
       menuRefInner: d,
       inputRef: m,
@@ -7858,7 +7858,7 @@ const Fd = ({
         dp__theme_dark: r.dark,
         dp__theme_light: !r.dark,
         dp__flex_display: y.value.enabled,
-        "dp--flex-display-collapsed": N.value,
+        "dp--flex-display-collapsed": $.value,
         dp__flex_display_with_input: y.value.input
       })
     ), De = j(() => r.dark ? "dp__theme_dark" : "dp__theme_light"), K = j(() => r.teleport ? {
@@ -7868,55 +7868,55 @@ const Fd = ({
       var U, ue;
       return ((ue = (U = m.value) == null ? void 0 : U.$el) == null ? void 0 : ue.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, le = () => {
-      o.value && ($.value.closeOnScroll ? rt() : me());
+      o.value && (I.value.closeOnScroll ? rt() : me());
     }, oe = () => {
       var U;
       o.value && me();
       const ue = ((U = d.value) == null ? void 0 : U.$el.getBoundingClientRect().width) ?? 0;
-      N.value = document.body.offsetWidth <= ue;
+      $.value = document.body.offsetWidth <= ue;
     }, Oe = (U) => {
-      U.key === "Tab" && !y.value.enabled && !r.teleport && $.value.tabOutClosesMenu && (k.value.contains(document.activeElement) || rt()), P.value = U.shiftKey;
+      U.key === "Tab" && !y.value.enabled && !r.teleport && I.value.tabOutClosesMenu && (k.value.contains(document.activeElement) || rt()), A.value = U.shiftKey;
     }, Me = (U) => {
-      P.value = U.shiftKey;
+      A.value = U.shiftKey;
     }, Ye = () => {
-      !r.disabled && !r.readonly && (I(T, Al, r), me(!1), o.value = !0, o.value && n("open"), o.value || he(), s(r.modelValue));
+      !r.disabled && !r.readonly && (R(M, Al, r), me(!1), o.value = !0, o.value && n("open"), o.value || he(), s(r.modelValue));
     }, Ge = () => {
       var U, ue;
-      V.value = "", he(), (U = d.value) == null || U.onValueCleared(), (ue = m.value) == null || ue.setParsedDate(null), n("update:model-value", null), n("update:model-timezone-value", null), n("cleared"), $.value.closeOnClearValue && rt();
-    }, A = () => {
+      V.value = "", he(), (U = d.value) == null || U.onValueCleared(), (ue = m.value) == null || ue.setParsedDate(null), n("update:model-value", null), n("update:model-timezone-value", null), n("cleared"), I.value.closeOnClearValue && rt();
+    }, T = () => {
       const U = G.value;
       return !U || !Array.isArray(U) && F(U) ? !0 : Array.isArray(U) ? ce.value.enabled || U.length === 2 && F(U[0]) && F(U[1]) ? !0 : te.value.partialRange && !r.timePicker ? F(U[0]) : !1 : !1;
     }, se = () => {
-      Re() && A() ? (C(), rt()) : n("invalid-select", G.value);
+      Re() && T() ? (C(), rt()) : n("invalid-select", G.value);
     }, $e = (U) => {
-      at(), C(), $.value.closeOnAutoApply && !U && rt();
+      at(), C(), I.value.closeOnAutoApply && !U && rt();
     }, at = () => {
       m.value && W.value.enabled && m.value.setParsedDate(G.value);
     }, $t = (U = !1) => {
-      r.autoApply && Y(G.value) && A() && (te.value.enabled && Array.isArray(G.value) ? (te.value.partialRange || G.value.length === 2) && $e(U) : $e(U));
+      r.autoApply && E(G.value) && T() && (te.value.enabled && Array.isArray(G.value) ? (te.value.partialRange || G.value.length === 2) && $e(U) : $e(U));
     }, he = () => {
       W.value.enabled || (G.value = null);
     }, rt = (U = !1) => {
       var ue, ye;
-      U && G.value && $.value.setDateOnMenuClose && se(), y.value.enabled || (o.value && (o.value = !1, L.value = !1, x(!1), b(!1), M(), n("closed"), V.value && s(i.value)), he(), n("blur"), (ye = (ue = d.value) == null ? void 0 : ue.$el) == null || ye.remove());
+      U && G.value && I.value.setDateOnMenuClose && se(), y.value.enabled || (o.value && (o.value = !1, L.value = !1, x(!1), b(!1), D(), n("closed"), V.value && s(i.value)), he(), n("blur"), (ye = (ue = d.value) == null ? void 0 : ue.$el) == null || ye.remove());
     }, It = (U, ue, ye = !1) => {
       if (!U) {
         G.value = null;
         return;
       }
-      const zt = Array.isArray(U) ? !U.some((da) => !F(da)) : F(U), Rt = Y(U);
+      const zt = Array.isArray(U) ? !U.some((da) => !F(da)) : F(U), Rt = E(U);
       zt && Rt ? (g.value = !0, G.value = U, ue ? (h.value = ye, se(), n("text-submit")) : r.autoApply && $t(), _t().then(() => {
         g.value = !1;
       })) : n("invalid-date", U);
     }, In = () => {
-      r.autoApply && Y(G.value) && C(), at();
+      r.autoApply && E(G.value) && C(), at();
     }, on = () => o.value ? rt() : Ye(), Rn = (U) => {
       G.value = U;
     }, Yn = () => {
       W.value.enabled && (c.value = !0, ie()), n("focus");
     }, En = () => {
       if (W.value.enabled && (c.value = !1, s(r.modelValue), h.value)) {
-        const U = lc(k.value, P.value);
+        const U = lc(k.value, A.value);
         U == null || U.focus();
       }
       n("blur");
@@ -7930,14 +7930,14 @@ const Fd = ({
     }, O = (U, ue) => {
       var ye;
       (ye = d.value) == null || ye.switchView(U, ue);
-    }, J = (U, ue) => $.value.onClickOutside ? $.value.onClickOutside(U, ue) : rt(!0), be = (U = 0) => {
+    }, J = (U, ue) => I.value.onClickOutside ? I.value.onClickOutside(U, ue) : rt(!0), be = (U = 0) => {
       var ue;
       (ue = d.value) == null || ue.handleFlow(U);
     }, Te = () => p;
     return Kd(
       p,
       m,
-      (U) => J(A, U)
+      (U) => J(T, U)
     ), t({
       closeMenu: rt,
       selectDate: se,
@@ -7959,7 +7959,7 @@ const Fd = ({
       ref: k,
       class: we(B.value),
       "data-datepicker-instance": "",
-      "data-dp-mobile": v(R)
+      "data-dp-mobile": v(Y)
     }, [
       Ze(qd, ot({
         ref_key: "inputRef",
@@ -7991,7 +7991,7 @@ const Fd = ({
         default: Pe(() => [
           Ze(na, {
             name: v(ge)(v(H)),
-            css: v(D) && !v(y).enabled
+            css: v(P) && !v(y).enabled
           }, {
             default: Pe(() => [
               o.value ? (w(), S("div", ot({
@@ -8011,7 +8011,7 @@ const Fd = ({
                   class: { [De.value]: !0, "dp--menu-wrapper": U.teleport },
                   "open-on-top": v(H),
                   "no-overlay-focus": f.value,
-                  collapse: N.value,
+                  collapse: $.value,
                   "get-input-rect": ee,
                   "is-text-input-date": g.value,
                   onClosePicker: rt,
@@ -8111,49 +8111,49 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
       "grid-template-columns": `${n.labelWidth} 1fr`
     } : {} : {}), h = (y) => {
       if (!y) return "";
-      const $ = String(y.getDate()).padStart(2, "0"), te = String(y.getMonth() + 1).padStart(2, "0"), ce = y.getFullYear();
-      return `${$}/${te}/${ce}`;
-    }, P = (y) => {
+      const I = String(y.getDate()).padStart(2, "0"), te = String(y.getMonth() + 1).padStart(2, "0"), ce = y.getFullYear();
+      return `${I}/${te}/${ce}`;
+    }, A = (y) => {
       if (!y) return null;
-      const [$, te, ce] = y.split("/").map(Number);
-      return new Date(ce, te - 1, $);
-    }, N = async (y) => {
+      const [I, te, ce] = y.split("/").map(Number);
+      return new Date(ce, te - 1, I);
+    }, $ = async (y) => {
       if (n.autosave)
         try {
           await n.autosave(y), n.error || (r("saved"), o.value = !0, i.value = !1, setTimeout(() => {
             o.value = !1;
           }, 3e3));
-        } catch ($) {
-          console.error("Autosave failed:", $);
+        } catch (I) {
+          console.error("Autosave failed:", I);
         }
     }, g = (y) => {
       p.value && clearTimeout(p.value), d.value && clearTimeout(d.value), n.error || (i.value = !0), d.value = window.setTimeout(() => {
         r("changed"), u.value = !0;
       }, 500), p.value = window.setTimeout(() => {
-        N(y);
+        $(y);
       }, 1500);
     }, x = () => {
       var y;
       (y = m.value) == null || y.focus();
     }, b = (y) => {
       y.style.height = "auto", y.style.height = `${y.scrollHeight}px`;
-    }, M = (y) => {
-      const $ = y.target.value;
-      r("update:modelValue", $), g($), b(y.target);
+    }, D = (y) => {
+      const I = y.target.value;
+      r("update:modelValue", I), g(I), b(y.target);
     }, F = () => {
       r("focus");
-    }, Y = () => {
+    }, E = () => {
       r("blur");
-    }, E = (y) => {
+    }, N = (y) => {
       r("keydown", y);
     }, W = (y) => {
-      const $ = h(y);
-      r("update:modelValue", $), g($);
+      const I = h(y);
+      r("update:modelValue", I), g(I);
     };
     return ia(() => {
       p.value && clearTimeout(p.value), d.value && clearTimeout(d.value);
     }), nt(() => {
-      l.value = `text-input-${Math.random().toString(36).substr(2, 9)}`, n.type === "date" && n.modelValue && (c.value = P(n.modelValue));
+      l.value = `text-input-${Math.random().toString(36).substr(2, 9)}`, n.type === "date" && n.modelValue && (c.value = A(n.modelValue));
     }), t({
       focus: () => {
         var y;
@@ -8163,7 +8163,7 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
         var y;
         return (y = m.value) == null ? void 0 : y.blur();
       }
-    }), (y, $) => {
+    }), (y, I) => {
       const te = ro("font-awesome-icon");
       return w(), S("div", {
         class: we(["text-input", {
@@ -8205,7 +8205,7 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
             id: l.value,
             modelValue: c.value,
             "onUpdate:modelValue": [
-              $[0] || ($[0] = (ce) => c.value = ce),
+              I[0] || (I[0] = (ce) => c.value = ce),
               W
             ],
             placeholder: y.placeholder,
@@ -8220,7 +8220,7 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
             clearable: !0,
             "input-class-name": ["input", { "has-icon": y.icon }],
             onFocus: F,
-            onBlur: Y
+            onBlur: E
           }, null, 8, ["id", "modelValue", "placeholder", "disabled", "readonly", "min-date", "max-date", "input-class-name"])) : y.isTextarea ? (w(), S("textarea", {
             key: 3,
             id: l.value,
@@ -8229,7 +8229,7 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
             required: y.required,
             disabled: y.disabled,
             class: "input",
-            onInput: M,
+            onInput: D,
             ref_key: "inputRef",
             ref: m
           }, null, 40, nf)) : (w(), S("input", {
@@ -8243,10 +8243,10 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
             readonly: y.readonly,
             maxlength: y.maxlength,
             class: "input",
-            onInput: M,
+            onInput: D,
             onFocus: F,
-            onBlur: Y,
-            onKeydown: E,
+            onBlur: E,
+            onKeydown: N,
             ref_key: "inputRef",
             ref: m
           }, null, 40, af)),
@@ -8293,29 +8293,29 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
   setup(e, { emit: t }) {
     const a = e, n = t, r = Q(null), l = Q([]), o = Q(!1), i = Q(0), u = Q(""), p = Q(null), d = (b) => {
       if (b === 0) return "0 Bytes";
-      const M = 1024, F = ["Bytes", "KB", "MB", "GB"], Y = Math.floor(Math.log(b) / Math.log(M));
-      return parseFloat((b / Math.pow(M, Y)).toFixed(2)) + " " + F[Y];
+      const D = 1024, F = ["Bytes", "KB", "MB", "GB"], E = Math.floor(Math.log(b) / Math.log(D));
+      return parseFloat((b / Math.pow(D, E)).toFixed(2)) + " " + F[E];
     }, m = (b) => b.size > wf ? (u.value = `File "${b.name}" exceeds the maximum size of 20MB`, !1) : !0, c = () => {
       o.value = !0;
     }, k = () => {
       o.value = !1;
     }, h = (b) => {
-      var M;
-      if (o.value = !1, u.value = "", (M = b.dataTransfer) != null && M.files) {
+      var D;
+      if (o.value = !1, u.value = "", (D = b.dataTransfer) != null && D.files) {
         const F = Array.from(b.dataTransfer.files);
         F.every(m) && (l.value = [...l.value, ...F]);
       }
-    }, P = () => {
+    }, A = () => {
       var b;
       (b = r.value) == null || b.click();
-    }, N = (b) => {
+    }, $ = (b) => {
       u.value = "";
-      const M = b.target;
-      if (M.files) {
-        const F = Array.from(M.files);
+      const D = b.target;
+      if (D.files) {
+        const F = Array.from(D.files);
         F.every(m) && (l.value = [...l.value, ...F]);
       }
-      M.value = "";
+      D.value = "";
     }, g = async () => {
       if (!a.uploadUrl) {
         u.value = "No upload URL provided";
@@ -8326,26 +8326,26 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
         return;
       }
       const b = new FormData();
-      l.value.forEach((M) => {
-        b.append("files", M);
+      l.value.forEach((D) => {
+        b.append("files", D);
       });
       try {
-        const M = new XMLHttpRequest();
-        M.upload.addEventListener("progress", (F) => {
+        const D = new XMLHttpRequest();
+        D.upload.addEventListener("progress", (F) => {
           F.lengthComputable && (i.value = F.loaded / F.total * 100);
-        }), M.addEventListener("load", () => {
-          if (M.status >= 200 && M.status < 300)
+        }), D.addEventListener("load", () => {
+          if (D.status >= 200 && D.status < 300)
             p.value = {
               type: "success",
               message: "Upload completed successfully"
             }, n("upload-complete", l.value), l.value = [], i.value = 0;
           else
-            throw new Error(`Upload failed with status ${M.status}`);
-        }), M.addEventListener("error", () => {
+            throw new Error(`Upload failed with status ${D.status}`);
+        }), D.addEventListener("error", () => {
           throw new Error("Upload failed");
-        }), M.open("POST", a.uploadUrl), M.send(b);
-      } catch (M) {
-        const F = M instanceof Error ? M.message : "Upload failed";
+        }), D.open("POST", a.uploadUrl), D.send(b);
+      } catch (D) {
+        const F = D instanceof Error ? D.message : "Upload failed";
         u.value = F, p.value = {
           type: "error",
           message: F
@@ -8356,17 +8356,17 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
     };
     return gt(l, (b) => {
       b.length > 0 && (a.uploadUrl ? g() : n("files-selected", b));
-    }), (b, M) => {
+    }), (b, D) => {
       const F = ro("font-awesome-icon");
       return w(), S("div", ff, [
         ve("div", {
           class: we(["upload-area", { "is-dragging": o.value, "has-files": l.value.length > 0 }]),
           onDragenter: At(c, ["prevent"]),
           onDragleave: At(k, ["prevent"]),
-          onDragover: M[0] || (M[0] = At(() => {
+          onDragover: D[0] || (D[0] = At(() => {
           }, ["prevent"])),
           onDrop: At(h, ["prevent"]),
-          onClick: P
+          onClick: A
         }, [
           ve("input", {
             ref_key: "fileInput",
@@ -8374,7 +8374,7 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
             type: "file",
             multiple: "",
             class: "file-input",
-            onChange: N
+            onChange: $
           }, null, 544),
           ve("div", mf, [
             Ze(F, {
@@ -8382,12 +8382,12 @@ const tf = ["for"], af = ["id", "type", "value", "placeholder", "required", "dis
             }, null, 8, ["icon"]),
             l.value.length === 0 ? (w(), S("p", vf, "Drag & drop files here or click to select")) : (w(), S("div", pf, [
               ve("p", null, Le(l.value.length) + " file(s) selected", 1),
-              (w(!0), S(xe, null, Ne(l.value, (Y, E) => (w(), S("div", {
-                key: E,
+              (w(!0), S(xe, null, Ne(l.value, (E, N) => (w(), S("div", {
+                key: N,
                 class: "file-info"
               }, [
-                ve("span", hf, Le(Y.name), 1),
-                ve("span", yf, Le(d(Y.size)), 1)
+                ve("span", hf, Le(E.name), 1),
+                ve("span", yf, Le(d(E.size)), 1)
               ]))), 128))
             ]))
           ])
@@ -9977,13 +9977,13 @@ function nl(e) {
   } = e, {
     width: c,
     height: k
-  } = a.found ? a : t, h = Nf.includes(n), P = [pe.replacementClass, r ? "".concat(pe.cssPrefix, "-").concat(r) : ""].filter((F) => d.classes.indexOf(F) === -1).filter((F) => F !== "" || !!F).concat(d.classes).join(" ");
-  let N = {
+  } = a.found ? a : t, h = Nf.includes(n), A = [pe.replacementClass, r ? "".concat(pe.cssPrefix, "-").concat(r) : ""].filter((F) => d.classes.indexOf(F) === -1).filter((F) => F !== "" || !!F).concat(d.classes).join(" ");
+  let $ = {
     children: [],
     attributes: Z(Z({}, d.attributes), {}, {
       "data-prefix": n,
       "data-icon": r,
-      class: P,
+      class: A,
       role: d.attributes.role || "img",
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 ".concat(c, " ").concat(k)
@@ -9992,14 +9992,14 @@ function nl(e) {
   const g = h && !~d.classes.indexOf("fa-fw") ? {
     width: "".concat(c / k * 16 * 0.0625, "em")
   } : {};
-  m && (N.attributes[ga] = ""), i && (N.children.push({
+  m && ($.attributes[ga] = ""), i && ($.children.push({
     tag: "title",
     attributes: {
-      id: N.attributes["aria-labelledby"] || "title-".concat(p || Ka())
+      id: $.attributes["aria-labelledby"] || "title-".concat(p || Ka())
     },
     children: [i]
-  }), delete N.attributes.title);
-  const x = Z(Z({}, N), {}, {
+  }), delete $.attributes.title);
+  const x = Z(Z({}, $), {}, {
     prefix: n,
     iconName: r,
     main: t,
@@ -10010,7 +10010,7 @@ function nl(e) {
     styles: Z(Z({}, g), d.styles)
   }), {
     children: b,
-    attributes: M
+    attributes: D
   } = a.found && t.found ? sa("generateAbstractMask", x) || {
     children: [],
     attributes: {}
@@ -10018,7 +10018,7 @@ function nl(e) {
     children: [],
     attributes: {}
   };
-  return x.children = b, x.attributes = M, o ? Nm(x) : Em(x);
+  return x.children = b, x.attributes = D, o ? Nm(x) : Em(x);
 }
 function Hl(e) {
   const {
@@ -10502,11 +10502,11 @@ var rv = {
           height: 512,
           icon: {}
         })]).then((h) => {
-          let [P, N] = h;
+          let [A, $] = h;
           c([t, nl({
             icons: {
-              main: P,
-              mask: N
+              main: A,
+              mask: $
             },
             prefix: o,
             iconName: n,
@@ -10690,30 +10690,30 @@ function Kl(e, t) {
       let k = dv(u, d);
       const {
         value: h,
-        isSecondary: P
-      } = cv(c), N = p[0].startsWith("FontAwesome");
+        isSecondary: A
+      } = cv(c), $ = p[0].startsWith("FontAwesome");
       let g = al(k, h), x = g;
-      if (N) {
+      if ($) {
         const b = km(h);
         b.iconName && b.prefix && (g = b.iconName, k = b.prefix);
       }
-      if (g && !P && (!o || o.getAttribute(Xr) !== k || o.getAttribute(Kr) !== x)) {
+      if (g && !A && (!o || o.getAttribute(Xr) !== k || o.getAttribute(Kr) !== x)) {
         e.setAttribute(a, x), o && e.removeChild(o);
         const b = Zm(), {
-          extra: M
+          extra: D
         } = b;
-        M.attributes[mr] = t, kr(g, k).then((F) => {
-          const Y = nl(Z(Z({}, b), {}, {
+        D.attributes[mr] = t, kr(g, k).then((F) => {
+          const E = nl(Z(Z({}, b), {}, {
             icons: {
               main: F,
               mask: xs()
             },
             prefix: k,
             iconName: x,
-            extra: M,
+            extra: D,
             watchable: !0
-          })), E = Ve.createElementNS("http://www.w3.org/2000/svg", "svg");
-          t === "::before" ? e.insertBefore(E, e.firstChild) : e.appendChild(E), E.outerHTML = Y.map((W) => ln(W)).join(`
+          })), N = Ve.createElementNS("http://www.w3.org/2000/svg", "svg");
+          t === "::before" ? e.insertBefore(N, e.firstChild) : e.appendChild(N), N.outerHTML = E.map((W) => ln(W)).join(`
 `), e.removeAttribute(a), n();
         }).catch(r);
       } else
@@ -10930,17 +10930,17 @@ var gv = {
         })
       }, h = p.children ? {
         children: p.children.map(to)
-      } : {}, P = {
+      } : {}, A = {
         tag: "g",
         attributes: Z({}, c.inner),
         children: [to(Z({
           tag: p.tag,
           attributes: Z(Z({}, p.attributes), c.path)
         }, h))]
-      }, N = {
+      }, $ = {
         tag: "g",
         attributes: Z({}, c.outer),
-        children: [P]
+        children: [A]
       }, g = "mask-".concat(o || Ka()), x = "clip-".concat(o || Ka()), b = {
         tag: "mask",
         attributes: Z(Z({}, ar), {}, {
@@ -10948,8 +10948,8 @@ var gv = {
           maskUnits: "userSpaceOnUse",
           maskContentUnits: "userSpaceOnUse"
         }),
-        children: [k, N]
-      }, M = {
+        children: [k, $]
+      }, D = {
         tag: "defs",
         children: [{
           tag: "clipPath",
@@ -10959,7 +10959,7 @@ var gv = {
           children: yv(m)
         }, b]
       };
-      return a.push(M, {
+      return a.push(D, {
         tag: "rect",
         attributes: Z({
           fill: "currentColor",
@@ -11171,20 +11171,20 @@ var $v = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     var a = function(g, x, b) {
       if (!p(x) || m(x) || c(x) || k(x) || u(x))
         return x;
-      var M, F = 0, Y = 0;
+      var D, F = 0, E = 0;
       if (d(x))
-        for (M = [], Y = x.length; F < Y; F++)
-          M.push(a(g, x[F], b));
+        for (D = [], E = x.length; F < E; F++)
+          D.push(a(g, x[F], b));
       else {
-        M = {};
-        for (var E in x)
-          Object.prototype.hasOwnProperty.call(x, E) && (M[g(E, b)] = a(g, x[E], b));
+        D = {};
+        for (var N in x)
+          Object.prototype.hasOwnProperty.call(x, N) && (D[g(N, b)] = a(g, x[N], b));
       }
-      return M;
+      return D;
     }, n = function(g, x) {
       x = x || {};
-      var b = x.separator || "_", M = x.split || /(?=[A-Z])/;
-      return g.split(M).join(b);
+      var b = x.separator || "_", D = x.split || /(?=[A-Z])/;
+      return g.split(D).join(b);
     }, r = function(g) {
       return h(g) ? g : (g = g.replace(/[\-_\s]+(.)?/g, function(x, b) {
         return b ? b.toUpperCase() : "";
@@ -11208,30 +11208,30 @@ var $v = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       return i.call(g) == "[object Boolean]";
     }, h = function(g) {
       return g = g - 0, g === g;
-    }, P = function(g, x) {
+    }, A = function(g, x) {
       var b = x && "process" in x ? x.process : x;
-      return typeof b != "function" ? g : function(M, F) {
-        return b(M, g, F);
+      return typeof b != "function" ? g : function(D, F) {
+        return b(D, g, F);
       };
-    }, N = {
+    }, $ = {
       camelize: r,
       decamelize: o,
       pascalize: l,
       depascalize: o,
       camelizeKeys: function(g, x) {
-        return a(P(r, x), g);
+        return a(A(r, x), g);
       },
       decamelizeKeys: function(g, x) {
-        return a(P(o, x), g, x);
+        return a(A(o, x), g, x);
       },
       pascalizeKeys: function(g, x) {
-        return a(P(l, x), g);
+        return a(A(l, x), g);
       },
       depascalizeKeys: function() {
         return this.decamelizeKeys.apply(this, arguments);
       }
     };
-    e.exports ? e.exports = N : t.humps = N;
+    e.exports ? e.exports = $ : t.humps = $;
   })($v);
 })(Cs);
 var Iv = Cs.exports, Rv = ["class", "style"];
@@ -11603,7 +11603,7 @@ const Lv = {
   },
   emits: ["update:activeItem", "item-click"],
   setup(e, { emit: t }) {
-    const a = e, n = t, r = Q(null), l = j(() => [...a.items].sort((c, k) => c.alignment === "right" && k.alignment !== "right" ? 1 : c.alignment !== "right" && k.alignment === "right" ? -1 : 0)), o = j(() => a.items.map((c) => c.width || "150px").join(" ")), i = (c, k) => {
+    const a = e, n = t, r = Q(null), l = j(() => [...a.items].sort((c, k) => c.alignment === "right" && k.alignment !== "right" ? 1 : c.alignment !== "right" && k.alignment === "right" ? -1 : 0)), o = j(() => l.value.map((c) => c.width || "150px").join(" ")), i = (c, k) => {
       c.disabled || (k.stopPropagation(), n("item-click", c), n("update:activeItem", c.id), c.children ? r.value = r.value === c.id ? null : c.id : r.value = null);
     }, u = (c) => {
       window.open(c, "_blank");
@@ -11641,7 +11641,7 @@ const Lv = {
       })
     }, [
       c.type === "tiles" ? (w(), S("div", Lv, [
-        (w(!0), S(xe, null, Ne(l.value, (h) => (w(), S("div", {
+        (w(!0), S(xe, null, Ne(l.value, (h, A) => (w(), S("div", {
           key: h.id,
           class: we(["navigation__tile", [
             { "navigation__tile--active": h.id === c.activeItem },
@@ -11655,9 +11655,9 @@ const Lv = {
             width: h.width || "150px",
             "min-width": h.width || "150px",
             "max-width": h.width || "150px",
-            "grid-column": `span ${Math.ceil(parseInt(h.width || "150px") / 150)}`
+            "grid-column": h.alignment === "right" ? `${A - c.items.length}` : "auto"
           }),
-          onClick: (P) => !h.id.includes("spacer") && i(h, P)
+          onClick: ($) => !h.id.includes("spacer") && i(h, $)
         }, [
           ve("div", {
             class: we(["navigation__tile-content", {
@@ -11683,10 +11683,10 @@ const Lv = {
               ])) : z("", !0)
             ])) : z("", !0)
           ], 2),
-          h.url ? (w(), S("div", {
+          h.url && parseInt(c.height || "0") >= 80 ? (w(), S("div", {
             key: 0,
             class: "navigation__external-link",
-            onClick: At((P) => u(h.url), ["stop"])
+            onClick: At(($) => u(h.url), ["stop"])
           }, [
             Ze(v(Jt), { icon: "square-up-right" })
           ], 8, jv)) : z("", !0),
@@ -11697,25 +11697,25 @@ const Lv = {
               "navigation__dropdown-content--end": h.alignment === "end"
             }])
           }, [
-            (w(!0), S(xe, null, Ne(h.children, (P) => (w(), S("div", {
-              key: P.id,
+            (w(!0), S(xe, null, Ne(h.children, ($) => (w(), S("div", {
+              key: $.id,
               class: we(["navigation__dropdown-item", {
-                "navigation__dropdown-item--disabled": P.disabled
+                "navigation__dropdown-item--disabled": $.disabled
               }]),
-              onClick: (N) => i(P, N)
+              onClick: (g) => i($, g)
             }, [
-              P.icon ? (w(), S("div", qv, [
-                P.icon.startsWith("img:") ? (w(), S("img", {
+              $.icon ? (w(), S("div", qv, [
+                $.icon.startsWith("img:") ? (w(), S("img", {
                   key: 0,
-                  src: P.icon.substring(4),
-                  alt: P.label || "Icon",
+                  src: $.icon.substring(4),
+                  alt: $.label || "Icon",
                   class: "navigation__icon-image"
                 }, null, 8, Qv)) : (w(), Ae(v(Jt), {
                   key: 1,
-                  icon: P.icon
+                  icon: $.icon
                 }, null, 8, ["icon"]))
               ])) : z("", !0),
-              P.label ? (w(), S("div", Gv, Le(P.label), 1)) : z("", !0)
+              $.label ? (w(), S("div", Gv, Le($.label), 1)) : z("", !0)
             ], 10, Uv))), 128))
           ], 2)) : z("", !0)
         ], 14, Bv))), 128))
@@ -11738,7 +11738,7 @@ const Lv = {
               "navigation__dropdown-header--icon-only": !h.label,
               "navigation__dropdown-header--large-icon": c.iconSize === "large" && h.icon
             }]),
-            onClick: (P) => i(h, P)
+            onClick: (A) => i(h, A)
           }, [
             h.icon ? (w(), S("div", Zv, [
               h.icon.startsWith("img:") ? (w(), S("img", {
@@ -11758,10 +11758,10 @@ const Lv = {
               ])) : z("", !0)
             ])) : z("", !0)
           ], 10, Kv),
-          h.url ? (w(), S("div", {
+          h.url && parseInt(c.height || "0") >= 80 ? (w(), S("div", {
             key: 0,
             class: "navigation__external-link",
-            onClick: At((P) => u(h.url), ["stop"])
+            onClick: At((A) => u(h.url), ["stop"])
           }, [
             Ze(v(Jt), { icon: "square-up-right" })
           ], 8, ap)) : z("", !0),
@@ -11772,32 +11772,32 @@ const Lv = {
               "navigation__dropdown-content--end": h.alignment === "end"
             }])
           }, [
-            (w(!0), S(xe, null, Ne(h.children, (P) => (w(), S("div", {
-              key: P.id,
+            (w(!0), S(xe, null, Ne(h.children, (A) => (w(), S("div", {
+              key: A.id,
               class: we(["navigation__dropdown-item", {
-                "navigation__dropdown-item--disabled": P.disabled
+                "navigation__dropdown-item--disabled": A.disabled
               }]),
-              onClick: (N) => i(P, N)
+              onClick: ($) => i(A, $)
             }, [
-              P.icon ? (w(), S("div", rp, [
-                P.icon.startsWith("img:") ? (w(), S("img", {
+              A.icon ? (w(), S("div", rp, [
+                A.icon.startsWith("img:") ? (w(), S("img", {
                   key: 0,
-                  src: P.icon.substring(4),
-                  alt: P.label || "Icon",
+                  src: A.icon.substring(4),
+                  alt: A.label || "Icon",
                   class: "navigation__icon-image"
                 }, null, 8, lp)) : (w(), Ae(v(Jt), {
                   key: 1,
-                  icon: P.icon
+                  icon: A.icon
                 }, null, 8, ["icon"]))
               ])) : z("", !0),
-              P.label ? (w(), S("div", op, Le(P.label), 1)) : z("", !0)
+              A.label ? (w(), S("div", op, Le(A.label), 1)) : z("", !0)
             ], 10, np))), 128))
           ], 2)) : z("", !0)
         ], 6))), 128))
       ]))
     ], 6));
   }
-}), fp = /* @__PURE__ */ Qr(sp, [["__scopeId", "data-v-eef42532"]]);
+}), fp = /* @__PURE__ */ Qr(sp, [["__scopeId", "data-v-a1d42c68"]]);
 export {
   dp as FileUpload,
   fp as Navigation,