bitboss-ui 0.2.31 → 0.2.32

package/dist/index15.js

@@ -1,17 +1,17 @@
-import { defineComponent as de, ref as k, computed as h, watch as ue, openBlock as d, createElementBlock as u, mergeProps as ce, createElementVNode as i, createTextVNode as be, toDisplayString as f, unref as p, withDirectives as L, createVNode as g, Transition as V, withCtx as w, vShow as z, createCommentVNode as A, normalizeClass as x, Fragment as O, renderList as S, renderSlot as R, nextTick as me } from "vue";
-import c from "./index197.js";
-import fe from "./index198.js";
-import pe from "./index199.js";
+import { defineComponent as ce, ref as k, computed as y, watch as be, openBlock as r, createElementBlock as d, mergeProps as me, createElementVNode as i, createTextVNode as fe, toDisplayString as f, unref as p, withDirectives as R, createVNode as g, Transition as V, withCtx as w, vShow as W, createCommentVNode as C, normalizeClass as M, Fragment as O, renderList as S, renderSlot as $, nextTick as pe } from "vue";
+import u from "./index199.js";
 import he from "./index200.js";
 import ye from "./index201.js";
 import _e from "./index202.js";
-import { groupBy as W } from "./index203.js";
-import { isNil as ve } from "./index120.js";
-import { last as $ } from "./index204.js";
-const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /* @__PURE__ */ i("span", null, null, -1), we = {
-  class: "bb-base-date-picker__selected-day-label",
-  "aria-live": "polite"
-}, Oe = { class: "bb-base-date-picker__weekday" }, Se = { class: "bb-base-date-picker__monthday" }, Me = ["disabled"], xe = { class: "bb-base-date-picker__small-month-selector" }, De = ["disabled"], Ae = /* @__PURE__ */ i("svg", {
+import ve from "./index203.js";
+import ke from "./index204.js";
+import { groupBy as F } from "./index205.js";
+import { isNil as ge } from "./index120.js";
+import { last as P } from "./index206.js";
+const Ve = { class: "bb-base-date-picker__header" }, we = ["disabled"], Oe = /* @__PURE__ */ i("span", null, null, -1), Se = {
+  "aria-live": "polite",
+  class: "bb-base-date-picker__selected-day-label"
+}, Me = { class: "bb-base-date-picker__weekday" }, xe = { class: "bb-base-date-picker__monthday" }, De = ["disabled"], Ae = { class: "bb-base-date-picker__small-month-selector" }, Ce = ["disabled"], Ye = /* @__PURE__ */ i("svg", {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
@@ -19,19 +19,19 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
     d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
     fill: "currentColor"
   })
-], -1), Ce = /* @__PURE__ */ i("span", null, "Vai indietro di un mese", -1), Ye = [
-  Ae,
-  Ce
-], Be = ["disabled"], Ie = ["disabled"], Ee = {
+], -1), Be = /* @__PURE__ */ i("span", null, "Vai indietro di un mese", -1), Ie = [
+  Ye,
+  Be
+], Ee = ["disabled"], Te = ["disabled"], Ne = {
+  style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  style: { transform: "rotate(180deg)" }
-}, Te = /* @__PURE__ */ i("path", {
+  xmlns: "http://www.w3.org/2000/svg"
+}, Le = /* @__PURE__ */ i("path", {
   d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
   fill: "currentColor"
-}, null, -1), Ne = [
-  Te
-], Le = /* @__PURE__ */ i("span", null, "Vai avanti di un mese", -1), ze = { class: "bb-base-date-picker__small-year-selector" }, Re = ["disabled"], We = /* @__PURE__ */ i("svg", {
+}, null, -1), ze = [
+  Le
+], Re = /* @__PURE__ */ i("span", null, "Vai avanti di un mese", -1), We = { class: "bb-base-date-picker__small-year-selector" }, $e = ["disabled"], Fe = /* @__PURE__ */ i("svg", {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
@@ -39,25 +39,25 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
     d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
     fill: "currentColor"
   })
-], -1), $e = /* @__PURE__ */ i("span", null, "Vai indietro di un anno", -1), Fe = [
-  We,
-  $e
-], Pe = ["disabled"], He = ["disabled"], je = {
+], -1), Pe = /* @__PURE__ */ i("span", null, "Vai indietro di un anno", -1), He = [
+  Fe,
+  Pe
+], je = ["disabled"], qe = ["disabled"], Ue = {
+  style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg",
-  style: { transform: "rotate(180deg)" }
-}, qe = /* @__PURE__ */ i("path", {
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ge = /* @__PURE__ */ i("path", {
   d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
   fill: "currentColor"
-}, null, -1), Ue = [
-  qe
-], Ge = /* @__PURE__ */ i("span", null, "Vai avanti di un anno", -1), Je = {
+}, null, -1), Je = [
+  Ge
+], Ke = /* @__PURE__ */ i("span", null, "Vai avanti di un anno", -1), Qe = {
   key: 0,
   style: { height: "32px" }
-}, Ke = { class: "bb-base-date-picker-calendar" }, Qe = { class: "bb-base-date-picker-header-container" }, Xe = ["disabled", "id"], Ze = {
+}, Xe = { class: "bb-base-date-picker-calendar" }, Ze = { class: "bb-base-date-picker-header-container" }, et = ["id", "disabled"], tt = {
   key: 0,
   class: "bb-base-date-picker__month-selector"
-}, et = ["onClick", "disabled"], tt = ["onClick", "disabled"], bt = /* @__PURE__ */ de({
+}, at = ["disabled", "onClick"], lt = ["disabled", "onClick"], ft = /* @__PURE__ */ ce({
   __name: "BaseDatePicker",
   props: {
     disabled: { type: Boolean },
@@ -72,86 +72,88 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
     width: { default: 290 }
   },
   emits: ["update:modelValue"],
-  setup(F, { expose: P, emit: H }) {
-    c.extend(_e), c.extend(ye), c.extend(fe), c.extend(pe), c.locale(he);
-    const t = F, m = H;
-    if (c.updateLocale("it", {
+  setup(H, { expose: j, emit: q }) {
+    u.extend(ke), u.extend(ve), u.extend(he), u.extend(ye), u.locale(_e);
+    const t = H, m = q;
+    if (u.updateLocale("it", {
       weekStart: t.firstDayOfWeek
     }), t.multiple && t.range)
       throw new Error("Date picker cannot be both multiple and range");
-    const C = k(null), b = k("day"), Y = k(null);
-    let D = k(c());
-    Array.isArray(t.modelValue) ? t.modelValue.length && (D.value = c($(t.modelValue))) : t.modelValue && (D.value = c(t.modelValue));
-    let o = k(D.value.clone());
-    const j = h(() => new Array(7).fill("").map((e, a) => c().day((a + t.firstDayOfWeek) % 7)).map((e) => {
-      const a = M.value.selected(e);
+    const Y = k(null), b = k("day"), B = k(null);
+    let x = k(u());
+    Array.isArray(t.modelValue) ? t.modelValue.length && (x.value = u(P(t.modelValue))) : t.modelValue && (x.value = u(t.modelValue));
+    let o = k(x.value.clone());
+    const U = y(() => new Array(7).fill("").map((e, a) => u().day((a + t.firstDayOfWeek) % 7)).map((e) => {
+      const a = v.value.selected(e);
       return {
         label: e.format("dd").slice(0, 1).toUpperCase(),
         id: e.toISOString(),
         original: e,
         selected: a
       };
-    })), B = h(() => {
-      let e = o.value.clone().startOf("month"), a = e.clone().startOf("week"), n = o.value.clone().endOf("month").clone().endOf("week"), s = [];
-      const y = e.month();
-      for (let r = a; r.isBefore(n); r = r.add(1, "day"))
-        s.push(r.clone());
-      return s.map((r) => {
-        const v = r.toISOString(), E = !!M.value.selected(r), T = !!(M.value.isFirstOfRange(r) && t.range), N = !!(M.value.isLastOfRange(r) && t.range), ie = !!(E && !T && !N && t.range), ne = r.month() === y, re = _(r);
+    })), I = y(() => {
+      let e = o.value.clone().startOf("month"), a = e.clone().startOf("week"), n = o.value.clone().endOf("month").clone().endOf("week"), l = [];
+      const h = e.month();
+      for (let c = a; c.isBefore(n); c = c.add(1, "day"))
+        l.push(c.clone());
+      return l.map((c) => {
+        var L;
+        const D = c.toISOString();
+        let A = !!v.value.selected(c);
+        if (t.range && ((L = t.modelValue) == null ? void 0 : L.length) === 2) {
+          const z = c.valueOf();
+          A = v.value.min <= z && v.value.max >= z;
+        }
+        const T = !!(v.value.isFirstOfRange(c) && t.range), N = !!(v.value.isLastOfRange(c) && t.range), re = !!(A && !T && !N && t.range), de = c.month() === h, ue = _(c);
         return {
-          buttonId: "date_" + v,
-          disabled: re,
+          buttonId: "date_" + D,
+          disabled: ue,
           first: T,
-          highlighted: ne,
-          id: v,
-          label: r.get("D").toString(),
+          highlighted: de,
+          id: D,
+          label: c.get("D").toString(),
           last: N,
-          middle: ie,
-          original: r,
-          selected: E,
-          slotName: v
+          middle: re,
+          original: c,
+          selected: A,
+          slotName: D
         };
       });
     }), _ = (e) => {
       let a = !0;
-      return t.min && a && (a = e.isSameOrAfter(c(t.min).startOf("day"))), t.max && a && (a = e.isSameOrBefore(c(t.max).startOf("day"))), typeof t.selectable == "function" && a && (a = t.selectable(e.toDate())), !a;
-    }, q = h(() => W(B.value, (e) => e.id)), U = h(() => W(
-      B.value,
+      return t.min && a && (a = e.isSameOrAfter(u(t.min).startOf("day"))), t.max && a && (a = e.isSameOrBefore(u(t.max).startOf("day"))), typeof t.selectable == "function" && a && (a = t.selectable(e.toDate())), !a;
+    }, G = y(() => F(I.value, (e) => e.id)), J = y(() => F(
+      I.value,
       (a) => a.original.week().toString()
-    )), M = h(() => {
-      let e = 1 / 0, a = -1 / 0, l = {};
-      return t.modelValue && [].concat(t.modelValue).map((s) => c(s).startOf("day")).map((s) => s.valueOf()).forEach((s, y) => {
-        s < e && (e = s), s > a && (a = s), l[s] = y;
+    )), v = y(() => {
+      let e = 1 / 0, a = -1 / 0, s = {};
+      return t.modelValue && [].concat(t.modelValue).map((l) => u(l).startOf("day")).map((l) => l.valueOf()).forEach((l, h) => {
+        l < e && (e = l), l > a && (a = l), s[l] = h;
       }), {
         min: e,
         max: a,
-        index: (n) => l[n.valueOf()],
-        selected: (n) => !ve(l[n.valueOf()]),
+        index: (n) => s[n.valueOf()],
+        selected: (n) => !ge(s[n.valueOf()]),
         isFirstOfRange: (n) => n.valueOf() === e,
         isLastOfRange: (n) => n.valueOf() === a
       };
-    }), G = (e) => {
+    }), K = (e) => {
       if (e.target instanceof HTMLButtonElement) {
-        const [, a] = e.target.id.split("_"), l = q.value[a][0];
-        J(l);
+        const [, a] = e.target.id.split("_"), s = G.value[a][0];
+        Q(s);
       }
-    }, J = (e) => {
+    }, Q = (e) => {
       if (!t.readonly)
         if (t.range)
           if (t.modelValue && Array.isArray(t.modelValue))
             if (t.modelValue.length !== 1)
               m("update:modelValue", [e.original.toISOString()]);
             else if (t.modelValue.length) {
-              let [a, l] = [c(t.modelValue[0]), e.original].sort(
-                (r, v) => r.valueOf > v.valueOf ? 1 : r.valueOf() < v.valueOf() ? -1 : 0
+              let [a, s] = [u(t.modelValue[0]), e.original].sort(
+                (l, h) => l.valueOf > h.valueOf ? 1 : l.valueOf() < h.valueOf() ? -1 : 0
               );
-              l = l.add(1, "day");
-              const n = c(a);
-              let s = [];
-              for (let r = n; r.isBefore(l); r = r.add(1, "day"))
-                s.push(r.clone());
-              const y = s.map((r) => r.toISOString());
-              m("update:modelValue", y);
+              const n = [a, s].map((l) => l.toISOString());
+              m("update:modelValue", n);
             } else {
               const a = [
                 ...t.modelValue,
@@ -169,12 +171,12 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
               m(
                 "update:modelValue",
                 [...t.modelValue, e.original.toISOString()].sort(
-                  (a, l) => a < l ? -1 : a > l ? 1 : 0
+                  (a, s) => a < s ? -1 : a > s ? 1 : 0
                 )
               );
             else {
-              const a = e.original.toISOString(), l = t.modelValue.filter((n) => n !== a);
-              m("update:modelValue", l);
+              const a = e.original.toISOString(), s = t.modelValue.filter((n) => n !== a);
+              m("update:modelValue", s);
             }
           else
             throw new Error(
@@ -182,55 +184,55 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
             );
         else
           e.selected ? m("update:modelValue", null) : m("update:modelValue", e.original.toISOString());
-    }, K = h(() => {
+    }, X = y(() => {
       const e = o.value.month();
-      return new Array(12).fill(o.value.clone().startOf("year")).map((a, l) => a.add(l, "month")).map((a) => ({
+      return new Array(12).fill(o.value.clone().startOf("year")).map((a, s) => a.add(s, "month")).map((a) => ({
         text: a.format("MMMM"),
         key: a.unix(),
         selected: a.month() === e,
-        handler: () => Z(a)
+        handler: () => te(a)
       }));
-    }), Q = () => {
+    }), Z = () => {
       o.value = o.value.subtract(1, "month");
-    }, X = () => {
+    }, ee = () => {
       o.value = o.value.add(1, "month");
-    }, Z = (e) => {
-      const a = e.get("month"), l = o.value.set("month", a);
-      t.modelValue && !Array.isArray(t.modelValue) ? _(l) ? o.value = l : m("update:modelValue", l.toISOString()) : o.value = l, b.value = "day";
-    }, I = async () => {
+    }, te = (e) => {
+      const a = e.get("month"), s = o.value.set("month", a);
+      t.modelValue && !Array.isArray(t.modelValue) ? _(s) ? o.value = s : m("update:modelValue", s.toISOString()) : o.value = s, b.value = "day";
+    }, E = async () => {
       var a;
-      b.value = "year", await me();
-      const e = (a = Y.value) == null ? void 0 : a.querySelector(
+      b.value = "year", await pe();
+      const e = (a = B.value) == null ? void 0 : a.querySelector(
         ".bb-base-date-picker__year-selector-year--selected"
       );
       e && e.scrollIntoView({ block: "center", inline: "center" });
-    }, ee = () => b.value = "day", te = h(() => {
+    }, ae = () => b.value = "day", le = y(() => {
       const e = o.value.year(), a = new Array(100).fill(o.value.clone()).map(
-        (n, s, y) => n.year(e - y.length + s)
-      ), l = new Array(100).fill(o.value.clone()).map((n, s) => n.year(e + s + 1));
-      return a.concat(o.value.clone()).concat(l).map((n) => ({
+        (n, l, h) => n.year(e - h.length + l)
+      ), s = new Array(100).fill(o.value.clone()).map((n, l) => n.year(e + l + 1));
+      return a.concat(o.value.clone()).concat(s).map((n) => ({
         text: n.format("YYYY"),
         key: n.unix(),
         selected: n.year() === e,
-        handler: () => se(n)
+        handler: () => ie(n)
       }));
-    }), ae = () => {
+    }), se = () => {
       const e = o.value.subtract(1, "year");
       t.modelValue && !Array.isArray(t.modelValue) ? _(e) ? o.value = e : m("update:modelValue", e.toISOString()) : o.value = e;
-    }, le = () => {
+    }, oe = () => {
       const e = o.value.add(1, "year");
       t.modelValue && !Array.isArray(t.modelValue) ? _(e) ? o.value = e : m("update:modelValue", e.toISOString()) : o.value = e;
-    }, se = (e) => {
-      const a = e.get("year"), l = o.value.set("year", a);
-      t.modelValue && !Array.isArray(t.modelValue) ? _(l) ? o.value = l : m("update:modelValue", l.toISOString()) : o.value = l, b.value = "month";
+    }, ie = (e) => {
+      const a = e.get("year"), s = o.value.set("year", a);
+      t.modelValue && !Array.isArray(t.modelValue) ? _(s) ? o.value = s : m("update:modelValue", s.toISOString()) : o.value = s, b.value = "month";
     };
-    ue(
+    be(
       () => t.modelValue,
       () => {
-        t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue.length ? o.value = c($(t.modelValue)) : o.value = c() : o.value = c(t.modelValue) : o.value = c();
+        t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue.length ? o.value = u(P(t.modelValue)) : o.value = u() : o.value = u(t.modelValue) : o.value = u();
       }
     );
-    const oe = h(() => {
+    const ne = y(() => {
       const e = {
         "bb-base-date-picker": !0,
         "bb-base-date-picker--readonly": t.readonly,
@@ -244,162 +246,162 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
         }
       };
     });
-    return P({ calendar: C, setSelectionModeToDay: ee, isDateDisabled: _ }), (e, a) => (d(), u("div", ce(oe.value, {
+    return j({ calendar: Y, setSelectionModeToDay: ae, isDateDisabled: _ }), (e, a) => (r(), d("div", me(ne.value, {
       ref_key: "calendar",
-      ref: C
+      ref: Y
     }), [
-      i("div", ke, [
+      i("div", Ve, [
         i("div", null, [
           i("button", {
-            disabled: e.disabled,
-            onClick: I,
+            "aria-live": "polite",
             class: "bb-base-date-picker__year-button",
+            disabled: e.disabled,
             type: "button",
-            "aria-live": "polite"
+            onClick: E
           }, [
-            be(f(p(o).format("YYYY")) + " ", 1),
-            Ve
-          ], 8, ge)
+            fe(f(p(o).format("YYYY")) + " ", 1),
+            Oe
+          ], 8, we)
         ]),
-        i("div", we, [
-          i("span", Oe, f(p(o).format("ddd")) + ", ", 1),
-          i("span", Se, f(p(o).format("DD")), 1),
+        i("div", Se, [
+          i("span", Me, f(p(o).format("ddd")) + ", ", 1),
+          i("span", xe, f(p(o).format("DD")), 1),
           i("button", {
-            disabled: e.disabled,
-            onClick: a[0] || (a[0] = (l) => b.value = "month"),
             class: "bb-base-date-picker__month-button",
-            type: "button"
-          }, f(p(o).format("MMMM")), 9, Me)
+            disabled: e.disabled,
+            type: "button",
+            onClick: a[0] || (a[0] = (s) => b.value = "month")
+          }, f(p(o).format("MMMM")), 9, De)
         ])
       ]),
-      L(i("div", xe, [
+      R(i("div", Ae, [
         i("button", {
-          disabled: e.disabled,
-          onClick: Q,
           class: "bb-base-date-picker__previous-month-button",
-          type: "button"
-        }, Ye, 8, De),
+          disabled: e.disabled,
+          type: "button",
+          onClick: Z
+        }, Ie, 8, Ce),
         g(V, {
-          name: "fade",
-          mode: "out-in"
+          mode: "out-in",
+          name: "fade"
         }, {
           default: w(() => [
-            (d(), u("button", {
-              disabled: e.disabled,
+            (r(), d("button", {
               key: p(o).month(),
-              onClick: a[1] || (a[1] = (l) => b.value = "month"),
+              "aria-live": "polite",
               class: "bb-base-date-picker__current-month-button",
+              disabled: e.disabled,
               type: "button",
-              "aria-live": "polite"
-            }, f(p(o).format("MMMM")), 9, Be))
+              onClick: a[1] || (a[1] = (s) => b.value = "month")
+            }, f(p(o).format("MMMM")), 9, Ee))
           ]),
           _: 1
         }),
         i("button", {
-          disabled: e.disabled,
-          onClick: X,
           class: "bb-base-date-picker__next-month-button",
-          type: "button"
+          disabled: e.disabled,
+          type: "button",
+          onClick: ee
         }, [
-          (d(), u("svg", Ee, Ne)),
-          Le
-        ], 8, Ie)
+          (r(), d("svg", Ne, ze)),
+          Re
+        ], 8, Te)
       ], 512), [
-        [z, b.value === "day"]
+        [W, b.value === "day"]
       ]),
-      L(i("div", ze, [
+      R(i("div", We, [
         i("button", {
-          disabled: e.disabled,
-          onClick: ae,
           class: "bb-base-date-picker__previous-year-button",
-          type: "button"
-        }, Fe, 8, Re),
+          disabled: e.disabled,
+          type: "button",
+          onClick: se
+        }, He, 8, $e),
         g(V, {
-          name: "fade",
-          mode: "out-in"
+          mode: "out-in",
+          name: "fade"
         }, {
           default: w(() => [
-            (d(), u("button", {
-              disabled: e.disabled,
+            (r(), d("button", {
               key: p(o).year(),
-              onClick: I,
+              "aria-live": "polite",
               class: "bb-base-date-picker__current-year-button",
+              disabled: e.disabled,
               type: "button",
-              "aria-live": "polite"
-            }, f(p(o).format("YYYY")), 9, Pe))
+              onClick: E
+            }, f(p(o).format("YYYY")), 9, je))
           ]),
           _: 1
         }),
         i("button", {
-          disabled: e.disabled,
-          onClick: le,
           class: "bb-base-date-picker__next-year-button",
-          type: "button"
+          disabled: e.disabled,
+          type: "button",
+          onClick: oe
         }, [
-          (d(), u("svg", je, Ue)),
-          Ge
-        ], 8, He)
+          (r(), d("svg", Ue, Je)),
+          Ke
+        ], 8, qe)
       ], 512), [
-        [z, b.value === "month"]
+        [W, b.value === "month"]
       ]),
-      b.value === "year" ? (d(), u("div", Je)) : A("", !0),
-      i("div", Ke, [
+      b.value === "year" ? (r(), d("div", Qe)) : C("", !0),
+      i("div", Xe, [
         g(V, {
-          name: "fade",
-          mode: "out-in"
+          mode: "out-in",
+          name: "fade"
         }, {
           default: w(() => [
-            (d(), u("div", {
+            (r(), d("div", {
               key: p(o).month(),
-              class: x(["bb-base-date-picker-month", { invisible: b.value !== "day" }])
+              class: M(["bb-base-date-picker-month", { invisible: b.value !== "day" }])
             }, [
-              i("div", Qe, [
-                (d(!0), u(O, null, S(j.value, (l) => (d(), u("div", {
-                  key: l.id,
+              i("div", Ze, [
+                (r(!0), d(O, null, S(U.value, (s) => (r(), d("div", {
+                  key: s.id,
                   class: "bb-base-date-picker-header"
-                }, f(l.label), 1))), 128))
+                }, f(s.label), 1))), 128))
               ]),
               i("div", null, [
-                (d(!0), u(O, null, S(U.value, (l, n) => (d(), u("div", {
+                (r(!0), d(O, null, S(J.value, (s, n) => (r(), d("div", {
                   key: n,
                   class: "bb-base-date-picker-week"
                 }, [
-                  (d(!0), u(O, null, S(l, (s) => (d(), u("div", {
-                    key: s.id,
-                    class: x({
-                      "bb-base-date-picker-date--disabled": e.disabled || s.disabled,
-                      "bb-base-date-picker-date--first": s.first,
-                      "bb-base-date-picker-date--highlighted": s.highlighted,
-                      "bb-base-date-picker-date--last": s.last,
-                      "bb-base-date-picker-date--middle": s.middle,
-                      "bb-base-date-picker-date--selected": s.selected,
+                  (r(!0), d(O, null, S(s, (l) => (r(), d("div", {
+                    key: l.id,
+                    class: M({
+                      "bb-base-date-picker-date--disabled": e.disabled || l.disabled,
+                      "bb-base-date-picker-date--first": l.first,
+                      "bb-base-date-picker-date--highlighted": l.highlighted,
+                      "bb-base-date-picker-date--last": l.last,
+                      "bb-base-date-picker-date--middle": l.middle,
+                      "bb-base-date-picker-date--selected": l.selected,
                       "bb-base-date-picker-date": !0
                     })
                   }, [
                     i("button", {
-                      disabled: e.disabled || s.disabled,
-                      id: s.buttonId,
-                      onClick: G,
+                      id: l.buttonId,
                       class: "bb-base-date-picker-date__button",
-                      type: "button"
-                    }, f(s.label), 9, Xe),
-                    R(e.$slots, "day", {
-                      first: s.first,
-                      highlighted: s.highlighted,
-                      item: s.original,
-                      label: s.label,
-                      last: s.last,
-                      middle: s.middle,
-                      selected: s.selected
+                      disabled: e.disabled || l.disabled,
+                      type: "button",
+                      onClick: K
+                    }, f(l.label), 9, et),
+                    $(e.$slots, "day", {
+                      first: l.first,
+                      highlighted: l.highlighted,
+                      item: l.original,
+                      label: l.label,
+                      last: l.last,
+                      middle: l.middle,
+                      selected: l.selected
                     }),
-                    R(e.$slots, s.slotName, {
-                      first: s.first,
-                      highlighted: s.highlighted,
-                      item: s.original,
-                      label: s.label,
-                      last: s.last,
-                      middle: s.middle,
-                      selected: s.selected
+                    $(e.$slots, l.slotName, {
+                      first: l.first,
+                      highlighted: l.highlighted,
+                      item: l.original,
+                      label: l.label,
+                      last: l.last,
+                      middle: l.middle,
+                      selected: l.selected
                     })
                   ], 2))), 128))
                 ]))), 128))
@@ -410,39 +412,39 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
         }),
         g(V, { name: "fade" }, {
           default: w(() => [
-            b.value === "month" ? (d(), u("div", Ze, [
-              (d(!0), u(O, null, S(K.value, (l) => (d(), u("button", {
-                key: l.key,
-                class: x({
+            b.value === "month" ? (r(), d("div", tt, [
+              (r(!0), d(O, null, S(X.value, (s) => (r(), d("button", {
+                key: s.key,
+                class: M({
                   "bb-base-date-picker__month-selector-month": !0,
-                  "bb-base-date-picker__month-selector-month--selected": l.selected
+                  "bb-base-date-picker__month-selector-month--selected": s.selected
                 }),
-                onClick: l.handler,
                 disabled: e.disabled,
-                type: "button"
-              }, f(l.text), 11, et))), 128))
-            ])) : A("", !0)
+                type: "button",
+                onClick: s.handler
+              }, f(s.text), 11, at))), 128))
+            ])) : C("", !0)
           ]),
           _: 1
         }),
         g(V, { name: "fade" }, {
           default: w(() => [
-            b.value === "year" ? (d(), u("div", {
+            b.value === "year" ? (r(), d("div", {
               key: 0,
-              class: "bb-base-date-picker__year-selector",
               ref_key: "yearSelector",
-              ref: Y
+              ref: B,
+              class: "bb-base-date-picker__year-selector"
             }, [
-              (d(!0), u(O, null, S(te.value, (l) => (d(), u("button", {
-                key: l.key,
-                class: x({
+              (r(!0), d(O, null, S(le.value, (s) => (r(), d("button", {
+                key: s.key,
+                class: M({
                   "bb-base-date-picker__year-selector-year": !0,
-                  "bb-base-date-picker__year-selector-year--selected": l.selected
+                  "bb-base-date-picker__year-selector-year--selected": s.selected
                 }),
-                onClick: l.handler,
-                disabled: e.disabled
-              }, f(l.text), 11, tt))), 128))
-            ], 512)) : A("", !0)
+                disabled: e.disabled,
+                onClick: s.handler
+              }, f(s.text), 11, lt))), 128))
+            ], 512)) : C("", !0)
           ]),
           _: 1
         })
@@ -451,6 +453,6 @@ const ke = { class: "bb-base-date-picker__header" }, ge = ["disabled"], Ve = /*
   }
 });
 export {
-  bt as default
+  ft as default
 };
 //# sourceMappingURL=index15.js.map