bitboss-ui 2.0.3 → 2.0.4

package/dist/index18.js

@@ -1,526 +1,220 @@
-import { defineComponent as Ve, ref as k, computed as p, watch as F, nextTick as U, openBlock as d, createElementBlock as u, mergeProps as Se, createElementVNode as r, createTextVNode as De, toDisplayString as f, unref as y, withDirectives as q, createVNode as V, Transition as S, withCtx as D, vShow as j, createCommentVNode as Y, normalizeClass as g, Fragment as w, renderList as O, renderSlot as G } from "vue";
-import i from "./index209.js";
-import Me from "./index222.js";
-import Ae from "./index223.js";
-import xe from "./index211.js";
-import Ce from "./index224.js";
-import Ye from "./index225.js";
-import { groupBy as J } from "./index226.js";
-import { isNil as Be } from "./index124.js";
-import { last as Q } from "./index213.js";
-const Ie = { class: "bb-base-date-picker__header" }, Ee = ["disabled"], Ne = /* @__PURE__ */ r("span", null, null, -1), Te = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, Le = { class: "bb-base-date-picker__weekday" }, Re = { class: "bb-base-date-picker__monthday" }, We = ["disabled"], ze = { class: "bb-base-date-picker__small-month-selector" }, Pe = ["disabled"], $e = /* @__PURE__ */ r("svg", {
-  viewBox: "0 0 24 24",
+import { defineComponent as $, ref as f, watch as N, openBlock as u, createElementBlock as _, createVNode as n, createElementVNode as l, unref as m, withCtx as i, createTextVNode as Y, toDisplayString as x, createBlock as h, createCommentVNode as k } from "vue";
+/* empty css       */
+import p from "./index12.js";
+/* empty css        */
+import s from "./index206.js";
+import z from "./index209.js";
+import U from "./index210.js";
+import W from "./index208.js";
+import E from "./index224.js";
+import T from "./index225.js";
+import { hash as g } from "./index226.js";
+import { last as j } from "./index212.js";
+import { useLogger as H } from "./index221.js";
+import P from "./index227.js";
+/* empty css         */
+import Z from "./index229.js";
+import q from "./index230.js";
+import w from "./index231.js";
+import F from "./index232.js";
+const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__body" }, J = { class: "bb-base-date-picker__controls" }, K = /* @__PURE__ */ l("span", null, "Seleziona un mese", -1), Q = /* @__PURE__ */ l("svg", {
+  fill: "none",
+  height: "6",
+  viewBox: "0 0 10 6",
+  width: "10",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ r("path", {
-    d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
+  /* @__PURE__ */ l("path", {
+    d: "M5.24124 5.81871L9.52771 1.39839C9.79517 1.12257 9.63305 0.595276 9.28077 0.595276H0.707839C0.355562 0.595276 0.193433 1.12257 0.460901 1.39839L4.74736 5.81871C4.88946 5.96524 5.09914 5.96524 5.24124 5.81871Z",
     fill: "currentColor"
   })
-], -1), He = /* @__PURE__ */ r("span", null, "Vai indietro di un mese", -1), Ke = [
-  $e,
-  He
-], Fe = ["disabled"], Ue = ["disabled"], qe = {
-  style: { transform: "rotate(180deg)" },
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, je = /* @__PURE__ */ r("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), Ge = [
-  je
-], Je = /* @__PURE__ */ r("span", null, "Vai avanti di un mese", -1), Qe = { class: "bb-base-date-picker__small-year-selector" }, Xe = ["disabled"], Ze = /* @__PURE__ */ r("svg", {
+], -1), R = /* @__PURE__ */ l("span", null, "Seleziona anno", -1), X = /* @__PURE__ */ l("svg", {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ r("path", {
+  /* @__PURE__ */ l("path", {
     d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
     fill: "currentColor"
   })
-], -1), et = /* @__PURE__ */ r("span", null, "Vai indietro di un anno", -1), tt = [
-  Ze,
-  et
-], at = ["disabled"], st = ["disabled"], lt = {
+], -1), ee = /* @__PURE__ */ l("span", null, "Vai indietro di un mese", -1), te = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, ot = /* @__PURE__ */ r("path", {
+}, ae = /* @__PURE__ */ l("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), rt = [
-  ot
-], nt = /* @__PURE__ */ r("span", null, "Vai avanti di un anno", -1), it = {
-  key: 0,
-  style: { height: "32px" }
-}, dt = { class: "bb-base-date-picker-calendar" }, ut = { class: "bb-base-date-picker-header-container" }, ct = ["abbr"], bt = ["id", "disabled", "tabindex"], mt = {
-  key: 0,
-  class: "bb-base-date-picker__month-selector"
-}, ft = ["disabled", "onClick"], pt = ["disabled", "onClick"], Dt = /* @__PURE__ */ Ve({
+}, null, -1), oe = [
+  ae
+], le = /* @__PURE__ */ l("span", null, "Vai avanti di un mese", -1), re = { class: "bb-base-date-picker__content" }, Me = /* @__PURE__ */ $({
   __name: "BaseDatePicker",
   props: {
     disabled: { type: Boolean },
+    header: { type: Boolean },
     firstDayOfWeek: { default: 1 },
     max: {},
     min: {},
     modelValue: {},
     multiple: { type: Boolean },
     range: { type: Boolean },
-    readonly: {},
-    selectable: {},
-    width: { default: 290 }
+    readonly: { type: Boolean },
+    selectable: {}
   },
   emits: ["update:modelValue"],
-  setup(X, { expose: Z, emit: ee }) {
-    i.extend(Ye), i.extend(Ce), i.extend(Me), i.extend(Ae), i.locale(xe);
-    const s = X, m = ee;
-    if (i.updateLocale("it", {
-      weekStart: s.firstDayOfWeek
-    }), s.multiple && s.range)
-      throw new Error("Date picker cannot be both multiple and range");
-    const M = k(null), b = k("day"), B = k(null);
-    let A = k(i());
-    Array.isArray(s.modelValue) ? s.modelValue.length && (A.value = i(Q(s.modelValue))) : s.modelValue && (A.value = i(s.modelValue));
-    let a = k(A.value.clone());
-    const te = p(() => a.value.month());
-    F(
-      [a],
-      async () => {
-        var t;
-        await U();
-        const e = (t = M.value) == null ? void 0 : t.querySelector(
-          ".bb-base-date-picker-date--current button"
-        );
-        e instanceof HTMLElement && e.focus();
-      },
-      { flush: "post" }
-    );
-    const ae = p(() => new Array(7).fill("").map((e, t) => i().day((t + s.firstDayOfWeek) % 7)).map((e) => {
-      const t = _.value.selected(e);
-      return {
-        accessibleLabel: e.format("dddd"),
-        label: e.format("dd").slice(0, 1).toUpperCase(),
-        id: e.toISOString(),
-        original: e,
-        selected: t
-      };
-    })), I = p(() => {
-      let e = a.value.clone().startOf("month"), t = e.clone().startOf("week"), n = a.value.clone().endOf("month").clone().endOf("week"), l = i().startOf("day"), h = i(a.value).startOf("day"), z = [];
-      const ve = e.month();
-      for (let c = t; c.isBefore(n); c = c.add(1, "day"))
-        z.push(c.clone());
-      return z.map((c) => {
-        var H;
-        const x = c.toISOString();
-        let C = !!_.value.selected(c);
-        if (s.range && ((H = s.modelValue) == null ? void 0 : H.length) === 2) {
-          const K = c.valueOf();
-          C = _.value.min <= K && _.value.max >= K;
-        }
-        const P = !!(_.value.isFirstOfRange(c) && s.range), $ = !!(_.value.isLastOfRange(c) && s.range), _e = !!(C && !P && !$ && s.range), ke = c.month() === ve, ge = c.isSame(l), we = c.isSame(h), Oe = v(c);
-        return {
-          buttonId: "date_" + x,
-          current: we,
-          disabled: Oe,
-          first: P,
-          highlighted: ke,
-          id: x,
-          label: c.get("D").toString(),
-          last: $,
-          middle: _e,
-          original: c,
-          selected: C,
-          slotName: x,
-          today: ge
-        };
-      });
-    }), v = (e) => {
-      let t = !0;
-      return s.min && t && (t = e.isSameOrAfter(i(s.min).startOf("day"))), s.max && t && (t = e.isSameOrBefore(i(s.max).startOf("day"))), typeof s.selectable == "function" && t && (t = s.selectable(e.toDate())), !t;
-    }, se = p(() => J(I.value, (e) => e.id)), le = p(() => J(
-      I.value,
-      (t) => t.original.week().toString()
-    )), _ = p(() => {
-      let e = 1 / 0, t = -1 / 0, o = {};
-      return s.modelValue && [].concat(s.modelValue).map((l) => i(l).startOf("day")).map((l) => l.valueOf()).forEach((l, h) => {
-        l < e && (e = l), l > t && (t = l), o[l] = h;
-      }), {
-        min: e,
-        max: t,
-        index: (n) => o[n.valueOf()],
-        selected: (n) => !Be(o[n.valueOf()]),
-        isFirstOfRange: (n) => n.valueOf() === e,
-        isLastOfRange: (n) => n.valueOf() === t
-      };
-    }), oe = (e) => {
-      if (e.target instanceof HTMLButtonElement) {
-        const [, t] = e.target.id.split("_"), o = se.value[t][0];
-        re(o);
-      }
-    }, re = (e) => {
-      if (!s.readonly)
-        if (a.value = e.original, s.range)
-          if (s.modelValue && Array.isArray(s.modelValue))
-            if (s.modelValue.length !== 1)
-              m("update:modelValue", [e.original.toISOString()]);
-            else if (s.modelValue.length) {
-              let [t, o] = [i(s.modelValue[0]), e.original].sort(
-                (l, h) => l.valueOf > h.valueOf ? 1 : l.valueOf() < h.valueOf() ? -1 : 0
-              );
-              const n = [t, o].map((l) => l.toISOString());
-              m("update:modelValue", n);
-            } else {
-              const t = [
-                ...s.modelValue,
-                e.original.toISOString()
-              ];
-              m("update:modelValue", t);
-            }
-          else
-            throw new Error(
-              "Date picker is set to range but modelValue is not an array."
-            );
-        else if (s.multiple)
-          if (s.modelValue && Array.isArray(s.modelValue))
-            if (!e.selected)
-              m(
-                "update:modelValue",
-                [...s.modelValue, e.original.toISOString()].sort(
-                  (t, o) => t < o ? -1 : t > o ? 1 : 0
-                )
-              );
-            else {
-              const t = e.original.toISOString(), o = s.modelValue.filter((n) => n !== t);
-              m("update:modelValue", o);
-            }
-          else
-            throw new Error(
-              "datepicker is set to multiple but modelValue is not an array."
-            );
-        else
-          e.selected ? m("update:modelValue", null) : m("update:modelValue", e.original.toISOString());
-    }, ne = p(() => {
-      const e = a.value.month();
-      return new Array(12).fill(a.value.clone().startOf("year")).map((t, o) => t.add(o, "month")).map((t) => ({
-        text: t.format("MMMM"),
-        key: t.unix(),
-        selected: t.month() === e,
-        handler: () => be(t)
-      }));
-    }), ie = () => {
-      a.value = a.value.subtract(1, "day");
-    }, de = () => {
-      a.value = a.value.add(1, "day");
-    }, ue = () => {
-      a.value = a.value.subtract(1, "week");
-    }, ce = () => {
-      a.value = a.value.add(1, "week");
-    }, E = () => {
-      a.value = a.value.subtract(1, "month");
-    }, N = () => {
-      a.value = a.value.add(1, "month");
-    }, be = (e) => {
-      const t = e.get("month"), o = a.value.set("month", t);
-      s.modelValue && !Array.isArray(s.modelValue) ? v(o) ? a.value = o : m("update:modelValue", o.toISOString()) : a.value = o, b.value = "day";
-    }, T = async () => {
-      var t;
-      b.value = "year", await U();
-      const e = (t = B.value) == null ? void 0 : t.querySelector(
-        ".bb-base-date-picker__year-selector-year--selected"
-      );
-      e && e.scrollIntoView({ block: "center", inline: "center" });
-    }, me = () => b.value = "day", fe = p(() => {
-      const e = a.value.year(), t = new Array(100).fill(a.value.clone()).map(
-        (n, l, h) => n.year(e - h.length + l)
-      ), o = new Array(100).fill(a.value.clone()).map((n, l) => n.year(e + l + 1));
-      return t.concat(a.value.clone()).concat(o).map((n) => ({
-        text: n.format("YYYY"),
-        key: n.unix(),
-        selected: n.year() === e,
-        handler: () => pe(n)
-      }));
-    }), L = () => {
-      const e = a.value.subtract(1, "year");
-      s.modelValue && !Array.isArray(s.modelValue) ? v(e) ? a.value = e : m("update:modelValue", e.toISOString()) : a.value = e;
-    }, R = () => {
-      const e = a.value.add(1, "year");
-      s.modelValue && !Array.isArray(s.modelValue) ? v(e) ? a.value = e : m("update:modelValue", e.toISOString()) : a.value = e;
-    }, pe = (e) => {
-      const t = e.get("year"), o = a.value.set("year", t);
-      s.modelValue && !Array.isArray(s.modelValue) ? v(o) ? a.value = o : m("update:modelValue", o.toISOString()) : a.value = o, b.value = "month";
-    };
-    F(
-      () => s.modelValue,
-      (e) => {
-        e && W(e);
-      }
-    );
-    const he = p(() => {
-      const e = {
-        "bb-base-date-picker": !0,
-        "bb-base-date-picker--readonly": s.readonly,
-        "bb-base-date-picker--disabled": s.disabled
-      };
-      let t;
-      return typeof s.width == "string" && Number.isNaN(Number(s.width)) ? t = s.width : t = `${s.width}px`, {
-        class: e,
-        style: {
-          width: t
-        }
-      };
-    }), ye = (e) => {
-      switch (e.key) {
-        case "ArrowRight": {
-          de();
-          break;
-        }
-        case "ArrowLeft": {
-          ie();
-          break;
-        }
-        case "ArrowUp": {
-          e.preventDefault(), ue();
-          break;
-        }
-        case "ArrowDown": {
-          e.preventDefault(), ce();
-          break;
-        }
-        case "End": {
-          e.preventDefault(), a.value = a.value.endOf("week").startOf("day");
-          break;
-        }
-        case "Home": {
-          e.preventDefault(), a.value = a.value.startOf("week").startOf("day");
-          break;
-        }
-        case "PageUp": {
-          e.preventDefault(), e.shiftKey ? L() : E();
-          break;
-        }
-        case "PageDown": {
-          e.preventDefault(), e.shiftKey ? R() : N();
-          break;
-        }
-      }
-    }, W = (e) => {
+  setup(V, { expose: C, emit: B }) {
+    s.extend(T), s.extend(E), s.extend(z), s.extend(U), s.locale(W);
+    const M = B, a = V;
+    s.updateLocale("it", {
+      weekStart: a.firstDayOfWeek
+    });
+    const b = H();
+    a.multiple && a.range && b.throw("Date picker cannot be both multiple and range."), (a.multiple || a.range) && (Array.isArray(a.modelValue) || b.throw(
+      "Date picker is set to select multiple dates but modelValue is not an array."
+    ));
+    const t = f(s()), v = (e) => {
       if (e)
         if (Array.isArray(e)) {
           if (e.length) {
-            if (e.map((o) => i(o).valueOf()).includes(a.value.valueOf()))
+            if (e.map((d) => s(d).valueOf()).includes(t.value.valueOf()))
               return;
-            a.value = i(Q(e));
+            t.value = s(j(e)).startOf("day");
             return;
           }
         } else
-          a.value = i(e);
+          t.value = s(e).startOf("day");
       else
-        a.value = i();
+        t.value = s().startOf("day");
+    };
+    v(a.modelValue);
+    const o = f("day"), y = (e) => {
+      o.value === e ? o.value = "day" : o.value = e;
+    }, O = (e) => {
+      t.value = t.value.set("month", e);
+    }, S = () => {
+      t.value = t.value.add(1, "month");
+    }, A = () => {
+      t.value = t.value.subtract(1, "month");
+    }, D = (e) => {
+      t.value = t.value.set("year", e);
+    }, c = f(a.modelValue), L = (e) => {
+      c.value = e, M("update:modelValue", e);
     };
-    return Z({ calendar: M, setSelectionModeToDay: me, isDateDisabled: v, setCursor: W }), (e, t) => (d(), u("div", Se(he.value, {
-      ref_key: "calendar",
-      ref: M
-    }), [
-      r("div", Ie, [
-        r("div", null, [
-          r("button", {
-            "aria-live": "polite",
-            class: "bb-base-date-picker__year-button",
-            disabled: e.disabled,
-            type: "button",
-            onClick: T
-          }, [
-            De(f(y(a).format("YYYY")) + " ", 1),
-            Ne
-          ], 8, Ee)
+    return N(
+      () => a.modelValue,
+      () => {
+        g(a.modelValue) !== g(c.value) && (c.value = a.modelValue, v(a.modelValue));
+      }
+    ), C({
+      resetStatus: () => {
+        o.value = "day";
+      }
+    }), (e, r) => (u(), _("div", G, [
+      n(Z, {
+        cursor: t.value,
+        disabled: !!e.disabled,
+        hidden: !e.header
+      }, null, 8, ["cursor", "disabled", "hidden"]),
+      l("div", I, [
+        l("div", J, [
+          n(m(p), {
+            class: "bb-base-date-picker__left-control bb-base-date-picker__month-control",
+            onClick: r[0] || (r[0] = (d) => y("month"))
+          }, {
+            default: i(() => [
+              Y(x(t.value.format("MMMM YYYY")) + " ", 1),
+              K
+            ]),
+            _: 1
+          }),
+          n(m(p), {
+            class: "bb-base-date-picker__left-control bb-base-date-picker__year-control",
+            onClick: r[1] || (r[1] = (d) => y("year"))
+          }, {
+            default: i(() => [
+              Q,
+              R
+            ]),
+            _: 1
+          }),
+          n(m(p), {
+            class: "bb-base-date-picker__previous-month-button",
+            disabled: e.disabled || o.value !== "day",
+            onClick: A
+          }, {
+            default: i(() => [
+              X,
+              ee
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          n(m(p), {
+            class: "bb-base-date-picker__next-month-button",
+            disabled: e.disabled || o.value !== "day",
+            onClick: S
+          }, {
+            default: i(() => [
+              (u(), _("svg", te, oe)),
+              le
+            ]),
+            _: 1
+          }, 8, ["disabled"])
         ]),
-        r("div", Te, [
-          r("span", Le, f(y(a).format("ddd")) + ", ", 1),
-          r("span", Re, f(y(a).format("DD")), 1),
-          r("button", {
-            class: "bb-base-date-picker__month-button",
-            disabled: e.disabled,
-            type: "button",
-            onClick: t[0] || (t[0] = (o) => b.value = "month")
-          }, f(y(a).format("MMMM")), 9, We)
-        ])
-      ]),
-      q(r("div", ze, [
-        r("button", {
-          class: "bb-base-date-picker__previous-month-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: E
-        }, Ke, 8, Pe),
-        V(S, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: D(() => [
-            (d(), u("button", {
-              key: y(a).month(),
-              "aria-live": "polite",
-              class: "bb-base-date-picker__current-month-button",
-              disabled: e.disabled,
-              type: "button",
-              onClick: t[1] || (t[1] = (o) => b.value = "month")
-            }, f(y(a).format("MMMM")), 9, Fe))
-          ]),
-          _: 1
-        }),
-        r("button", {
-          class: "bb-base-date-picker__next-month-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: N
-        }, [
-          (d(), u("svg", qe, Ge)),
-          Je
-        ], 8, Ue)
-      ], 512), [
-        [j, b.value === "day"]
-      ]),
-      q(r("div", Qe, [
-        r("button", {
-          class: "bb-base-date-picker__previous-year-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: L
-        }, tt, 8, Xe),
-        V(S, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: D(() => [
-            (d(), u("button", {
-              key: y(a).year(),
-              "aria-live": "polite",
-              class: "bb-base-date-picker__current-year-button",
-              disabled: e.disabled,
-              type: "button",
-              onClick: T
-            }, f(y(a).format("YYYY")), 9, at))
-          ]),
-          _: 1
-        }),
-        r("button", {
-          class: "bb-base-date-picker__next-year-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: R
-        }, [
-          (d(), u("svg", lt, rt)),
-          nt
-        ], 8, st)
-      ], 512), [
-        [j, b.value === "month"]
-      ]),
-      b.value === "year" ? (d(), u("div", it)) : Y("", !0),
-      r("div", dt, [
-        (d(), u("div", {
-          key: te.value,
-          class: g(["bb-base-date-picker-month", { invisible: b.value !== "day" }])
-        }, [
-          r("div", ut, [
-            (d(!0), u(w, null, O(ae.value, (o) => (d(), u("div", {
-              key: o.id,
-              class: "bb-base-date-picker-header",
-              abbr: o.accessibleLabel
-            }, f(o.label), 9, ct))), 128))
-          ]),
-          r("div", { onKeydown: ye }, [
-            (d(!0), u(w, null, O(le.value, (o, n) => (d(), u("div", {
-              key: n,
-              class: "bb-base-date-picker-week"
-            }, [
-              (d(!0), u(w, null, O(o, (l) => (d(), u("div", {
-                key: l.id,
-                class: g({
-                  "bb-base-date-picker-date--current": l.current,
-                  "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--today": l.today,
-                  "bb-base-date-picker-date": !0
+        l("div", re, [
+          n(P, {
+            current: o.value === "day",
+            cursor: t.value,
+            disabled: !!e.disabled,
+            "first-day-of-week": e.firstDayOfWeek,
+            inert: o.value !== "day",
+            max: e.max,
+            min: e.min,
+            "model-value": e.modelValue,
+            multiple: e.multiple,
+            range: e.range,
+            readonly: e.readonly,
+            selectable: e.selectable,
+            "onUpdate:cursor": r[2] || (r[2] = (d) => t.value = d),
+            "onUpdate:modelValue": L
+          }, null, 8, ["current", "cursor", "disabled", "first-day-of-week", "inert", "max", "min", "model-value", "multiple", "range", "readonly", "selectable"]),
+          n(w, {
+            direction: "right",
+            duration: 500,
+            gap: 30
+          }, {
+            default: i(() => [
+              o.value === "month" ? (u(), h(q, {
+                key: 0,
+                cursor: t.value,
+                disabled: !!e.disabled,
+                "onUpdate:month": r[3] || (r[3] = (d) => {
+                  O(d), o.value = "day";
                 })
-              }, [
-                r("button", {
-                  id: l.buttonId,
-                  class: g("bb-base-date-picker-date__button"),
-                  disabled: e.disabled || l.disabled,
-                  type: "button",
-                  tabindex: Number(l.current) - 1,
-                  onClick: oe
-                }, f(l.label), 9, bt),
-                G(e.$slots, "day", {
-                  first: l.first,
-                  highlighted: l.highlighted,
-                  item: l.original,
-                  label: l.label,
-                  last: l.last,
-                  middle: l.middle,
-                  selected: l.selected
-                }),
-                G(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
+              }, null, 8, ["cursor", "disabled"])) : k("", !0)
+            ]),
+            _: 1
+          }),
+          n(w, {
+            direction: "top",
+            duration: 500,
+            gap: 30
+          }, {
+            default: i(() => [
+              o.value === "year" ? (u(), h(F, {
+                key: 0,
+                cursor: t.value,
+                disabled: !!e.disabled,
+                "onUpdate:year": r[4] || (r[4] = (d) => {
+                  D(d), o.value = "day";
                 })
-              ], 2))), 128))
-            ]))), 128))
-          ], 32)
-        ], 2)),
-        V(S, { name: "fade" }, {
-          default: D(() => [
-            b.value === "month" ? (d(), u("div", mt, [
-              (d(!0), u(w, null, O(ne.value, (o) => (d(), u("button", {
-                key: o.key,
-                class: g({
-                  "bb-base-date-picker__month-selector-month": !0,
-                  "bb-base-date-picker__month-selector-month--selected": o.selected
-                }),
-                disabled: e.disabled,
-                type: "button",
-                onClick: o.handler
-              }, f(o.text), 11, ft))), 128))
-            ])) : Y("", !0)
-          ]),
-          _: 1
-        }),
-        V(S, { name: "fade" }, {
-          default: D(() => [
-            b.value === "year" ? (d(), u("div", {
-              key: 0,
-              ref_key: "yearSelector",
-              ref: B,
-              class: "bb-base-date-picker__year-selector"
-            }, [
-              (d(!0), u(w, null, O(fe.value, (o) => (d(), u("button", {
-                key: o.key,
-                class: g({
-                  "bb-base-date-picker__year-selector-year": !0,
-                  "bb-base-date-picker__year-selector-year--selected": o.selected
-                }),
-                disabled: e.disabled,
-                onClick: o.handler
-              }, f(o.text), 11, pt))), 128))
-            ], 512)) : Y("", !0)
-          ]),
-          _: 1
-        })
+              }, null, 8, ["cursor", "disabled"])) : k("", !0)
+            ]),
+            _: 1
+          })
+        ])
       ])
-    ], 16));
+    ]));
   }
 });
 export {
-  Dt as default
+  Me as default
 };
 //# sourceMappingURL=index18.js.map