@namba_one/ui-kit-2 1.0.229 → 1.0.230

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Dv = Object.defineProperty;
 var Iv = (n, e, t) => e in n ? Dv(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var Te = (n, e, t) => Iv(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as ce, useCssModule as sn, computed as L, createBlock as te, openBlock as v, resolveDynamicComponent as wr, mergeProps as tt, withCtx as A, renderSlot as se, createElementBlock as M, normalizeClass as y, normalizeStyle as He, createElementVNode as U, createCommentVNode as z, createVNode as j, unref as p, useTemplateRef as co, watch as Ze, ref as W, withDirectives as cn, vShow as Lr, h as Fo, Transition as fn, useSlots as Yr, toHandlers as Hi, onMounted as ft, useModel as at, mergeModels as lt, createTextVNode as ye, toDisplayString as me, withModifiers as Fn, resolveComponent as vs, TransitionGroup as lu, Fragment as $e, renderList as Pe, provide as Zo, useId as uu, onBeforeUnmount as oa, Teleport as cu, inject as ji, isRef as mr, onUnmounted as kr, readonly as Pv, toRef as cr, nextTick as vt, getCurrentScope as Wh, onScopeDispose as qh, getCurrentInstance as Gh, vModelText as ia, reactive as Vi, createSlots as Yt, normalizeProps as Ht, guardReactiveProps as un, render as Dd, useAttrs as Lv, toValue as Rv, onBeforeUpdate as Fv, withKeys as Nv, resolveDirective as zv, vModelDynamic as Hv } from "vue";
+import { defineComponent as ce, useCssModule as sn, computed as L, createBlock as te, openBlock as v, resolveDynamicComponent as wr, mergeProps as tt, withCtx as A, renderSlot as se, createElementBlock as M, normalizeClass as y, normalizeStyle as He, createElementVNode as U, createCommentVNode as z, createVNode as j, unref as p, useTemplateRef as co, watch as Ze, ref as W, withDirectives as cn, vShow as Lr, h as Fo, Transition as fn, useSlots as Yr, toHandlers as Hi, onMounted as ft, useModel as at, mergeModels as lt, createTextVNode as ye, toDisplayString as me, withModifiers as Fn, resolveComponent as vs, TransitionGroup as lu, Fragment as $e, renderList as Pe, provide as Zo, useId as uu, onBeforeUnmount as oa, Teleport as cu, inject as ji, isRef as mr, onUnmounted as kr, readonly as Pv, toRef as cr, nextTick as bt, getCurrentScope as Wh, onScopeDispose as qh, getCurrentInstance as Gh, vModelText as ia, reactive as Vi, createSlots as Yt, normalizeProps as Ht, guardReactiveProps as un, render as Dd, useAttrs as Lv, toValue as Rv, onBeforeUpdate as Fv, withKeys as Nv, resolveDirective as zv, vModelDynamic as Hv } from "vue";
 const jv = /* @__PURE__ */ ce({
   __name: "TheText",
   props: {
@@ -7330,7 +7330,7 @@ const Cw = {
       l.style.height = "0", l.style.opacity = "0", l.style.overflow = "hidden";
     }, o = async (a, l) => {
       const u = a;
-      await vt(), u.style.transition = "height 0.3s ease, opacity 0.3s ease", u.style.height = u.scrollHeight + "px", u.style.opacity = "1", t(u, () => {
+      await bt(), u.style.transition = "height 0.3s ease, opacity 0.3s ease", u.style.height = u.scrollHeight + "px", u.style.opacity = "1", t(u, () => {
         u.style.transition = "", u.style.height = "auto", l();
       });
     }, i = (a) => {
@@ -8412,7 +8412,7 @@ const d_ = /* @__PURE__ */ ce({
       vertical: void 0
     });
     function s() {
-      const m = r_({
+      const f = r_({
         parent: n.parentElement,
         element: e.value,
         startHorizontalAlign: n.horizontalAlign,
@@ -8421,38 +8421,41 @@ const d_ = /* @__PURE__ */ ce({
         verticalOffset: Number(n.verticalOffset),
         isCenterByParent: n.isCenterByParent
       });
-      m && (o.value = m.styles, i.value = m.align);
+      f && (o.value = f.styles, i.value = f.align);
     }
     function a() {
       t();
     }
-    function l(m) {
-      m.key === "Escape" && t();
+    function l(f) {
+      f.key === "Escape" && t();
     }
     const u = L(() => c(n.parentElement));
-    function c(m) {
-      return m ? m instanceof HTMLElement && (m.scrollHeight > m.clientHeight || m.scrollWidth > m.clientWidth) ? m : c(m.parentNode) : null;
-    }
-    const d = (m) => {
-      console.log(m), vt(s);
-    }, h = new ResizeObserver(d);
+    function c(f) {
+      return f ? f instanceof HTMLElement && (f.scrollHeight > f.clientHeight || f.scrollWidth > f.clientWidth) ? f : c(f.parentNode) : null;
+    }
+    let d;
+    const h = () => {
+      clearTimeout(d), d = setTimeout(() => {
+        s();
+      }, 10);
+    }, m = new ResizeObserver(h);
     return kr(() => {
-      var m;
-      window.removeEventListener("resize", s), window.removeEventListener("scroll", a), document.removeEventListener("keydown", l), (m = u.value) == null || m.removeEventListener("scroll", a), h.disconnect();
+      var f;
+      window.removeEventListener("resize", s), window.removeEventListener("scroll", a), document.removeEventListener("keydown", l), (f = u.value) == null || f.removeEventListener("scroll", a), m.disconnect();
     }), ft(() => {
-      var m, f;
-      n.isStretchToParent && (r.value.width = `${(m = n.parentElement) == null ? void 0 : m.clientWidth}px`), n.isCloseOnScrollParent && ((f = u.value) == null || f.addEventListener("scroll", a, {
+      var f, g;
+      n.isStretchToParent && (r.value.width = `${(f = n.parentElement) == null ? void 0 : f.clientWidth}px`), n.isCloseOnScrollParent && ((g = u.value) == null || g.addEventListener("scroll", a, {
         passive: !0
       })), window.addEventListener("scroll", a, {
         passive: !0
-      }), document.addEventListener("keydown", l, { passive: !0 }), window.addEventListener("resize", s), vt(s), h.observe(e.value);
-    }), (m, f) => (v(), M("div", {
+      }), document.addEventListener("keydown", l, { passive: !0 }), window.addEventListener("resize", s), bt(s), m.observe(e.value);
+    }), (f, g) => (v(), M("div", {
       ref_key: "fixedElementRef",
       ref: e,
-      class: y(m.$style.root),
+      class: y(f.$style.root),
       style: He({ ...o.value, ...r.value })
     }, [
-      se(m.$slots, "default", { align: i.value })
+      se(f.$slots, "default", { align: i.value })
     ], 6));
   }
 }), h_ = "Wrapper__root_0f67c", p_ = {
@@ -8566,7 +8569,7 @@ const d_ = /* @__PURE__ */ ce({
     ), Ze(a, (d) => {
       t.value = d, d || r("close");
     }), Ze(t, (d) => {
-      d && vt(() => {
+      d && bt(() => {
         const h = i.value, m = document.querySelectorAll(
           '[data-select-base-is-active-item = "true"]'
         )[0];
@@ -10526,7 +10529,7 @@ const lC = {
       }), r.value.style.height = `${P}px`, r.value.style.width = `${J}px`;
     }
     function E() {
-      vt(() => {
+      bt(() => {
         const [w, P, J] = o.value.sort(V), ie = _("0");
         if ($(ie, "main"), P) {
           const C = I({
@@ -10544,7 +10547,7 @@ const lC = {
             translateY: "-30%",
             index: 2
           });
-          $(C, "third"), vt(() => {
+          $(C, "third"), bt(() => {
             var x;
             const k = (x = r.value) == null ? void 0 : x.querySelector(
               ".toaster-leave-active"
@@ -13978,7 +13981,7 @@ const pn = (n, e) => e ? new Date(n.toLocaleString("en-US", { timeZone: e })) :
 };
 var Dn = /* @__PURE__ */ ((n) => (n.month = "month", n.year = "year", n))(Dn || {}), In = /* @__PURE__ */ ((n) => (n.top = "top", n.bottom = "bottom", n))(In || {}), oo = /* @__PURE__ */ ((n) => (n.header = "header", n.calendar = "calendar", n.timePicker = "timePicker", n))(oo || {}), Kt = /* @__PURE__ */ ((n) => (n.month = "month", n.year = "year", n.calendar = "calendar", n.time = "time", n.minutes = "minutes", n.hours = "hours", n.seconds = "seconds", n))(Kt || {});
 const HE = ["timestamp", "date", "iso"];
-var tn = /* @__PURE__ */ ((n) => (n.up = "up", n.down = "down", n.left = "left", n.right = "right", n))(tn || {}), bt = /* @__PURE__ */ ((n) => (n.arrowUp = "ArrowUp", n.arrowDown = "ArrowDown", n.arrowLeft = "ArrowLeft", n.arrowRight = "ArrowRight", n.enter = "Enter", n.space = " ", n.esc = "Escape", n.tab = "Tab", n.home = "Home", n.end = "End", n.pageUp = "PageUp", n.pageDown = "PageDown", n))(bt || {}), Po = /* @__PURE__ */ ((n) => (n.MONTH_AND_YEAR = "MM-yyyy", n.YEAR = "yyyy", n.DATE = "dd-MM-yyyy", n))(Po || {});
+var tn = /* @__PURE__ */ ((n) => (n.up = "up", n.down = "down", n.left = "left", n.right = "right", n))(tn || {}), gt = /* @__PURE__ */ ((n) => (n.arrowUp = "ArrowUp", n.arrowDown = "ArrowDown", n.arrowLeft = "ArrowLeft", n.arrowRight = "ArrowRight", n.enter = "Enter", n.space = " ", n.esc = "Escape", n.tab = "Tab", n.home = "Home", n.end = "End", n.pageUp = "PageUp", n.pageDown = "PageDown", n))(gt || {}), Po = /* @__PURE__ */ ((n) => (n.MONTH_AND_YEAR = "MM-yyyy", n.YEAR = "yyyy", n.DATE = "dd-MM-yyyy", n))(Po || {});
 function fh(n) {
   return (e) => {
     const t = new Intl.DateTimeFormat(n, {
@@ -14091,7 +14094,7 @@ function GE(n, e) {
     return t[r + (e ? -1 : 1)];
 }
 const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e}"]`), bf = (n, e) => new Intl.NumberFormat(e, { useGrouping: !1, style: "decimal" }).format(n), zu = (n, e) => er(n, e ?? Po.DATE), ll = (n) => Array.isArray(n), qs = (n, e, t) => e.get(zu(n, t)), KE = (n, e) => n ? e ? e instanceof Map ? !!qs(n, e) : e(pe(n)) : !1 : !0, rn = (n, e, t = !1, r) => {
-  if (n.key === bt.enter || n.key === bt.space)
+  if (n.key === gt.enter || n.key === gt.space)
     return t && n.preventDefault(), e();
   if (r) return r(n);
 }, XE = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, yf = (n, e) => n ? Po.MONTH_AND_YEAR : e ? Po.YEAR : Po.DATE, wf = (n) => n < 10 ? `0${n}` : n, gh = (n, e, t, r, o, i) => {
@@ -14240,7 +14243,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     setMenuFocused: n,
     setShiftKey: e
   };
-}, gt = Vi({
+}, vt = Vi({
   monthYear: [],
   calendar: [],
   time: [],
@@ -14252,12 +14255,12 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   },
   monthPicker: []
 }), pl = W(null), ds = W(!1), fl = W(!1), ml = W(!1), vl = W(!1), Gt = W(0), Ot = W(0), Ur = () => {
-  const n = L(() => ds.value ? [...gt.selectionGrid, gt.actionRow].filter((d) => d.length) : fl.value ? [
-    ...gt.timePicker[0],
-    ...gt.timePicker[1],
+  const n = L(() => ds.value ? [...vt.selectionGrid, vt.actionRow].filter((d) => d.length) : fl.value ? [
+    ...vt.timePicker[0],
+    ...vt.timePicker[1],
     vl.value ? [] : [pl.value],
-    gt.actionRow
-  ].filter((d) => d.length) : ml.value ? [...gt.monthPicker, gt.actionRow] : [gt.monthYear, ...gt.calendar, gt.time, gt.actionRow].filter((d) => d.length)), e = (d) => {
+    vt.actionRow
+  ].filter((d) => d.length) : ml.value ? [...vt.monthPicker, vt.actionRow] : [vt.monthYear, ...vt.calendar, vt.time, vt.actionRow].filter((d) => d.length)), e = (d) => {
     Gt.value = d ? Gt.value + 1 : Gt.value - 1;
     let h = null;
     n.value[Ot.value] && (h = n.value[Ot.value][Gt.value]), !h && n.value[Ot.value + (d ? 1 : -1)] ? (Ot.value = Ot.value + (d ? 1 : -1), Gt.value = d ? 0 : n.value[Ot.value].length - 1) : h || (Gt.value = d ? Gt.value - 1 : Gt.value + 1);
@@ -14275,9 +14278,9 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   }, a = () => {
     t(!0), r(!0);
   }, l = (d, h) => {
-    gt[h] = d;
+    vt[h] = d;
   }, u = (d, h) => {
-    gt[h] = d;
+    vt[h] = d;
   }, c = () => {
     Gt.value = 0, Ot.value = 0;
   };
@@ -14288,25 +14291,25 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       pl.value = d;
     },
     setSelectionGrid: (d) => {
-      ds.value = d, c(), d || (gt.selectionGrid = []);
+      ds.value = d, c(), d || (vt.selectionGrid = []);
     },
     setTimePicker: (d, h = !1) => {
-      fl.value = d, vl.value = h, c(), d || (gt.timePicker[0] = [], gt.timePicker[1] = []);
+      fl.value = d, vl.value = h, c(), d || (vt.timePicker[0] = [], vt.timePicker[1] = []);
     },
     setTimePickerElements: (d, h = 0) => {
-      gt.timePicker[h] = d;
+      vt.timePicker[h] = d;
     },
     arrowRight: o,
     arrowLeft: i,
     arrowUp: s,
     arrowDown: a,
     clearArrowNav: () => {
-      gt.monthYear = [], gt.calendar = [], gt.time = [], gt.actionRow = [], gt.selectionGrid = [], gt.timePicker[0] = [], gt.timePicker[1] = [], ds.value = !1, fl.value = !1, vl.value = !1, ml.value = !1, c(), pl.value = null;
+      vt.monthYear = [], vt.calendar = [], vt.time = [], vt.actionRow = [], vt.selectionGrid = [], vt.timePicker[0] = [], vt.timePicker[1] = [], ds.value = !1, fl.value = !1, vl.value = !1, ml.value = !1, c(), pl.value = null;
     },
     setMonthPicker: (d) => {
       ml.value = d, c();
     },
-    refSets: gt
+    refSets: vt
     // exposed for testing
   };
 }, wh = (n) => ({
@@ -14940,7 +14943,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     Fv(() => {
       f.value = null;
     }), ft(() => {
-      vt().then(() => J()), a.noOverlayFocus || R(), N(!0);
+      bt().then(() => J()), a.noOverlayFocus || R(), N(!0);
     }), kr(() => N(!1));
     const N = (D) => {
       var K;
@@ -14981,7 +14984,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       { deep: !0 }
     );
     const J = (D = !0) => {
-      vt().then(() => {
+      bt().then(() => {
         const K = Rt(f), ne = Rt(g), ue = Rt(E), b = Rt(G), Z = ue ? ue.getBoundingClientRect().height : 0;
         ne && (ne.getBoundingClientRect().height ? O.value = ne.getBoundingClientRect().height - Z : O.value = c.value.modeHeight - Z), K && b && D && (b.scrollTop = K.offsetTop - b.offsetTop - (O.value / 2 - K.getBoundingClientRect().height) - Z);
       });
@@ -15011,22 +15014,22 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       }
     }, q = (D) => {
       switch (D.key) {
-        case bt.esc:
+        case gt.esc:
           return k(D);
-        case bt.arrowLeft:
+        case gt.arrowLeft:
           return H(D);
-        case bt.arrowRight:
+        case gt.arrowRight:
           return H(D);
-        case bt.arrowUp:
+        case gt.arrowUp:
           return H(D);
-        case bt.arrowDown:
+        case gt.arrowDown:
           return H(D);
         default:
           return;
       }
     }, fe = (D) => {
-      if (D.key === bt.enter) return C();
-      if (D.key === bt.tab) return re();
+      if (D.key === gt.enter) return C();
+      if (D.key === gt.tab) return re();
     };
     return e({ focusGrid: R }), (D, K) => {
       var ne;
@@ -15455,7 +15458,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     m.value = hr(ue, K, f.value(ne)), e("auto-apply"), e("update-flow-step");
   }, Y = (K, ne) => {
     const ue = F(K, ne);
-    s.value.fixedEnd || s.value.fixedStart ? m.value = Of(ue, m, e, s) : m.value ? O(ue, m.value) && (m.value = Vu(m, F(K, ne), e)) : m.value = [F(K, ne)], vt().then(() => {
+    s.value.fixedEnd || s.value.fixedStart ? m.value = Of(ue, m, e, s) : m.value ? O(ue, m.value) && (m.value = Vu(m, F(K, ne), e)) : m.value = [F(K, ne)], bt().then(() => {
       ka(m.value, e, n.autoApply, n.modelAuto);
     });
   }, re = (K, ne) => {
@@ -15644,7 +15647,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       var E;
       if (e("update-month-year", { instance: 0, year: T }), s.value.enabled)
         return r.value ? Array.isArray(r.value) && (((E = r.value) == null ? void 0 : E.map((O) => Ve(O))).includes(T) ? r.value = r.value.filter((O) => Ve(O) !== T) : r.value.push(Xn(jt(pe()), T))) : r.value = [Xn(jt(Pi(pe())), T)], e("auto-apply", !0);
-      l.value.enabled ? (r.value = Vu(r, $(T), e), vt().then(() => {
+      l.value.enabled ? (r.value = Vu(r, $(T), e), bt().then(() => {
         ka(r.value, e, n.autoApply, n.modelAuto);
       })) : (r.value = $(T), e("auto-apply"));
     }
@@ -16060,7 +16063,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         Y.push(V(0));
       return Y;
     }), _ = (Y, re = !1, q = "") => {
-      re || r("reset-flow"), R.value = Y, r(Y ? "overlay-opened" : "overlay-closed", Kt.time), o.arrowNavigation && s(Y), vt(() => {
+      re || r("reset-flow"), R.value = Y, r(Y ? "overlay-opened" : "overlay-closed", Kt.time), o.arrowNavigation && s(Y), bt(() => {
         q !== "" && E.value[0] && E.value[0].openChildCmp(q);
       });
     }, w = L(() => ({
@@ -16700,7 +16703,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     const _ = (ee) => ee ? o.vertical ? "vNext" : "next" : o.vertical ? "vPrevious" : "previous", w = (ee, je) => {
       if (o.transitions) {
         const he = jt(hr(pe(), o.month, o.year));
-        E.value = At(jt(hr(pe(), ee, je)), he) ? s.value[_(!0)] : s.value[_(!1)], T.value = !1, vt(() => {
+        E.value = At(jt(hr(pe(), ee, je)), he) ? s.value[_(!0)] : s.value[_(!1)], T.value = !1, bt(() => {
           T.value = !0;
         });
       }
@@ -16721,7 +16724,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       const { width: he, height: ke } = ee.getBoundingClientRect();
       m.value = je.value;
       let S = { left: `${he / 2}px` }, we = -50;
-      if (await vt(), G.value[0]) {
+      if (await bt(), G.value[0]) {
         const { left: _e, width: Ce } = G.value[0].getBoundingClientRect();
         _e < 0 && (S = { left: "0" }, we = 0, N.value.left = `${he / 2}px`), window.innerWidth < _e + Ce && (S = { right: "0" }, we = 0, N.value.left = `${Ce - he / 2}px`);
       }
@@ -17061,7 +17064,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     return rr(Ae), Ce(Ie, qe, le, Se);
   }, ot = (Q) => {
     const de = Nr(pe(Q.value), c.hours, c.minutes, oe());
-    e("date-update", de), E.value.enabled ? ju(de, l, E.value.limit) : l.value = de, r(), vt().then(() => {
+    e("date-update", de), E.value.enabled ? ju(de, l, E.value.limit) : l.value = de, r(), bt().then(() => {
       re();
     });
   }, _t = (Q) => f.value.noDisabledRange ? Cf(o.value[0], Q).some((de) => G(de)) : !1, X = () => {
@@ -17116,7 +17119,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       modelValue: l,
       range: f.value.enabled,
       timezone: de ? void 0 : $.value.timezone
-    }), F(), n.multiCalendars && vt().then(() => q(!0));
+    }), F(), n.multiCalendars && bt().then(() => q(!0));
   }, En = () => {
     const Q = Ru(pe(), $.value);
     !f.value.enabled && !E.value.enabled ? l.value = Q : l.value && Array.isArray(l.value) && l.value[0] ? E.value.enabled ? l.value = [...l.value, Q] : l.value = Mt(Q, l.value[0]) ? [Q, l.value[0]] : [l.value[0], Q] : l.value = [Q], F();
@@ -17691,7 +17694,7 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         if (X === tn.right) return _();
       } else X === tn.left || X === tn.up ? S("handleArrow", tn.left, 0, X === tn.up) : S("handleArrow", tn.right, 0, X === tn.down);
     }, ee = (X) => {
-      l(X.shiftKey), !o.disableMonthYearSelect && X.code === bt.tab && X.target.classList.contains("dp__menu") && u.value.shiftKeyInMenu && (X.preventDefault(), Fr(X, m.value, !0), r("close-picker"));
+      l(X.shiftKey), !o.disableMonthYearSelect && X.code === gt.tab && X.target.classList.contains("dp__menu") && u.value.shiftKeyInMenu && (X.preventDefault(), Fr(X, m.value, !0), r("close-picker"));
     }, je = () => {
       re(), r("time-picker-close");
     }, he = (X) => {
@@ -17715,22 +17718,22 @@ const ql = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
       X.preventDefault(), Re(xe);
     }, ot = (X) => {
       var xe, nt, Bt;
-      if (ee(X), X.key === bt.home || X.key === bt.end)
+      if (ee(X), X.key === gt.home || X.key === gt.end)
         return S(
           "selectWeekDate",
-          X.key === bt.home,
+          X.key === gt.home,
           X.target.getAttribute("id")
         );
-      switch ((X.key === bt.pageUp || X.key === bt.pageDown) && (X.shiftKey ? (S("changeYear", X.key === bt.pageUp), (xe = ql(i.value, "overlay-year")) == null || xe.focus()) : (S("changeMonth", X.key === bt.pageUp), (nt = ql(i.value, X.key === bt.pageUp ? "action-prev" : "action-next")) == null || nt.focus()), X.target.getAttribute("id") && ((Bt = i.value) == null || Bt.focus({ preventScroll: !0 }))), X.key) {
-        case bt.esc:
+      switch ((X.key === gt.pageUp || X.key === gt.pageDown) && (X.shiftKey ? (S("changeYear", X.key === gt.pageUp), (xe = ql(i.value, "overlay-year")) == null || xe.focus()) : (S("changeMonth", X.key === gt.pageUp), (nt = ql(i.value, X.key === gt.pageUp ? "action-prev" : "action-next")) == null || nt.focus()), X.target.getAttribute("id") && ((Bt = i.value) == null || Bt.focus({ preventScroll: !0 }))), X.key) {
+        case gt.esc:
           return be(X);
-        case bt.arrowLeft:
+        case gt.arrowLeft:
           return Ge(X, tn.left);
-        case bt.arrowRight:
+        case gt.arrowRight:
           return Ge(X, tn.right);
-        case bt.arrowUp:
+        case gt.arrowUp:
           return Ge(X, tn.up);
-        case bt.arrowDown:
+        case gt.arrowDown:
           return Ge(X, tn.down);
         default:
           return;
@@ -18372,7 +18375,7 @@ const SS = ({
     }
   }, a = () => {
     var d, h;
-    (d = n.flow) != null && d.length && r.value !== -1 && (r.value += 1, e("flow-step", r.value), c()), ((h = n.flow) == null ? void 0 : h.length) === r.value && vt().then(() => l());
+    (d = n.flow) != null && d.length && r.value !== -1 && (r.value += 1, e("flow-step", r.value), c()), ((h = n.flow) == null ? void 0 : h.length) === r.value && bt().then(() => l());
   }, l = () => {
     r.value = -1;
   }, u = (d, h, ...m) => {
@@ -18478,7 +18481,7 @@ const SS = ({
     }, P = (q, fe) => {
       i.value.enabled && i.value.tabSubmit && !fe && I(q.target.value), i.value.tabSubmit && Gl(g.value) && o.inputValue !== "" ? (r("set-input-date", g.value, !0, !0), g.value = null) : i.value.tabSubmit && o.inputValue === "" && (g.value = null, r("clear", !0));
     }, J = () => {
-      T.value = !0, r("focus"), vt().then(() => {
+      T.value = !0, r("focus"), bt().then(() => {
         var q;
         i.value.enabled && i.value.selectOnFocus && ((q = $.value) == null || q.select());
       });
@@ -18504,7 +18507,7 @@ const SS = ({
     }, Y = (q) => {
       g.value = q;
     }, re = (q) => {
-      q.key === bt.tab && P(q, !0);
+      q.key === gt.tab && P(q, !0);
     };
     return e({
       focusInput: H,
@@ -18659,7 +18662,7 @@ const SS = ({
       defaultedMultiDates: J
     } = kt(o), { menuTransition: ie, showTransition: C } = Ki(V), { isMobile: k } = Pf(w), x = Gh();
     ft(() => {
-      b(o.modelValue), vt().then(() => {
+      b(o.modelValue), bt().then(() => {
         if (!_.value.enabled) {
           const le = D(m.value);
           le == null || le.addEventListener("scroll", _e), window == null || window.addEventListener("resize", Ce);
@@ -18749,7 +18752,7 @@ const SS = ({
         return;
       }
       const rr = Array.isArray(le) ? !le.some((Gr) => !N(Gr)) : N(le), Hn = R(le);
-      rr && Hn ? (T.value = !0, ue.value = le, Se ? (f.value = Ae, xe(), r("text-submit")) : o.autoApply && xn(), vt().then(() => {
+      rr && Hn ? (T.value = !0, ue.value = le, Se ? (f.value = Ae, xe(), r("text-submit")) : o.autoApply && xn(), bt().then(() => {
         T.value = !1;
       })) : r("invalid-date", le);
     }, Me = () => {
@@ -20065,7 +20068,7 @@ const zf = Symbol("ToastService"), l6 = new e$(), t$ = ["id"], n$ = /* @__PURE__
       }), r.value.style.height = `${R}px`, r.value.style.width = `${V}px`;
     }
     function m() {
-      vt(() => {
+      bt(() => {
         const [N, R, V] = o.value.sort(E), I = G("0");
         if (d(I, "main"), R) {
           const _ = O({
@@ -20083,7 +20086,7 @@ const zf = Symbol("ToastService"), l6 = new e$(), t$ = ["id"], n$ = /* @__PURE__
             translateY: "-30%",
             index: 2
           });
-          d(_, "third"), vt(() => {
+          d(_, "third"), bt(() => {
             var P;
             const w = (P = r.value) == null ? void 0 : P.querySelector(
               ".toaster-leave-active"
@@ -35469,7 +35472,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
           (E = s.value) == null || E.blocks.render(JSON.parse(t.value));
           return;
         }
-        (O = s.value) == null || O.render(t.value), await vt(), m(), l.value = await lI({
+        (O = s.value) == null || O.render(t.value), await bt(), m(), l.value = await lI({
           editor: s.value,
           limit: n.maxLength
         });
@@ -36195,7 +36198,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
       T === !1 && (e.value = !1);
     });
     function h(T) {
-      n.list.find((E) => E.id === E.id), i.value.includes(T.id) ? i.value = i.value.filter((E) => E !== T.id) : i.value.push(T.id), vt(() => {
+      n.list.find((E) => E.id === E.id), i.value.includes(T.id) ? i.value = i.value.filter((E) => E !== T.id) : i.value.push(T.id), bt(() => {
         var E;
         (E = s.value) == null || E.focus();
       });
@@ -36592,10 +36595,10 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
     }
     function c() {
       const g = l(e.value);
-      g !== -1 && vt(() => a(g));
+      g !== -1 && bt(() => a(g));
     }
     ft(() => {
-      vt(() => {
+      bt(() => {
         const g = l(e.value);
         g !== -1 && a(g), i.value = !0;
       }), window.addEventListener("resize", c, { passive: !0 });
@@ -36603,7 +36606,7 @@ const k4 = ["id"], _4 = /* @__PURE__ */ ce({
       window.removeEventListener("resize", c);
     }), Ze(e, (g) => {
       const $ = l(g);
-      $ !== -1 && vt(() => a($));
+      $ !== -1 && bt(() => a($));
     });
     const d = L(() => ({
       default: "text-common-base-primary-default",