@oub/fusion 0.2.35 → 0.2.36

package/dist/components/form/button/FusionButton.vue.d.ts

@@ -41,10 +41,11 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {
     focus: boolean;
     hover: boolean;
+    fusionButtonEl: import("vue").Ref<HTMLButtonElement | undefined>;
 }, {
     isDisabled(): boolean;
     isLoading(): boolean;
-    spinnerColourValue(): string;
+    spinnerColourValue(): string | undefined;
     variantTypeClass(): "" | "fusion-button-primary" | "fusion-button-danger";
     variantStyleClass(): "" | "fusion-button-filled" | "fusion-button-outline" | "fusion-button-ghost";
     buttonSizeClass(): "fusion-button-small" | "fusion-button-regular" | "text-label-base";

package/dist/fusion.js

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, useCssVars as Eo, openBlock as v, createElementBlock as k, pushScopeId as Mr, popScopeId as Lr, createElementVNode as D, resolveComponent as Pe, normalizeClass as ne, createBlock as ke, renderSlot as ie, createTextVNode as ut, toDisplayString as fe, createCommentVNode as Q, withDirectives as Qt, withKeys as ye, vModelText as Hr, createVNode as Se, resolveDynamicComponent as Ea, withCtx as Ae, vModelDynamic as Jo, getCurrentScope as Rr, onScopeDispose as qr, unref as b, toRef as ya, readonly as Xo, customRef as Yo, ref as te, watch as ct, h as Er, computed as z, Fragment as Te, renderList as Re, createSlots as tt, withScopeId as Wo, Transition as jt, vShow as ma, reactive as Da, useSlots as Gt, onMounted as it, nextTick as Lt, onUnmounted as Bn, mergeProps as $e, isRef as or, normalizeProps as je, guardReactiveProps as rt, Teleport as Ko, render as ir, withModifiers as He, normalizeStyle as mt, onBeforeUpdate as zo } from "vue";
+import { defineComponent as Ce, useCssVars as Eo, openBlock as v, createElementBlock as k, pushScopeId as Mr, popScopeId as Lr, createElementVNode as D, ref as ee, resolveComponent as Pe, normalizeClass as ne, createBlock as ke, renderSlot as ie, createTextVNode as ut, toDisplayString as fe, createCommentVNode as Q, withDirectives as Qt, withKeys as ye, vModelText as Hr, createVNode as Se, resolveDynamicComponent as Ea, withCtx as Ae, vModelDynamic as Jo, getCurrentScope as Rr, onScopeDispose as qr, unref as b, toRef as ya, readonly as Xo, customRef as Yo, watch as ct, h as Er, computed as z, Fragment as Te, renderList as Re, createSlots as tt, withScopeId as Wo, Transition as jt, vShow as ma, reactive as Da, useSlots as Gt, onMounted as it, nextTick as Lt, onUnmounted as Bn, mergeProps as $e, isRef as or, normalizeProps as je, guardReactiveProps as rt, Teleport as Ko, render as ir, withModifiers as He, normalizeStyle as mt, onBeforeUpdate as zo } from "vue";
 const Fn = Ce({
   name: "FusionLoadingSpinner",
   props: {
@@ -81,7 +81,8 @@ const Xr = /* @__PURE__ */ Le(Fn, [["render", $o], ["__scopeId", "data-v-fa260d7
   data() {
     return {
       focus: !1,
-      hover: !1
+      hover: !1,
+      fusionButtonEl: ee()
     };
   },
   computed: {
@@ -92,8 +93,10 @@ const Xr = /* @__PURE__ */ Le(Fn, [["render", $o], ["__scopeId", "data-v-fa260d7
       return this.loading;
     },
     spinnerColourValue() {
-      const e = getComputedStyle(this.$el);
-      return this.variantStyle === "filled" ? e.getPropertyValue("--colour-icon-body-plain-base") : e.getPropertyValue("--colour-icon-body-primary-base");
+      if (!this.fusionButtonEl)
+        return;
+      const e = getComputedStyle(this.fusionButtonEl);
+      return this.variantStyle === "filled" ? e.getPropertyValue("--colour-icon-body-plain-base") || void 0 : e.getPropertyValue("--colour-icon-body-primary-base");
     },
     variantTypeClass() {
       switch (this.variantType) {
@@ -128,6 +131,9 @@ const Xr = /* @__PURE__ */ Le(Fn, [["render", $o], ["__scopeId", "data-v-fa260d7
       }
     }
   },
+  mounted() {
+    this.fusionButtonEl = this.$refs.fusionButtonEl;
+  },
   methods: {
     onClick() {
       this.$emit("click");
@@ -139,6 +145,7 @@ function ni(e, t, n, r, a, o) {
   const i = Pe("FusionLoadingSpinner");
   return v(), k("button", {
     id: "fusion-btn",
+    ref: "fusionButtonEl",
     disabled: e.isDisabled || e.isLoading,
     class: ne(["fusion-button", [e.variantTypeClass, e.variantStyleClass, e.buttonSizeClass]]),
     "data-test": e.dataTest,
@@ -158,7 +165,7 @@ function ni(e, t, n, r, a, o) {
     ]))
   ], 42, ti);
 }
-const ri = /* @__PURE__ */ Le(ei, [["render", ni], ["__scopeId", "data-v-eed3cbea"]]), oi = Ce({
+const ri = /* @__PURE__ */ Le(ei, [["render", ni], ["__scopeId", "data-v-3deb49da"]]), oi = Ce({
   name: "SVGExclamationTriangle"
 }), ii = {
   width: "20",
@@ -977,7 +984,7 @@ function cl(...e) {
   if (e.length !== 1)
     return ya(...e);
   const t = e[0];
-  return typeof t == "function" ? Xo(Yo(() => ({ get: t, set: ba }))) : te(t);
+  return typeof t == "function" ? Xo(Yo(() => ({ get: t, set: ba }))) : ee(t);
 }
 function va(e) {
   var t;
@@ -1052,7 +1059,7 @@ const fl = /* @__PURE__ */ Ce({
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
-    const r = te();
+    const r = ee();
     return pl(r, (a) => {
       n("trigger", a);
     }, e.options), () => {
@@ -1108,7 +1115,7 @@ function hl(e) {
 }
 const Oa = /* @__PURE__ */ new WeakMap();
 function yl(e, t = !1) {
-  const n = te(t);
+  const n = ee(t);
   let r = null, a;
   ct(cl(e), (l) => {
     const u = tn(Xt(l));
@@ -1145,7 +1152,7 @@ function yl(e, t = !1) {
 }
 function bl() {
   let e = !1;
-  const t = te(!1);
+  const t = ee(!1);
   return (n, r) => {
     if (t.value = r.value, e)
       return;
@@ -6326,9 +6333,9 @@ function kn(e, t, n, r) {
   }), C = pe(n);
   if (isNaN(C.getTime()))
     return /* @__PURE__ */ new Date(NaN);
-  var V = ao(C, Ma(C)), G = {}, ee = hr(s), O;
+  var V = ao(C, Ma(C)), G = {}, te = hr(s), O;
   try {
-    for (ee.s(); !(O = ee.n()).done; ) {
+    for (te.s(); !(O = te.n()).done; ) {
       var g = O.value;
       if (!g.validate(V, q))
         return /* @__PURE__ */ new Date(NaN);
@@ -6336,9 +6343,9 @@ function kn(e, t, n, r) {
       Array.isArray(se) ? (V = se[0], Ud(G, se[1])) : V = se;
     }
   } catch (ue) {
-    ee.e(ue);
+    te.e(ue);
   } finally {
-    ee.f();
+    te.f();
   }
   return V;
 }
@@ -7337,7 +7344,7 @@ const Fp = (e, t, n) => {
     1: []
   },
   monthPicker: []
-}), fn = te(null), Qa = te(!1), vn = te(!1), mn = te(!1), gn = te(!1), at = te(0), Ze = te(0), Rt = () => {
+}), fn = ee(null), Qa = ee(!1), vn = ee(!1), mn = ee(!1), gn = ee(!1), at = ee(0), Ze = ee(0), Rt = () => {
   const e = z(() => Qa.value ? [...qe.selectionGrid, qe.actionRow].filter((f) => f.length) : vn.value ? [
     ...qe.timePicker[0],
     ...qe.timePicker[1],
@@ -7503,7 +7510,7 @@ const Fp = (e, t, n) => {
     getDefaultStartTime: a
   };
 }, nf = (e, t, n) => {
-  const r = te(), { defaultedTextInput: a, getDefaultPattern: o } = Ke(t), i = te(""), l = ya(t, "format");
+  const r = ee(), { defaultedTextInput: a, getDefaultPattern: o } = Ke(t), i = ee(""), l = ya(t, "format");
   ct(r, () => {
     e("internal-model-change", r.value);
   }), ct(l, () => {
@@ -7636,10 +7643,10 @@ const of = ({
   props: i,
   slots: l
 }) => {
-  const u = te({}), c = te(!1), d = te({
+  const u = ee({}), c = ee(!1), d = ee({
     top: "0",
     left: "0"
-  }), f = te(!1), m = ya(i, "teleportCenter");
+  }), f = ee(!1), m = ya(i, "teleportCenter");
   ct(m, () => {
     d.value = JSON.parse(JSON.stringify({})), P();
   });
@@ -7743,7 +7750,7 @@ const of = ({
       s.setAttribute("id", "dp--temp-container");
       const V = (E = r.value) != null && E.clientWidth ? r.value : document.body;
       V.append(s);
-      const G = U(C), ee = Er(
+      const G = U(C), te = Er(
         h,
         {
           ...B,
@@ -7754,7 +7761,7 @@ const of = ({
           Object.keys(l).filter((O) => ["right-sidebar", "left-sidebar"].includes(O)).map((O) => [O, l[O]])
         )
       );
-      ir(ee, s), u.value = (p = ee.el) == null ? void 0 : p.getBoundingClientRect(), ir(null, s), V.removeChild(s);
+      ir(te, s), u.value = (p = te.el) == null ? void 0 : p.getBoundingClientRect(), ir(null, s), V.removeChild(s);
     }
   };
 }, It = [
@@ -7813,7 +7820,7 @@ const of = ({
   const t = z(() => (r) => e.value ? r ? e.value.open : e.value.close : ""), n = z(() => (r) => e.value ? r ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
   return { transitionName: t, showTransition: !!e.value, menuTransition: n };
 }, xa = (e, t) => {
-  const n = J(yt(/* @__PURE__ */ new Date(), e.timezone)), r = te([{ month: Oe(n), year: De(n) }]), a = Da({
+  const n = J(yt(/* @__PURE__ */ new Date(), e.timezone)), r = ee([{ month: Oe(n), year: De(n) }]), a = Da({
     hours: e.range ? [ht(n), ht(n)] : ht(n),
     minutes: e.range ? [Dt(n), Dt(n)] : Dt(n),
     seconds: e.range ? [0, 0] : 0
@@ -7835,7 +7842,7 @@ const of = ({
     year: l
   };
 }, uf = (e, t) => {
-  const { defaultedMultiCalendars: n, defaultedHighlight: r } = Ke(t), { isDisabled: a, matchDate: o } = Zt(t), i = te(null), l = te(J(yt(/* @__PURE__ */ new Date(), t.timezone))), u = (p) => {
+  const { defaultedMultiCalendars: n, defaultedHighlight: r } = Ke(t), { isDisabled: a, matchDate: o } = Zt(t), i = ee(null), l = ee(J(yt(/* @__PURE__ */ new Date(), t.timezone))), u = (p) => {
     !p.current && t.hideOffsetDates || (i.value = p.value);
   }, c = () => {
     i.value = null;
@@ -8028,7 +8035,7 @@ const of = ({
   const e = z(() => (r, a) => r == null ? void 0 : r.includes(a)), t = z(() => (r, a) => r.count ? r.solo ? !0 : a === 0 : !0), n = z(() => (r, a) => r.count ? r.solo ? !0 : a === r.count - 1 : !0);
   return { hideNavigationButtons: e, showLeftIcon: t, showRightIcon: n };
 }, df = (e, t, n) => {
-  const r = te(0), a = Da({
+  const r = ee(0), a = Da({
     [Wt.timePicker]: !e.enableTimePicker || e.timePicker || e.monthPicker,
     [Wt.calendar]: !1,
     [Wt.header]: !1
@@ -8228,7 +8235,7 @@ const of = ({
       defaultedConfig: u,
       getDefaultPattern: c,
       getDefaultStartTime: d
-    } = Ke(a), { checkMinMaxRange: f } = Zt(a), m = te(), A = te(null), S = te(!1), L = te(!1), W = z(
+    } = Ke(a), { checkMinMaxRange: f } = Zt(a), m = ee(), A = ee(null), S = ee(!1), L = ee(!1), W = z(
       () => ({
         dp__pointer: !a.disabled && !a.readonly && !o.value.enabled,
         dp__disabled: a.disabled,
@@ -8392,7 +8399,7 @@ const of = ({
       defaultedTextInput: l,
       defaultedInline: u,
       getDefaultPattern: c
-    } = Ke(r), { isValidTime: d } = Zt(r), { buildMatrix: f } = Rt(), m = te(null), A = te(null);
+    } = Ke(r), { isValidTime: d } = Zt(r), { buildMatrix: f } = Rt(), m = ee(null), A = ee(null);
     it(() => {
       r.arrowNavigation && f([ze(m), ze(A)], "actionRow");
     });
@@ -8525,7 +8532,7 @@ const of = ({
   setup(e, { expose: t, emit: n }) {
     const { setSelectionGrid: r, buildMultiLevelMatrix: a, setMonthPicker: o } = Rt(), i = n, l = e, { defaultedAriaLabels: u, defaultedTextInput: c, defaultedConfig: d } = Ke(
       l
-    ), { hideNavigationButtons: f } = Xa(), m = te(!1), A = te(null), S = te(null), L = te([]), W = te(), F = te(null), I = te(0), Y = te(null);
+    ), { hideNavigationButtons: f } = Xa(), m = ee(!1), A = ee(null), S = ee(null), L = ee([]), W = ee(), F = ee(null), I = ee(0), Y = ee(null);
     zo(() => {
       A.value = null;
     }), it(() => {
@@ -8623,31 +8630,31 @@ const of = ({
             class: ne(["dp__overlay_row", { dp__flex_row: p.items.length >= 3 }]),
             role: "row"
           }, [
-            (v(!0), k(Te, null, Re(V, (ee, O) => (v(), k("div", {
-              key: ee.value,
+            (v(!0), k(Te, null, Re(V, (te, O) => (v(), k("div", {
+              key: te.value,
               ref_for: !0,
-              ref: (g) => h(g, ee, G, O),
+              ref: (g) => h(g, te, G, O),
               role: "gridcell",
               class: ne(ce.value),
-              "aria-selected": ee.active,
-              "aria-disabled": ee.disabled || void 0,
+              "aria-selected": te.active,
+              "aria-disabled": te.disabled || void 0,
               tabindex: "0",
-              onClick: (g) => q(ee),
+              onClick: (g) => q(te),
               onKeydown: [
-                ye(He((g) => q(ee), ["prevent"]), ["enter"]),
-                ye(He((g) => q(ee), ["prevent"]), ["space"])
+                ye(He((g) => q(te), ["prevent"]), ["enter"]),
+                ye(He((g) => q(te), ["prevent"]), ["space"])
               ],
-              onMouseover: (g) => E(ee.value)
+              onMouseover: (g) => E(te.value)
             }, [
               D("div", {
-                class: ne(ee.className)
+                class: ne(te.className)
               }, [
                 p.$slots.item ? ie(p.$slots, "item", {
                   key: 0,
-                  item: ee
+                  item: te
                 }) : Q("", !0),
                 p.$slots.item ? Q("", !0) : (v(), k(Te, { key: 1 }, [
-                  ut(fe(ee.text), 1)
+                  ut(fe(te.text), 1)
                 ], 64))
               ], 2)
             ], 42, kf))), 128))
@@ -8715,7 +8722,7 @@ const of = ({
   },
   emits: ["activate", "set-ref"],
   setup(e, { emit: t }) {
-    const n = t, r = te(null);
+    const n = t, r = ee(null);
     return it(() => n("set-ref", r)), (a, o) => (v(), k("button", {
       ref_key: "elRef",
       ref: r,
@@ -8866,7 +8873,7 @@ const of = ({
   month: i,
   emit: l
 }) => {
-  const u = z(() => er(a.yearRange, a.reverseYears)), c = te([!1]), d = z(() => (P, H) => {
+  const u = z(() => er(a.yearRange, a.reverseYears)), c = ee([!1]), d = z(() => (P, H) => {
     const R = Ee(vt(/* @__PURE__ */ new Date()), {
       month: i.value(P),
       year: o.value(P)
@@ -8919,7 +8926,7 @@ const of = ({
     handleYear: I
   };
 }, Pf = (e, t) => {
-  const { defaultedMultiCalendars: n, defaultedAriaLabels: r, defaultedTransitions: a, defaultedConfig: o, defaultedHighlight: i } = Ke(e), { modelValue: l, year: u, month: c, calendars: d } = xa(e, t), f = z(() => Do(e.formatLocale, e.locale, e.monthNameFormat)), m = te(null), {
+  const { defaultedMultiCalendars: n, defaultedAriaLabels: r, defaultedTransitions: a, defaultedConfig: o, defaultedHighlight: i } = Ke(e), { modelValue: l, year: u, month: c, calendars: d } = xa(e, t), f = z(() => Do(e.formatLocale, e.locale, e.monthNameFormat)), m = ee(null), {
     selectYear: A,
     groupedYears: S,
     showYearPicker: L,
@@ -9101,7 +9108,7 @@ const of = ({
     }, 8, ["multi-calendars"]));
   }
 }), xf = (e, t) => {
-  const { modelValue: n } = xa(e, t), r = te(null), { defaultedHighlight: a } = Ke(e), o = te();
+  const { modelValue: n } = xa(e, t), r = ee(null), { defaultedHighlight: a } = Ke(e), o = ee();
   it(() => {
     e.startDate && (n.value && e.focusStartDate || !n.value) && (o.value = De(J(e.startDate)));
   });
@@ -9205,7 +9212,7 @@ const of = ({
       hours: !1,
       minutes: !1,
       seconds: !1
-    }), S = te("AM"), L = te(null), W = te([]);
+    }), S = ee("AM"), L = ee(null), W = ee([]);
     it(() => {
       r("mounted");
     });
@@ -9267,7 +9274,7 @@ const of = ({
       S.value === "PM" ? (S.value = "AM", r("update:hours", a.hours - 12)) : (S.value = "PM", r("update:hours", a.hours + 12)), r("am-pm-change", S.value);
     }, G = (g) => {
       A[g] = !0;
-    }, ee = (g, se, ue) => {
+    }, te = (g, se, ue) => {
       if (g && a.arrowNavigation) {
         Array.isArray(W.value[se]) ? W.value[se][ue] = g : W.value[se] = [g];
         const X = W.value.reduce(
@@ -9291,7 +9298,7 @@ const of = ({
             ], 64)) : (v(), k(Te, { key: 1 }, [
               D("button", {
                 ref_for: !0,
-                ref: (we) => ee(we, ve, 0),
+                ref: (we) => te(we, ve, 0),
                 type: "button",
                 class: ne({
                   dp__btn: !0,
@@ -9318,7 +9325,7 @@ const of = ({
               ], 42, Of),
               D("button", {
                 ref_for: !0,
-                ref: (we) => ee(we, ve, 1),
+                ref: (we) => te(we, ve, 1),
                 type: "button",
                 "aria-label": (N = b(l)) == null ? void 0 : N.openTpOverlay(X.type),
                 class: ne({
@@ -9347,7 +9354,7 @@ const of = ({
               ], 42, Qf),
               D("button", {
                 ref_for: !0,
-                ref: (we) => ee(we, ve, 2),
+                ref: (we) => te(we, ve, 2),
                 type: "button",
                 class: ne({
                   dp__btn: !0,
@@ -9466,11 +9473,11 @@ const of = ({
     "am-pm-change"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, { buildMatrix: o, setTimePicker: i } = Rt(), l = Gt(), { defaultedTransitions: u, defaultedAriaLabels: c, defaultedTextInput: d, defaultedConfig: f } = Ke(a), { transitionName: m, showTransition: A } = Ta(u), { hideNavigationButtons: S } = Xa(), L = te(null), W = te(null), F = te([]), I = te(null);
+    const r = n, a = e, { buildMatrix: o, setTimePicker: i } = Rt(), l = Gt(), { defaultedTransitions: u, defaultedAriaLabels: c, defaultedTextInput: d, defaultedConfig: f } = Ke(a), { transitionName: m, showTransition: A } = Ta(u), { hideNavigationButtons: S } = Xa(), L = ee(null), W = ee(null), F = ee([]), I = ee(null);
     it(() => {
       r("mount"), !a.timePicker && a.arrowNavigation ? o([ze(L.value)], "time") : i(!0, a.timePicker);
     });
-    const Y = z(() => a.range && a.modelAuto ? Po(a.internalModelValue) : !0), P = te(!1), H = (h) => ({
+    const Y = z(() => a.range && a.modelAuto ? Po(a.internalModelValue) : !0), P = ee(!1), H = (h) => ({
       hours: Array.isArray(a.hours) ? a.hours[h] : a.hours,
       minutes: Array.isArray(a.minutes) ? a.minutes[h] : a.minutes,
       seconds: Array.isArray(a.seconds) ? a.seconds[h] : a.seconds
@@ -9794,7 +9801,7 @@ const of = ({
       defaultedFilters: u,
       defaultedConfig: c,
       defaultedHighlight: d
-    } = Ke(a), { transitionName: f, showTransition: m } = Ta(o), { buildMatrix: A } = Rt(), { handleMonthYearChange: S, isDisabled: L, updateMonthYear: W } = rf(a, r), { showLeftIcon: F, showRightIcon: I } = Xa(), Y = te(!1), P = te(!1), H = te([null, null, null, null]);
+    } = Ke(a), { transitionName: f, showTransition: m } = Ta(o), { buildMatrix: A } = Rt(), { handleMonthYearChange: S, isDisabled: L, updateMonthYear: W } = rf(a, r), { showLeftIcon: F, showRightIcon: I } = Xa(), Y = ee(!1), P = ee(!1), H = ee([null, null, null, null]);
     it(() => {
       r("mount");
     });
@@ -9863,7 +9870,7 @@ const of = ({
       toggleYearPicker: h,
       handleMonthYearChange: S
     }), (s, C) => {
-      var V, G, ee;
+      var V, G, te;
       return v(), k("div", Kf, [
         s.$slots["month-year"] ? ie(s.$slots, "month-year", je($e({ key: 0 }, { month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: b(W), handleMonthYearChange: b(S), instance: e.instance }))) : (v(), k(Te, { key: 1 }, [
           b(F)(b(l), e.instance) && !s.vertical ? (v(), ke(ha, {
@@ -9983,7 +9990,7 @@ const of = ({
             key: 2,
             ref: "rightIcon",
             disabled: b(L)(!0),
-            "aria-label": (ee = b(i)) == null ? void 0 : ee.nextMonth,
+            "aria-label": (te = b(i)) == null ? void 0 : te.nextMonth,
             onActivate: C[3] || (C[3] = (O) => b(S)(!0, !0)),
             onSetRef: C[4] || (C[4] = (O) => T(O, s.disableYearSelect ? 2 : 3))
           }, {
@@ -10037,11 +10044,11 @@ const of = ({
       defaultedAriaLabels: u,
       defaultedMultiCalendars: c,
       defaultedWeekNumbers: d
-    } = Ke(a), f = te(null), m = te({
+    } = Ke(a), f = ee(null), m = ee({
       bottom: "",
       left: "",
       transform: ""
-    }), A = te([]), S = te(null), L = te(!0), W = te(""), F = te({ startX: 0, endX: 0, startY: 0, endY: 0 }), I = te([]), Y = te({ left: "50%" }), P = z(() => a.calendar ? a.calendar(a.mappedDates) : a.mappedDates), H = z(() => a.dayNames ? Array.isArray(a.dayNames) ? a.dayNames : a.dayNames(a.locale, +a.weekStart) : Fp(a.formatLocale, a.locale, +a.weekStart));
+    }), A = ee([]), S = ee(null), L = ee(!0), W = ee(""), F = ee({ startX: 0, endX: 0, startY: 0, endY: 0 }), I = ee([]), Y = ee({ left: "50%" }), P = z(() => a.calendar ? a.calendar(a.mappedDates) : a.mappedDates), H = z(() => a.dayNames ? Array.isArray(a.dayNames) ? a.dayNames : a.dayNames(a.locale, +a.weekStart) : Fp(a.formatLocale, a.locale, +a.weekStart));
     it(() => {
       r("mount", { cmp: "calendar", refs: A }), l.value.noSwipe || S.value && (S.value.addEventListener("touchstart", h, { passive: !1 }), S.value.addEventListener("touchend", B, { passive: !1 }), S.value.addEventListener("touchmove", T, { passive: !1 })), a.monthChangeOnScroll && S.value && S.value.addEventListener("wheel", s, { passive: !1 });
     });
@@ -10104,7 +10111,7 @@ const of = ({
       return d.value.hideOnOffsetDates ? O.some((se) => se.current) ? C(g) : "" : C(g);
     }, G = (O, g) => {
       Nt(O, l.value), r("select-date", g);
-    }, ee = (O) => {
+    }, te = (O) => {
       Nt(O, l.value);
     };
     return t({ triggerTransition: M }), (O, g) => {
@@ -10214,7 +10221,7 @@ const of = ({
                               (ae = de.marker) != null && ae.tooltip ? (v(), k("div", {
                                 key: 0,
                                 class: "dp__tooltip_content",
-                                onClick: ee
+                                onClick: te
                               }, [
                                 (v(!0), k(Te, null, Re(de.marker.tooltip, (Ne, lt) => (v(), k("div", {
                                   key: lt,
@@ -10254,7 +10261,7 @@ const of = ({
     };
   }
 }), Vr = (e) => Array.isArray(e), o0 = (e, t, n, r) => {
-  const a = te([]), { modelValue: o, calendars: i, time: l } = xa(e, t), { defaultedMultiCalendars: u, defaultedStartTime: c } = Ke(e), { validateMonthYearInRange: d, isDisabled: f, isDateRangeAllowed: m, checkMinMaxRange: A } = Zt(e), { updateTimeValues: S, getSetDateTime: L, setTime: W, assignStartTime: F, validateTime: I, disabledTimesConfig: Y } = Ro(e, l, o, r), P = z(
+  const a = ee([]), { modelValue: o, calendars: i, time: l } = xa(e, t), { defaultedMultiCalendars: u, defaultedStartTime: c } = Ke(e), { validateMonthYearInRange: d, isDisabled: f, isDateRangeAllowed: m, checkMinMaxRange: A } = Zt(e), { updateTimeValues: S, getSetDateTime: L, setTime: W, assignStartTime: F, validateTime: I, disabledTimesConfig: Y } = Ro(e, l, o, r), P = z(
     () => (w) => i.value[w] ? i.value[w].month : 0
   ), H = z(
     () => (w) => i.value[w] ? i.value[w].year : 0
@@ -10340,7 +10347,7 @@ const of = ({
     e.monthChangeOnArrows && e.vertical === ge && G(w, K);
   }, G = (w, K) => {
     T(w === "right" ? -1 : 1, K);
-  }, ee = (w) => e.markers.find(
+  }, te = (w) => e.markers.find(
     (K) => Qe(Rp(w.value), yt(J(K.date), e.timezone))
   ), O = (w, K) => {
     switch (e.sixWeeks === !0 ? "append" : e.sixWeeks) {
@@ -10469,7 +10476,7 @@ const of = ({
     disabledTimesConfig: Y,
     validateTime: I,
     getCalendarDays: ue,
-    getMarker: ee,
+    getMarker: te,
     handleScroll: C,
     handleSwipe: G,
     handleArrow: V,
@@ -10528,7 +10535,7 @@ const of = ({
       presetDate: Y,
       selectCurrentDate: P,
       updateTime: H
-    } = o0(a, r, p, s), R = Gt(), { setHoverDate: M, getDayClassData: ce, clearHoverDate: j } = uf(u, a), { defaultedMultiCalendars: y } = Ke(a), x = te([]), q = te([]), $ = te(null), U = st(R, "calendar"), h = st(R, "monthYear"), B = st(R, "timePicker"), T = (V) => {
+    } = o0(a, r, p, s), R = Gt(), { setHoverDate: M, getDayClassData: ce, clearHoverDate: j } = uf(u, a), { defaultedMultiCalendars: y } = Ke(a), x = ee([]), q = ee([]), $ = ee(null), U = st(R, "calendar"), h = st(R, "monthYear"), B = st(R, "timePicker"), T = (V) => {
       a.shadow || r("mount", V);
     };
     ct(
@@ -10542,11 +10549,11 @@ const of = ({
     );
     const E = z(() => (V) => m(i.value(V), l.value(V)).map((G) => ({
       ...G,
-      days: G.days.map((ee) => (ee.marker = A(ee), ee.classData = ce(ee), ee))
+      days: G.days.map((te) => (te.marker = A(te), te.classData = ce(te), te))
     })));
     function p(V) {
       var G;
-      V || V === 0 ? (G = q.value[V]) == null || G.triggerTransition(i.value(V), l.value(V)) : q.value.forEach((ee, O) => ee.triggerTransition(i.value(O), l.value(O)));
+      V || V === 0 ? (G = q.value[V]) == null || G.triggerTransition(i.value(V), l.value(V)) : q.value.forEach((te, O) => te.triggerTransition(i.value(O), l.value(O)));
     }
     function s() {
       r("update-flow-step");
@@ -10558,17 +10565,17 @@ const of = ({
       clearHoverDate: j,
       presetDate: Y,
       selectCurrentDate: P,
-      toggleMonthPicker: (V, G, ee = 0) => {
+      toggleMonthPicker: (V, G, te = 0) => {
         var O;
-        (O = x.value[ee]) == null || O.toggleMonthPicker(V, G);
+        (O = x.value[te]) == null || O.toggleMonthPicker(V, G);
       },
-      toggleYearPicker: (V, G, ee = 0) => {
+      toggleYearPicker: (V, G, te = 0) => {
         var O;
-        (O = x.value[ee]) == null || O.toggleYearPicker(V, G);
+        (O = x.value[te]) == null || O.toggleYearPicker(V, G);
       },
-      toggleTimePicker: (V, G, ee) => {
+      toggleTimePicker: (V, G, te) => {
         var O;
-        (O = $.value) == null || O.toggleTimePicker(V, G, ee);
+        (O = $.value) == null || O.toggleTimePicker(V, G, te);
       },
       handleArrow: S,
       updateMonthYear: I,
@@ -10586,7 +10593,7 @@ const of = ({
       Se(Wa, {
         "multi-calendars": b(y).count
       }, {
-        default: Ae(({ instance: ee, index: O }) => [
+        default: Ae(({ instance: te, index: O }) => [
           V.disableMonthYearSelect ? Q("", !0) : (v(), ke(jf, $e({
             key: 0,
             ref: (g) => {
@@ -10594,13 +10601,13 @@ const of = ({
             },
             months: b(Do)(V.formatLocale, V.locale, V.monthNameFormat),
             years: b(er)(V.yearRange, V.reverseYears),
-            month: b(i)(ee),
-            year: b(l)(ee),
-            instance: ee
+            month: b(i)(te),
+            year: b(l)(te),
+            instance: te
           }, V.$props, {
             onMount: G[0] || (G[0] = (g) => T(b(Wt).header)),
             onResetFlow: G[1] || (G[1] = (g) => V.$emit("reset-flow")),
-            onUpdateMonthYear: (g) => b(I)(ee, g),
+            onUpdateMonthYear: (g) => b(I)(te, g),
             onOverlayClosed: G[2] || (G[2] = (g) => V.$emit("focus-menu"))
           }), tt({ _: 2 }, [
             Re(b(h), (g, se) => ({
@@ -10614,16 +10621,16 @@ const of = ({
             ref: (g) => {
               g && (q.value[O] = g);
             },
-            "mapped-dates": E.value(ee),
-            month: b(i)(ee),
-            year: b(l)(ee),
-            instance: ee
+            "mapped-dates": E.value(te),
+            month: b(i)(te),
+            year: b(l)(te),
+            instance: te
           }, V.$props, {
-            onSelectDate: (g) => b(F)(g, ee !== 1),
-            onHandleSpace: (g) => C(g, ee !== 1),
+            onSelectDate: (g) => b(F)(g, te !== 1),
+            onHandleSpace: (g) => C(g, te !== 1),
             onSetHoverDate: G[3] || (G[3] = (g) => b(M)(g)),
-            onHandleScroll: (g) => b(L)(g, ee),
-            onHandleSwipe: (g) => b(W)(g, ee),
+            onHandleScroll: (g) => b(L)(g, te),
+            onHandleSwipe: (g) => b(W)(g, te),
             onMount: G[4] || (G[4] = (g) => T(b(Wt).calendar)),
             onResetFlow: G[5] || (G[5] = (g) => V.$emit("reset-flow")),
             onTooltipOpen: G[6] || (G[6] = (g) => V.$emit("tooltip-open", g)),
@@ -10651,19 +10658,19 @@ const of = ({
           "internal-model-value": V.internalModelValue,
           "disabled-times-config": b(d),
           "validate-time": b(f),
-          onMount: G[8] || (G[8] = (ee) => T(b(Wt).timePicker)),
-          "onUpdate:hours": G[9] || (G[9] = (ee) => b(H)(ee)),
-          "onUpdate:minutes": G[10] || (G[10] = (ee) => b(H)(ee, !1)),
-          "onUpdate:seconds": G[11] || (G[11] = (ee) => b(H)(ee, !1, !0)),
-          onResetFlow: G[12] || (G[12] = (ee) => V.$emit("reset-flow")),
-          onOverlayClosed: G[13] || (G[13] = (ee) => V.$emit("time-picker-close")),
-          onOverlayOpened: G[14] || (G[14] = (ee) => V.$emit("time-picker-open", ee)),
-          onAmPmChange: G[15] || (G[15] = (ee) => V.$emit("am-pm-change", ee))
+          onMount: G[8] || (G[8] = (te) => T(b(Wt).timePicker)),
+          "onUpdate:hours": G[9] || (G[9] = (te) => b(H)(te)),
+          "onUpdate:minutes": G[10] || (G[10] = (te) => b(H)(te, !1)),
+          "onUpdate:seconds": G[11] || (G[11] = (te) => b(H)(te, !1, !0)),
+          onResetFlow: G[12] || (G[12] = (te) => V.$emit("reset-flow")),
+          onOverlayClosed: G[13] || (G[13] = (te) => V.$emit("time-picker-close")),
+          onOverlayOpened: G[14] || (G[14] = (te) => V.$emit("time-picker-open", te)),
+          onAmPmChange: G[15] || (G[15] = (te) => V.$emit("am-pm-change", te))
         }), tt({ _: 2 }, [
-          Re(b(B), (ee, O) => ({
-            name: ee,
+          Re(b(B), (te, O) => ({
+            name: te,
             fn: Ae((g) => [
-              ie(V.$slots, ee, je(rt(g)))
+              ie(V.$slots, te, je(rt(g)))
             ])
           }))
         ]), 1040, ["hours", "minutes", "seconds", "internal-model-value", "disabled-times-config", "validate-time"]))
@@ -10671,7 +10678,7 @@ const of = ({
     ], 64));
   }
 }), s0 = (e, t) => {
-  const n = te(), { defaultedMultiCalendars: r, defaultedConfig: a, defaultedHighlight: o } = Ke(e), { modelValue: i, year: l, month: u, calendars: c } = xa(e, t), { isDisabled: d } = Zt(e), { selectYear: f, groupedYears: m, showYearPicker: A, isDisabled: S, toggleYearPicker: L, handleYearSelect: W, handleYear: F } = Lo({
+  const n = ee(), { defaultedMultiCalendars: r, defaultedConfig: a, defaultedHighlight: o } = Ke(e), { modelValue: i, year: l, month: u, calendars: c } = xa(e, t), { isDisabled: d } = Zt(e), { selectYear: f, groupedYears: m, showYearPicker: A, isDisabled: S, toggleYearPicker: L, handleYearSelect: W, handleYear: F } = Lo({
     modelValue: i,
     multiCalendars: r,
     highlight: o,
@@ -10886,7 +10893,7 @@ const of = ({
         flowStep: ce.value,
         noOverlayFocus: a.noOverlayFocus
       };
-    }), { setMenuFocused: i, setShiftKey: l, control: u } = Vo(), c = Gt(), { defaultedTextInput: d, defaultedInline: f, defaultedConfig: m } = Ke(a), A = te(null), S = te(0), L = te(null), W = te(null), F = te(!1), I = te(null);
+    }), { setMenuFocused: i, setShiftKey: l, control: u } = Vo(), c = Gt(), { defaultedTextInput: d, defaultedInline: f, defaultedConfig: m } = Ke(a), A = ee(null), S = ee(0), L = ee(null), W = ee(null), F = ee(!1), I = ee(null);
     it(() => {
       if (!a.shadow) {
         F.value = !0, Y(), window.addEventListener("resize", Y);
@@ -10938,7 +10945,7 @@ const of = ({
           return P();
       } else
         N === "left" || N === "up" ? ue("handleArrow", "left", 0, N === "up") : ue("handleArrow", "right", 0, N === "down");
-    }, ee = (N) => {
+    }, te = (N) => {
       l(N.shiftKey), !a.disableMonthYearSelect && N.code === "Tab" && N.target.classList.contains("dp__menu") && u.value.shiftKeyInMenu && (N.preventDefault(), Nt(N, m.value, !0), r("close-picker"));
     }, O = () => {
       $(), r("time-picker-close");
@@ -10980,7 +10987,7 @@ const of = ({
           _[19] || (_[19] = ye(He((ae) => G("up"), ["prevent"]), ["up"])),
           _[20] || (_[20] = ye(He((ae) => G("down"), ["prevent"]), ["down"])),
           _[21] || (_[21] = ye(He((ae) => G("right"), ["prevent"]), ["right"])),
-          ee
+          te
         ]
       }, [
         (N.disabled || N.readonly) && b(f).enabled ? (v(), k("div", {
@@ -11150,7 +11157,7 @@ const of = ({
     "invalid-date"
   ],
   setup(e, { expose: t, emit: n }) {
-    const r = n, a = e, o = Gt(), i = te(!1), l = ya(a, "modelValue"), u = ya(a, "timezone"), c = te(null), d = te(null), f = te(null), m = te(!1), A = te(null), S = te(!1), { setMenuFocused: L, setShiftKey: W } = Vo(), { clearArrowNav: F } = Rt(), { mapDatesArrToMap: I, validateDate: Y, isValidTime: P } = Zt(a), { defaultedTransitions: H, defaultedTextInput: R, defaultedInline: M, defaultedConfig: ce } = Ke(a), { menuTransition: j, showTransition: y } = Ta(H);
+    const r = n, a = e, o = Gt(), i = ee(!1), l = ya(a, "modelValue"), u = ya(a, "timezone"), c = ee(null), d = ee(null), f = ee(null), m = ee(!1), A = ee(null), S = ee(!1), { setMenuFocused: L, setShiftKey: W } = Vo(), { clearArrowNav: F } = Rt(), { mapDatesArrToMap: I, validateDate: Y, isValidTime: P } = Zt(a), { defaultedTransitions: H, defaultedTextInput: R, defaultedInline: M, defaultedConfig: ce } = Ke(a), { menuTransition: j, showTransition: y } = Ta(H);
     it(() => {
       V(a.modelValue), Lt().then(() => {
         M.value.enabled || (E(A.value).addEventListener("scroll", ve), window.addEventListener("resize", de));
@@ -11186,7 +11193,7 @@ const of = ({
       internalModelValue: C,
       parseExternalModelValue: V,
       emitModelValue: G,
-      formatInputValue: ee,
+      formatInputValue: te,
       checkBeforeEmit: O
     } = nf(r, a, m), g = z(
       () => ({
@@ -11237,7 +11244,7 @@ const of = ({
     }, Fa = () => i.value ? dt() : _(), Ga = (Z) => {
       C.value = Z;
     }, Za = () => {
-      R.value.enabled && (m.value = !0, ee()), r("focus");
+      R.value.enabled && (m.value = !0, te()), r("focus");
     }, _a = () => {
       if (R.value.enabled && (m.value = !1, V(a.modelValue), S.value)) {
         const Z = Mp(A.value);
@@ -11261,7 +11268,7 @@ const of = ({
       clearValue: we,
       openMenu: _,
       onScroll: ve,
-      formatInputValue: ee,
+      formatInputValue: te,
       // exposed for testing purposes
       updateInternalModelValue: Ga,
       // modify internal modelValue