bitboss-ui 0.1.2 → 0.1.4

package/dist/index8.js

@@ -1,12 +1,15 @@
-import { defineComponent as se, ref as v, computed as f, watch as oe, openBlock as i, createElementBlock as u, mergeProps as ne, createElementVNode as n, createTextVNode as re, toDisplayString as h, unref as p, withDirectives as k, createVNode as g, Transition as V, withCtx as w, vShow as O, Fragment as S, renderList as M, normalizeClass as A, renderSlot as N, nextTick as de } from "vue";
-import { groupBy as z } from "./index153.js";
-import { isNil as ie } from "./index154.js";
-import { last as R } from "./index155.js";
-import c from "./index156.js";
-import ue from "./index157.js";
-import ce from "./index158.js";
-import be from "./index159.js";
-const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /* @__PURE__ */ n("span", null, null, -1), fe = { class: "bb-base-date-picker__selected-day-label" }, ye = { class: "bb-base-date-picker__weekday" }, _e = { class: "bb-base-date-picker__monthday" }, ve = ["disabled"], ke = { class: "bb-base-date-picker__small-month-selector" }, ge = ["disabled"], Ve = /* @__PURE__ */ n("svg", {
+import { defineComponent as ne, ref as v, computed as f, watch as re, openBlock as i, createElementBlock as u, mergeProps as de, createElementVNode as n, createTextVNode as ie, toDisplayString as p, unref as h, withDirectives as N, createVNode as k, Transition as g, withCtx as V, vShow as L, createCommentVNode as D, normalizeClass as M, Fragment as w, renderList as O, renderSlot as z, nextTick as ue } from "vue";
+import { groupBy as R } from "./index173.js";
+import { isNil as ce } from "./index169.js";
+import { last as W } from "./index162.js";
+import c from "./index159.js";
+import be from "./index160.js";
+import me from "./index174.js";
+import pe from "./index175.js";
+const he = { class: "bb-base-date-picker__header" }, fe = ["disabled"], ye = /* @__PURE__ */ n("span", null, null, -1), _e = {
+  class: "bb-base-date-picker__selected-day-label",
+  "aria-live": "polite"
+}, ve = { class: "bb-base-date-picker__weekday" }, ke = { class: "bb-base-date-picker__monthday" }, ge = ["disabled"], Ve = { class: "bb-base-date-picker__small-month-selector" }, we = ["disabled"], Oe = /* @__PURE__ */ n("svg", {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
@@ -14,19 +17,19 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
     d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
     fill: "currentColor"
   })
-], -1), we = /* @__PURE__ */ n("span", null, "Vai indietro di un mese", -1), Oe = [
-  Ve,
-  we
-], Se = ["disabled"], Me = ["disabled"], Ce = {
+], -1), Se = /* @__PURE__ */ n("span", null, "Vai indietro di un mese", -1), Me = [
+  Oe,
+  Se
+], Ce = ["disabled"], De = ["disabled"], xe = {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   style: { transform: "rotate(180deg)" }
-}, xe = /* @__PURE__ */ n("path", {
+}, Ae = /* @__PURE__ */ n("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), Ae = [
-  xe
-], De = /* @__PURE__ */ n("span", null, "Vai avanti di un mese", -1), Ye = { class: "bb-base-date-picker__small-year-selector" }, Be = ["disabled"], Ie = /* @__PURE__ */ n("svg", {
+}, null, -1), Ye = [
+  Ae
+], Be = /* @__PURE__ */ n("span", null, "Vai avanti di un mese", -1), Ie = { class: "bb-base-date-picker__small-year-selector" }, Ee = ["disabled"], Te = /* @__PURE__ */ n("svg", {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
@@ -34,18 +37,25 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
     d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
     fill: "currentColor"
   })
-], -1), Ee = [
-  Ie
-], Te = ["disabled"], Le = ["disabled"], Ne = {
+], -1), Ne = /* @__PURE__ */ n("span", null, "Vai indietro di un anno", -1), Le = [
+  Te,
+  Ne
+], ze = ["disabled"], Re = ["disabled"], We = {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg",
   style: { transform: "rotate(180deg)" }
-}, ze = /* @__PURE__ */ n("path", {
+}, $e = /* @__PURE__ */ n("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), Re = [
-  ze
-], We = { style: { height: "32px" } }, $e = { class: "bb-base-date-picker-calendar" }, Fe = { class: "bb-base-date-picker-header-container" }, Pe = ["disabled", "id"], He = { class: "bb-base-date-picker__month-selector" }, je = ["onClick", "disabled"], qe = ["onClick", "disabled"], tt = /* @__PURE__ */ se({
+}, null, -1), Fe = [
+  $e
+], Pe = /* @__PURE__ */ n("span", null, "Vai avanti di un anno", -1), He = {
+  key: 0,
+  style: { height: "32px" }
+}, je = { class: "bb-base-date-picker-calendar" }, qe = { class: "bb-base-date-picker-header-container" }, Ue = ["disabled", "id"], Ge = {
+  key: 0,
+  class: "bb-base-date-picker__month-selector"
+}, Je = ["onClick", "disabled"], Ke = ["onClick", "disabled"], st = /* @__PURE__ */ ne({
   __name: "BaseDatePicker",
   props: {
     disabled: { type: Boolean },
@@ -57,89 +67,87 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
     width: { default: 290 }
   },
   emits: ["update:modelValue"],
-  setup(W, { expose: $, emit: b }) {
-    const t = W;
-    if (c.extend(be), c.extend(ce), c.locale(ue), c.updateLocale("it", {
+  setup($, { expose: F, emit: m }) {
+    const t = $;
+    if (c.extend(pe), c.extend(me), c.locale(be), c.updateLocale("it", {
       weekStart: t.firstDayOfWeek
     }), t.multiple && t.range)
       throw new Error("Date picker cannot be both multiple and range");
-    const D = v(null);
-    $({ calendar: D });
-    const m = v("day"), Y = v(null);
-    let x = v(c());
-    Array.isArray(t.modelValue) ? t.modelValue.length && (x.value = c(R(t.modelValue))) : t.modelValue && (x.value = c(t.modelValue));
-    let o = v(x.value.clone());
-    const F = f(() => new Array(7).fill("").map((e, a) => c().day((a + t.firstDayOfWeek) % 7)).map((e) => {
-      const a = C.value.selected(e);
+    const x = v(null), b = v("day"), A = v(null);
+    let C = v(c());
+    Array.isArray(t.modelValue) ? t.modelValue.length && (C.value = c(W(t.modelValue))) : t.modelValue && (C.value = c(t.modelValue));
+    let s = v(C.value.clone());
+    const P = f(() => new Array(7).fill("").map((e, a) => c().day((a + t.firstDayOfWeek) % 7)).map((e) => {
+      const a = S.value.selected(e);
       return {
         label: e.format("dd").slice(0, 1).toUpperCase(),
         id: e.toISOString(),
         original: e,
         selected: a
       };
-    })), B = f(() => {
-      let e = o.value.clone().startOf("month"), a = e.clone().startOf("week"), r = o.value.clone().endOf("month").clone().endOf("week"), l = [];
+    })), Y = f(() => {
+      let e = s.value.clone().startOf("month"), a = e.clone().startOf("week"), r = s.value.clone().endOf("month").clone().endOf("week"), l = [];
       const y = e.month();
       for (let d = a; d.isBefore(r); d = d.add(1, "day"))
         l.push(d.clone());
       return l.map((d) => {
-        const _ = d.toISOString(), E = !!C.value.selected(d), T = !!(C.value.isFirstOfRange(d) && t.range), L = !!(C.value.isLastOfRange(d) && t.range), ae = !!(E && !T && !L && t.range), le = d.month() === y;
+        const _ = d.toISOString(), I = !!S.value.selected(d), E = !!(S.value.isFirstOfRange(d) && t.range), T = !!(S.value.isLastOfRange(d) && t.range), oe = !!(I && !E && !T && t.range), se = d.month() === y;
         return {
           id: _,
           buttonId: "date_" + _,
           slotName: _,
           label: d.get("D").toString(),
           original: d,
-          selected: E,
-          first: T,
-          last: L,
-          middle: ae,
-          highlighted: le
+          selected: I,
+          first: E,
+          last: T,
+          middle: oe,
+          highlighted: se
         };
       });
-    }), P = f(() => z(B.value, (e) => e.id)), H = f(() => z(
-      B.value,
+    }), H = f(() => R(Y.value, (e) => e.id)), j = f(() => R(
+      Y.value,
       (a) => a.original.week().toString()
-    )), C = f(() => {
-      let e = 1 / 0, a = -1 / 0, s = {};
+    )), S = f(() => {
+      let e = 1 / 0, a = -1 / 0, o = {};
       return t.modelValue && [].concat(t.modelValue).map((l) => c(l).startOf("day")).map((l) => l.valueOf()).forEach((l, y) => {
-        l < e && (e = l), l > a && (a = l), s[l] = y;
+        l < e && (e = l), l > a && (a = l), o[l] = y;
       }), {
         min: e,
         max: a,
-        index: (r) => s[r.valueOf()],
-        selected: (r) => !ie(s[r.valueOf()]),
+        index: (r) => o[r.valueOf()],
+        selected: (r) => !ce(o[r.valueOf()]),
         isFirstOfRange: (r) => r.valueOf() === e,
         isLastOfRange: (r) => r.valueOf() === a
       };
-    }), j = (e) => {
+    }), q = (e) => {
       if (e.target instanceof HTMLButtonElement) {
-        const [, a] = e.target.id.split("_"), s = P.value[a][0];
-        q(s);
+        const [, a] = e.target.id.split("_"), o = H.value[a][0];
+        U(o);
       }
-    }, q = (e) => {
+    }, U = (e) => {
       if (!t.readonly)
         if (t.range)
           if (t.modelValue && Array.isArray(t.modelValue))
             if (t.modelValue.length !== 1)
-              b("update:modelValue", [e.original.toISOString()]);
+              m("update:modelValue", [e.original.toISOString()]);
             else if (t.modelValue.length) {
-              let [a, s] = [c(t.modelValue[0]), e.original].sort(
+              let [a, o] = [c(t.modelValue[0]), e.original].sort(
                 (d, _) => d.valueOf > _.valueOf ? 1 : d.valueOf() < _.valueOf() ? -1 : 0
               );
-              s = s.add(1, "day");
+              o = o.add(1, "day");
               const r = c(a);
               let l = [];
-              for (let d = r; d.isBefore(s); d = d.add(1, "day"))
+              for (let d = r; d.isBefore(o); d = d.add(1, "day"))
                 l.push(d.clone());
               const y = l.map((d) => d.toISOString());
-              b("update:modelValue", y);
+              m("update:modelValue", y);
             } else {
               const a = [
                 ...t.modelValue,
                 e.original.toISOString()
               ];
-              b("update:modelValue", a);
+              m("update:modelValue", a);
             }
           else
             throw new Error(
@@ -148,69 +156,69 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
         else if (t.multiple)
           if (t.modelValue && Array.isArray(t.modelValue))
             if (!e.selected)
-              b("update:modelValue", [
+              m("update:modelValue", [
                 ...t.modelValue,
                 e.original.toISOString()
               ]);
             else {
-              const a = e.original.toISOString(), s = t.modelValue.filter((r) => r !== a);
-              b("update:modelValue", s);
+              const a = e.original.toISOString(), o = t.modelValue.filter((r) => r !== a);
+              m("update:modelValue", o);
             }
           else
             throw new Error(
               "datepicker is set to multiple but modelValue is not an array."
             );
         else
-          e.selected ? b("update:modelValue", null) : b("update:modelValue", e.original.toISOString());
-    }, U = f(() => {
-      const e = o.value.month();
-      return new Array(12).fill(o.value.clone().startOf("year")).map((a, s) => a.add(s, "month")).map((a) => ({
+          e.selected ? m("update:modelValue", null) : m("update:modelValue", e.original.toISOString());
+    }, G = f(() => {
+      const e = s.value.month();
+      return new Array(12).fill(s.value.clone().startOf("year")).map((a, o) => a.add(o, "month")).map((a) => ({
         text: a.format("MMMM"),
         key: a.unix(),
         selected: a.month() === e,
-        handler: () => K(a)
+        handler: () => Q(a)
       }));
-    }), G = () => {
-      o.value = o.value.subtract(1, "month");
-    }, J = () => {
-      o.value = o.value.add(1, "month");
-    }, K = (e) => {
-      const a = e.get("month"), s = o.value.set("month", a);
-      t.modelValue && !Array.isArray(t.modelValue) ? b("update:modelValue", s.toISOString()) : o.value = s, m.value = "day";
-    }, I = async () => {
+    }), J = () => {
+      s.value = s.value.subtract(1, "month");
+    }, K = () => {
+      s.value = s.value.add(1, "month");
+    }, Q = (e) => {
+      const a = e.get("month"), o = s.value.set("month", a);
+      t.modelValue && !Array.isArray(t.modelValue) ? m("update:modelValue", o.toISOString()) : s.value = o, b.value = "day";
+    }, B = async () => {
       var a;
-      m.value = "year", await de();
-      const e = (a = Y.value) == null ? void 0 : a.querySelector(
+      b.value = "year", await ue();
+      const e = (a = A.value) == null ? void 0 : a.querySelector(
         ".bb-base-date-picker__year-selector-year--selected"
       );
       e && e.scrollIntoView({ block: "center", inline: "center" });
-    }, Q = f(() => {
-      const e = o.value.year(), a = new Array(100).fill(o.value.clone()).map(
+    }, X = () => b.value = "day", Z = f(() => {
+      const e = s.value.year(), a = new Array(100).fill(s.value.clone()).map(
         (r, l, y) => r.year(e - y.length + l)
-      ), s = new Array(100).fill(o.value.clone()).map((r, l) => r.year(e + l + 1));
-      return a.concat(o.value.clone()).concat(s).map((r) => ({
+      ), o = new Array(100).fill(s.value.clone()).map((r, l) => r.year(e + l + 1));
+      return a.concat(s.value.clone()).concat(o).map((r) => ({
         text: r.format("YYYY"),
         key: r.unix(),
         selected: r.year() === e,
-        handler: () => ee(r)
+        handler: () => ae(r)
       }));
-    }), X = () => {
-      const e = o.value.subtract(1, "year");
-      t.modelValue && !Array.isArray(t.modelValue) ? b("update:modelValue", e.toISOString()) : o.value = e;
-    }, Z = () => {
-      const e = o.value.add(1, "year");
-      t.modelValue && !Array.isArray(t.modelValue) ? b("update:modelValue", e.toISOString()) : o.value = e;
-    }, ee = (e) => {
-      const a = e.get("year"), s = o.value.set("year", a);
-      t.modelValue && !Array.isArray(t.modelValue) ? b("update:modelValue", s.toISOString()) : o.value = s, m.value = "month";
+    }), ee = () => {
+      const e = s.value.subtract(1, "year");
+      t.modelValue && !Array.isArray(t.modelValue) ? m("update:modelValue", e.toISOString()) : s.value = e;
+    }, te = () => {
+      const e = s.value.add(1, "year");
+      t.modelValue && !Array.isArray(t.modelValue) ? m("update:modelValue", e.toISOString()) : s.value = e;
+    }, ae = (e) => {
+      const a = e.get("year"), o = s.value.set("year", a);
+      t.modelValue && !Array.isArray(t.modelValue) ? m("update:modelValue", o.toISOString()) : s.value = o, b.value = "month";
     };
-    oe(
+    re(
       () => t.modelValue,
       () => {
-        t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue.length ? o.value = c(R(t.modelValue)) : o.value = c() : o.value = c(t.modelValue) : o.value = c();
+        t.modelValue ? Array.isArray(t.modelValue) ? t.modelValue.length ? s.value = c(W(t.modelValue)) : s.value = c() : s.value = c(t.modelValue) : s.value = c();
       }
     );
-    const te = f(() => {
+    const le = f(() => {
       const e = {
         "bb-base-date-picker": !0,
         "bb-base-date-picker--readonly": t.readonly,
@@ -224,127 +232,129 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
         }
       };
     });
-    return (e, a) => (i(), u("div", ne(te.value, {
+    return F({ calendar: x, setSelectionModeToDay: X }), (e, a) => (i(), u("div", de(le.value, {
       ref_key: "calendar",
-      ref: D
+      ref: x
     }), [
-      n("div", me, [
+      n("div", he, [
         n("div", null, [
           n("button", {
             disabled: e.disabled,
-            onClick: I,
+            onClick: B,
             class: "bb-base-date-picker__year-button",
-            type: "button"
+            type: "button",
+            "aria-live": "polite"
           }, [
-            re(h(p(o).format("YYYY")) + " ", 1),
-            pe
-          ], 8, he)
+            ie(p(h(s).format("YYYY")) + " ", 1),
+            ye
+          ], 8, fe)
         ]),
-        n("div", fe, [
-          n("span", ye, h(p(o).format("ddd")) + ", ", 1),
-          n("span", _e, h(p(o).format("DD")), 1),
+        n("div", _e, [
+          n("span", ve, p(h(s).format("ddd")) + ", ", 1),
+          n("span", ke, p(h(s).format("DD")), 1),
           n("button", {
             disabled: e.disabled,
-            onClick: a[0] || (a[0] = (s) => m.value = "month"),
+            onClick: a[0] || (a[0] = (o) => b.value = "month"),
             class: "bb-base-date-picker__month-button",
             type: "button"
-          }, h(p(o).format("MMMM")), 9, ve)
+          }, p(h(s).format("MMMM")), 9, ge)
         ])
       ]),
-      k(n("div", ke, [
+      N(n("div", Ve, [
         n("button", {
           disabled: e.disabled,
-          onClick: G,
+          onClick: J,
           class: "bb-base-date-picker__previous-month-button",
           type: "button"
-        }, Oe, 8, ge),
-        g(V, {
+        }, Me, 8, we),
+        k(g, {
           name: "fade",
           mode: "out-in"
         }, {
-          default: w(() => [
+          default: V(() => [
             (i(), u("button", {
               disabled: e.disabled,
-              key: p(o).month(),
-              onClick: a[1] || (a[1] = (s) => m.value = "month"),
+              key: h(s).month(),
+              onClick: a[1] || (a[1] = (o) => b.value = "month"),
               class: "bb-base-date-picker__current-month-button",
-              type: "button"
-            }, h(p(o).format("MMMM")), 9, Se))
+              type: "button",
+              "aria-live": "polite"
+            }, p(h(s).format("MMMM")), 9, Ce))
           ]),
           _: 1
         }),
         n("button", {
           disabled: e.disabled,
-          onClick: J,
+          onClick: K,
           class: "bb-base-date-picker__next-month-button",
           type: "button"
         }, [
-          (i(), u("svg", Ce, Ae)),
-          De
-        ], 8, Me)
+          (i(), u("svg", xe, Ye)),
+          Be
+        ], 8, De)
       ], 512), [
-        [O, m.value === "day"]
+        [L, b.value === "day"]
       ]),
-      k(n("div", Ye, [
+      N(n("div", Ie, [
         n("button", {
           disabled: e.disabled,
-          onClick: X,
+          onClick: ee,
           class: "bb-base-date-picker__previous-year-button",
           type: "button"
-        }, Ee, 8, Be),
-        g(V, {
+        }, Le, 8, Ee),
+        k(g, {
           name: "fade",
           mode: "out-in"
         }, {
-          default: w(() => [
+          default: V(() => [
             (i(), u("button", {
               disabled: e.disabled,
-              key: p(o).year(),
-              onClick: I,
+              key: h(s).year(),
+              onClick: B,
               class: "bb-base-date-picker__current-year-button",
-              type: "button"
-            }, h(p(o).format("YYYY")), 9, Te))
+              type: "button",
+              "aria-live": "polite"
+            }, p(h(s).format("YYYY")), 9, ze))
           ]),
           _: 1
         }),
         n("button", {
           disabled: e.disabled,
-          onClick: Z,
+          onClick: te,
           class: "bb-base-date-picker__next-year-button",
           type: "button"
         }, [
-          (i(), u("svg", Ne, Re))
-        ], 8, Le)
+          (i(), u("svg", We, Fe)),
+          Pe
+        ], 8, Re)
       ], 512), [
-        [O, m.value === "month"]
-      ]),
-      k(n("div", We, null, 512), [
-        [O, m.value === "year"]
+        [L, b.value === "month"]
       ]),
-      n("div", $e, [
-        g(V, {
+      b.value === "year" ? (i(), u("div", He)) : D("", !0),
+      n("div", je, [
+        k(g, {
           name: "fade",
           mode: "out-in"
         }, {
-          default: w(() => [
+          default: V(() => [
             (i(), u("div", {
-              key: p(o).month(),
-              class: "bb-base-date-picker-month"
+              key: h(s).month(),
+              class: M(["bb-base-date-picker-month", { invisible: b.value !== "day" }])
             }, [
-              n("div", Fe, [
-                (i(!0), u(S, null, M(F.value, (s) => (i(), u("div", {
-                  key: s.id,
+              n("div", qe, [
+                (i(!0), u(w, null, O(P.value, (o) => (i(), u("div", {
+                  key: o.id,
                   class: "bb-base-date-picker-header"
-                }, h(s.label), 1))), 128))
+                }, p(o.label), 1))), 128))
               ]),
               n("div", null, [
-                (i(!0), u(S, null, M(H.value, (s, r) => (i(), u("div", {
+                (i(!0), u(w, null, O(j.value, (o, r) => (i(), u("div", {
                   key: r,
                   class: "bb-base-date-picker-week"
                 }, [
-                  (i(!0), u(S, null, M(s, (l) => (i(), u("div", {
+                  (i(!0), u(w, null, O(o, (l) => (i(), u("div", {
                     key: l.id,
-                    class: A({
+                    class: M({
                       "bb-base-date-picker-date": !0,
                       "bb-base-date-picker-date--selected": l.selected,
                       "bb-base-date-picker-date--first": l.first,
@@ -356,11 +366,11 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
                     n("button", {
                       disabled: e.disabled,
                       id: l.buttonId,
-                      onClick: j,
+                      onClick: q,
                       class: "bb-base-date-picker-date__button",
                       type: "button"
-                    }, h(l.label), 9, Pe),
-                    N(e.$slots, "day", {
+                    }, p(l.label), 9, Ue),
+                    z(e.$slots, "day", {
                       first: l.first,
                       highlighted: l.highlighted,
                       item: l.original,
@@ -369,7 +379,7 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
                       middle: l.middle,
                       selected: l.selected
                     }),
-                    N(e.$slots, l.slotName, {
+                    z(e.$slots, l.slotName, {
                       first: l.first,
                       highlighted: l.highlighted,
                       item: l.original,
@@ -381,48 +391,45 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
                   ], 2))), 128))
                 ]))), 128))
               ])
-            ]))
+            ], 2))
           ]),
           _: 3
         }),
-        g(V, { name: "fade" }, {
-          default: w(() => [
-            k(n("div", He, [
-              (i(!0), u(S, null, M(U.value, (s) => (i(), u("button", {
-                key: s.key,
-                class: A({
+        k(g, { name: "fade" }, {
+          default: V(() => [
+            b.value === "month" ? (i(), u("div", Ge, [
+              (i(!0), u(w, null, O(G.value, (o) => (i(), u("button", {
+                key: o.key,
+                class: M({
                   "bb-base-date-picker__month-selector-month": !0,
-                  "bb-base-date-picker__month-selector-month--selected": s.selected
+                  "bb-base-date-picker__month-selector-month--selected": o.selected
                 }),
-                onClick: s.handler,
+                onClick: o.handler,
                 disabled: e.disabled,
                 type: "button"
-              }, h(s.text), 11, je))), 128))
-            ], 512), [
-              [O, m.value === "month"]
-            ])
+              }, p(o.text), 11, Je))), 128))
+            ])) : D("", !0)
           ]),
           _: 1
         }),
-        g(V, { name: "fade" }, {
-          default: w(() => [
-            k(n("div", {
+        k(g, { name: "fade" }, {
+          default: V(() => [
+            b.value === "year" ? (i(), u("div", {
+              key: 0,
               class: "bb-base-date-picker__year-selector",
               ref_key: "yearSelector",
-              ref: Y
+              ref: A
             }, [
-              (i(!0), u(S, null, M(Q.value, (s) => (i(), u("button", {
-                key: s.key,
-                class: A({
+              (i(!0), u(w, null, O(Z.value, (o) => (i(), u("button", {
+                key: o.key,
+                class: M({
                   "bb-base-date-picker__year-selector-year": !0,
-                  "bb-base-date-picker__year-selector-year--selected": s.selected
+                  "bb-base-date-picker__year-selector-year--selected": o.selected
                 }),
-                onClick: s.handler,
+                onClick: o.handler,
                 disabled: e.disabled
-              }, h(s.text), 11, qe))), 128))
-            ], 512), [
-              [O, m.value === "year"]
-            ])
+              }, p(o.text), 11, Ke))), 128))
+            ], 512)) : D("", !0)
           ]),
           _: 1
         })
@@ -431,6 +438,6 @@ const me = { class: "bb-base-date-picker__header" }, he = ["disabled"], pe = /*
   }
 });
 export {
-  tt as default
+  st as default
 };
 //# sourceMappingURL=index8.js.map