@prefabs.tech/vue3-form 0.12.0 → 0.13.0

package/dist/PrefabsTechVue3Form.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Oe, createElementBlock as S, openBlock as y, createElementVNode as oe, createCommentVNode as F, toDisplayString as ke, normalizeClass as pe, createVNode as xe, unref as m, withCtx as he, Fragment as Me, renderList as Ye, createBlock as Te, mergeProps as Ce, resolveComponent as Qi, h as Gl, ref as B, useSlots as da, computed as H, onBeforeUnmount as Gi, onMounted as et, renderSlot as re, normalizeStyle as At, resolveDynamicComponent as Da, watch as mt, nextTick as vt, toValue as Tt, shallowRef as Zl, watchEffect as Zi, getCurrentInstance as pr, getCurrentScope as hr, onScopeDispose as yr, hasInjectionContext as Ao, inject as Ji, toRefs as Eo, createSlots as it, createTextVNode as Dt, withKeys as hn, withModifiers as ra, reactive as en, toRef as Sn, onUnmounted as tn, isRef as qr, normalizeProps as ct, guardReactiveProps as St, Teleport as es, Transition as an, render as zr, useAttrs as Io, onBeforeUpdate as ts, withDirectives as Hn, vShow as Un } from "vue";
+import { defineComponent as Oe, createElementBlock as S, openBlock as y, createElementVNode as oe, createCommentVNode as F, toDisplayString as ke, normalizeClass as pe, createVNode as xe, unref as m, withCtx as he, Fragment as Me, renderList as Ye, createBlock as Te, mergeProps as Ce, resolveComponent as Qi, h as Gl, ref as B, useSlots as da, computed as W, onBeforeUnmount as Gi, onMounted as et, renderSlot as re, normalizeStyle as At, resolveDynamicComponent as Da, watch as mt, nextTick as vt, toValue as Tt, shallowRef as Zl, watchEffect as Zi, getCurrentInstance as pr, getCurrentScope as hr, onScopeDispose as yr, hasInjectionContext as Ao, inject as Ji, toRefs as Eo, createSlots as it, createTextVNode as Dt, withKeys as hn, withModifiers as ra, reactive as en, toRef as Sn, onUnmounted as tn, isRef as qr, normalizeProps as ct, guardReactiveProps as St, Teleport as es, Transition as an, render as zr, useAttrs as Io, onBeforeUpdate as ts, withDirectives as Hn, vShow as Un } from "vue";
 import { toFieldValidator as It } from "@vee-validate/zod";
 import { Field as Vt, ErrorMessage as Lt, Form as as } from "vee-validate";
 import { z as ba } from "zod";
@@ -249,7 +249,7 @@ const ms = /* @__PURE__ */ ds(us, [["render", fs], ["__scopeId", "data-v-4c97cef
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = t, n = e, l = da(), r = H(() => [
+    const a = t, n = e, l = da(), r = W(() => [
       "button",
       n.severity,
       n.size,
@@ -258,7 +258,7 @@ const ms = /* @__PURE__ */ ds(us, [["render", fs], ["__scopeId", "data-v-4c97cef
       n.loading && "loading",
       n.rounded && "rounded",
       s.value && "disabled"
-    ].filter(Boolean).join(" ")), o = H(() => n.to ? "link" : "button"), s = H(() => n.disabled || n.loading);
+    ].filter(Boolean).join(" ")), o = W(() => n.to ? "link" : "button"), s = W(() => n.disabled || n.loading);
     function i() {
       a("click");
     }
@@ -374,7 +374,7 @@ function Es(e) {
 function Jl(...e) {
   const t = [], a = () => {
     t.forEach((s) => s()), t.length = 0;
-  }, n = (s, i, d, c) => (s.addEventListener(i, d, c), () => s.removeEventListener(i, d, c)), l = H(() => {
+  }, n = (s, i, d, c) => (s.addEventListener(i, d, c), () => s.removeEventListener(i, d, c)), l = W(() => {
     const s = Sl(Tt(e[0])).filter((i) => i != null);
     return s.every((i) => typeof i != "string") ? s : void 0;
   }), r = As(
@@ -414,7 +414,7 @@ function Is() {
 }
 function Rs(e) {
   const t = Is();
-  return H(() => (t.value, !!e()));
+  return W(() => (t.value, !!e()));
 }
 const Ns = Symbol("vueuse-ssr-width");
 function Vs() {
@@ -437,7 +437,7 @@ function Ls(e, t = {}) {
       return;
     }
     l.value && (o.value = a.matchMedia(Tt(e)), s.value = o.value.matches);
-  }), Jl(o, "change", i, { passive: !0 }), H(() => s.value);
+  }), Jl(o, "change", i, { passive: !0 }), W(() => s.value);
 }
 function No(e = {}) {
   const {
@@ -1355,8 +1355,8 @@ Se.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(e) {
     var t = this.el, a = e.target, n, l, r, o = this.options, s = o.group, i = Se.active, d = Ln === s, c = o.sort, f = pt || i, v, h = this, w = !1;
     if (er) return;
-    function M(W, ne) {
-      _t(W, h, ta({
+    function M(H, ne) {
+      _t(H, h, ta({
         evt: e,
         isOwner: d,
         axis: v ? "vertical" : "horizontal",
@@ -1376,12 +1376,12 @@ Se.prototype = /** @lends Sortable.prototype */
     function x() {
       M("dragOverAnimationCapture"), h.captureAnimationState(), h !== f && f.captureAnimationState();
     }
-    function g(W) {
+    function g(H) {
       return M("dragOverCompleted", {
-        insertion: W
-      }), W && (d ? i._hideClone() : i._showClone(h), h !== f && (Pt(fe, pt ? pt.options.ghostClass : i.options.ghostClass, !1), Pt(fe, o.ghostClass, !0)), pt !== h && h !== Se.active ? pt = h : h === Se.active && pt && (pt = null), f === h && (h._ignoreWhileAnimating = a), h.animateAll(function() {
+        insertion: H
+      }), H && (d ? i._hideClone() : i._showClone(h), h !== f && (Pt(fe, pt ? pt.options.ghostClass : i.options.ghostClass, !1), Pt(fe, o.ghostClass, !0)), pt !== h && h !== Se.active ? pt = h : h === Se.active && pt && (pt = null), f === h && (h._ignoreWhileAnimating = a), h.animateAll(function() {
         M("dragOverAnimationComplete"), h._ignoreWhileAnimating = null;
-      }), h !== f && (f.animateAll(), f._ignoreWhileAnimating = null)), (a === fe && !fe.animated || a === t && !a.animated) && (Va = null), !o.dragoverBubble && !e.rootEl && a !== document && (fe.parentNode[Ct]._isOutsideThisEl(e.target), !W && Ma(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), w = !0;
+      }), h !== f && (f.animateAll(), f._ignoreWhileAnimating = null)), (a === fe && !fe.animated || a === t && !a.animated) && (Va = null), !o.dragoverBubble && !e.rootEl && a !== document && (fe.parentNode[Ct]._isOutsideThisEl(e.target), !H && Ma(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), w = !0;
     }
     function A() {
       $t = Rt(fe), pa = Rt(fe, o.draggable), wt({
@@ -2141,7 +2141,7 @@ const Eu = ["aria-label"], Iu = {
     }
   },
   setup(e) {
-    const t = e, a = B(null), n = B(null), l = B(null), r = B(!1), o = B(), s = B({ top: "0", left: "0" }), i = B([]), d = B(!1), c = B(null), f = da(), { width: v, height: h } = No(), w = H(() => !!f.content);
+    const t = e, a = B(null), n = B(null), l = B(null), r = B(!1), o = B(), s = B({ top: "0", left: "0" }), i = B([]), d = B(!1), c = B(null), f = da(), { width: v, height: h } = No(), w = W(() => !!f.content);
     Gi(() => {
       window.removeEventListener("resize", g), i.value.forEach(({ element: _, listener: O }) => {
         _.removeEventListener("scroll", O);
@@ -2258,7 +2258,7 @@ function pn(e) {
 function on(...e) {
   const t = [], a = () => {
     t.forEach((s) => s()), t.length = 0;
-  }, n = (s, i, d, c) => (s.addEventListener(i, d, c), () => s.removeEventListener(i, d, c)), l = H(() => {
+  }, n = (s, i, d, c) => (s.addEventListener(i, d, c), () => s.removeEventListener(i, d, c)), l = W(() => {
     const s = Ll(Tt(e[0])).filter((i) => i != null);
     return s.every((i) => typeof i != "string") ? s : void 0;
   }), r = Fu(
@@ -2426,23 +2426,23 @@ const Bu = {
     dl(o, (u) => {
       M.value = !1, v.value = void 0;
     });
-    const x = H(
+    const x = W(
       () => K.value?.filter((u) => !u.disabled)
-    ), g = H(
+    ), g = W(
       () => a.multiple && !a.disableGroupSelect && (!v.value || x.value?.some(
         (u) => String(u.groupLabel).toLowerCase().includes(String(v.value).toLowerCase())
       ))
-    ), A = H(() => !v.value || a.enableCustomSearch ? K.value : K.value?.filter(
+    ), A = W(() => !v.value || a.enableCustomSearch ? K.value : K.value?.filter(
       (u) => String(u.label).toLowerCase().includes(String(v.value).toLowerCase()) || String(u.groupLabel).toLowerCase().includes(String(v.value).toLowerCase())
-    )), _ = H(() => a.showRemoveSelection && !a.disabled && w.value.length), O = H(() => w.value.length != x.value.length ? !1 : w.value.every(
+    )), _ = W(() => a.showRemoveSelection && !a.disabled && w.value.length), O = W(() => w.value.length != x.value.length ? !1 : w.value.every(
       (u) => K.value.some(
         (k) => k.value === u.value
       )
-    )), K = H(
+    )), K = W(
       () => Ro(a.options, a.labelKey, a.valueKey)
-    ), E = H(
+    ), E = W(
       () => w.value.map((u) => u.label).join(", ")
-    ), N = H(() => {
+    ), N = W(() => {
       const u = A.value;
       if (!a.hasSortedOptions || !u)
         return u;
@@ -2497,7 +2497,7 @@ const Bu = {
         (Ae) => Ae.value === k.value
       );
       l.value ? (V > -1 ? w.value.splice(V, 1) : w.value.push(k), te()) : (w.value = [k], M.value = !1, v.value = void 0, n("update:modelValue", k.value));
-    }, W = () => {
+    }, H = () => {
       O.value ? w.value = [] : w.value = x.value, te();
     }, ne = (u) => {
       const k = x.value?.filter((V) => V.groupLabel === u) || [];
@@ -2517,7 +2517,7 @@ const Bu = {
     }, j = (u) => {
       u.preventDefault(), M.value && a.multiple || Z();
       const k = N.value[f.value];
-      c.value && (k && !k.disabled ? (T(u, k), c.value = !1) : f.value === h && (W(), Z()), c.value = !1);
+      c.value && (k && !k.disabled ? (T(u, k), c.value = !1) : f.value === h && (H(), Z()), c.value = !1);
     }, te = () => {
       const u = w.value?.map(
         (k) => k.value
@@ -2672,7 +2672,7 @@ const Bu = {
               },
               "multiselect-option select-all-option"
             ]),
-            onClick: k[3] || (k[3] = (V) => W())
+            onClick: k[3] || (k[3] = (V) => H())
           }, [
             xe(yn, {
               "model-value": O.value,
@@ -2804,9 +2804,9 @@ const Bu = {
   setup(e, { emit: t }) {
     const a = e, n = t;
     let l;
-    const r = H(
+    const r = W(
       () => Ro(a.options, a.labelKey, a.valueKey)
-    ), o = H(
+    ), o = W(
       () => [...r.value].filter((i) => !i?.disabled)
     );
     if (Object.keys(a.schema).length)
@@ -2939,7 +2939,7 @@ const Bu = {
   },
   emits: ["update:modelValue", "update:searchInput"],
   setup(e, { emit: t }) {
-    const a = e, n = t, l = B(), r = H(() => {
+    const a = e, n = t, l = B(), r = W(() => {
       const s = String(l.value).toLowerCase();
       return l.value ? a.options.filter((i) => {
         const d = i.label?.toLowerCase(), c = i.code?.toLowerCase(), f = i.symbol?.toLowerCase();
@@ -6387,7 +6387,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     dn.shiftKeyInMenu !== a && (dn.shiftKeyInMenu = a);
   };
   return {
-    control: H(() => ({ shiftKeyInMenu: dn.shiftKeyInMenu, menuFocused: dn.menuFocused })),
+    control: W(() => ({ shiftKeyInMenu: dn.shiftKeyInMenu, menuFocused: dn.menuFocused })),
     setMenuFocused: e,
     setShiftKey: t
   };
@@ -6403,7 +6403,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   },
   monthPicker: []
 }), Wl = B(null), zn = B(!1), Hl = B(!1), Ul = B(!1), Xl = B(!1), gt = B(0), tt = B(0), _a = () => {
-  const e = H(() => zn.value ? [...We.selectionGrid, We.actionRow].filter((f) => f.length) : Hl.value ? [
+  const e = W(() => zn.value ? [...We.selectionGrid, We.actionRow].filter((f) => f.length) : Hl.value ? [
     ...We.timePicker[0],
     ...We.timePicker[1],
     Xl.value ? [] : [Wl.value],
@@ -6615,9 +6615,9 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   }, a = () => {
     var E;
     return e.format ? e.format : e.monthPicker ? "MM/yyyy" : e.timePicker ? t() : e.weekPicker ? `${((E = x.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) => Ci(E, e.enableSeconds), l = () => O.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(() => Af(e.multiCalendars)), o = H(() => l()), s = H(() => Cf(e.ariaLabels)), i = H(() => Nf(e.filters)), d = H(() => If(e.transitions)), c = H(() => Vf(e.actionRow)), f = H(
+  }, n = (E) => Ci(E, e.enableSeconds), l = () => O.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(() => Af(e.multiCalendars)), o = W(() => l()), s = W(() => Cf(e.ariaLabels)), i = W(() => Nf(e.filters)), d = W(() => If(e.transitions)), c = W(() => Vf(e.actionRow)), f = W(
     () => Ef(e.previewFormat, e.format, a())
-  ), v = H(() => Rf(e.textInput)), h = H(() => Lf(e.inline)), w = H(() => Yf(e.config)), M = H(() => Ff(e.highlight)), x = H(() => Bf(e.weekNumbers)), g = H(() => zf(e.timezone)), A = H(() => Hf(e.multiDates)), _ = H(
+  ), v = W(() => Rf(e.textInput)), h = W(() => Lf(e.inline)), w = W(() => Yf(e.config)), M = W(() => Ff(e.highlight)), x = W(() => Bf(e.weekNumbers)), g = W(() => zf(e.timezone)), A = W(() => Hf(e.multiDates)), _ = W(
     () => Wf({
       minDate: e.minDate,
       maxDate: e.maxDate,
@@ -6630,7 +6630,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       isMonthPicker: e.monthPicker,
       isYearPicker: e.yearPicker
     })
-  ), O = H(() => qf(e.range)), K = H(() => Uf(e.ui));
+  ), O = W(() => qf(e.range)), K = W(() => Uf(e.ui));
   return {
     defaultedTransitions: d,
     defaultedMultiCalendars: r,
@@ -6743,8 +6743,8 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   }, $ = () => {
     const u = (k) => ea(k, l.value.format);
     return `${u(n.value[0])} ${l.value.rangeSeparator} ${n.value[1] ? u(n.value[1]) : ""}`;
-  }, T = () => a.value && n.value ? Array.isArray(n.value) ? $() : ea(n.value, l.value.format) : w(n.value), W = () => n.value ? s.value.enabled ? n.value.map((u) => w(u)).join("; ") : l.value.enabled && typeof l.value.format == "string" ? T() : w(n.value) : "", ne = () => {
-    !t.format || typeof t.format == "string" || l.value.enabled && typeof l.value.format == "string" ? d.value = W() : d.value = t.format(n.value);
+  }, T = () => a.value && n.value ? Array.isArray(n.value) ? $() : ea(n.value, l.value.format) : w(n.value), H = () => n.value ? s.value.enabled ? n.value.map((u) => w(u)).join("; ") : l.value.enabled && typeof l.value.format == "string" ? T() : w(n.value) : "", ne = () => {
+    !t.format || typeof t.format == "string" || l.value.enabled && typeof l.value.format == "string" ? d.value = H() : d.value = t.format(n.value);
   }, j = (u) => {
     if (t.utc) {
       const k = new Date(u);
@@ -6797,7 +6797,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     a.value.months.includes(w) && (h = r(h, c), w = Ne(h), M = $e(h)), a.value.years.includes(M) && (h = o(h, c), M = $e(h)), l(w, M, c, e.preventMinMaxNavigation) && i(w, M, f);
   }, i = (c, f, v) => {
     t("update-month-year", { month: c, year: f, fromNav: v });
-  }, d = H(() => (c) => Ai(
+  }, d = W(() => (c) => Ai(
     je(J(), { month: e.month, year: e.year }),
     n.value.maxDate,
     n.value.minDate,
@@ -6968,10 +6968,10 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     const O = () => {
       x.value = !1, setTimeout(() => {
         var D, $;
-        const T = (D = A.value) == null ? void 0 : D.getBoundingClientRect(), W = ($ = _.value) == null ? void 0 : $.getBoundingClientRect();
-        T && W && (g.value.maxWidth = `${W.width - T.width - 20}px`), x.value = !0;
+        const T = (D = A.value) == null ? void 0 : D.getBoundingClientRect(), H = ($ = _.value) == null ? void 0 : $.getBoundingClientRect();
+        T && H && (g.value.maxWidth = `${H.width - T.width - 20}px`), x.value = !0;
       }, 0);
-    }, K = H(() => d.value.enabled && !d.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), E = H(
+    }, K = W(() => d.value.enabled && !d.value.partialRange && n.internalModelValue ? n.internalModelValue.length === 2 : !0), E = W(
       () => !f.value(n.internalModelValue) || !v.value(n.internalModelValue) || !K.value
     ), N = () => {
       const D = r.value;
@@ -6986,7 +6986,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       s.value.rangeSeparator,
       n.modelAuto,
       r.value
-    ), b = H(() => !n.internalModelValue || !n.menuMount ? "" : typeof r.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? ee() : c.value.enabled ? n.internalModelValue.map((D) => `${q(D)}`) : n.modelAuto ? `${q(n.internalModelValue[0])}` : `${q(n.internalModelValue[0])} -` : q(n.internalModelValue) : N()), U = () => c.value.enabled ? "; " : " - ", le = H(
+    ), b = W(() => !n.internalModelValue || !n.menuMount ? "" : typeof r.value == "string" ? Array.isArray(n.internalModelValue) ? n.internalModelValue.length === 2 && n.internalModelValue[1] ? ee() : c.value.enabled ? n.internalModelValue.map((D) => `${q(D)}`) : n.modelAuto ? `${q(n.internalModelValue[0])}` : `${q(n.internalModelValue[0])} -` : q(n.internalModelValue) : N()), U = () => c.value.enabled ? "; " : " - ", le = W(
       () => Array.isArray(b.value) ? b.value.join(U()) : b.value
     ), ve = () => {
       f.value(n.internalModelValue) && v.value(n.internalModelValue) && K.value ? a("select-date") : a("invalid-select");
@@ -7097,17 +7097,17 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       var Q;
       const P = dt(w);
       P && (d.value.enabled || (h.value ? (Q = h.value) == null || Q.focus({ preventScroll: !0 }) : P.focus({ preventScroll: !0 })), v.value = P.clientHeight < P.scrollHeight);
-    }, E = H(
+    }, E = W(
       () => ({
         dp__overlay: !0,
         "dp--overlay-absolute": !s.useRelative,
         "dp--overlay-relative": s.useRelative
       })
-    ), N = H(
+    ), N = W(
       () => s.useRelative ? { height: `${s.height}px`, width: "var(--dp-menu-min-width)" } : void 0
-    ), ee = H(() => ({
+    ), ee = W(() => ({
       dp__overlay_col: !0
-    })), q = H(
+    })), q = W(
       () => ({
         dp__btn: !0,
         dp__button: !0,
@@ -7115,7 +7115,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         dp__over_action_scroll: v.value,
         dp__button_bottom: s.isLast
       })
-    ), b = H(() => {
+    ), b = W(() => {
       var Q, P;
       return {
         dp__overlay_container: !0,
@@ -7145,7 +7145,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       var Q, P;
       const Y = (Q = s.headerRefs) != null && Q.length ? [s.headerRefs].concat(M.value) : M.value.concat([s.skipButtonRef ? [] : [g.value]]);
       l(ft(Y), (P = s.headerRefs) != null && P.length ? "monthPicker" : "selectionGrid");
-    }, W = (Q) => {
+    }, H = (Q) => {
       s.arrowNavigation || wa(Q, c.value, !0);
     }, ne = (Q) => {
       x.value = Q, o("hover-value", Q);
@@ -7162,13 +7162,13 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         case He.esc:
           return D();
         case He.arrowLeft:
-          return W(Q);
+          return H(Q);
         case He.arrowRight:
-          return W(Q);
+          return H(Q);
         case He.arrowUp:
-          return W(Q);
+          return H(Q);
         case He.arrowDown:
-          return W(Q);
+          return H(Q);
         default:
           return;
       }
@@ -7260,9 +7260,9 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     isMobile: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = H(
+    const t = e, a = W(
       () => t.multiCalendars > 0 ? [...Array(t.multiCalendars).keys()] : [0]
-    ), n = H(() => ({
+    ), n = W(() => ({
       dp__instance_calendar: t.multiCalendars > 0
     }));
     return (l, r) => (y(), S("div", {
@@ -7461,7 +7461,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   month: d,
   emit: c
 }) => {
-  const f = H(() => Rr(o.yearRange, o.locale, o.reverseYears)), v = B([!1]), h = H(() => (b, U) => {
+  const f = W(() => Rr(o.yearRange, o.locale, o.reverseYears)), v = B([!1]), h = W(() => (b, U) => {
     const le = je(zt(/* @__PURE__ */ new Date()), {
       month: d.value(b),
       year: i.value(b)
@@ -7508,7 +7508,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   });
   const K = (b, U) => {
     l.value[U].year = b, c("update-month-year", { instance: U, year: b, month: l.value[U].month }), e.value.count && !e.value.solo && x(U);
-  }, E = H(() => (b) => Za(f.value, (U) => {
+  }, E = W(() => (b) => Za(f.value, (U) => {
     var le;
     const ve = i.value(b) === U.value, D = Mn(
       U.value,
@@ -7549,7 +7549,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     defaultedMultiDates: f
   } = Xe(e), v = () => {
     e.isTextInputDate && O($e(J(e.startDate)), 0);
-  }, { modelValue: h, year: w, month: M, calendars: x } = In(e, t, v), g = H(() => xi(e.formatLocale, e.locale, e.monthNameFormat)), A = B(null), { checkMinMaxRange: _ } = Sa(e), {
+  }, { modelValue: h, year: w, month: M, calendars: x } = In(e, t, v), g = W(() => xi(e.formatLocale, e.locale, e.monthNameFormat)), A = B(null), { checkMinMaxRange: _ } = Sa(e), {
     selectYear: O,
     groupedYears: K,
     showYearPicker: E,
@@ -7590,7 +7590,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       return !1;
     }
     return !1;
-  }, T = H(() => (Y) => Za(g.value, (z) => {
+  }, T = W(() => (Y) => Za(g.value, (z) => {
     var Z;
     const u = ve(Y, z.value), k = Mn(
       z.value,
@@ -7598,16 +7598,16 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       $i(w.value(Y), i.value.maxDate)
     ) || $f(i.value.disabledDates, w.value(Y), z.value) || ((Z = c.value.months) == null ? void 0 : Z.includes(z.value)) || !Of(i.value.allowedDates, w.value(Y), z.value), V = $(z.value, Y), Ae = Ii(s.value, z.value, w.value(Y));
     return { active: u, disabled: k, isBetween: V, highlighted: Ae };
-  })), W = (Y, z) => oa(zt(J()), Y, w.value(z)), ne = (Y, z) => {
+  })), H = (Y, z) => oa(zt(J()), Y, w.value(z)), ne = (Y, z) => {
     const Z = h.value ? h.value : zt(/* @__PURE__ */ new Date());
     h.value = oa(Z, Y, w.value(z)), t("auto-apply"), t("update-flow-step");
   }, j = (Y, z) => {
-    const Z = W(Y, z);
-    o.value.fixedEnd || o.value.fixedStart ? h.value = Li(Z, h, t, o) : h.value ? _(Z, h.value) && (h.value = Fr(h, W(Y, z), t)) : h.value = [W(Y, z)], vt().then(() => {
+    const Z = H(Y, z);
+    o.value.fixedEnd || o.value.fixedStart ? h.value = Li(Z, h, t, o) : h.value ? _(Z, h.value) && (h.value = Fr(h, H(Y, z), t)) : h.value = [H(Y, z)], vt().then(() => {
       ml(h.value, t, e.autoApply, e.modelAuto);
     });
   }, te = (Y, z) => {
-    Yr(W(Y, z), h, f.value.limit), t("auto-apply", !0);
+    Yr(H(Y, z), h, f.value.limit), t("auto-apply", !0);
   }, L = (Y, z) => (x.value[z].month = Y, P(z, x.value[z].year, Y), f.value.enabled ? te(Y, z) : o.value.enabled ? j(Y, z) : ne(Y, z)), Q = (Y, z) => {
     O(Y, z), P(z, Y, null);
   }, P = (Y, z, Z) => {
@@ -7638,7 +7638,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       }), t("auto-apply");
     },
     setHoverDate: (Y, z) => {
-      A.value = W(Y, z);
+      A.value = H(Y, z);
     },
     selectMonth: L,
     selectYear: Q,
@@ -7773,7 +7773,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   et(() => {
     e.startDate && (n.value && e.focusStartDate || !n.value) && (c.value = $e(J(e.startDate)));
   });
-  const f = (g) => Array.isArray(n.value) ? n.value.some((A) => $e(A) === g) : n.value ? $e(n.value) === g : !1, v = (g) => i.value.enabled && Array.isArray(n.value) ? Pn(n.value, l.value, x(g)) : !1, h = (g) => d.value.allowedDates instanceof Map ? d.value.allowedDates.size ? d.value.allowedDates.has(`${g}`) : !1 : !0, w = (g) => d.value.disabledDates instanceof Map ? d.value.disabledDates.size ? d.value.disabledDates.has(`${g}`) : !1 : !0, M = H(() => Za(Rr(e.yearRange, e.locale, e.reverseYears), (g) => {
+  const f = (g) => Array.isArray(n.value) ? n.value.some((A) => $e(A) === g) : n.value ? $e(n.value) === g : !1, v = (g) => i.value.enabled && Array.isArray(n.value) ? Pn(n.value, l.value, x(g)) : !1, h = (g) => d.value.allowedDates instanceof Map ? d.value.allowedDates.size ? d.value.allowedDates.has(`${g}`) : !1 : !0, w = (g) => d.value.disabledDates instanceof Map ? d.value.disabledDates.size ? d.value.disabledDates.has(`${g}`) : !1 : !0, M = W(() => Za(Rr(e.yearRange, e.locale, e.reverseYears), (g) => {
     const A = f(g.value), _ = Mn(
       g.value,
       Ja(d.value.minDate),
@@ -7903,15 +7903,15 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       minutes: p.minutes,
       seconds: l.enableSeconds ? p.seconds : 0,
       milliseconds: 0
-    }), E = H(
+    }), E = W(
       () => (p) => j(p, l[p]) || ee(p, l[p])
-    ), N = H(() => ({ hours: l.hours, minutes: l.minutes, seconds: l.seconds })), ee = (p, se) => f.value.enabled && !f.value.disableTimeRangeValidation ? !l.validateTime(p, se) : !1, q = (p, se) => {
+    ), N = W(() => ({ hours: l.hours, minutes: l.minutes, seconds: l.seconds })), ee = (p, se) => f.value.enabled && !f.value.disableTimeRangeValidation ? !l.validateTime(p, se) : !1, q = (p, se) => {
       if (f.value.enabled && !f.value.disableTimeRangeValidation) {
         const me = se ? +l[`${p}Increment`] : -+l[`${p}Increment`], ue = l[p] + me;
         return !l.validateTime(p, ue);
       }
       return !1;
-    }, b = H(() => (p) => !Y(+l[p] + +l[`${p}Increment`], p) || q(p, !0)), U = H(() => (p) => !Y(+l[p] - +l[`${p}Increment`], p) || q(p, !1)), le = (p, se) => ti(je(J(), p), se), ve = (p, se) => sf(je(J(), p), se), D = H(
+    }, b = W(() => (p) => !Y(+l[p] + +l[`${p}Increment`], p) || q(p, !0)), U = W(() => (p) => !Y(+l[p] - +l[`${p}Increment`], p) || q(p, !1)), le = (p, se) => ti(je(J(), p), se), ve = (p, se) => sf(je(J(), p), se), D = W(
       () => ({
         dp__time_col: !0,
         dp__time_col_block: !l.timePickerInline,
@@ -7921,16 +7921,16 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         dp__time_col_sec: l.enableSeconds && l.is24,
         dp__time_col_sec_with_button: l.enableSeconds && !l.is24
       })
-    ), $ = H(
+    ), $ = W(
       () => l.timePickerInline && f.value.enabled && !v.value.count
-    ), T = H(() => {
+    ), T = W(() => {
       const p = [{ type: "hours" }];
       return l.enableMinutes && p.push({ type: "", separator: !0 }, {
         type: "minutes"
       }), l.enableSeconds && p.push({ type: "", separator: !0 }, {
         type: "seconds"
       }), p;
-    }), W = H(() => T.value.filter((p) => !p.separator)), ne = H(() => (p) => {
+    }), H = W(() => T.value.filter((p) => !p.separator)), ne = W(() => (p) => {
       if (p === "hours") {
         const se = Ae(+l.hours);
         return { text: se < 10 ? `0${se}` : `${se}`, value: se };
@@ -8108,7 +8108,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
             onKeydown: se[0] || (se[0] = (ue) => m(xt)(ue, () => R(), !0))
           }, ke(x.value), 41, hm))
         ])),
-        (y(!0), S(Me, null, Ye(W.value, (ue, Re) => (y(), Te(an, {
+        (y(!0), S(Me, null, Ye(H.value, (ue, Re) => (y(), Te(an, {
           key: Re,
           name: m(h)(M[ue.type]),
           css: m(w)
@@ -8195,11 +8195,11 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     et(() => {
       n("mount"), !l.timePicker && l.arrowNavigation ? r([dt(x.value)], "time") : o(!0, l.timePicker);
     });
-    const K = H(() => v.value.enabled && l.modelAuto ? _i(l.internalModelValue) : !0), E = B(!1), N = (j) => ({
+    const K = W(() => v.value.enabled && l.modelAuto ? _i(l.internalModelValue) : !0), E = B(!1), N = (j) => ({
       hours: Array.isArray(l.hours) ? l.hours[j] : l.hours,
       minutes: Array.isArray(l.minutes) ? l.minutes[j] : l.minutes,
       seconds: Array.isArray(l.seconds) ? l.seconds[j] : l.seconds
-    }), ee = H(() => {
+    }), ee = W(() => {
       const j = [];
       if (v.value.enabled)
         for (let te = 0; te < 2; te++)
@@ -8211,7 +8211,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       te || n("reset-flow"), E.value = j, n(j ? "overlay-opened" : "overlay-closed", bt.time), l.arrowNavigation && o(j), vt(() => {
         L !== "" && A.value[0] && A.value[0].openChildCmp(L);
       });
-    }, b = H(() => ({
+    }, b = W(() => ({
       dp__btn: !0,
       dp__button: !0,
       dp__button_bottom: l.autoApply && !f.value.keepActionRow
@@ -8226,7 +8226,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         const j = Si(_.value);
         j && j.focus({ preventScroll: !0 });
       }
-    }, W = (j) => {
+    }, H = (j) => {
       O.value = !1, n("overlay-closed", j);
     }, ne = (j) => {
       O.value = !0, n("overlay-opened", j);
@@ -8315,7 +8315,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
                       "onUpdate:minutes": (Z) => D(le(Z, z, "minutes")),
                       "onUpdate:seconds": (Z) => $(le(Z, z, "seconds")),
                       onMounted: T,
-                      onOverlayClosed: W,
+                      onOverlayClosed: H,
                       onOverlayOpened: ne,
                       onAmPmChange: te[2] || (te[2] = (Z) => j.$emit("am-pm-change", Z))
                     }), it({ _: 2 }, [
@@ -8357,7 +8357,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
 }), Bi = (e, t, a, n) => {
   const { defaultedRange: l } = Xe(e), r = (_, O) => Array.isArray(t[_]) ? t[_][O] : t[_], o = (_) => e.enableSeconds ? Array.isArray(t.seconds) ? t.seconds[_] : t.seconds : 0, s = (_, O) => _ ? O !== void 0 ? ka(_, r("hours", O), r("minutes", O), o(O)) : ka(_, t.hours, t.minutes, o()) : wi(J(), o(O)), i = (_, O) => {
     t[_] = O;
-  }, d = H(() => e.modelAuto && l.value.enabled ? Array.isArray(a.value) ? a.value.length > 1 : !1 : l.value.enabled), c = (_, O) => {
+  }, d = W(() => e.modelAuto && l.value.enabled ? Array.isArray(a.value) ? a.value.length > 1 : !1 : l.value.enabled), c = (_, O) => {
     const K = Object.fromEntries(
       Object.keys(t).map((E) => E === _ ? [E, O] : [E, t[E]].slice())
     );
@@ -8392,7 +8392,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       disabledArr: []
     };
     return (O || O === 0) && (K.hours = O), Array.isArray(e.disabledTimes) && (K.disabledArr = l.value.enabled && Array.isArray(e.disabledTimes[_]) ? e.disabledTimes[_] : e.disabledTimes), K;
-  }, A = H(() => (_, O) => {
+  }, A = W(() => (_, O) => {
     var K;
     if (Array.isArray(e.disabledTimes)) {
       const { disabledArr: E, hours: N } = g(_, O), ee = E.filter((q) => +q.hours === N);
@@ -8569,23 +8569,23 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       get: () => l[P],
       set: (Y) => {
         const z = P === Bt.month ? Bt.year : Bt.month;
-        n("update-month-year", { [P]: Y, [z]: l[z] }), P === Bt.month ? W(!0) : ne(!0);
+        n("update-month-year", { [P]: Y, [z]: l[z] }), P === Bt.month ? H(!0) : ne(!0);
       }
-    }), b = H(q(Bt.month)), U = H(q(Bt.year)), le = H(() => (P) => ({
+    }), b = W(q(Bt.month)), U = W(q(Bt.year)), le = W(() => (P) => ({
       month: l.month,
       year: l.year,
       items: P === Bt.month ? l.months : l.years,
       instance: l.instance,
       updateMonthYear: A,
-      toggle: P === Bt.month ? W : ne
-    })), ve = H(() => l.months.find((Y) => Y.value === l.month) || { text: "", value: 0 }), D = H(() => Za(l.months, (P) => {
+      toggle: P === Bt.month ? H : ne
+    })), ve = W(() => l.months.find((Y) => Y.value === l.month) || { text: "", value: 0 }), D = W(() => Za(l.months, (P) => {
       const Y = l.month === P.value, z = Mn(
         P.value,
         Pi(l.year, f.value.minDate),
         $i(l.year, f.value.maxDate)
       ) || i.value.months.includes(P.value), Z = Ii(c.value, P.value, l.year);
       return { active: Y, disabled: z, highlighted: Z };
-    })), $ = H(() => Za(l.years, (P) => {
+    })), $ = W(() => Za(l.years, (P) => {
       const Y = l.year === P.value, z = Mn(
         P.value,
         Ja(f.value.minDate),
@@ -8594,7 +8594,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       return { active: Y, disabled: z, highlighted: Z };
     })), T = (P, Y, z) => {
       z !== void 0 ? P.value = z : P.value = !P.value, P.value ? (N.value = !0, n("overlay-opened", Y)) : (N.value = !1, n("overlay-closed", Y));
-    }, W = (P = !1, Y) => {
+    }, H = (P = !1, Y) => {
       j(P), T(K, bt.month, Y);
     }, ne = (P = !1, Y) => {
       j(P), T(E, bt.year, Y);
@@ -8602,13 +8602,13 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       P || n("reset-flow");
     }, te = (P, Y) => {
       l.arrowNavigation && (ee.value[Y] = dt(P), M(ee.value, "monthYear"));
-    }, L = H(() => {
+    }, L = W(() => {
       var P, Y, z, Z, u, k;
       return [
         {
           type: Bt.month,
           index: 1,
-          toggle: W,
+          toggle: H,
           modelValue: b.value,
           updateModelValue: (V) => b.value = V,
           text: ve.value.text,
@@ -8630,9 +8630,9 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
           overlayLabel: ((k = (u = o.value).yearPicker) == null ? void 0 : k.call(u, !0)) ?? void 0
         }
       ];
-    }), Q = H(() => l.disableYearSelect ? [L.value[0]] : l.yearFirst ? [...L.value].reverse() : L.value);
+    }), Q = W(() => l.disableYearSelect ? [L.value[0]] : l.yearFirst ? [...L.value].reverse() : L.value);
     return t({
-      toggleMonthPicker: W,
+      toggleMonthPicker: H,
       toggleYearPicker: ne,
       handleMonthYearChange: x
     }), (P, Y) => {
@@ -8839,7 +8839,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       bottom: "",
       left: "",
       transform: ""
-    }), M = B([]), x = B(null), g = B(!0), A = B(""), _ = B({ startX: 0, endX: 0, startY: 0, endY: 0 }), O = B([]), K = B({ left: "50%" }), E = B(!1), N = H(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), ee = H(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : vf(l.formatLocale, l.locale, +l.weekStart));
+    }), M = B([]), x = B(null), g = B(!0), A = B(""), _ = B({ startX: 0, endX: 0, startY: 0, endY: 0 }), O = B([]), K = B({ left: "50%" }), E = B(!1), N = W(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), ee = W(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : vf(l.formatLocale, l.locale, +l.weekStart));
     et(() => {
       n("mount", { cmp: "calendar", refs: M }), s.value.noSwipe || x.value && (x.value.addEventListener("touchstart", te, { passive: !1 }), x.value.addEventListener("touchend", L, { passive: !1 }), x.value.addEventListener("touchmove", Q, { passive: !1 })), l.monthChangeOnScroll && x.value && x.value.addEventListener("wheel", z, { passive: !1 });
     });
@@ -8850,20 +8850,20 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
           g.value = !0;
         });
       }
-    }, U = H(
+    }, U = W(
       () => ({
         ...v.value.calendar ?? {}
       })
-    ), le = H(() => (R) => {
+    ), le = W(() => (R) => {
       const Pe = hf(R);
       return {
         dp__marker_dot: Pe.type === "dot",
         dp__marker_line: Pe.type === "line"
       };
-    }), ve = H(() => (R) => Ve(R, h.value)), D = H(() => ({
+    }), ve = W(() => (R) => Ve(R, h.value)), D = W(() => ({
       dp__calendar: !0,
       dp__calendar_next: d.value.count > 0 && l.instance !== 0
-    })), $ = H(() => (R) => l.hideOffsetDates ? R.current : !0), T = async (R, Pe) => {
+    })), $ = W(() => (R) => l.hideOffsetDates ? R.current : !0), T = async (R, Pe) => {
       const { width: G, height: de } = R.getBoundingClientRect();
       h.value = Pe.value;
       let p = { left: `${G / 2}px` }, se = -50;
@@ -8876,7 +8876,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         ...p,
         transform: `translateX(${se}%)`
       };
-    }, W = async (R, Pe, G) => {
+    }, H = async (R, Pe, G) => {
       var de, p, se;
       const me = dt(M.value[Pe][G]);
       me && ((de = R.marker) != null && de.customPosition && (se = (p = R.marker) == null ? void 0 : p.tooltip) != null && se.length ? w.value = R.marker.customPosition(me) : await T(me, R), n("tooltip-open", R.marker));
@@ -8886,7 +8886,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         return n("select-date", R);
       if (n("set-hover-date", R), (p = (de = R.marker) == null ? void 0 : de.tooltip) != null && p.length) {
         if (l.hideOffsetDates && !R.current) return;
-        await W(R, Pe, G);
+        await H(R, Pe, G);
       }
     }, j = (R) => {
       h.value && (h.value = null, w.value = JSON.parse(JSON.stringify({ bottom: "", left: "", transform: "" })), n("tooltip-close", R.marker));
@@ -9065,14 +9065,14 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     defaultedTz: x,
     propDates: g,
     defaultedMultiDates: A
-  } = Xe(e), { validateMonthYearInRange: _, isDisabled: O, isDateRangeAllowed: K, checkMinMaxRange: E } = Sa(e), { updateTimeValues: N, getSetDateTime: ee, setTime: q, assignStartTime: b, validateTime: U, disabledTimesConfig: le } = Bi(e, c, i, n), ve = H(
+  } = Xe(e), { validateMonthYearInRange: _, isDisabled: O, isDateRangeAllowed: K, checkMinMaxRange: E } = Sa(e), { updateTimeValues: N, getSetDateTime: ee, setTime: q, assignStartTime: b, validateTime: U, disabledTimesConfig: le } = Bi(e, c, i, n), ve = W(
     () => (C) => d.value[C] ? d.value[C].month : 0
-  ), D = H(
+  ), D = W(
     () => (C) => d.value[C] ? d.value[C].year : 0
   ), $ = (C) => !M.value.keepViewOnOffsetClick || C ? !0 : !o.value, T = (C, ie, we, X = !1) => {
     var ce, ye;
     $(X) && (d.value[C] || (d.value[C] = { month: 0, year: 0 }), d.value[C].month = yo(ie) ? (ce = d.value[C]) == null ? void 0 : ce.month : ie, d.value[C].year = yo(we) ? (ye = d.value[C]) == null ? void 0 : ye.year : we);
-  }, W = () => {
+  }, H = () => {
     e.autoApply && t("select-date");
   }, ne = () => {
     h.value && b(h.value);
@@ -9080,7 +9080,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
   et(() => {
     e.shadow || (i.value || (Pe(), ne()), L(!0), e.focusStartDate && e.startDate && Pe());
   });
-  const j = H(() => {
+  const j = W(() => {
     var C;
     return (C = e.flow) != null && C.length && !e.partialFlow ? e.flowStep === e.flow.length : !0;
   }), te = () => {
@@ -9262,10 +9262,10 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       modelValue: i,
       range: w.value.enabled,
       timezone: ie ? void 0 : x.value.timezone
-    }), W(), e.multiCalendars && vt().then(() => L(!0));
+    }), H(), e.multiCalendars && vt().then(() => L(!0));
   }, wl = () => {
     const C = Ir(J(), x.value);
-    !w.value.enabled && !A.value.enabled ? i.value = C : i.value && Array.isArray(i.value) && i.value[0] ? A.value.enabled ? i.value = [...i.value, C] : i.value = Ze(C, i.value[0]) ? [C, i.value[0]] : [i.value[0], C] : i.value = [C], W();
+    !w.value.enabled && !A.value.enabled ? i.value = C : i.value && Array.isArray(i.value) && i.value[0] ? A.value.enabled ? i.value = [...i.value, C] : i.value = Ze(C, i.value[0]) ? [C, i.value[0]] : [i.value[0], C] : i.value = [C], H();
   }, kl = () => {
     if (Array.isArray(i.value))
       if (A.value.enabled) {
@@ -9352,7 +9352,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       updateTime: E,
       assignMonthAndYear: N,
       setStartTime: ee
-    } = Vm(l, n, Q, P), q = da(), { setHoverDate: b, getDayClassData: U, clearHoverDate: le } = av(i, l), { defaultedMultiCalendars: ve } = Xe(l), D = B([]), $ = B([]), T = B(null), W = Et(q, "calendar"), ne = Et(q, "monthYear"), j = Et(q, "timePicker"), te = (G) => {
+    } = Vm(l, n, Q, P), q = da(), { setHoverDate: b, getDayClassData: U, clearHoverDate: le } = av(i, l), { defaultedMultiCalendars: ve } = Xe(l), D = B([]), $ = B([]), T = B(null), H = Et(q, "calendar"), ne = Et(q, "monthYear"), j = Et(q, "timePicker"), te = (G) => {
       l.shadow || n("mount", G);
     };
     mt(
@@ -9370,7 +9370,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       },
       { deep: !0 }
     );
-    const L = H(() => (G) => h(o.value(G), s.value(G)).map((de) => ({
+    const L = W(() => (G) => h(o.value(G), s.value(G)).map((de) => ({
       ...de,
       days: de.days.map((p) => (p.marker = w(p), p.classData = U(p), p))
     })));
@@ -9486,7 +9486,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
             onTooltipOpen: de[6] || (de[6] = (me) => G.$emit("tooltip-open", me)),
             onTooltipClose: de[7] || (de[7] = (me) => G.$emit("tooltip-close", me))
           }), it({ _: 2 }, [
-            Ye(m(W), (me, ue) => ({
+            Ye(m(H), (me, ue) => ({
               name: me,
               fn: he((Re) => [
                 re(G.$slots, me, ct(St({ ...Re })))
@@ -9548,7 +9548,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     filters: i,
     props: e,
     emit: t
-  }), E = ($, T) => [$, T].map((W) => ea(W, "MMMM", { locale: e.formatLocale })).join("-"), N = H(() => ($) => c.value ? Array.isArray(c.value) ? c.value.some((T) => vo($, T)) : vo(c.value, $) : !1), ee = ($) => {
+  }), E = ($, T) => [$, T].map((H) => ea(H, "MMMM", { locale: e.formatLocale })).join("-"), N = W(() => ($) => c.value ? Array.isArray(c.value) ? c.value.some((T) => vo($, T)) : vo(c.value, $) : !1), ee = ($) => {
     if (o.value.enabled) {
       if (Array.isArray(c.value)) {
         const T = Ve($, c.value[0]) || Ve($, c.value[1]);
@@ -9557,13 +9557,13 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       return !1;
     }
     return !1;
-  }, q = ($, T) => $.quarter === io(T) && $.year === $e(T), b = ($) => typeof r.value == "function" ? r.value({ quarter: io($), year: $e($) }) : !!r.value.quarters.find((T) => q(T, $)), U = H(() => ($) => {
+  }, q = ($, T) => $.quarter === io(T) && $.year === $e(T), b = ($) => typeof r.value == "function" ? r.value({ quarter: io($), year: $e($) }) : !!r.value.quarters.find((T) => q(T, $)), U = W(() => ($) => {
     const T = je(/* @__PURE__ */ new Date(), { year: f.value($) });
     return md({
       start: Tn(T),
       end: ii(T)
-    }).map((W) => {
-      const ne = Oa(W), j = so(W), te = w(W), L = ee(ne), Q = b(ne);
+    }).map((H) => {
+      const ne = Oa(H), j = so(H), te = w(H), L = ee(ne), Q = b(ne);
       return {
         text: E(ne, j),
         value: ne,
@@ -9593,8 +9593,8 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
       a.value = $;
     },
     selectYear: M,
-    selectQuarter: ($, T, W) => {
-      if (!W)
+    selectQuarter: ($, T, H) => {
+      if (!H)
         return h.value[T].month = Ne(so($)), d.value.enabled ? le($) : o.value.enabled ? ve($) : D($);
     },
     toggleYearPicker: _,
@@ -9716,7 +9716,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     a.value = window.document.documentElement.clientWidth;
   };
   return {
-    isMobile: H(
+    isMobile: W(
       () => a.value <= e.value.mobileBreakpoint && !t ? !0 : void 0
     )
   };
@@ -9775,7 +9775,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     "menu-blur"
   ],
   setup(e, { expose: t, emit: a }) {
-    const n = a, l = e, r = B(null), o = H(() => {
+    const n = a, l = e, r = B(null), o = W(() => {
       const { openOnTop: I, ...ae } = l;
       return {
         ...ae,
@@ -9802,7 +9802,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     const E = () => {
       const I = dt(A);
       I && (g.value = I.getBoundingClientRect().width);
-    }, { arrowRight: N, arrowLeft: ee, arrowDown: q, arrowUp: b } = _a(), { flowStep: U, updateFlowStep: le, childMount: ve, resetFlow: D, handleFlow: $ } = nv(l, n, O), T = H(() => l.monthPicker ? im : l.yearPicker ? um : l.timePicker ? xm : l.quarterPicker ? zm : Ym), W = H(() => {
+    }, { arrowRight: N, arrowLeft: ee, arrowDown: q, arrowUp: b } = _a(), { flowStep: U, updateFlowStep: le, childMount: ve, resetFlow: D, handleFlow: $ } = nv(l, n, O), T = W(() => l.monthPicker ? im : l.yearPicker ? um : l.timePicker ? xm : l.quarterPicker ? zm : Ym), H = W(() => {
       var I;
       if (h.value.arrowLeft) return h.value.arrowLeft;
       const ae = (I = r.value) == null ? void 0 : I.getBoundingClientRect(), ge = l.getInputRect();
@@ -9810,16 +9810,16 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
     }), ne = () => {
       const I = dt(r);
       I && I.focus({ preventScroll: !0 });
-    }, j = H(() => {
+    }, j = W(() => {
       var I;
       return ((I = O.value) == null ? void 0 : I.getSidebarProps()) || {};
     }), te = () => {
       l.openOnTop && n("recalculate-position");
-    }, L = Et(c, "action"), Q = H(() => l.monthPicker || l.yearPicker ? Et(c, "monthYear") : l.timePicker ? Et(c, "timePicker") : Et(c, "shared")), P = H(() => l.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), Y = H(() => ({
+    }, L = Et(c, "action"), Q = W(() => l.monthPicker || l.yearPicker ? Et(c, "monthYear") : l.timePicker ? Et(c, "timePicker") : Et(c, "shared")), P = W(() => l.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), Y = W(() => ({
       dp__menu_disabled: l.disabled,
       dp__menu_readonly: l.readonly,
       "dp-menu-loading": l.loading
-    })), z = H(
+    })), z = W(
       () => ({
         dp__menu: !0,
         dp__menu_index: !v.value.enabled,
@@ -9904,7 +9904,7 @@ const dr = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), Ti = (e, t) =
         role: m(v).enabled ? void 0 : "dialog",
         "aria-label": (ge = I.ariaLabels) == null ? void 0 : ge.menu,
         class: pe(z.value),
-        style: At({ "--dp-arrow-left": W.value }),
+        style: At({ "--dp-arrow-left": H.value }),
         onMouseleave: se,
         onClick: Z,
         onKeydown: Re
@@ -10053,57 +10053,57 @@ const Jm = ({
   });
   const w = (T) => {
     if (o.teleport) {
-      const W = T.getBoundingClientRect();
+      const H = T.getBoundingClientRect();
       return {
-        left: W.left + window.scrollX,
-        top: W.top + window.scrollY
+        left: H.left + window.scrollX,
+        top: H.top + window.scrollY
       };
     }
     return { top: 0, left: 0 };
-  }, M = (T, W) => {
-    f.value.left = `${T + W - d.value.width}px`;
+  }, M = (T, H) => {
+    f.value.left = `${T + H - d.value.width}px`;
   }, x = (T) => {
     f.value.left = `${T}px`;
-  }, g = (T, W) => {
-    o.position === qa.left && x(T), o.position === qa.right && M(T, W), o.position === qa.center && (f.value.left = `${T + W / 2 - d.value.width / 2}px`);
+  }, g = (T, H) => {
+    o.position === qa.left && x(T), o.position === qa.right && M(T, H), o.position === qa.center && (f.value.left = `${T + H / 2 - d.value.width / 2}px`);
   }, A = (T) => {
-    const { width: W, height: ne } = T.getBoundingClientRect(), { top: j, left: te } = w(T);
-    return { top: +j, left: +te, width: W, height: ne };
+    const { width: H, height: ne } = T.getBoundingClientRect(), { top: j, left: te } = w(T);
+    return { top: +j, left: +te, width: H, height: ne };
   }, _ = () => {
     f.value.left = "50%", f.value.top = "50%", f.value.transform = "translate(-50%, -50%)", f.value.position = "fixed", delete f.value.opacity;
   }, O = () => {
     const T = dt(a);
     f.value = o.altPosition(T);
   }, K = (T = !0) => {
-    var W;
+    var H;
     if (!l.value.enabled) {
       if (h.value) return _();
       if (o.altPosition !== null) return O();
       if (T) {
-        const ne = o.teleport ? (W = t.value) == null ? void 0 : W.$el : e.value;
+        const ne = o.teleport ? (H = t.value) == null ? void 0 : H.$el : e.value;
         ne && (d.value = ne.getBoundingClientRect()), r("recalculate-position");
       }
       return le();
     }
-  }, E = ({ inputEl: T, left: W, width: ne }) => {
-    window.screen.width > 768 && !c.value && g(W, ne), q(T);
+  }, E = ({ inputEl: T, left: H, width: ne }) => {
+    window.screen.width > 768 && !c.value && g(H, ne), q(T);
   }, N = (T) => {
-    const { top: W, left: ne, height: j, width: te } = A(T);
-    f.value.top = `${j + W + +o.offset}px`, v.value = !1, c.value || (f.value.left = `${ne + te / 2 - d.value.width / 2}px`), E({ inputEl: T, left: ne, width: te });
+    const { top: H, left: ne, height: j, width: te } = A(T);
+    f.value.top = `${j + H + +o.offset}px`, v.value = !1, c.value || (f.value.left = `${ne + te / 2 - d.value.width / 2}px`), E({ inputEl: T, left: ne, width: te });
   }, ee = (T) => {
-    const { top: W, left: ne, width: j } = A(T);
-    f.value.top = `${W - +o.offset - d.value.height}px`, v.value = !0, E({ inputEl: T, left: ne, width: j });
+    const { top: H, left: ne, width: j } = A(T);
+    f.value.top = `${H - +o.offset - d.value.height}px`, v.value = !0, E({ inputEl: T, left: ne, width: j });
   }, q = (T) => {
     if (o.autoPosition) {
-      const { left: W, width: ne } = A(T), { left: j, right: te } = d.value;
+      const { left: H, width: ne } = A(T), { left: j, right: te } = d.value;
       if (!c.value) {
         if (Math.abs(j) !== Math.abs(te)) {
           if (j <= 0)
-            return c.value = !0, x(W);
+            return c.value = !0, x(H);
           if (te >= document.documentElement.clientWidth)
-            return c.value = !0, M(W, ne);
+            return c.value = !0, M(H, ne);
         }
-        return g(W, ne);
+        return g(H, ne);
       }
     }
   }, b = () => {
@@ -10111,8 +10111,8 @@ const Jm = ({
     if (T) {
       if (o.autoPosition === qt.top) return qt.top;
       if (o.autoPosition === qt.bottom) return qt.bottom;
-      const { height: W } = d.value, { top: ne, height: j } = T.getBoundingClientRect(), te = window.innerHeight - ne - j, L = ne;
-      return W <= te ? qt.bottom : W > te && W <= L ? qt.top : te >= L ? qt.bottom : qt.top;
+      const { height: H } = d.value, { top: ne, height: j } = T.getBoundingClientRect(), te = window.innerHeight - ne - j, L = ne;
+      return H <= te ? qt.bottom : H > te && H <= L ? qt.top : te >= L ? qt.bottom : qt.top;
     }
     return qt.bottom;
   }, U = (T) => b() === qt.bottom ? N(T) : ee(T), le = () => {
@@ -10121,8 +10121,8 @@ const Jm = ({
       return o.autoPosition ? U(T) : N(T);
   }, ve = function(T) {
     if (T) {
-      const W = T.scrollHeight > T.clientHeight, ne = window.getComputedStyle(T).overflowY.indexOf("hidden") !== -1;
-      return W && !ne;
+      const H = T.scrollHeight > T.clientHeight, ne = window.getComputedStyle(T).overflowY.indexOf("hidden") !== -1;
+      return H && !ne;
     }
     return !0;
   }, D = function(T) {
@@ -10147,7 +10147,7 @@ const Jm = ({
     xCorrect: c,
     setMenuPosition: K,
     getScrollableParent: D,
-    shadowRender: (T, W) => {
+    shadowRender: (T, H) => {
       var ne, j, te;
       const L = document.createElement("div"), Q = (ne = dt(a)) == null ? void 0 : ne.getBoundingClientRect();
       L.setAttribute("id", "dp--temp-container");
@@ -10158,7 +10158,7 @@ const Jm = ({
       ) : Object.keys(s), Z = Gl(
         T,
         {
-          ...W,
+          ...H,
           shadow: !0,
           style: { opacity: 0, position: "absolute", ...Y }
         },
@@ -10227,7 +10227,7 @@ const Jm = ({
     l.slot && n.push(l.slot);
   }), n;
 }, En = (e) => {
-  const t = H(() => (n) => e.value ? n ? e.value.open : e.value.close : ""), a = H(() => (n) => e.value ? n ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
+  const t = W(() => (n) => e.value ? n ? e.value.open : e.value.close : ""), a = W(() => (n) => e.value ? n ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: a };
 }, In = (e, t, a) => {
   const { defaultedRange: n, defaultedTz: l } = Xe(e), r = J(Mt(J(), l.value.timezone)), o = B([{ month: Ne(r), year: $e(r) }]), s = (v) => {
@@ -10249,14 +10249,14 @@ const Jm = ({
     },
     { deep: !0 }
   );
-  const d = H({
+  const d = W({
     get: () => e.internalModelValue,
     set: (v) => {
       !e.readonly && !e.disabled && t("update:internal-model-value", v);
     }
-  }), c = H(
+  }), c = W(
     () => (v) => o.value[v] ? o.value[v].month : 0
-  ), f = H(
+  ), f = W(
     () => (v) => o.value[v] ? o.value[v].year : 0
   );
   return mt(
@@ -10345,13 +10345,13 @@ const Jm = ({
       return Qa(u.value, k) || Ea(u.value, V);
     }
     return !1;
-  }, W = (u) => {
+  }, H = (u) => {
     if (Array.isArray(e.value) && e.value.length === 1) {
       const { before: k, after: V } = wo(+i.value.minRange, e.value[0]);
       return Pn([k, V], e.value[0], u.value);
     }
     return !1;
-  }, ne = (u) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? T(u) || W(u) : i.value.maxRange ? T(u) : W(u) : !1, j = (u) => {
+  }, ne = (u) => i.value.enabled && (i.value.maxRange || i.value.minRange) ? i.value.maxRange && i.value.minRange ? T(u) || H(u) : i.value.maxRange ? T(u) : H(u) : !1, j = (u) => {
     const { isRangeStart: k, isRangeEnd: V } = P(u), Ae = i.value.enabled ? k || V : !1;
     return {
       dp__cell_offset: !u.current,
@@ -10424,14 +10424,14 @@ const Jm = ({
   };
 }, Sa = (e) => {
   const { defaultedFilters: t, defaultedRange: a, propDates: n, defaultedMultiDates: l } = Xe(e), r = (D) => n.value.disabledDates ? typeof n.value.disabledDates == "function" ? n.value.disabledDates(J(D)) : !!ol(D, n.value.disabledDates) : !1, o = (D) => n.value.maxDate ? e.yearPicker ? $e(D) > $e(n.value.maxDate) : at(D, n.value.maxDate) : !1, s = (D) => n.value.minDate ? e.yearPicker ? $e(D) < $e(n.value.minDate) : Ze(D, n.value.minDate) : !1, i = (D) => {
-    const $ = o(D), T = s(D), W = r(D), ne = t.value.months.map((P) => +P).includes(Ne(D)), j = e.disabledWeekDays.length ? e.disabledWeekDays.some((P) => +P === oc(D)) : !1, te = h(D), L = $e(D), Q = L < +e.yearRange[0] || L > +e.yearRange[1];
-    return !($ || T || W || ne || Q || j || te);
+    const $ = o(D), T = s(D), H = r(D), ne = t.value.months.map((P) => +P).includes(Ne(D)), j = e.disabledWeekDays.length ? e.disabledWeekDays.some((P) => +P === oc(D)) : !1, te = h(D), L = $e(D), Q = L < +e.yearRange[0] || L > +e.yearRange[1];
+    return !($ || T || H || ne || Q || j || te);
   }, d = (D, $) => Ze(...ga(n.value.minDate, D, $)) || Ve(...ga(n.value.minDate, D, $)), c = (D, $) => at(...ga(n.value.maxDate, D, $)) || Ve(...ga(n.value.maxDate, D, $)), f = (D, $, T) => {
-    let W = !1;
-    return n.value.maxDate && T && c(D, $) && (W = !0), n.value.minDate && !T && d(D, $) && (W = !0), W;
-  }, v = (D, $, T, W) => {
+    let H = !1;
+    return n.value.maxDate && T && c(D, $) && (H = !0), n.value.minDate && !T && d(D, $) && (H = !0), H;
+  }, v = (D, $, T, H) => {
     let ne = !1;
-    return W && (n.value.minDate || n.value.maxDate) ? n.value.minDate && n.value.maxDate ? ne = f(D, $, T) : (n.value.minDate && d(D, $) || n.value.maxDate && c(D, $)) && (ne = !0) : ne = !0, ne;
+    return H && (n.value.minDate || n.value.maxDate) ? n.value.minDate && n.value.maxDate ? ne = f(D, $, T) : (n.value.minDate && d(D, $) || n.value.maxDate && c(D, $)) && (ne = !0) : ne = !0, ne;
   }, h = (D) => Array.isArray(n.value.allowedDates) && !n.value.allowedDates.length ? !0 : n.value.allowedDates ? !ol(D, n.value.allowedDates) : !1, w = (D) => !i(D), M = (D) => a.value.noDisabledRange ? !oi({ start: D[0], end: D[1] }).some(($) => w($)) : !0, x = (D) => {
     if (D) {
       const $ = $e(D);
@@ -10440,7 +10440,7 @@ const Jm = ({
     return !0;
   }, g = (D, $) => !!(Array.isArray(D) && D[$] && (a.value.maxRange || a.value.minRange) && x(D[$])), A = (D, $, T = 0) => {
     if (g($, T) && x(D)) {
-      const W = ni(D, $[T]), ne = Oi($[T], D), j = ne.length === 1 ? 0 : ne.filter((L) => w(L)).length, te = Math.abs(W) - (a.value.minMaxRawRange ? 0 : j);
+      const H = ni(D, $[T]), ne = Oi($[T], D), j = ne.length === 1 ? 0 : ne.filter((L) => w(L)).length, te = Math.abs(H) - (a.value.minMaxRawRange ? 0 : j);
       if (a.value.minRange && a.value.maxRange)
         return te >= +a.value.minRange && te <= +a.value.maxRange;
       if (a.value.minRange) return te >= +a.value.minRange;
@@ -10448,16 +10448,16 @@ const Jm = ({
     }
     return !0;
   }, _ = () => !e.enableTimePicker || e.monthPicker || e.yearPicker || e.ignoreTimeValidation, O = (D) => Array.isArray(D) ? [D[0] ? jl(D[0]) : null, D[1] ? jl(D[1]) : null] : jl(D), K = (D, $, T) => D.find(
-    (W) => +W.hours === ua($) && W.minutes === "*" ? !0 : +W.minutes === xa($) && +W.hours === ua($)
+    (H) => +H.hours === ua($) && H.minutes === "*" ? !0 : +H.minutes === xa($) && +H.hours === ua($)
   ) && T, E = (D, $, T) => {
-    const [W, ne] = D, [j, te] = $;
-    return !K(W, j, T) && !K(ne, te, T) && T;
+    const [H, ne] = D, [j, te] = $;
+    return !K(H, j, T) && !K(ne, te, T) && T;
   }, N = (D, $) => {
     const T = Array.isArray($) ? $ : [$];
-    return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? E(e.disabledTimes, T, D) : !T.some((W) => K(e.disabledTimes, W, D)) : D;
+    return Array.isArray(e.disabledTimes) ? Array.isArray(e.disabledTimes[0]) ? E(e.disabledTimes, T, D) : !T.some((H) => K(e.disabledTimes, H, D)) : D;
   }, ee = (D, $) => {
-    const T = Array.isArray($) ? [Aa($[0]), $[1] ? Aa($[1]) : void 0] : Aa($), W = !e.disabledTimes(T);
-    return D && W;
+    const T = Array.isArray($) ? [Aa($[0]), $[1] ? Aa($[1]) : void 0] : Aa($), H = !e.disabledTimes(T);
+    return D && H;
   }, q = (D, $) => e.disabledTimes ? Array.isArray(e.disabledTimes) ? N($, D) : ee($, D) : $, b = (D) => {
     let $ = !0;
     if (!D || _()) return !0;
@@ -10480,19 +10480,19 @@ const Jm = ({
     let $ = !0;
     const T = J(zt(D));
     if (n.value.minDate && n.value.maxDate) {
-      const W = J(zt(n.value.minDate)), ne = J(zt(n.value.maxDate));
-      return at(T, W) && Ze(T, ne) || Ve(T, W) || Ve(T, ne);
+      const H = J(zt(n.value.minDate)), ne = J(zt(n.value.maxDate));
+      return at(T, H) && Ze(T, ne) || Ve(T, H) || Ve(T, ne);
     }
     if (n.value.minDate) {
-      const W = J(zt(n.value.minDate));
-      $ = at(T, W) || Ve(T, W);
+      const H = J(zt(n.value.minDate));
+      $ = at(T, H) || Ve(T, H);
     }
     if (n.value.maxDate) {
-      const W = J(zt(n.value.maxDate));
-      $ = Ze(T, W) || Ve(T, W);
+      const H = J(zt(n.value.maxDate));
+      $ = Ze(T, H) || Ve(T, H);
     }
     return $;
-  }, le = H(() => (D) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : b(D)), ve = H(() => (D) => e.monthPicker ? Array.isArray(D) && (a.value.enabled || l.value.enabled) ? !D.filter(($) => !U($)).length : U(D) : !0);
+  }, le = W(() => (D) => !e.enableTimePicker || e.ignoreTimeValidation ? !0 : b(D)), ve = W(() => (D) => e.monthPicker ? Array.isArray(D) && (a.value.enabled || l.value.enabled) ? !D.filter(($) => !U($)).length : U(D) : !0);
   return {
     isDisabled: w,
     validateDate: i,
@@ -10504,14 +10504,14 @@ const Jm = ({
     isMonthValid: ve
   };
 }, vl = () => {
-  const e = H(() => (n, l) => n?.includes(l)), t = H(() => (n, l) => n.count ? n.solo ? !0 : l === 0 : !0), a = H(() => (n, l) => n.count ? n.solo ? !0 : l === n.count - 1 : !0);
+  const e = W(() => (n, l) => n?.includes(l)), t = W(() => (n, l) => n.count ? n.solo ? !0 : l === 0 : !0), a = W(() => (n, l) => n.count ? n.solo ? !0 : l === n.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: a };
 }, nv = (e, t, a) => {
   const n = B(0), l = en({
     [Ca.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [Ca.calendar]: !1,
     [Ca.header]: !1
-  }), r = H(() => e.monthPicker || e.timePicker), o = (f) => {
+  }), r = W(() => e.monthPicker || e.timePicker), o = (f) => {
     var v;
     if ((v = e.flow) != null && v.length) {
       if (!f && r.value) return c();
@@ -10573,7 +10573,7 @@ const Jm = ({
       defaultedUI: f,
       getDefaultPattern: v,
       getDefaultStartTime: h
-    } = Xe(l), { checkMinMaxRange: w } = Sa(l), M = B(), x = B(null), g = B(!1), A = B(!1), _ = H(
+    } = Xe(l), { checkMinMaxRange: w } = Sa(l), M = B(), x = B(null), g = B(!1), A = B(!1), _ = W(
       () => ({
         dp__pointer: !l.disabled && !l.readonly && !r.value.enabled,
         dp__disabled: l.disabled,
@@ -10640,7 +10640,7 @@ const Jm = ({
       wa(L, i.value, !0), n("clear");
     }, T = () => {
       n("close");
-    }, W = (L) => {
+    }, H = (L) => {
       if (L.key === "Tab" && U(L), L.key === "Enter" && b(L), L.key === "Escape" && r.value.escClose && T(), !r.value.enabled) {
         if (L.code === "Tab") return;
         L.preventDefault();
@@ -10670,7 +10670,7 @@ const Jm = ({
             onTab: U,
             onClear: $,
             onBlur: D,
-            onKeypress: W,
+            onKeypress: H,
             onPaste: N,
             onFocus: le,
             openMenu: () => L.$emit("open"),
@@ -10698,8 +10698,8 @@ const Jm = ({
             onInput: q,
             onBlur: D,
             onFocus: le,
-            onKeypress: W,
-            onKeydown: Q[0] || (Q[0] = (Z) => W(Z)),
+            onKeypress: H,
+            onKeydown: Q[0] || (Q[0] = (Z) => H(Z)),
             onPaste: N
           }, null, 42, rv)),
           oe("div", {
@@ -10819,7 +10819,7 @@ const Jm = ({
       }
       window?.removeEventListener("keyup", ue), window?.removeEventListener("keydown", Re);
     });
-    const T = Et(r, "all", l.presetDates), W = Et(r, "input");
+    const T = Et(r, "all", l.presetDates), H = Et(r, "input");
     mt(
       [s, i],
       () => {
@@ -10843,7 +10843,7 @@ const Jm = ({
       emitModelValue: u,
       formatInputValue: k,
       checkBeforeEmit: V
-    } = Xf(n, l, v), Ae = H(
+    } = Xf(n, l, v), Ae = W(
       () => ({
         dp__main: !0,
         dp__theme_dark: l.dark,
@@ -10852,10 +10852,10 @@ const Jm = ({
         "dp--flex-display-collapsed": x.value,
         dp__flex_display_with_input: q.value.input
       })
-    ), R = H(() => l.dark ? "dp__theme_dark" : "dp__theme_light"), Pe = H(() => l.teleport ? {
+    ), R = W(() => l.dark ? "dp__theme_dark" : "dp__theme_light"), Pe = W(() => l.teleport ? {
       to: typeof l.teleport == "boolean" ? "body" : l.teleport,
       disabled: !l.teleport || q.value.enabled
-    } : {}), G = H(() => ({ class: "dp__outer_menu_wrap" })), de = H(() => q.value.enabled && (l.timePicker || l.monthPicker || l.yearPicker || l.quarterPicker)), p = () => {
+    } : {}), G = W(() => ({ class: "dp__outer_menu_wrap" })), de = W(() => q.value.enabled && (l.timePicker || l.monthPicker || l.yearPicker || l.quarterPicker)), p = () => {
       var X, ce;
       return ((ce = (X = f.value) == null ? void 0 : X.$el) == null ? void 0 : ce.getBoundingClientRect()) ?? { width: 0, left: 0, right: 0 };
     }, se = () => {
@@ -10970,7 +10970,7 @@ const Jm = ({
         onRealBlur: ce[1] || (ce[1] = (ye) => v.value = !1),
         onTextInput: ce[2] || (ce[2] = (ye) => X.$emit("text-input", ye))
       }), it({ _: 2 }, [
-        Ye(m(W), (ye, Xt) => ({
+        Ye(m(H), (ye, Xt) => ({
           name: ye,
           fn: he((Yt) => [
             re(X.$slots, ye, ct(St(Yt)))
@@ -11105,7 +11105,7 @@ const hv = { class: "date-picker" }, yv = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, n = t, l = Io(), r = Object.keys(a.schema).length ? It(a.schema) : null, o = H(() => {
+    const a = e, n = t, l = Io(), r = Object.keys(a.schema).length ? It(a.schema) : null, o = W(() => {
       const { class: i, ...d } = l;
       return d;
     }), s = (i) => {
@@ -12190,7 +12190,7 @@ function hp(e) {
   }
   function x(b) {
     b.preventDefault(), v(b), c.value = [];
-    var U = t.value, le = U.getFilesFromEvent, ve = U.noDragEventsBubbling, D = U.accept, $ = U.minSize, T = U.maxSize, W = U.multiple, ne = U.maxFiles, j = U.onDrop, te = U.onDropRejected, L = U.onDropAccepted;
+    var U = t.value, le = U.getFilesFromEvent, ve = U.noDragEventsBubbling, D = U.accept, $ = U.minSize, T = U.maxSize, H = U.multiple, ne = U.maxFiles, j = U.onDrop, te = U.onDropRejected, L = U.onDropAccepted;
     if (Wn(b)) {
       if (!le)
         return;
@@ -12207,7 +12207,7 @@ function hp(e) {
               });
               Y.push({ file: z, errors: Pe });
             }
-          }), (!W && P.length > 1 || W && ne >= 1 && P.length > ne) && (P.forEach(function(z) {
+          }), (!H && P.length > 1 || H && ne >= 1 && P.length > ne) && (P.forEach(function(z) {
             Y.push({ file: z, errors: [dp] });
           }), P.splice(0)), l.acceptedFiles = P, l.fileRejections = Y, j && j(P, Y, b), Y.length > 0 && te && te(Y, b), P.length > 0 && L && L(P, b);
         }
@@ -12223,8 +12223,8 @@ function hp(e) {
     return t.value.noDrag ? void 0 : g(b);
   }, O = function(b) {
     b === void 0 && (b = {});
-    var U = b.onFocus, le = b.onBlur, ve = b.onClick, D = b.onDragEnter, $ = b.onDragenter, T = b.onDragOver, W = b.onDragover, ne = b.onDragLeave, j = b.onDragleave, te = b.onDrop, L = Po(b, ["onFocus", "onBlur", "onClick", "onDragEnter", "onDragenter", "onDragOver", "onDragover", "onDragLeave", "onDragleave", "onDrop"]);
-    return Ot(Ot({ onFocus: A(na(U, s)), onBlur: A(na(le, i)), onClick: g(na(ve, d)), onDragenter: _(na(D, $, h)), onDragover: _(na(T, W, w)), onDragleave: _(na(ne, j, M)), onDrop: _(na(te, x)), ref: a }, !t.value.disabled && !t.value.noKeyboard ? { tabIndex: 0 } : {}), L);
+    var U = b.onFocus, le = b.onBlur, ve = b.onClick, D = b.onDragEnter, $ = b.onDragenter, T = b.onDragOver, H = b.onDragover, ne = b.onDragLeave, j = b.onDragleave, te = b.onDrop, L = Po(b, ["onFocus", "onBlur", "onClick", "onDragEnter", "onDragenter", "onDragOver", "onDragover", "onDragLeave", "onDragleave", "onDrop"]);
+    return Ot(Ot({ onFocus: A(na(U, s)), onBlur: A(na(le, i)), onClick: g(na(ve, d)), onDragenter: _(na(D, $, h)), onDragover: _(na(T, H, w)), onDragleave: _(na(ne, j, M)), onDrop: _(na(te, x)), ref: a }, !t.value.disabled && !t.value.noKeyboard ? { tabIndex: 0 } : {}), L);
   }, K = function(b) {
     b.stopPropagation();
   };
@@ -12243,9 +12243,9 @@ function hp(e) {
     };
     return Ot(Ot({}, D), ve);
   }
-  var N = H(function() {
+  var N = W(function() {
     return l.draggedFiles ? l.draggedFiles.length : 0;
-  }), ee = H(function() {
+  }), ee = W(function() {
     return N.value > 0 && vp({
       files: l.draggedFiles,
       accept: t.value.accept,
@@ -12254,10 +12254,10 @@ function hp(e) {
       multiple: t.value.multiple,
       maxFiles: t.value.maxFiles
     });
-  }), q = H(function() {
+  }), q = W(function() {
     return N.value > 0 && !ee.value;
   });
-  return Ot(Ot({}, Eo(l)), { isDragAccept: ee, isDragReject: q, isFocused: H(function() {
+  return Ot(Ot({}, Eo(l)), { isDragAccept: ee, isDragReject: q, isFocused: W(function() {
     return l.isFocused && !t.value.disabled;
   }), getRootProps: O, getInputProps: E, rootRef: a, inputRef: n, open: g(r) });
 }
@@ -12509,7 +12509,7 @@ const yp = ["for"], gp = ["id", "disabled", "placeholder", "type"], bp = {
   },
   emits: ["on:filesUpdate"],
   setup(e, { expose: t, emit: a }) {
-    const n = e, l = a, r = B(), o = B([]), s = H(
+    const n = e, l = a, r = B(), o = B([]), s = W(
       () => `dropzone ${M.value ? "focused" : ""} ${h.value || o.value.length && !r.value ? "accepted" : ""} ${w.value || r.value ? "rejected" : ""}`
     ), i = (g, A) => {
       if (!n.multiple || n.mode === "update")
@@ -12648,7 +12648,7 @@ const yp = ["for"], gp = ["id", "disabled", "placeholder", "type"], bp = {
     }
   },
   setup(e, { emit: t }) {
-    const a = e, n = t, l = [
+    const a = e, n = t, l = W(() => [
       {
         id: "submit",
         label: a.submitLabel,
@@ -12660,13 +12660,13 @@ const yp = ["for"], gp = ["id", "disabled", "placeholder", "type"], bp = {
         severity: "secondary",
         variant: "outlined"
       }
-    ], r = H(() => {
+    ]), r = W(() => {
       if (!a.actions.length)
-        return l;
+        return l.value;
       const s = /* @__PURE__ */ new Map();
       for (const i of a.actions)
         s.set(String(i?.id ?? i?.label ?? ""), i);
-      for (const i of l)
+      for (const i of l.value)
         if (s.get(i.id || i.label || "")) {
           const d = s.get(
             i.id || i.label || ""
@@ -13214,7 +13214,7 @@ const yp = ["for"], gp = ["id", "disabled", "placeholder", "type"], bp = {
     dl(l, (f) => {
       o.value = !1;
     });
-    const s = Object.keys(a.schema).length ? It(a.schema) : null, i = H(() => a.suggestions.filter(
+    const s = Object.keys(a.schema).length ? It(a.schema) : null, i = W(() => a.suggestions.filter(
       (f) => f.value.toLowerCase().includes(r.value.toLowerCase())
     )), d = (f) => {
       r.value = f, i.value?.length && (o.value = !0), n("update:modelValue", f);