redmine-ui-kit 1.5.3 → 1.5.5

package/dist/redmine-ui-kit.js

@@ -1,7 +1,7 @@
 var Xl = Object.defineProperty;
 var Jl = (e, a, t) => a in e ? Xl(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
 var de = (e, a, t) => (Jl(e, typeof a != "symbol" ? a + "" : a, t), t);
-import { defineComponent as Te, openBlock as h, createElementBlock as R, normalizeStyle as nt, createElementVNode as z, useSlots as Nt, computed as H, normalizeClass as ye, toDisplayString as ke, renderSlot as le, withDirectives as Xe, vShow as Yt, vModelCheckbox as Zl, createCommentVNode as I, ref as J, createTextVNode as ut, onMounted as Ue, nextTick as mt, unref as c, mergeProps as We, withKeys as Jt, toHandlerKey as Xa, withModifiers as Dt, vModelText as Ln, createBlock as be, Teleport as fn, createVNode as Ye, Transition as ot, withCtx as fe, shallowRef as pa, onBeforeUnmount as Kl, watch as dt, Fragment as _e, renderList as Se, reactive as _a, toRef as ga, onUnmounted as Ea, isRef as In, createSlots as tt, normalizeProps as Qe, guardReactiveProps as lt, resolveDynamicComponent as Ya, h as er, render as Nn, onBeforeUpdate as tr, getCurrentScope as ar, onScopeDispose as nr } from "vue";
+import { defineComponent as Te, openBlock as h, createElementBlock as R, normalizeStyle as nt, createElementVNode as z, useSlots as Nt, computed as W, normalizeClass as ye, toDisplayString as ke, renderSlot as le, withDirectives as Xe, vShow as Yt, vModelCheckbox as Zl, createCommentVNode as I, ref as J, createTextVNode as ut, onMounted as Ue, nextTick as mt, unref as c, mergeProps as We, withKeys as Jt, toHandlerKey as Xa, withModifiers as Dt, vModelText as Ln, createBlock as be, Teleport as fn, createVNode as Ye, Transition as ot, withCtx as fe, shallowRef as pa, onBeforeUnmount as Kl, watch as dt, Fragment as _e, renderList as Se, reactive as _a, toRef as ga, onUnmounted as Ea, isRef as In, createSlots as tt, normalizeProps as Qe, guardReactiveProps as lt, resolveDynamicComponent as Ya, h as er, render as Nn, onBeforeUpdate as tr, getCurrentScope as ar, onScopeDispose as nr } from "vue";
 const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
   lr
 ], sc = /* @__PURE__ */ Te({
@@ -33,7 +33,7 @@ const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
   },
   emits: ["click"],
   setup(e) {
-    const a = Nt(), t = H(() => !!a.icon);
+    const a = Nt(), t = W(() => !!a.icon);
     return (n, l) => (h(), R("button", {
       class: ye([
         "rm-button",
@@ -66,7 +66,7 @@ const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
     all: { default: 0 }
   },
   setup(e) {
-    const a = e, t = H(() => !a.done || !a.all ? 0 : Math.round(a.done / a.all * 100));
+    const a = e, t = W(() => !a.done || !a.all ? 0 : Math.round(a.done / a.all * 100));
     return (n, l) => (h(), R("div", dr, [
       z("div", cr, [
         z("div", {
@@ -88,7 +88,7 @@ const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = H({
+    const t = e, n = a, l = W({
       get() {
         return t.modelValue;
       },
@@ -150,7 +150,7 @@ const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
         MAX_SIZE: "maxFileSizeError",
         FILE_TYPE: "fileTypeError"
       }
-    }, r = J(), s = H(() => t.acceptFiles.split(",").map((b) => k(b)).join(", ")), o = H(() => t.deniedFiles.split(",").map((b) => k(b)).join(", ")), m = H(() => Math.round(t.maxFileSize / 1024 / 1024));
+    }, r = J(), s = W(() => t.acceptFiles.split(",").map((b) => k(b)).join(", ")), o = W(() => t.deniedFiles.split(",").map((b) => k(b)).join(", ")), m = W(() => Math.round(t.maxFileSize / 1024 / 1024));
     function k(b, D = "/") {
       return b.split(D).slice(-1)[0];
     }
@@ -165,7 +165,7 @@ const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
       n("upload:error", { errorType: b, errorContent: D });
     }
     function M({ files: b, target: D }) {
-      const { MAX_SIZE: _, FILE_TYPE: W } = l.ERROR_TYPES, U = new DataTransfer();
+      const { MAX_SIZE: _, FILE_TYPE: H } = l.ERROR_TYPES, U = new DataTransfer();
       for (const $ of Object.values(b)) {
         if ($.size > t.maxFileSize) {
           u(
@@ -181,7 +181,7 @@ const lr = /* @__PURE__ */ z("span", null, null, -1), rr = [
         let Y = !1;
         if (t.deniedFiles && (Y = t.deniedFiles.includes(x) || t.deniedFiles.includes(v)), t.acceptFiles && (Y = !t.acceptFiles.includes(x) || !t.acceptFiles.includes(v)), Y) {
           u(
-            W,
+            H,
             { fileName: $.name, errorInfo: $.type }
           );
           continue;
@@ -260,7 +260,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
     const t = e, n = a, l = Rr(), r = {
       CTRL_ENTER: "keydown",
       ALT_ENTER: "keydown"
-    }, s = J(!1), o = J(0), m = J(), k = H({
+    }, s = J(!1), o = J(0), m = J(), k = W({
       get() {
         return !t.modelValue && o.value && m.value && U(m.value, o.value), t.modelValue;
       },
@@ -293,7 +293,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
     function _($) {
       n("alt-enter-press", $);
     }
-    function W({ target: $ }) {
+    function H({ target: $ }) {
       n("change", $.value);
     }
     function U($, v) {
@@ -327,7 +327,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
         }, {
           onFocus: g,
           onBlur: u,
-          onChange: v[1] || (v[1] = (x) => W(x))
+          onChange: v[1] || (v[1] = (x) => H(x))
         }), null, 16, Er)), [
           [Ln, k.value]
         ]) : Xe((h(), R("input", We({
@@ -345,7 +345,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
         }, {
           onFocus: g,
           onBlur: u,
-          onChange: v[3] || (v[3] = (x) => W(x))
+          onChange: v[3] || (v[3] = (x) => H(x))
         }), null, 16, Yr)), [
           [Ln, k.value]
         ]),
@@ -602,10 +602,10 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
     const t = e, n = a, l = pa(null), r = pa(null), s = pa(null), o = J({
       width: Number.POSITIVE_INFINITY,
       height: Number.POSITIVE_INFINITY
-    }), m = J(!1), k = J(""), g = H(() => {
+    }), m = J(!1), k = J(""), g = W(() => {
       const v = D(t.options);
       return t.searchable && k.value ? v.filter(({ name: x }) => x.toString().toLowerCase().includes(k.value.toLowerCase())) : v;
-    }), u = H(() => {
+    }), u = W(() => {
       var x;
       if (!t.modelValue)
         return "";
@@ -615,7 +615,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
         return t.chips ? Y : Y.map(({ name: O }) => O).join(", ");
       }
       return ((x = v.find(({ value: Y }) => Y === t.modelValue)) == null ? void 0 : x.name.toString()) ?? "";
-    }), M = H(() => {
+    }), M = W(() => {
       if (!s.value)
         return !1;
       const v = o.value.width - (s.value.clientWidth + s.value.getBoundingClientRect().left + 4);
@@ -635,7 +635,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
     function _() {
       n("update:modelValue", !t.multiple && !t.chips ? "" : []), n("clear");
     }
-    function W(v) {
+    function H(v) {
       if (!t.multiple && !t.chips || !Array.isArray(t.modelValue)) {
         n("update:modelValue", v.value), n("select", v), m.value = !1;
         return;
@@ -714,7 +714,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
                 z("span", ao, ke(Y.name), 1),
                 z("button", {
                   class: "rm-select-chip__btn",
-                  onClick: Dt((T) => W(Y), ["stop"])
+                  onClick: Dt((T) => H(Y), ["stop"])
                 }, ro, 8, no)
               ]))), 128))
             ])) : I("", !0)
@@ -746,7 +746,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
             class: "rm-select-inner",
             style: nt(M.value)
           }, [
-            v.searchable ? (h(), R("li", co, [
+            v.searchable ? (h(), R("div", co, [
               mo,
               z("input", {
                 ref_key: "searchInputRef",
@@ -763,7 +763,8 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
               v.$slots["slot-options"] ? le(v.$slots, "slot-options", {
                 key: 1,
                 options: g.value,
-                selected: u.value
+                selected: u.value,
+                handleSelect: H
               }) : (h(), R("ul", po, [
                 (h(!0), R(_e, null, Se(g.value, (Y, O) => (h(), R("li", {
                   key: `${O}_option`,
@@ -774,7 +775,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
                       "rm-select-inner__item--selected": !v.multiple && !v.chips || !Array.isArray(v.modelValue) ? Y.value === u.value : v.modelValue.includes(Y.value)
                     }
                   ]),
-                  onClick: (T) => W(Y)
+                  onClick: (T) => H(Y)
                 }, [
                   v.multiple || v.chips ? (h(), be(yr, {
                     key: 0,
@@ -782,7 +783,7 @@ const Or = ["for"], Sr = { class: "rm-input-wrapper" }, Er = ["id", "maxlength",
                     name: Y.name.toString(),
                     checked: v.modelValue.includes(Y.value),
                     class: "rm-select-inner-list__item-checkbox",
-                    onClick: Dt((T) => W(Y), ["stop", "prevent"])
+                    onClick: Dt((T) => H(Y), ["stop", "prevent"])
                   }, null, 8, ["model-value", "name", "checked", "onClick"])) : I("", !0),
                   z("span", null, ke(Y.name), 1)
                 ], 10, fo))), 128))
@@ -873,7 +874,7 @@ const Do = /* @__PURE__ */ yo(go, [["render", Mo]]), To = {
     function D() {
       n("change", o.value), u();
     }
-    return (_, W) => Xe((h(), R("div", {
+    return (_, H) => Xe((h(), R("div", {
       class: ye(["rm-editable", { active: s.value }])
     }, [
       s.value ? (h(), R("div", To, [
@@ -2310,8 +2311,8 @@ function Is(e, a, t) {
 }
 const Ns = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Fs = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Vs = /^'([^]*?)'?$/, Hs = /''/g, Ws = /[a-zA-Z]/;
 function Tt(e, a, t) {
-  var g, u, M, b, D, _, W, U;
-  const n = Gt(), l = (t == null ? void 0 : t.locale) ?? n.locale ?? yl, r = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((u = (g = t == null ? void 0 : t.locale) == null ? void 0 : g.options) == null ? void 0 : u.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((b = (M = n.locale) == null ? void 0 : M.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, s = (t == null ? void 0 : t.weekStartsOn) ?? ((_ = (D = t == null ? void 0 : t.locale) == null ? void 0 : D.options) == null ? void 0 : _.weekStartsOn) ?? n.weekStartsOn ?? ((U = (W = n.locale) == null ? void 0 : W.options) == null ? void 0 : U.weekStartsOn) ?? 0, o = ve(e);
+  var g, u, M, b, D, _, H, U;
+  const n = Gt(), l = (t == null ? void 0 : t.locale) ?? n.locale ?? yl, r = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((u = (g = t == null ? void 0 : t.locale) == null ? void 0 : g.options) == null ? void 0 : u.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((b = (M = n.locale) == null ? void 0 : M.options) == null ? void 0 : b.firstWeekContainsDate) ?? 1, s = (t == null ? void 0 : t.weekStartsOn) ?? ((_ = (D = t == null ? void 0 : t.locale) == null ? void 0 : D.options) == null ? void 0 : _.weekStartsOn) ?? n.weekStartsOn ?? ((U = (H = n.locale) == null ? void 0 : H.options) == null ? void 0 : U.weekStartsOn) ?? 0, o = ve(e);
   if (!ha(o))
     throw new RangeError("Invalid time value");
   let m = a.match(Fs).map(($) => {
@@ -3859,8 +3860,8 @@ const Yi = {
   T: new Ei()
 }, Bi = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Li = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ii = /^'([^]*?)'?$/, Ni = /''/g, Fi = /\S/, Vi = /[a-zA-Z]/;
 function mn(e, a, t, n) {
-  var _, W, U, $, v, x, Y, O;
-  const l = Us(), r = (n == null ? void 0 : n.locale) ?? l.locale ?? yl, s = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((W = (_ = n == null ? void 0 : n.locale) == null ? void 0 : _.options) == null ? void 0 : W.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? (($ = (U = l.locale) == null ? void 0 : U.options) == null ? void 0 : $.firstWeekContainsDate) ?? 1, o = (n == null ? void 0 : n.weekStartsOn) ?? ((x = (v = n == null ? void 0 : n.locale) == null ? void 0 : v.options) == null ? void 0 : x.weekStartsOn) ?? l.weekStartsOn ?? ((O = (Y = l.locale) == null ? void 0 : Y.options) == null ? void 0 : O.weekStartsOn) ?? 0;
+  var _, H, U, $, v, x, Y, O;
+  const l = Us(), r = (n == null ? void 0 : n.locale) ?? l.locale ?? yl, s = (n == null ? void 0 : n.firstWeekContainsDate) ?? ((H = (_ = n == null ? void 0 : n.locale) == null ? void 0 : _.options) == null ? void 0 : H.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? (($ = (U = l.locale) == null ? void 0 : U.options) == null ? void 0 : $.firstWeekContainsDate) ?? 1, o = (n == null ? void 0 : n.weekStartsOn) ?? ((x = (v = n == null ? void 0 : n.locale) == null ? void 0 : v.options) == null ? void 0 : x.weekStartsOn) ?? l.weekStartsOn ?? ((O = (Y = l.locale) == null ? void 0 : Y.options) == null ? void 0 : O.weekStartsOn) ?? 0;
   if (a === "")
     return e === "" ? ve(t) : Pe(t, NaN);
   const m = {
@@ -4403,7 +4404,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     va.shiftKeyInMenu !== t && (va.shiftKeyInMenu = t);
   };
   return {
-    control: H(() => ({ shiftKeyInMenu: va.shiftKeyInMenu, menuFocused: va.menuFocused })),
+    control: W(() => ({ shiftKeyInMenu: va.shiftKeyInMenu, menuFocused: va.menuFocused })),
     setMenuFocused: e,
     setShiftKey: a
   };
@@ -4419,7 +4420,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
   },
   monthPicker: []
 }), nn = J(null), Ca = J(!1), ln = J(!1), rn = J(!1), on = J(!1), Ke = J(0), Ve = J(0), Ft = () => {
-  const e = H(() => Ca.value ? [...Ee.selectionGrid, Ee.actionRow].filter((u) => u.length) : ln.value ? [
+  const e = W(() => Ca.value ? [...Ee.selectionGrid, Ee.actionRow].filter((u) => u.length) : ln.value ? [
     ...Ee.timePicker[0],
     ...Ee.timePicker[1],
     on.value ? [] : [nn.value],
@@ -4615,10 +4616,10 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     return e.is24 ? `HH${O}${Y}` : `hh${O}${Y} aa`;
   }, t = () => {
     var Y;
-    return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? a() : e.weekPicker ? `${((Y = W.value) == null ? void 0 : Y.type) === "iso" ? "RR" : "ww"}-yyyy` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${a()}` : "MM/dd/yyyy";
-  }, n = (Y) => Il(Y, e.enableSeconds), l = () => x.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, r = H(() => cu(e.multiCalendars)), s = H(() => l()), o = H(() => du(e.ariaLabels)), m = H(() => fu(e.filters)), k = H(() => vu(e.transitions)), g = H(() => hu(e.actionRow)), u = H(
+    return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? a() : e.weekPicker ? `${((Y = H.value) == null ? void 0 : Y.type) === "iso" ? "RR" : "ww"}-yyyy` : e.yearPicker ? "yyyy" : e.quarterPicker ? "QQQ/yyyy" : e.enableTimePicker ? `MM/dd/yyyy, ${a()}` : "MM/dd/yyyy";
+  }, n = (Y) => Il(Y, e.enableSeconds), l = () => x.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, r = W(() => cu(e.multiCalendars)), s = W(() => l()), o = W(() => du(e.ariaLabels)), m = W(() => fu(e.filters)), k = W(() => vu(e.transitions)), g = W(() => hu(e.actionRow)), u = W(
     () => mu(e.previewFormat, e.format, t())
-  ), M = H(() => pu(e.textInput)), b = H(() => yu(e.inline)), D = H(() => gu(e.config)), _ = H(() => bu(e.highlight)), W = H(() => wu(e.weekNumbers)), U = H(() => ku(e.timezone, e.emitTimezone)), $ = H(() => Tu(e.multiDates, e.multiDatesLimit)), v = H(
+  ), M = W(() => pu(e.textInput)), b = W(() => yu(e.inline)), D = W(() => gu(e.config)), _ = W(() => bu(e.highlight)), H = W(() => wu(e.weekNumbers)), U = W(() => ku(e.timezone, e.emitTimezone)), $ = W(() => Tu(e.multiDates, e.multiDatesLimit)), v = W(
     () => Du(
       e.minDate,
       e.maxDate,
@@ -4628,7 +4629,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
       e.markers,
       U.value
     )
-  ), x = H(
+  ), x = W(
     () => _u(e.range, {
       minMaxRawRange: !1,
       maxRange: e.maxRange,
@@ -4654,7 +4655,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     defaultedInline: b,
     defaultedConfig: D,
     defaultedHighlight: _,
-    defaultedWeekNumbers: W,
+    defaultedWeekNumbers: H,
     defaultedRange: x,
     propDates: v,
     defaultedTz: U,
@@ -4693,7 +4694,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     hours: At(f),
     minutes: It(f),
     seconds: a.enableSeconds ? ta(f) : 0
-  } : null, W = (f) => a.modelType ? me(f) : { month: Me(f), year: we(f) }, U = (f) => Array.isArray(f) ? o.value.enabled ? f.map((ue) => $(ue, Mt(q(), ue))) : Aa(
+  } : null, H = (f) => a.modelType ? me(f) : { month: Me(f), year: we(f) }, U = (f) => Array.isArray(f) ? o.value.enabled ? f.map((ue) => $(ue, Mt(q(), ue))) : Aa(
     () => [
       Mt(q(), f[0]),
       f[1] ? Mt(q(), f[1]) : Xt(r.value.partialRange)
@@ -4784,7 +4785,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
   }, S = (f, ue) => E(Ge(B(f)), !1, ue), ne = (f) => {
     const ue = i();
     return f ? ue : e("update:model-value", i());
-  }, te = (f = !1) => (f || G(), a.monthPicker ? S(W, f) : a.timePicker ? S(_, f) : a.yearPicker ? S(we, f) : a.weekPicker ? ne(f) : E(L(f), !0, f));
+  }, te = (f = !1) => (f || G(), a.monthPicker ? S(H, f) : a.timePicker ? S(_, f) : a.yearPicker ? S(we, f) : a.weekPicker ? ne(f) : E(L(f), !0, f));
   return {
     inputValue: k,
     internalModelValue: n,
@@ -4808,7 +4809,7 @@ const tu = (e, a) => e == null ? void 0 : e.querySelector(`[data-dp-element="${a
     t.value.months.includes(D) && (b = r(b, g), D = Me(b), _ = we(b)), t.value.years.includes(_) && (b = s(b, g), _ = we(b)), l(D, _, g, e.preventMinMaxNavigation) && m(D, _, u);
   }, m = (g, u, M) => {
     a("update-month-year", { month: g, year: u, fromNav: M });
-  }, k = H(() => (g) => Nl(
+  }, k = W(() => (g) => Nl(
     Oe(q(), { month: e.month, year: e.year }),
     n.value.maxDate,
     n.value.minDate,
@@ -4848,7 +4849,7 @@ const $u = ({
     g.value.left = `${p + y - m.value.width}px`;
   }, _ = (p) => {
     g.value.left = `${p}px`;
-  }, W = (p, y) => {
+  }, H = (p, y) => {
     s.position === Zt.left && _(p), s.position === Zt.right && D(p, y), s.position === Zt.center && (g.value.left = `${p + y / 2 - m.value.width / 2}px`);
   }, U = (p) => {
     const { width: y, height: A } = p.getBoundingClientRect(), { top: G, left: re } = s.altPosition ? s.altPosition(p) : b(p);
@@ -4872,7 +4873,7 @@ const $u = ({
       return pe();
     }
   }, Y = ({ inputEl: p, left: y, width: A }) => {
-    window.screen.width > 768 && !k.value && W(y, A), F(p);
+    window.screen.width > 768 && !k.value && H(y, A), F(p);
   }, O = (p) => {
     const { top: y, left: A, height: G, width: re } = U(p);
     g.value.top = `${G + y + +s.offset}px`, u.value = !1, k.value || (g.value.left = `${A + re / 2 - m.value.width / 2}px`), Y({ inputEl: p, left: A, width: re });
@@ -4889,7 +4890,7 @@ const $u = ({
           if (re >= document.documentElement.clientWidth)
             return k.value = !0, D(y, A);
         }
-        return W(y, A);
+        return H(y, A);
       }
     }
   }, ee = () => {
@@ -5006,7 +5007,7 @@ const $u = ({
     l.slot && n.push(l.slot);
   }), n;
 }, Ma = (e) => {
-  const a = H(() => (n) => e.value ? n ? e.value.open : e.value.close : ""), t = H(() => (n) => e.value ? n ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
+  const a = W(() => (n) => e.value ? n ? e.value.open : e.value.close : ""), t = W(() => (n) => e.value ? n ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: a, showTransition: !!e.value, menuTransition: t };
 }, Da = (e, a) => {
   const { defaultedRange: t, defaultedTz: n } = Ie(e), l = q(xt(q(), n.value.timezone)), r = J([{ month: Me(l), year: we(l) }]), s = (u) => {
@@ -5028,14 +5029,14 @@ const $u = ({
     },
     { deep: !0 }
   );
-  const m = H({
+  const m = W({
     get: () => e.internalModelValue,
     set: (u) => {
       !e.readonly && !e.disabled && a("update:internal-model-value", u);
     }
-  }), k = H(
+  }), k = W(
     () => (u) => r.value[u] ? r.value[u].month : 0
-  ), g = H(
+  ), g = W(
     () => (u) => r.value[u] ? r.value[u].year : 0
   );
   return {
@@ -5057,7 +5058,7 @@ const $u = ({
   }, _ = (i) => {
     const S = Array.isArray(e.value) ? e.value[0] : null;
     return i ? !Ne(k.value ?? null, S) : !0;
-  }, W = (i, S = !0) => (o.value.enabled || a.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? a.hideOffsetDates && !i.current ? !1 : De(q(i.value), e.value[S ? 0 : 1]) : o.value.enabled ? D(i, S) && _(S) || De(i.value, Array.isArray(e.value) ? e.value[0] : null) && b(S) : !1, U = (i, S) => {
+  }, H = (i, S = !0) => (o.value.enabled || a.weekPicker) && Array.isArray(e.value) && e.value.length === 2 ? a.hideOffsetDates && !i.current ? !1 : De(q(i.value), e.value[S ? 0 : 1]) : o.value.enabled ? D(i, S) && _(S) || De(i.value, Array.isArray(e.value) ? e.value[0] : null) && b(S) : !1, U = (i, S) => {
     if (Array.isArray(e.value) && e.value[0] && e.value.length === 1) {
       const ne = De(i.value, k.value);
       return S ? He(e.value[0], i.value) && ne : Ne(e.value[0], i.value) && ne;
@@ -5100,7 +5101,7 @@ const $u = ({
   }, O = (i) => Ba(e.value, k.value, i.value), T = () => a.modelAuto && Array.isArray(a.internalModelValue) ? !!a.internalModelValue[0] : !1, F = () => a.modelAuto ? Ol(a.internalModelValue) : !0, ee = (i) => {
     if (a.weekPicker)
       return !1;
-    const S = o.value.enabled ? !W(i) && !W(i, !1) : !0;
+    const S = o.value.enabled ? !H(i) && !H(i, !1) : !0;
     return !m(i.value) && !$(i) && !(!i.current && a.hideOffsetDates) && S;
   }, se = (i) => o.value.enabled ? a.modelAuto ? T() && $(i) : !1 : $(i), pe = (i) => l.value ? au(i.value, s.value.highlight) : !1, L = (i) => {
     const S = m(i.value);
@@ -5151,7 +5152,7 @@ const $u = ({
       ...E(i)
     };
   }, re = (i) => {
-    const S = t.value.count > 0 ? i.current && W(i) && F() : W(i) && F(), ne = t.value.count > 0 ? i.current && W(i, !1) && F() : W(i, !1) && F();
+    const S = t.value.count > 0 ? i.current && H(i) && F() : H(i) && F(), ne = t.value.count > 0 ? i.current && H(i, !1) && F() : H(i, !1) && F();
     return { isRangeStart: S, isRangeEnd: ne };
   }, me = (i) => {
     const { isRangeStart: S, isRangeEnd: ne } = re(i);
@@ -5195,7 +5196,7 @@ const $u = ({
       return V >= +e.yearRange[0] && V <= e.yearRange[1];
     }
     return !0;
-  }, _ = (L, V) => !!(Array.isArray(L) && L[V] && (t.value.maxRange || t.value.minRange) && D(L[V])), W = (L, V, oe = 0) => {
+  }, _ = (L, V) => !!(Array.isArray(L) && L[V] && (t.value.maxRange || t.value.minRange) && D(L[V])), H = (L, V, oe = 0) => {
     if (_(V, oe) && D(L)) {
       const p = ml(L, V[oe]), y = Ll(V[oe], L), A = y.length === 1 ? 0 : y.filter((re) => M(re)).length, G = Math.abs(p) - (t.value.minMaxRawRange ? 0 : A);
       if (t.value.minRange && t.value.maxRange)
@@ -5253,26 +5254,26 @@ const $u = ({
       V = Ne(oe, p) || De(oe, p);
     }
     return V;
-  }, se = H(() => (L) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : F(L)), pe = H(() => (L) => e.monthPicker ? Array.isArray(L) && (t.value.enabled || l.value.enabled) ? !L.filter((V) => !ee(V)).length : ee(L) : !0);
+  }, se = W(() => (L) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : F(L)), pe = W(() => (L) => e.monthPicker ? Array.isArray(L) && (t.value.enabled || l.value.enabled) ? !L.filter((V) => !ee(V)).length : ee(L) : !0);
   return {
     isDisabled: M,
     validateDate: s,
     validateMonthYearInRange: g,
     isDateRangeAllowed: b,
-    checkMinMaxRange: W,
+    checkMinMaxRange: H,
     isValidTime: F,
     isTimeValid: se,
     isMonthValid: pe
   };
 }, La = () => {
-  const e = H(() => (n, l) => n == null ? void 0 : n.includes(l)), a = H(() => (n, l) => n.count ? n.solo ? !0 : l === 0 : !0), t = H(() => (n, l) => n.count ? n.solo ? !0 : l === n.count - 1 : !0);
+  const e = W(() => (n, l) => n == null ? void 0 : n.includes(l)), a = W(() => (n, l) => n.count ? n.solo ? !0 : l === 0 : !0), t = W(() => (n, l) => n.count ? n.solo ? !0 : l === n.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: a, showRightIcon: t };
 }, Ou = (e, a, t) => {
   const n = J(0), l = _a({
     [qt.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [qt.calendar]: !1,
     [qt.header]: !1
-  }), r = H(() => e.monthPicker || e.timePicker), s = (u) => {
+  }), r = W(() => e.monthPicker || e.timePicker), s = (u) => {
     var M;
     if ((M = e.flow) != null && M.length) {
       if (!u && r.value)
@@ -5475,7 +5476,7 @@ const $u = ({
       defaultedMultiDates: g,
       getDefaultPattern: u,
       getDefaultStartTime: M
-    } = Ie(l), { checkMinMaxRange: b } = Vt(l), D = J(), _ = J(null), W = J(!1), U = J(!1), $ = H(
+    } = Ie(l), { checkMinMaxRange: b } = Vt(l), D = J(), _ = J(null), H = J(!1), U = J(!1), $ = W(
       () => ({
         dp__pointer: !l.disabled && !l.readonly && !r.value.enabled,
         dp__disabled: l.disabled,
@@ -5484,7 +5485,7 @@ const $u = ({
         dp__input_icon_pad: !l.hideInputIcon,
         dp__input_valid: !!l.state,
         dp__input_invalid: l.state === !1,
-        dp__input_focus: W.value || l.isMenuOpen,
+        dp__input_focus: H.value || l.isMenuOpen,
         dp__input_reg: !r.value.enabled,
         [l.inputClassName]: !!l.inputClassName
       })
@@ -5528,14 +5529,14 @@ const $u = ({
     }, se = (y) => {
       r.value.enabled && r.value.tabSubmit && T(y.target.value), r.value.tabSubmit && pn(D.value) && l.inputValue !== "" ? (n("set-input-date", D.value, !0, !0), D.value = null) : r.value.tabSubmit && l.inputValue === "" && (D.value = null, n("clear", !0));
     }, pe = () => {
-      W.value = !0, n("focus"), mt().then(() => {
+      H.value = !0, n("focus"), mt().then(() => {
         var y;
         r.value.enabled && r.value.selectOnFocus && ((y = _.value) == null || y.select());
       });
     }, L = (y) => {
       y.preventDefault(), Bt(y, m.value, !0), r.value.enabled && r.value.openMenu && !o.value.input && !l.isMenuOpen ? n("open") : r.value.enabled || n("toggle");
     }, V = () => {
-      n("real-blur"), W.value = !1, (!l.isMenuOpen || o.value.enabled && o.value.input) && n("blur"), l.autoApply && r.value.enabled && D.value && !l.isMenuOpen && (n("set-input-date", D.value), n("select-date"), D.value = null);
+      n("real-blur"), H.value = !1, (!l.isMenuOpen || o.value.enabled && o.value.input) && n("blur"), l.autoApply && r.value.enabled && D.value && !l.isMenuOpen && (n("set-input-date", D.value), n("select-date"), D.value = null);
     }, oe = (y) => {
       Bt(y, m.value, !0), n("clear");
     }, p = (y) => {
@@ -5648,9 +5649,9 @@ const $u = ({
       defaultedRange: k,
       defaultedMultiDates: g,
       getDefaultPattern: u
-    } = Ie(n), { isTimeValid: M, isMonthValid: b } = Vt(n), { buildMatrix: D } = Ft(), _ = J(null), W = J(null), U = J(!1), $ = J({}), v = J(null), x = J(null);
+    } = Ie(n), { isTimeValid: M, isMonthValid: b } = Vt(n), { buildMatrix: D } = Ft(), _ = J(null), H = J(null), U = J(!1), $ = J({}), v = J(null), x = J(null);
     Ue(() => {
-      n.arrowNavigation && D([qe(_), qe(W)], "actionRow"), Y(), window.addEventListener("resize", Y);
+      n.arrowNavigation && D([qe(_), qe(H)], "actionRow"), Y(), window.addEventListener("resize", Y);
     }), Ea(() => {
       window.removeEventListener("resize", Y);
     });
@@ -5660,7 +5661,7 @@ const $u = ({
         const A = (p = v.value) == null ? void 0 : p.getBoundingClientRect(), G = (y = x.value) == null ? void 0 : y.getBoundingClientRect();
         A && G && ($.value.maxWidth = `${G.width - A.width - 20}px`), U.value = !0;
       }, 0);
-    }, O = H(() => k.value.enabled && !k.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), T = H(
+    }, O = W(() => k.value.enabled && !k.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), T = W(
       () => !M.value(n.internalModelValue) || !b.value(n.internalModelValue) || !O.value
     ), F = () => {
       const p = r.value;
@@ -5675,7 +5676,7 @@ const $u = ({
       o.value.rangeSeparator,
       n.modelAuto,
       u()
-    ), pe = H(() => !n.internalModelValue || !n.menuMount ? "" : typeof r.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? ee() : g.value.enabled ? n.internalModelValue.map((p) => `${se(p)}`) : n.modelAuto ? `${se(n.internalModelValue[0])}` : `${se(n.internalModelValue[0])} -` : se(n.internalModelValue) : F()), L = () => g.value.enabled ? "; " : " - ", V = H(
+    ), pe = W(() => !n.internalModelValue || !n.menuMount ? "" : typeof r.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? ee() : g.value.enabled ? n.internalModelValue.map((p) => `${se(p)}`) : n.modelAuto ? `${se(n.internalModelValue[0])}` : `${se(n.internalModelValue[0])} -` : se(n.internalModelValue) : F()), L = () => g.value.enabled ? "; " : " - ", V = W(
       () => Array.isArray(pe.value) ? pe.value.join(L()) : pe.value
     ), oe = () => {
       M.value(n.internalModelValue) && b.value(n.internalModelValue) && O.value ? t("select-date") : t("invalid-select");
@@ -5735,7 +5736,7 @@ const $u = ({
             c(l).showSelect ? (h(), R("button", {
               key: 2,
               ref_key: "selectButtonRef",
-              ref: W,
+              ref: H,
               type: "button",
               class: "dp__action_button dp__action_select",
               disabled: T.value,
@@ -5772,7 +5773,7 @@ const $u = ({
   setup(e, { expose: a, emit: t }) {
     const { setSelectionGrid: n, buildMultiLevelMatrix: l, setMonthPicker: r } = Ft(), s = t, o = e, { defaultedAriaLabels: m, defaultedTextInput: k, defaultedConfig: g } = Ie(
       o
-    ), { hideNavigationButtons: u } = La(), M = J(!1), b = J(null), D = J(null), _ = J([]), W = J(), U = J(null), $ = J(0), v = J(null);
+    ), { hideNavigationButtons: u } = La(), M = J(!1), b = J(null), D = J(null), _ = J([]), H = J(), U = J(null), $ = J(0), v = J(null);
     tr(() => {
       b.value = null;
     }), Ue(() => {
@@ -5785,17 +5786,17 @@ const $u = ({
       var B;
       const i = qe(D);
       i && (k.value.enabled || (b.value ? (B = b.value) == null || B.focus({ preventScroll: !0 }) : i.focus({ preventScroll: !0 })), M.value = i.clientHeight < i.scrollHeight);
-    }, O = H(
+    }, O = W(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !o.useRelative,
         "dp--overlay-relative": o.useRelative
       })
-    ), T = H(
+    ), T = W(
       () => o.useRelative ? { height: `${o.height}px`, width: "260px" } : void 0
-    ), F = H(() => ({
+    ), F = W(() => ({
       dp__overlay_col: !0
-    })), ee = H(
+    })), ee = W(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -5803,7 +5804,7 @@ const $u = ({
         dp__over_action_scroll: M.value,
         dp__button_bottom: o.isLast
       })
-    ), se = H(() => {
+    ), se = W(() => {
       var B, i;
       return {
         dp__overlay_container: !0,
@@ -5836,7 +5837,7 @@ const $u = ({
     }, A = (B) => {
       o.arrowNavigation || Bt(B, g.value, !0);
     }, G = (B) => {
-      W.value = B, s("hover-value", B);
+      H.value = B, s("hover-value", B);
     }, re = () => {
       if (V(), !o.isLast) {
         const B = tu(o.menuWrapRef ?? null, "action-row");
@@ -5946,9 +5947,9 @@ const $u = ({
     collapse: { type: Boolean }
   },
   setup(e) {
-    const a = e, t = H(
+    const a = e, t = W(
       () => a.multiCalendars > 0 ? [...Array(a.multiCalendars).keys()] : [0]
-    ), n = H(() => ({
+    ), n = W(() => ({
       dp__instance_calendar: a.multiCalendars > 0
     }));
     return (l, r) => (h(), R("div", {
@@ -6012,14 +6013,14 @@ const $u = ({
   },
   emits: ["toggle-year-picker", "year-select", "handle-year"],
   setup(e, { emit: a }) {
-    const t = a, n = e, { showRightIcon: l, showLeftIcon: r } = La(), { defaultedConfig: s, defaultedMultiCalendars: o, defaultedAriaLabels: m, defaultedTransitions: k } = Ie(n), { showTransition: g, transitionName: u } = Ma(k), M = (_ = !1, W) => {
-      t("toggle-year-picker", { flow: _, show: W });
+    const t = a, n = e, { showRightIcon: l, showLeftIcon: r } = La(), { defaultedConfig: s, defaultedMultiCalendars: o, defaultedAriaLabels: m, defaultedTransitions: k } = Ie(n), { showTransition: g, transitionName: u } = Ma(k), M = (_ = !1, H) => {
+      t("toggle-year-picker", { flow: _, show: H });
     }, b = (_) => {
       t("year-select", _);
     }, D = (_ = !1) => {
       t("handle-year", _);
     };
-    return (_, W) => {
+    return (_, H) => {
       var U, $, v;
       return h(), R("div", zu, [
         c(r)(c(o), e.instance) ? (h(), be(ya, {
@@ -6027,7 +6028,7 @@ const $u = ({
           ref: "mpPrevIconRef",
           "aria-label": (U = c(m)) == null ? void 0 : U.prevYear,
           disabled: e.isDisabled(!1),
-          onActivate: W[0] || (W[0] = (x) => D(!1))
+          onActivate: H[0] || (H[0] = (x) => D(!1))
         }, {
           default: fe(() => [
             _.$slots["arrow-left"] ? le(_.$slots, "arrow-left", { key: 0 }) : I("", !0),
@@ -6041,8 +6042,8 @@ const $u = ({
           type: "button",
           "aria-label": ($ = c(m)) == null ? void 0 : $.openYearsOverlay,
           "data-test": `year-mode-btn-${e.instance}`,
-          onClick: W[1] || (W[1] = () => M(!1)),
-          onKeydown: W[2] || (W[2] = Jt(() => M(!1), ["enter"]))
+          onClick: H[1] || (H[1] = () => M(!1)),
+          onKeydown: H[2] || (H[2] = Jt(() => M(!1), ["enter"]))
         }, [
           _.$slots.year ? le(_.$slots, "year", {
             key: 0,
@@ -6057,7 +6058,7 @@ const $u = ({
           ref: "mpNextIconRef",
           "aria-label": (v = c(m)) == null ? void 0 : v.nextYear,
           disabled: e.isDisabled(!0),
-          onActivate: W[3] || (W[3] = (x) => D(!0))
+          onActivate: H[3] || (H[3] = (x) => D(!0))
         }, {
           default: fe(() => [
             _.$slots["arrow-right"] ? le(_.$slots, "arrow-right", { key: 0 }) : I("", !0),
@@ -6081,7 +6082,7 @@ const $u = ({
               "aria-labels": _.ariaLabels,
               type: "year",
               onToggle: M,
-              onSelected: W[4] || (W[4] = (x) => b(x))
+              onSelected: H[4] || (H[4] = (x) => b(x))
             }, tt({
               "button-icon": fe(() => [
                 _.$slots["calendar-icon"] ? le(_.$slots, "calendar-icon", { key: 0 }) : I("", !0),
@@ -6134,7 +6135,7 @@ const $u = ({
   month: m,
   emit: k
 }) => {
-  const g = H(() => Cn(r.yearRange, r.locale, r.reverseYears)), u = J([!1]), M = H(() => (O, T) => {
+  const g = W(() => Cn(r.yearRange, r.locale, r.reverseYears)), u = J([!1]), M = W(() => (O, T) => {
     const F = Oe(ht(/* @__PURE__ */ new Date()), {
       month: m.value(O),
       year: o.value(O)
@@ -6159,18 +6160,18 @@ const $u = ({
       return b();
     const T = Oe(q(), n.value[O]);
     return n.value[0].year = we($l(T, e.value.count - 1)), b();
-  }, _ = (O) => r.focusStartDate ? O[0] : O[1] ? O[1] : O[0], W = () => {
+  }, _ = (O) => r.focusStartDate ? O[0] : O[1] ? O[1] : O[0], H = () => {
     if (l.value) {
       const O = Array.isArray(l.value) ? _(l.value) : l.value;
       n.value[0] = { month: Me(O), year: we(O) };
     }
   };
   Ue(() => {
-    W(), e.value.count && b();
+    H(), e.value.count && b();
   });
   const U = (O, T) => {
     n.value[T].year = O, k("update-month-year", { instance: T, year: O, month: n.value[T].month }), e.value.count && !e.value.solo && D(T);
-  }, $ = H(() => (O) => la(g.value, (T) => {
+  }, $ = W(() => (O) => la(g.value, (T) => {
     var F;
     const ee = o.value(O) === T.value, se = wa(
       T.value,
@@ -6209,7 +6210,7 @@ const $u = ({
     defaultedTz: k,
     defaultedFilters: g,
     defaultedMultiDates: u
-  } = Ie(e), { modelValue: M, year: b, month: D, calendars: _ } = Da(e, a), W = H(() => Rl(e.formatLocale, e.locale, e.monthNameFormat)), U = J(null), { checkMinMaxRange: $ } = Vt(e), {
+  } = Ie(e), { modelValue: M, year: b, month: D, calendars: _ } = Da(e, a), H = W(() => Rl(e.formatLocale, e.locale, e.monthNameFormat)), U = J(null), { checkMinMaxRange: $ } = Vt(e), {
     selectYear: v,
     groupedYears: x,
     showYearPicker: Y,
@@ -6249,7 +6250,7 @@ const $u = ({
       return !1;
     }
     return !1;
-  }, p = H(() => (i) => la(W.value, (S) => {
+  }, p = W(() => (i) => la(H.value, (S) => {
     var ne;
     const te = L(i, S.value), f = wa(
       S.value,
@@ -6342,7 +6343,7 @@ const $u = ({
       showYearPicker: b,
       modelValue: D,
       presetDate: _,
-      setHoverDate: W,
+      setHoverDate: H,
       selectMonth: U,
       selectYear: $,
       toggleYearPicker: v,
@@ -6386,7 +6387,7 @@ const $u = ({
           "use-relative": "",
           type: "month",
           onSelected: (se) => c(U)(se, ee),
-          onHoverValue: (se) => c(W)(se, ee)
+          onHoverValue: (se) => c(H)(se, ee)
         }, tt({
           header: fe(() => [
             Ye(Wl, We(T.$props, {
@@ -6429,13 +6430,13 @@ const $u = ({
   Ue(() => {
     e.startDate && (t.value && e.focusStartDate || !t.value) && (k.value = we(q(e.startDate)));
   });
-  const g = (D) => Array.isArray(t.value) ? t.value.some((_) => we(_) === D) : t.value ? we(t.value) === D : !1, u = (D) => o.value.enabled && Array.isArray(t.value) ? Ba(t.value, n.value, b(D)) : !1, M = H(() => la(Cn(e.yearRange, e.locale, e.reverseYears), (D) => {
-    const _ = g(D.value), W = wa(
+  const g = (D) => Array.isArray(t.value) ? t.value.some((_) => we(_) === D) : t.value ? we(t.value) === D : !1, u = (D) => o.value.enabled && Array.isArray(t.value) ? Ba(t.value, n.value, b(D)) : !1, M = W(() => la(Cn(e.yearRange, e.locale, e.reverseYears), (D) => {
+    const _ = g(D.value), H = wa(
       D.value,
       ra(m.value.minDate),
       ra(m.value.maxDate)
     ) || s.value.years.includes(D.value), U = u(D.value) && !_, $ = Sn(l.value, D.value);
-    return { active: _, disabled: W, isBetween: U, highlighted: $ };
+    return { active: _, disabled: H, isBetween: U, highlighted: $ };
   })), b = (D) => Mt(ht(/* @__PURE__ */ new Date()), D);
   return {
     groupedYears: M,
@@ -6447,7 +6448,7 @@ const $u = ({
     selectYear: (D) => {
       var _;
       if (a("update-month-year", { instance: 0, year: D }), r.value.enabled)
-        return t.value ? Array.isArray(t.value) && (((_ = t.value) == null ? void 0 : _.map((W) => we(W))).includes(D) ? t.value = t.value.filter((W) => we(W) !== D) : t.value.push(Mt(ct(q()), D))) : t.value = [Mt(ct(q()), D)], a("auto-apply", !0);
+        return t.value ? Array.isArray(t.value) && (((_ = t.value) == null ? void 0 : _.map((H) => we(H))).includes(D) ? t.value = t.value.filter((H) => we(H) !== D) : t.value.push(Mt(ct(q()), D))) : t.value = [Mt(ct(q()), D)], a("auto-apply", !0);
       o.value.enabled ? (t.value = Yn(t, b(D), a), mt().then(() => {
         Fa(t.value, a, e.autoApply, e.modelAuto);
       })) : (t.value = b(D), a("auto-apply"));
@@ -6543,7 +6544,7 @@ const $u = ({
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), _ = J("AM"), W = J(null), U = J([]), $ = J();
+    }), _ = J("AM"), H = J(null), U = J([]), $ = J();
     Ue(() => {
       n("mounted");
     });
@@ -6552,15 +6553,15 @@ const $u = ({
       minutes: d.minutes,
       seconds: l.enableSeconds ? d.seconds : 0,
       milliseconds: 0
-    }), x = H(
+    }), x = W(
       () => (d) => y(d, l[d]) || O(d, l[d])
-    ), Y = H(() => ({ hours: l.hours, minutes: l.minutes, seconds: l.seconds })), O = (d, j) => u.value.enabled && !u.value.disableTimeRangeValidation ? !l.validateTime(d, j) : !1, T = (d, j) => {
+    ), Y = W(() => ({ hours: l.hours, minutes: l.minutes, seconds: l.seconds })), O = (d, j) => u.value.enabled && !u.value.disableTimeRangeValidation ? !l.validateTime(d, j) : !1, T = (d, j) => {
       if (u.value.enabled && !u.value.disableTimeRangeValidation) {
         const ce = j ? +l[`${d}Increment`] : -+l[`${d}Increment`], N = l[d] + ce;
         return !l.validateTime(d, N);
       }
       return !1;
-    }, F = H(() => (d) => !E(+l[d] + +l[`${d}Increment`], d) || T(d, !0)), ee = H(() => (d) => !E(+l[d] - +l[`${d}Increment`], d) || T(d, !1)), se = (d, j) => il(Oe(q(), d), j), pe = (d, j) => zi(Oe(q(), d), j), L = H(
+    }, F = W(() => (d) => !E(+l[d] + +l[`${d}Increment`], d) || T(d, !0)), ee = W(() => (d) => !E(+l[d] - +l[`${d}Increment`], d) || T(d, !1)), se = (d, j) => il(Oe(q(), d), j), pe = (d, j) => zi(Oe(q(), d), j), L = W(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !l.timePickerInline,
@@ -6570,14 +6571,14 @@ const $u = ({
         dp__time_col_sec: l.enableSeconds && l.is24,
         dp__time_col_sec_with_button: l.enableSeconds && !l.is24
       })
-    ), V = H(() => {
+    ), V = W(() => {
       const d = [{ type: "hours" }];
       return l.enableMinutes && d.push({ type: "", separator: !0 }, {
         type: "minutes"
       }), l.enableSeconds && d.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), d;
-    }), oe = H(() => V.value.filter((d) => !d.separator)), p = H(() => (d) => {
+    }), oe = W(() => V.value.filter((d) => !d.separator)), p = W(() => (d) => {
       if (d === "hours") {
         const j = f(+l.hours);
         return { text: j < 10 ? `0${j}` : `${j}`, value: j };
@@ -6626,7 +6627,7 @@ const $u = ({
           (w, Q) => Q.map((he, Re) => [...w[Re] || [], Q[Re]]),
           []
         );
-        s(l.closeTimePickerBtn), W.value && (N[1] = N[1].concat(W.value)), r(N, l.order);
+        s(l.closeTimePickerBtn), H.value && (N[1] = N[1].concat(H.value)), r(N, l.order);
       }
     }, Z = (d, j) => (i(d), n(`update:${d}`, j));
     return a({ openChildCmp: ge }), (d, j) => {
@@ -6734,7 +6735,7 @@ const $u = ({
           d.$slots["am-pm-button"] ? I("", !0) : (h(), R("button", {
             key: 1,
             ref_key: "amPmButton",
-            ref: W,
+            ref: H,
             type: "button",
             class: "dp__pm_am_button",
             role: "button",
@@ -6823,15 +6824,15 @@ const $u = ({
     "am-pm-change"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = t, l = e, { buildMatrix: r, setTimePicker: s } = Ft(), o = Nt(), { defaultedTransitions: m, defaultedAriaLabels: k, defaultedTextInput: g, defaultedConfig: u, defaultedRange: M } = Ie(l), { transitionName: b, showTransition: D } = Ma(m), { hideNavigationButtons: _ } = La(), W = J(null), U = J(null), $ = J([]), v = J(null);
+    const n = t, l = e, { buildMatrix: r, setTimePicker: s } = Ft(), o = Nt(), { defaultedTransitions: m, defaultedAriaLabels: k, defaultedTextInput: g, defaultedConfig: u, defaultedRange: M } = Ie(l), { transitionName: b, showTransition: D } = Ma(m), { hideNavigationButtons: _ } = La(), H = J(null), U = J(null), $ = J([]), v = J(null);
     Ue(() => {
-      n("mount"), !l.timePicker && l.arrowNavigation ? r([qe(W.value)], "time") : s(!0, l.timePicker);
+      n("mount"), !l.timePicker && l.arrowNavigation ? r([qe(H.value)], "time") : s(!0, l.timePicker);
     });
-    const x = H(() => M.value.enabled && l.modelAuto ? Ol(l.internalModelValue) : !0), Y = J(!1), O = (A) => ({
+    const x = W(() => M.value.enabled && l.modelAuto ? Ol(l.internalModelValue) : !0), Y = J(!1), O = (A) => ({
       hours: Array.isArray(l.hours) ? l.hours[A] : l.hours,
       minutes: Array.isArray(l.minutes) ? l.minutes[A] : l.minutes,
       seconds: Array.isArray(l.seconds) ? l.seconds[A] : l.seconds
-    }), T = H(() => {
+    }), T = W(() => {
       const A = [];
       if (M.value.enabled)
         for (let G = 0; G < 2; G++)
@@ -6843,7 +6844,7 @@ const $u = ({
       G || n("reset-flow"), Y.value = A, n(A ? "overlay-opened" : "overlay-closed", et.time), l.arrowNavigation && s(A), mt(() => {
         re !== "" && $.value[0] && $.value[0].openChildCmp(re);
       });
-    }, ee = H(() => ({
+    }, ee = W(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: l.autoApply && !u.value.keepActionRow
@@ -6867,7 +6868,7 @@ const $u = ({
         !A.timePicker && !A.timePickerInline ? Xe((h(), R("button", {
           key: 0,
           ref_key: "openTimePickerBtn",
-          ref: W,
+          ref: H,
           type: "button",
           class: ye(ee.value),
           "aria-label": (re = c(k)) == null ? void 0 : re.openTimePicker,
@@ -6982,7 +6983,7 @@ const $u = ({
 }), Gl = (e, a, t, n) => {
   const { defaultedRange: l } = Ie(e), r = (v, x) => Array.isArray(a[v]) ? a[v][x] : a[v], s = (v) => e.enableSeconds ? Array.isArray(a.seconds) ? a.seconds[v] : a.seconds : 0, o = (v, x) => v ? x !== void 0 ? Lt(v, r("hours", x), r("minutes", x), s(x)) : Lt(v, a.hours, a.minutes, s()) : Dn(q(), s(x)), m = (v, x) => {
     a[v] = x;
-  }, k = H(() => e.modelAuto && l.value.enabled ? Array.isArray(t.value) ? t.value.length > 1 : !1 : l.value.enabled), g = (v, x) => {
+  }, k = W(() => e.modelAuto && l.value.enabled ? Array.isArray(t.value) ? t.value.length > 1 : !1 : l.value.enabled), g = (v, x) => {
     const Y = Object.fromEntries(
       Object.keys(a).map((O) => O === v ? [O, x] : [O, a[O]].slice())
     );
@@ -7006,7 +7007,7 @@ const $u = ({
     u("seconds", v);
   }, _ = (v, x, Y, O) => {
     x && M(v), !x && !Y && b(v), Y && D(v), t.value && O(t.value);
-  }, W = (v) => {
+  }, H = (v) => {
     if (v) {
       const x = Array.isArray(v), Y = x ? [+v[0].hours, +v[1].hours] : +v.hours, O = x ? [+v[0].minutes, +v[1].minutes] : +v.minutes, T = x ? [+v[0].seconds, +v[1].seconds] : +v.seconds;
       m("hours", Y), m("minutes", O), e.enableSeconds && m("seconds", T);
@@ -7017,7 +7018,7 @@ const $u = ({
       disabledArr: []
     };
     return (x || x === 0) && (Y.hours = x), Array.isArray(e.disabledTimes) && (Y.disabledArr = l.value.enabled && Array.isArray(e.disabledTimes[v]) ? e.disabledTimes[v] : e.disabledTimes), Y;
-  }, $ = H(() => (v, x) => {
+  }, $ = W(() => (v, x) => {
     var Y;
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: O, hours: T } = U(v, x), F = O.filter((ee) => +ee.hours === T);
@@ -7037,7 +7038,7 @@ const $u = ({
     getSetDateTime: o,
     updateTimeValues: _,
     getSecondsValue: s,
-    assignStartTime: W,
+    assignStartTime: H,
     validateTime: g,
     disabledTimesConfig: $
   };
@@ -7065,10 +7066,10 @@ const $u = ({
       t.value = [o(x, 0), o(Y, 1)];
     } else
       t.value = o(D());
-  }, W = (x) => Array.isArray(x) ? [Ut(q(x[0])), Ut(q(x[1]))] : [Ut(x ?? q())], U = (x, Y, O) => {
+  }, H = (x) => Array.isArray(x) ? [Ut(q(x[0])), Ut(q(x[1]))] : [Ut(x ?? q())], U = (x, Y, O) => {
     m("hours", x), m("minutes", Y), m("seconds", e.enableSeconds ? O : 0);
   }, $ = () => {
-    const [x, Y] = W(t.value);
+    const [x, Y] = H(t.value);
     return r.value.enabled ? U(
       [x.hours, Y.hours],
       [x.minutes, Y.minutes],
@@ -7117,8 +7118,8 @@ const $u = ({
       time: m,
       updateTime: u
     }), toggleTimePicker: (b, D = !1, _ = "") => {
-      var W;
-      (W = o.value) == null || W.toggleTimePicker(b, D, _);
+      var H;
+      (H = o.value) == null || H.toggleTimePicker(b, D, _);
     } }), (b, D) => (h(), be(Na, {
       "multi-calendars": 0,
       stretch: ""
@@ -7142,7 +7143,7 @@ const $u = ({
           onOverlayClosed: D[5] || (D[5] = (_) => b.$emit("overlay-toggle", { open: !1, overlay: _ })),
           onOverlayOpened: D[6] || (D[6] = (_) => b.$emit("overlay-toggle", { open: !0, overlay: _ }))
         }), tt({ _: 2 }, [
-          Se(c(s), (_, W) => ({
+          Se(c(s), (_, H) => ({
             name: _,
             fn: fe((U) => [
               le(b.$slots, _, Qe(lt(U)))
@@ -7179,7 +7180,7 @@ const $u = ({
       defaultedConfig: k,
       defaultedHighlight: g,
       propDates: u
-    } = Ie(l), { transitionName: M, showTransition: b } = Ma(r), { buildMatrix: D } = Ft(), { handleMonthYearChange: _, isDisabled: W, updateMonthYear: U } = Pu(l, n), { showLeftIcon: $, showRightIcon: v } = La(), x = J(!1), Y = J(!1), O = J([null, null, null, null]);
+    } = Ie(l), { transitionName: M, showTransition: b } = Ma(r), { buildMatrix: D } = Ft(), { handleMonthYearChange: _, isDisabled: H, updateMonthYear: U } = Pu(l, n), { showLeftIcon: $, showRightIcon: v } = La(), x = J(!1), Y = J(!1), O = J([null, null, null, null]);
     Ue(() => {
       n("mount");
     });
@@ -7189,21 +7190,21 @@ const $u = ({
         const i = E === pt.month ? pt.year : pt.month;
         n("update-month-year", { [E]: B, [i]: l[i] }), E === pt.month ? p(!0) : y(!0);
       }
-    }), F = H(T(pt.month)), ee = H(T(pt.year)), se = H(() => (E) => ({
+    }), F = W(T(pt.month)), ee = W(T(pt.year)), se = W(() => (E) => ({
       month: l.month,
       year: l.year,
       items: E === pt.month ? l.months : l.years,
       instance: l.instance,
       updateMonthYear: U,
       toggle: E === pt.month ? p : y
-    })), pe = H(() => l.months.find((B) => B.value === l.month) || { text: "", value: 0 }), L = H(() => la(l.months, (E) => {
+    })), pe = W(() => l.months.find((B) => B.value === l.month) || { text: "", value: 0 }), L = W(() => la(l.months, (E) => {
       const B = l.month === E.value, i = wa(
         E.value,
         Yl(l.year, u.value.minDate),
         Bl(l.year, u.value.maxDate)
       ) || m.value.months.includes(E.value), S = Vl(g.value, E.value, l.year);
       return { active: B, disabled: i, highlighted: S };
-    })), V = H(() => la(l.years, (E) => {
+    })), V = W(() => la(l.years, (E) => {
       const B = l.year === E.value, i = wa(
         E.value,
         ra(u.value.minDate),
@@ -7220,7 +7221,7 @@ const $u = ({
       E || n("reset-flow");
     }, G = (E, B) => {
       l.arrowNavigation && (O.value[B] = qe(E), D(O.value, "monthYear"));
-    }, re = H(() => {
+    }, re = W(() => {
       var E, B;
       return [
         {
@@ -7246,7 +7247,7 @@ const $u = ({
           ariaLabel: (B = s.value) == null ? void 0 : B.openYearsOverlay
         }
       ];
-    }), me = H(() => l.disableYearSelect ? [re.value[0]] : l.yearFirst ? [...re.value].reverse() : re.value);
+    }), me = W(() => l.disableYearSelect ? [re.value[0]] : l.yearFirst ? [...re.value].reverse() : re.value);
     return a({
       toggleMonthPicker: p,
       toggleYearPicker: y,
@@ -7264,7 +7265,7 @@ const $u = ({
             c($)(c(o), e.instance) && !E.vertical ? (h(), be(ya, {
               key: 0,
               "aria-label": (i = c(s)) == null ? void 0 : i.prevMonth,
-              disabled: c(W)(!1),
+              disabled: c(H)(!1),
               onActivate: B[0] || (B[0] = (te) => c(_)(!1, !0)),
               onSetRef: B[1] || (B[1] = (te) => G(te, 0))
             }, {
@@ -7365,7 +7366,7 @@ const $u = ({
             c($)(c(o), e.instance) && E.vertical ? (h(), be(ya, {
               key: 1,
               "aria-label": (S = c(s)) == null ? void 0 : S.prevMonth,
-              disabled: c(W)(!1),
+              disabled: c(H)(!1),
               onActivate: B[2] || (B[2] = (te) => c(_)(!1, !0))
             }, {
               default: fe(() => [
@@ -7377,7 +7378,7 @@ const $u = ({
             c(v)(c(o), e.instance) ? (h(), be(ya, {
               key: 2,
               ref: "rightIcon",
-              disabled: c(W)(!0),
+              disabled: c(H)(!0),
               "aria-label": (ne = c(s)) == null ? void 0 : ne.nextMonth,
               onActivate: B[3] || (B[3] = (te) => c(_)(!0, !0)),
               onSetRef: B[4] || (B[4] = (te) => G(te, E.disableYearSelect ? 2 : 3))
@@ -7438,31 +7439,31 @@ const $u = ({
       bottom: "",
       left: "",
       transform: ""
-    }), D = J([]), _ = J(null), W = J(!0), U = J(""), $ = J({ startX: 0, endX: 0, startY: 0, endY: 0 }), v = J([]), x = J({ left: "50%" }), Y = J(!1), O = H(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), T = H(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : Qi(l.formatLocale, l.locale, +l.weekStart));
+    }), D = J([]), _ = J(null), H = J(!0), U = J(""), $ = J({ startX: 0, endX: 0, startY: 0, endY: 0 }), v = J([]), x = J({ left: "50%" }), Y = J(!1), O = W(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), T = W(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : Qi(l.formatLocale, l.locale, +l.weekStart));
     Ue(() => {
       n("mount", { cmp: "calendar", refs: D }), o.value.noSwipe || _.value && (_.value.addEventListener("touchstart", re, { passive: !1 }), _.value.addEventListener("touchend", me, { passive: !1 }), _.value.addEventListener("touchmove", E, { passive: !1 })), l.monthChangeOnScroll && _.value && _.value.addEventListener("wheel", S, { passive: !1 });
     });
     const F = (K) => K ? l.vertical ? "vNext" : "next" : l.vertical ? "vPrevious" : "previous", ee = (K, Z) => {
       if (l.transitions) {
         const d = ct($t(q(), l.month, l.year));
-        U.value = He(ct($t(q(), K, Z)), d) ? s.value[F(!0)] : s.value[F(!1)], W.value = !1, mt(() => {
-          W.value = !0;
+        U.value = He(ct($t(q(), K, Z)), d) ? s.value[F(!0)] : s.value[F(!1)], H.value = !1, mt(() => {
+          H.value = !0;
         });
       }
-    }, se = H(
+    }, se = W(
       () => ({
         [l.calendarClassName]: !!l.calendarClassName
       })
-    ), pe = H(() => (K) => {
+    ), pe = W(() => (K) => {
       const Z = Ji(K);
       return {
         dp__marker_dot: Z.type === "dot",
         dp__marker_line: Z.type === "line"
       };
-    }), L = H(() => (K) => De(K, M.value)), V = H(() => ({
+    }), L = W(() => (K) => De(K, M.value)), V = W(() => ({
       dp__calendar: !0,
       dp__calendar_next: k.value.count > 0 && l.instance !== 0
-    })), oe = H(() => (K) => l.hideOffsetDates ? K.current : !0), p = (K) => Tt(K, "yyyy-MM-dd"), y = async (K, Z, d) => {
+    })), oe = W(() => (K) => l.hideOffsetDates ? K.current : !0), p = (K) => Tt(K, "yyyy-MM-dd"), y = async (K, Z, d) => {
       const j = qe(D.value[Z][d]);
       if (j) {
         const { width: ce, height: N } = j.getBoundingClientRect();
@@ -7550,7 +7551,7 @@ const $u = ({
             default: fe(() => {
               var j;
               return [
-                W.value ? (h(), R("div", {
+                H.value ? (h(), R("div", {
                   key: 0,
                   class: "dp__calendar",
                   role: "rowgroup",
@@ -7665,11 +7666,11 @@ const $u = ({
     defaultedRange: b,
     defaultedConfig: D,
     defaultedTz: _,
-    propDates: W,
+    propDates: H,
     defaultedMultiDates: U
-  } = Ie(e), { validateMonthYearInRange: $, isDisabled: v, isDateRangeAllowed: x, checkMinMaxRange: Y } = Vt(e), { updateTimeValues: O, getSetDateTime: T, setTime: F, assignStartTime: ee, validateTime: se, disabledTimesConfig: pe } = Gl(e, k, o, n), L = H(
+  } = Ie(e), { validateMonthYearInRange: $, isDisabled: v, isDateRangeAllowed: x, checkMinMaxRange: Y } = Vt(e), { updateTimeValues: O, getSetDateTime: T, setTime: F, assignStartTime: ee, validateTime: se, disabledTimesConfig: pe } = Gl(e, k, o, n), L = W(
     () => (C) => m.value[C] ? m.value[C].month : 0
-  ), V = H(
+  ), V = W(
     () => (C) => m.value[C] ? m.value[C].year : 0
   ), oe = (C) => !D.value.keepViewOnOffsetClick || C ? !0 : !s.value, p = (C, P, X, ae = !1) => {
     var Ae, Je;
@@ -7686,7 +7687,7 @@ const $u = ({
   ), Ue(() => {
     e.shadow || (o.value || (K(), M.value && ee(M.value)), re(!0), e.focusStartDate && e.startDate && K());
   });
-  const A = H(() => {
+  const A = W(() => {
     var C;
     return (C = e.flow) != null && C.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), G = () => {
@@ -7762,8 +7763,8 @@ const $u = ({
   }, j = (C, P) => {
     f(C === "right" ? -1 : 1, P);
   }, ce = (C) => {
-    if (W.value.markers)
-      return Sa(C.value, W.value.markers);
+    if (H.value.markers)
+      return Sa(C.value, H.value.markers);
   }, N = (C, P) => {
     switch (e.sixWeeks === !0 ? "append" : e.sixWeeks) {
       case "prepend":
@@ -7952,7 +7953,7 @@ const $u = ({
       getCalendarDays: b,
       getMarker: D,
       handleArrow: _,
-      handleScroll: W,
+      handleScroll: H,
       handleSwipe: U,
       selectDate: $,
       updateMonthYear: v,
@@ -7971,7 +7972,7 @@ const $u = ({
       },
       { deep: !0 }
     );
-    const re = H(() => (Z) => b(s.value(Z), o.value(Z)).map((d) => ({
+    const re = W(() => (Z) => b(s.value(Z), o.value(Z)).map((d) => ({
       ...d,
       days: d.days.map((j) => (j.marker = D(j), j.classData = ee(j), j))
     })));
@@ -8077,7 +8078,7 @@ const $u = ({
             onSelectDate: (N) => c($)(N, j !== 1),
             onHandleSpace: (N) => B(N, j !== 1),
             onSetHoverDate: d[3] || (d[3] = (N) => c(F)(N)),
-            onHandleScroll: (N) => c(W)(N, j),
+            onHandleScroll: (N) => c(H)(N, j),
             onHandleSwipe: (N) => c(U)(N, j),
             onMount: d[4] || (d[4] = (N) => G(c(qt).calendar)),
             onResetFlow: d[5] || (d[5] = (N) => Z.$emit("reset-flow")),
@@ -8134,7 +8135,7 @@ const $u = ({
     propDates: o,
     defaultedFilters: m,
     defaultedMultiDates: k
-  } = Ie(e), { modelValue: g, year: u, month: M, calendars: b } = Da(e, a), { isDisabled: D } = Vt(e), { selectYear: _, groupedYears: W, showYearPicker: U, isDisabled: $, toggleYearPicker: v, handleYearSelect: x, handleYear: Y } = ql({
+  } = Ie(e), { modelValue: g, year: u, month: M, calendars: b } = Da(e, a), { isDisabled: D } = Vt(e), { selectYear: _, groupedYears: H, showYearPicker: U, isDisabled: $, toggleYearPicker: v, handleYearSelect: x, handleYear: Y } = ql({
     modelValue: g,
     multiCalendars: n,
     highlight: r,
@@ -8145,7 +8146,7 @@ const $u = ({
     filters: m,
     props: e,
     emit: a
-  }), O = (p, y) => [p, y].map((A) => Tt(A, "MMMM", { locale: e.formatLocale })).join("-"), T = H(() => (p) => g.value ? Array.isArray(g.value) ? g.value.some((y) => Gn(p, y)) : Gn(g.value, p) : !1), F = (p) => {
+  }), O = (p, y) => [p, y].map((A) => Tt(A, "MMMM", { locale: e.formatLocale })).join("-"), T = W(() => (p) => g.value ? Array.isArray(g.value) ? g.value.some((y) => Gn(p, y)) : Gn(g.value, p) : !1), F = (p) => {
     if (s.value.enabled) {
       if (Array.isArray(g.value)) {
         const y = De(p, g.value[0]) || De(p, g.value[1]);
@@ -8154,7 +8155,7 @@ const $u = ({
       return !1;
     }
     return !1;
-  }, ee = (p, y) => p.quarter === Hn(y) && p.year === we(y), se = (p) => typeof r.value == "function" ? r.value({ quarter: Hn(p), year: we(p) }) : !!r.value.quarters.find((y) => ee(y, p)), pe = H(() => (p) => {
+  }, ee = (p, y) => p.quarter === Hn(y) && p.year === we(y), se = (p) => typeof r.value == "function" ? r.value({ quarter: Hn(p), year: we(p) }) : !!r.value.quarters.find((y) => ee(y, p)), pe = W(() => (p) => {
     const y = Oe(/* @__PURE__ */ new Date(), { year: u.value(p) });
     return Ko({
       start: yn(y),
@@ -8180,7 +8181,7 @@ const $u = ({
   return {
     defaultedConfig: l,
     defaultedMultiCalendars: n,
-    groupedYears: W,
+    groupedYears: H,
     year: u,
     isDisabled: $,
     quarters: pe,
@@ -8227,7 +8228,7 @@ const $u = ({
       modelValue: b,
       showYearPicker: D,
       setHoverDate: _,
-      selectQuarter: W,
+      selectQuarter: H,
       toggleYearPicker: U,
       handleYearSelect: $,
       handleYear: v
@@ -8235,7 +8236,7 @@ const $u = ({
     return a({ getSidebarProps: () => ({
       modelValue: b,
       year: g,
-      selectQuarter: W,
+      selectQuarter: H,
       handleYearSelect: $,
       handleYear: v
     }) }), (x, Y) => (h(), be(Na, {
@@ -8283,7 +8284,7 @@ const $u = ({
                 }]),
                 "data-test": T.value,
                 disabled: T.disabled,
-                onClick: (ee) => c(W)(T.value, O, T.disabled),
+                onClick: (ee) => c(H)(T.value, O, T.disabled),
                 onMouseover: (ee) => c(_)(T.value)
               }, [
                 x.$slots.quarter ? le(x.$slots, "quarter", {
@@ -8353,7 +8354,7 @@ const $u = ({
     "overlay-toggle"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = t, l = e, r = J(null), s = H(() => {
+    const n = t, l = e, r = J(null), s = W(() => {
       const { openOnTop: w, ...Q } = l;
       return {
         ...Q,
@@ -8362,7 +8363,7 @@ const $u = ({
         noOverlayFocus: l.noOverlayFocus,
         menuWrapRef: r.value
       };
-    }), { setMenuFocused: o, setShiftKey: m, control: k } = Hl(), g = Nt(), { defaultedTextInput: u, defaultedInline: M, defaultedConfig: b } = Ie(l), D = J(null), _ = J(0), W = J(null), U = J(!1), $ = J(null);
+    }), { setMenuFocused: o, setShiftKey: m, control: k } = Hl(), g = Nt(), { defaultedTextInput: u, defaultedInline: M, defaultedConfig: b } = Ie(l), D = J(null), _ = J(0), H = J(null), U = J(!1), $ = J(null);
     Ue(() => {
       if (!l.shadow) {
         U.value = !0, v(), window.addEventListener("resize", v);
@@ -8378,9 +8379,9 @@ const $u = ({
       window.removeEventListener("resize", v);
     });
     const v = () => {
-      const w = qe(W);
+      const w = qe(H);
       w && (_.value = w.getBoundingClientRect().width);
-    }, { arrowRight: x, arrowLeft: Y, arrowDown: O, arrowUp: T } = Ft(), { flowStep: F, updateFlowStep: ee, childMount: se, resetFlow: pe } = Ou(l, n, $), L = H(() => l.monthPicker ? Uu : l.yearPicker ? Qu : l.timePicker ? md : l.quarterPicker ? Yd : Rd), V = H(() => {
+    }, { arrowRight: x, arrowLeft: Y, arrowDown: O, arrowUp: T } = Ft(), { flowStep: F, updateFlowStep: ee, childMount: se, resetFlow: pe } = Ou(l, n, $), L = W(() => l.monthPicker ? Uu : l.yearPicker ? Qu : l.timePicker ? md : l.quarterPicker ? Yd : Rd), V = W(() => {
       var w;
       if (b.value.arrowLeft)
         return b.value.arrowLeft;
@@ -8389,16 +8390,16 @@ const $u = ({
     }), oe = () => {
       const w = qe(r);
       w && w.focus({ preventScroll: !0 });
-    }, p = H(() => {
+    }, p = W(() => {
       var w;
       return ((w = $.value) == null ? void 0 : w.getSidebarProps()) || {};
     }), y = () => {
       l.openOnTop && n("recalculate-position");
-    }, A = it(g, "action"), G = H(() => l.monthPicker || l.yearPicker ? it(g, "monthYear") : l.timePicker ? it(g, "timePicker") : it(g, "shared")), re = H(() => l.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), me = H(() => ({
+    }, A = it(g, "action"), G = W(() => l.monthPicker || l.yearPicker ? it(g, "monthYear") : l.timePicker ? it(g, "timePicker") : it(g, "shared")), re = W(() => l.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), me = W(() => ({
       dp__menu_disabled: l.disabled,
       dp__menu_readonly: l.readonly,
       "dp-menu-loading": l.loading
-    })), E = H(
+    })), E = W(
       () => ({
         dp__menu: !0,
         dp__menu_index: !M.value.enabled,
@@ -8494,7 +8495,7 @@ const $u = ({
         }, null, 2)) : I("", !0),
         z("div", {
           ref_key: "innerMenuRef",
-          ref: W,
+          ref: H,
           class: ye({
             dp__menu_content_wrapper: ((Re = w.presetDates) == null ? void 0 : Re.length) || !!w.$slots["left-sidebar"] || !!w.$slots["right-sidebar"],
             "dp--menu-content-wrapper-collapsed": e.collapse && (((xe = w.presetDates) == null ? void 0 : xe.length) || !!w.$slots["left-sidebar"] || !!w.$slots["right-sidebar"])
@@ -8655,7 +8656,7 @@ const $u = ({
     "overlay-toggle"
   ],
   setup(e, { expose: a, emit: t }) {
-    const n = t, l = e, r = Nt(), s = J(!1), o = ga(l, "modelValue"), m = ga(l, "timezone"), k = J(null), g = J(null), u = J(null), M = J(!1), b = J(null), D = J(!1), _ = J(!1), W = J(!1), { setMenuFocused: U, setShiftKey: $ } = Hl(), { clearArrowNav: v } = Ft(), { validateDate: x, isValidTime: Y } = Vt(l), {
+    const n = t, l = e, r = Nt(), s = J(!1), o = ga(l, "modelValue"), m = ga(l, "timezone"), k = J(null), g = J(null), u = J(null), M = J(!1), b = J(null), D = J(!1), _ = J(!1), H = J(!1), { setMenuFocused: U, setShiftKey: $ } = Hl(), { clearArrowNav: v } = Ft(), { validateDate: x, isValidTime: Y } = Vt(l), {
       defaultedTransitions: O,
       defaultedTextInput: T,
       defaultedInline: F,
@@ -8701,19 +8702,19 @@ const $u = ({
       emitModelValue: ne,
       formatInputValue: te,
       checkBeforeEmit: f
-    } = xu(n, l, M), ue = H(
+    } = xu(n, l, M), ue = W(
       () => ({
         dp__main: !0,
         dp__theme_dark: l.dark,
         dp__theme_light: !l.dark,
         dp__flex_display: F.value.enabled,
-        "dp--flex-display-collapsed": W.value,
+        "dp--flex-display-collapsed": H.value,
         dp__flex_display_with_input: F.value.input
       })
-    ), ge = H(() => l.dark ? "dp__theme_dark" : "dp__theme_light"), K = H(() => l.teleport ? {
+    ), ge = W(() => l.dark ? "dp__theme_dark" : "dp__theme_light"), K = W(() => l.teleport ? {
       to: typeof l.teleport == "boolean" ? "body" : l.teleport,
       disabled: !l.teleport || F.value.enabled
-    } : {}), Z = H(() => ({ class: "dp__outer_menu_wrap" })), d = H(() => F.value.enabled && (l.timePicker || l.monthPicker || l.yearPicker || l.quarterPicker)), j = () => {
+    } : {}), Z = W(() => ({ class: "dp__outer_menu_wrap" })), d = W(() => F.value.enabled && (l.timePicker || l.monthPicker || l.yearPicker || l.quarterPicker)), j = () => {
       var P, X;
       return (X = (P = u.value) == null ? void 0 : P.$el) == null ? void 0 : X.getBoundingClientRect();
     }, ce = () => {
@@ -8722,7 +8723,7 @@ const $u = ({
       var P;
       s.value && re();
       const X = (P = g.value) == null ? void 0 : P.$el.getBoundingClientRect().width;
-      W.value = document.body.offsetWidth <= X;
+      H.value = document.body.offsetWidth <= X;
     }, w = (P) => {
       P.key === "Tab" && !F.value.enabled && !l.teleport && ee.value.tabOutClosesMenu && (b.value.contains(document.activeElement) || st()), _.value = P.shiftKey;
     }, Q = (P) => {
@@ -8846,7 +8847,7 @@ const $u = ({
                   class: { [ge.value]: !0, "dp--menu-wrapper": P.teleport },
                   "open-on-top": c(y),
                   "no-overlay-focus": d.value,
-                  collapse: W.value,
+                  collapse: H.value,
                   "get-input-rect": j,
                   onClosePicker: st,
                   onSelectDate: ie,
@@ -8914,7 +8915,7 @@ const Xd = { class: "rm-datepicker" }, yc = /* @__PURE__ */ Te({
   },
   emits: ["change", "delete"],
   setup(e, { emit: a }) {
-    const t = e, n = a, l = J(), r = H(() => ({
+    const t = e, n = a, l = J(), r = W(() => ({
       maxDate: t.maxDate,
       minDate: t.minDate,
       startDate: t.startDate,
@@ -8997,7 +8998,7 @@ const Xd = { class: "rm-datepicker" }, yc = /* @__PURE__ */ Te({
     labelBorderColor: {}
   },
   setup(e) {
-    const a = e, t = H(() => a.label.trim().replace(/\s+/g, " ").split(" ").map((n) => n[0].toUpperCase()).join("").slice(0, 2));
+    const a = e, t = W(() => a.label.trim().replace(/\s+/g, " ").split(" ").map((n) => n[0].toUpperCase()).join("").slice(0, 2));
     return (n, l) => (h(), R("div", {
       class: ye([
         "rm-avatar",