bitboss-ui 0.2.76 → 1.0.0

package/dist/index15.js

@@ -1,458 +1,2 @@
-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 "./index202.js";
-import he from "./index209.js";
-import ye from "./index210.js";
-import _e from "./index203.js";
-import ve from "./index211.js";
-import ke from "./index212.js";
-import { groupBy as F } from "./index213.js";
-import { isNil as ge } from "./index120.js";
-import { last as P } from "./index205.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"
-}, [
-  /* @__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"
-  })
-], -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"
-}, 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), 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"
-}, [
-  /* @__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"
-  })
-], -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"
-}, 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), Je = [
-  Ge
-], Ke = /* @__PURE__ */ i("span", null, "Vai avanti di un anno", -1), Qe = {
-  key: 0,
-  style: { height: "32px" }
-}, 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"
-}, at = ["disabled", "onClick"], lt = ["disabled", "onClick"], ft = /* @__PURE__ */ ce({
-  __name: "BaseDatePicker",
-  props: {
-    disabled: { type: Boolean },
-    firstDayOfWeek: { default: 1 },
-    max: {},
-    min: {},
-    modelValue: {},
-    multiple: { type: Boolean },
-    range: { type: Boolean },
-    readonly: {},
-    selectable: {},
-    width: { default: 290 }
-  },
-  emits: ["update:modelValue"],
-  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 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
-      };
-    })), 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_" + D,
-          disabled: ue,
-          first: T,
-          highlighted: de,
-          id: D,
-          label: c.get("D").toString(),
-          last: N,
-          middle: re,
-          original: c,
-          selected: A,
-          slotName: D
-        };
-      });
-    }), _ = (e) => {
-      let a = !0;
-      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()
-    )), 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) => s[n.valueOf()],
-        selected: (n) => !ge(s[n.valueOf()]),
-        isFirstOfRange: (n) => n.valueOf() === e,
-        isLastOfRange: (n) => n.valueOf() === a
-      };
-    }), K = (e) => {
-      if (e.target instanceof HTMLButtonElement) {
-        const [, a] = e.target.id.split("_"), s = G.value[a][0];
-        Q(s);
-      }
-    }, 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, s] = [u(t.modelValue[0]), e.original].sort(
-                (l, h) => l.valueOf > h.valueOf ? 1 : l.valueOf() < h.valueOf() ? -1 : 0
-              );
-              const n = [a, s].map((l) => l.toISOString());
-              m("update:modelValue", n);
-            } else {
-              const a = [
-                ...t.modelValue,
-                e.original.toISOString()
-              ];
-              m("update:modelValue", a);
-            }
-          else
-            throw new Error(
-              "Date picker is set to range but modelValue is not an array."
-            );
-        else if (t.multiple)
-          if (t.modelValue && Array.isArray(t.modelValue))
-            if (!e.selected)
-              m(
-                "update:modelValue",
-                [...t.modelValue, e.original.toISOString()].sort(
-                  (a, s) => a < s ? -1 : a > s ? 1 : 0
-                )
-              );
-            else {
-              const a = e.original.toISOString(), s = t.modelValue.filter((n) => n !== a);
-              m("update:modelValue", s);
-            }
-          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());
-    }, X = y(() => {
-      const e = o.value.month();
-      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: () => te(a)
-      }));
-    }), Z = () => {
-      o.value = o.value.subtract(1, "month");
-    }, ee = () => {
-      o.value = o.value.add(1, "month");
-    }, 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 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" });
-    }, ae = () => b.value = "day", le = y(() => {
-      const e = o.value.year(), a = new Array(100).fill(o.value.clone()).map(
-        (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: () => ie(n)
-      }));
-    }), 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;
-    }, 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;
-    }, 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";
-    };
-    be(
-      () => t.modelValue,
-      () => {
-        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 ne = y(() => {
-      const e = {
-        "bb-base-date-picker": !0,
-        "bb-base-date-picker--readonly": t.readonly,
-        "bb-base-date-picker--disabled": t.disabled
-      };
-      let a;
-      return typeof t.width == "string" && Number.isNaN(Number(t.width)) ? a = t.width : a = `${t.width}px`, {
-        class: e,
-        style: {
-          width: a
-        }
-      };
-    });
-    return j({ calendar: Y, setSelectionModeToDay: ae, isDateDisabled: _ }), (e, a) => (r(), d("div", me(ne.value, {
-      ref_key: "calendar",
-      ref: Y
-    }), [
-      i("div", Ve, [
-        i("div", null, [
-          i("button", {
-            "aria-live": "polite",
-            class: "bb-base-date-picker__year-button",
-            disabled: e.disabled,
-            type: "button",
-            onClick: E
-          }, [
-            fe(f(p(o).format("YYYY")) + " ", 1),
-            Oe
-          ], 8, we)
-        ]),
-        i("div", Se, [
-          i("span", Me, f(p(o).format("ddd")) + ", ", 1),
-          i("span", xe, f(p(o).format("DD")), 1),
-          i("button", {
-            class: "bb-base-date-picker__month-button",
-            disabled: e.disabled,
-            type: "button",
-            onClick: a[0] || (a[0] = (s) => b.value = "month")
-          }, f(p(o).format("MMMM")), 9, De)
-        ])
-      ]),
-      R(i("div", Ae, [
-        i("button", {
-          class: "bb-base-date-picker__previous-month-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: Z
-        }, Ie, 8, Ce),
-        g(V, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: w(() => [
-            (r(), d("button", {
-              key: p(o).month(),
-              "aria-live": "polite",
-              class: "bb-base-date-picker__current-month-button",
-              disabled: e.disabled,
-              type: "button",
-              onClick: a[1] || (a[1] = (s) => b.value = "month")
-            }, f(p(o).format("MMMM")), 9, Ee))
-          ]),
-          _: 1
-        }),
-        i("button", {
-          class: "bb-base-date-picker__next-month-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: ee
-        }, [
-          (r(), d("svg", Ne, ze)),
-          Re
-        ], 8, Te)
-      ], 512), [
-        [W, b.value === "day"]
-      ]),
-      R(i("div", We, [
-        i("button", {
-          class: "bb-base-date-picker__previous-year-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: se
-        }, He, 8, $e),
-        g(V, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: w(() => [
-            (r(), d("button", {
-              key: p(o).year(),
-              "aria-live": "polite",
-              class: "bb-base-date-picker__current-year-button",
-              disabled: e.disabled,
-              type: "button",
-              onClick: E
-            }, f(p(o).format("YYYY")), 9, je))
-          ]),
-          _: 1
-        }),
-        i("button", {
-          class: "bb-base-date-picker__next-year-button",
-          disabled: e.disabled,
-          type: "button",
-          onClick: oe
-        }, [
-          (r(), d("svg", Ue, Je)),
-          Ke
-        ], 8, qe)
-      ], 512), [
-        [W, b.value === "month"]
-      ]),
-      b.value === "year" ? (r(), d("div", Qe)) : C("", !0),
-      i("div", Xe, [
-        g(V, {
-          mode: "out-in",
-          name: "fade"
-        }, {
-          default: w(() => [
-            (r(), d("div", {
-              key: p(o).month(),
-              class: M(["bb-base-date-picker-month", { invisible: b.value !== "day" }])
-            }, [
-              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(s.label), 1))), 128))
-              ]),
-              i("div", null, [
-                (r(!0), d(O, null, S(J.value, (s, n) => (r(), d("div", {
-                  key: n,
-                  class: "bb-base-date-picker-week"
-                }, [
-                  (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", {
-                      id: l.buttonId,
-                      class: "bb-base-date-picker-date__button",
-                      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
-                    }),
-                    $(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))
-              ])
-            ], 2))
-          ]),
-          _: 3
-        }),
-        g(V, { name: "fade" }, {
-          default: w(() => [
-            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": s.selected
-                }),
-                disabled: e.disabled,
-                type: "button",
-                onClick: s.handler
-              }, f(s.text), 11, at))), 128))
-            ])) : C("", !0)
-          ]),
-          _: 1
-        }),
-        g(V, { name: "fade" }, {
-          default: w(() => [
-            b.value === "year" ? (r(), d("div", {
-              key: 0,
-              ref_key: "yearSelector",
-              ref: B,
-              class: "bb-base-date-picker__year-selector"
-            }, [
-              (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": s.selected
-                }),
-                disabled: e.disabled,
-                onClick: s.handler
-              }, f(s.text), 11, lt))), 128))
-            ], 512)) : C("", !0)
-          ]),
-          _: 1
-        })
-      ])
-    ], 16));
-  }
-});
-export {
-  ft as default
-};
+
 //# sourceMappingURL=index15.js.map

package/dist/index15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index15.js","sources":["../src/components/BaseDatePicker/BaseDatePicker.vue"],"sourcesContent":["<template>\n\t<div v-bind=\"containerAttributes\" ref=\"calendar\">\n\t\t<div class=\"bb-base-date-picker__header\">\n\t\t\t<div>\n\t\t\t\t<button\n\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\tclass=\"bb-base-date-picker__year-button\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=\"setSelectionModeToYear\"\n\t\t\t\t>\n\t\t\t\t\t{{ currentDate.format('YYYY') }} <span></span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div aria-live=\"polite\" class=\"bb-base-date-picker__selected-day-label\">\n\t\t\t\t<span class=\"bb-base-date-picker__weekday\"\n\t\t\t\t\t>{{ currentDate.format('ddd') }},\n\t\t\t\t</span>\n\t\t\t\t<span class=\"bb-base-date-picker__monthday\">{{\n\t\t\t\t\tcurrentDate.format('DD')\n\t\t\t\t}}</span>\n\t\t\t\t<button\n\t\t\t\t\tclass=\"bb-base-date-picker__month-button\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=\"selectionMode = 'month'\"\n\t\t\t\t>\n\t\t\t\t\t{{ currentDate.format('MMMM') }}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tv-show=\"selectionMode === 'day'\"\n\t\t\tclass=\"bb-base-date-picker__small-month-selector\"\n\t\t>\n\t\t\t<button\n\t\t\t\tclass=\"bb-base-date-picker__previous-month-button\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"decreaseMonth\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<span>Vai indietro di un mese</span>\n\t\t\t</button>\n\n\t\t\t<Transition mode=\"out-in\" name=\"fade\">\n\t\t\t\t<button\n\t\t\t\t\t:key=\"currentDate.month()\"\n\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\tclass=\"bb-base-date-picker__current-month-button\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=\"selectionMode = 'month'\"\n\t\t\t\t>\n\t\t\t\t\t{{ currentDate.format('MMMM') }}\n\t\t\t\t</button>\n\t\t\t</Transition>\n\n\t\t\t<button\n\t\t\t\tclass=\"bb-base-date-picker__next-month-button\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"increaseMonth\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tstyle=\"transform: rotate(180deg)\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<span>Vai avanti di un mese</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div\n\t\t\tv-show=\"selectionMode === 'month'\"\n\t\t\tclass=\"bb-base-date-picker__small-year-selector\"\n\t\t>\n\t\t\t<button\n\t\t\t\tclass=\"bb-base-date-picker__previous-year-button\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"decreaseYear\"\n\t\t\t>\n\t\t\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<span>Vai indietro di un anno</span>\n\t\t\t</button>\n\t\t\t<Transition mode=\"out-in\" name=\"fade\">\n\t\t\t\t<button\n\t\t\t\t\t:key=\"currentDate.year()\"\n\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\tclass=\"bb-base-date-picker__current-year-button\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t@click=\"setSelectionModeToYear\"\n\t\t\t\t>\n\t\t\t\t\t{{ currentDate.format('YYYY') }}\n\t\t\t\t</button>\n\t\t\t</Transition>\n\t\t\t<button\n\t\t\t\tclass=\"bb-base-date-picker__next-year-button\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"increaseYear\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tstyle=\"transform: rotate(180deg)\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<span>Vai avanti di un anno</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-if=\"selectionMode === 'year'\" style=\"height: 32px\"></div>\n\t\t<div class=\"bb-base-date-picker-calendar\">\n\t\t\t<Transition mode=\"out-in\" name=\"fade\">\n\t\t\t\t<div\n\t\t\t\t\t:key=\"currentDate.month()\"\n\t\t\t\t\tclass=\"bb-base-date-picker-month\"\n\t\t\t\t\t:class=\"{ invisible: selectionMode !== 'day' }\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"bb-base-date-picker-header-container\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for=\"header in mappedHeaders\"\n\t\t\t\t\t\t\t:key=\"header.id\"\n\t\t\t\t\t\t\tclass=\"bb-base-date-picker-header\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ header.label }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-for=\"(cells, id) in indexedRows\"\n\t\t\t\t\t\t\t:key=\"id\"\n\t\t\t\t\t\t\tclass=\"bb-base-date-picker-week\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tv-for=\"cell in cells\"\n\t\t\t\t\t\t\t\t:key=\"cell.id\"\n\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date--disabled':\n\t\t\t\t\t\t\t\t\t\tdisabled || cell.disabled,\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date--first': cell.first,\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date--highlighted': cell.highlighted,\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date--last': cell.last,\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date--middle': cell.middle,\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date--selected': cell.selected,\n\t\t\t\t\t\t\t\t\t'bb-base-date-picker-date': true,\n\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t:id=\"cell.buttonId\"\n\t\t\t\t\t\t\t\t\tclass=\"bb-base-date-picker-date__button\"\n\t\t\t\t\t\t\t\t\t:disabled=\"disabled || cell.disabled\"\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t@click=\"onButtonClick\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ cell.label }}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t\t:first=\"cell.first\"\n\t\t\t\t\t\t\t\t\t:highlighted=\"cell.highlighted\"\n\t\t\t\t\t\t\t\t\t:item=\"cell.original\"\n\t\t\t\t\t\t\t\t\t:label=\"cell.label\"\n\t\t\t\t\t\t\t\t\t:last=\"cell.last\"\n\t\t\t\t\t\t\t\t\t:middle=\"cell.middle\"\n\t\t\t\t\t\t\t\t\t:name=\"'day'\"\n\t\t\t\t\t\t\t\t\t:selected=\"cell.selected\"\n\t\t\t\t\t\t\t\t></slot>\n\t\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t\t:first=\"cell.first\"\n\t\t\t\t\t\t\t\t\t:highlighted=\"cell.highlighted\"\n\t\t\t\t\t\t\t\t\t:item=\"cell.original\"\n\t\t\t\t\t\t\t\t\t:label=\"cell.label\"\n\t\t\t\t\t\t\t\t\t:last=\"cell.last\"\n\t\t\t\t\t\t\t\t\t:middle=\"cell.middle\"\n\t\t\t\t\t\t\t\t\t:name=\"cell.slotName\"\n\t\t\t\t\t\t\t\t\t:selected=\"cell.selected\"\n\t\t\t\t\t\t\t\t></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Transition>\n\n\t\t\t<Transition name=\"fade\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"selectionMode === 'month'\"\n\t\t\t\t\tclass=\"bb-base-date-picker__month-selector\"\n\t\t\t\t>\n\t\t\t\t\t<button\n\t\t\t\t\t\tv-for=\"option in monthOptions\"\n\t\t\t\t\t\t:key=\"option.key\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-base-date-picker__month-selector-month': true,\n\t\t\t\t\t\t\t'bb-base-date-picker__month-selector-month--selected':\n\t\t\t\t\t\t\t\toption.selected,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t@click=\"option.handler\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ option.text }}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</Transition>\n\n\t\t\t<Transition name=\"fade\">\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"selectionMode === 'year'\"\n\t\t\t\t\tref=\"yearSelector\"\n\t\t\t\t\tclass=\"bb-base-date-picker__year-selector\"\n\t\t\t\t>\n\t\t\t\t\t<button\n\t\t\t\t\t\tv-for=\"option in yearOptions\"\n\t\t\t\t\t\t:key=\"option.key\"\n\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t'bb-base-date-picker__year-selector-year': true,\n\t\t\t\t\t\t\t'bb-base-date-picker__year-selector-year--selected':\n\t\t\t\t\t\t\t\toption.selected,\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t@click=\"option.handler\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ option.text }}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</Transition>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue';\nimport { default as dayjs } from 'dayjs';\nimport { default as isSameOrAfter } from 'dayjs/plugin/isSameOrAfter';\nimport { default as isSameOrBefore } from 'dayjs/plugin/isSameOrBefore';\nimport { default as it } from 'dayjs/locale/it';\nimport { default as updateLocale } from 'dayjs/plugin/updateLocale';\nimport { default as weekOfYear } from 'dayjs/plugin/weekOfYear';\nimport { groupBy } from '@/utilities/functions/groupBy';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { last } from '@/utilities/functions/last';\nimport type { Dayjs } from 'dayjs';\nimport type { InputHTMLAttributes } from 'vue';\n\ndayjs.extend(weekOfYear);\ndayjs.extend(updateLocale);\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\ndayjs.locale(it);\n\nexport type BaseDatePickerProps = {\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday\n\t */\n\tfirstDayOfWeek?: (typeof it)['weekStart'];\n\n\t/**\n\t * Maximum selectable date\n\t */\n\tmax?: Date | string | number;\n\n\t/**\n\t * Minimum selectable date\n\t */\n\tmin?: Date | string | number;\n\n\t/**\n\t * Used by v-model. Can be null, a single string, or an array of strings based on whether a range or single date is needed\n\t */\n\tmodelValue: string | string[] | null;\n\n\t/**\n\t * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Selects a range of dates between two dates. It selects all of the days between start and end\n\t */\n\trange?: boolean;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Function that accepts a `Date` object and returns a boolean. `false` meaning the date cannot be selected\n\t * @param date\n\t */\n\tselectable?: (date: Date) => boolean;\n\n\t/**\n\t * Width of the calendar\n\t */\n\twidth?: number | string;\n};\n\ntype Header = {\n\tid: string;\n\n\tlabel: string;\n\n\toriginal: Dayjs;\n};\n\ntype Cell = {\n\tbuttonId: string;\n\n\tdisabled: boolean;\n\n\tfirst: boolean;\n\n\thighlighted: boolean;\n\n\tid: string;\n\n\tlabel: string;\n\n\tlast: boolean;\n\n\tmiddle: boolean;\n\n\toriginal: Dayjs;\n\n\tselected: boolean;\n\n\tslotName: string;\n};\n\nconst props = withDefaults(defineProps<BaseDatePickerProps>(), {\n\twidth: 290,\n\tfirstDayOfWeek: 1,\n});\n\nconst emit = defineEmits(['update:modelValue']);\n\nexport type BaseDatePickerSlots = {\n\tday?: (props: {\n\t\tfirst: Cell['first'];\n\t\thighlighted: Cell['highlighted'];\n\t\titem: Cell['original'];\n\t\tlabel: Cell['label'];\n\t\tlast: Cell['last'];\n\t\tmiddle: Cell['middle'];\n\t\tselected: Cell['selected'];\n\t}) => any;\n} & {\n\t[key: string]: (props: {\n\t\tfirst: Cell['first'];\n\t\thighlighted: Cell['highlighted'];\n\t\titem: Cell['original'];\n\t\tlabel: Cell['label'];\n\t\tlast: Cell['last'];\n\t\tmiddle: Cell['middle'];\n\t\tselected: Cell['selected'];\n\t}) => any;\n};\n\ndefineSlots<BaseDatePickerSlots>();\n\ndayjs.updateLocale('it', {\n\tweekStart: props.firstDayOfWeek,\n});\n\nif (props.multiple && props.range) {\n\tthrow new Error('Date picker cannot be both multiple and range');\n}\n\nconst calendar = ref<HTMLElement | null>(null);\n\nconst selectionMode = ref('day');\nconst yearSelector = ref<HTMLElement | null>(null);\n\nlet initialDate = ref(dayjs());\n\nif (Array.isArray(props.modelValue)) {\n\tif (props.modelValue.length) {\n\t\tinitialDate.value = dayjs(last(props.modelValue));\n\t}\n} else if (props.modelValue) {\n\tinitialDate.value = dayjs(props.modelValue);\n}\n\nlet currentDate = ref(initialDate.value.clone());\n\nconst mappedHeaders = computed<Header[]>(() => {\n\treturn (\n\t\tnew Array(7)\n\t\t\t.fill('')\n\t\t\t// Sort days based on first day of the week\n\t\t\t.map((_, index) => dayjs().day((index + props.firstDayOfWeek) % 7))\n\t\t\t.map((day) => {\n\t\t\t\tconst selected = modelValueMetadata.value.selected(day);\n\t\t\t\treturn {\n\t\t\t\t\tlabel: day.format('dd').slice(0, 1).toUpperCase(),\n\t\t\t\t\tid: day.toISOString(),\n\t\t\t\t\toriginal: day,\n\t\t\t\t\tselected,\n\t\t\t\t};\n\t\t\t})\n\t);\n});\n\nconst displayedDates = computed<Cell[]>(() => {\n\tlet startOfMonth = currentDate.value.clone().startOf('month');\n\tlet firstValueToDisplay = startOfMonth.clone().startOf('week');\n\tlet endOfMonth = currentDate.value.clone().endOf('month');\n\tlet lastValueToDisplay = endOfMonth.clone().endOf('week');\n\n\tlet datesInPage: Dayjs[] = [];\n\tconst monthValue = startOfMonth.month();\n\tfor (\n\t\tlet index = firstValueToDisplay;\n\t\tindex.isBefore(lastValueToDisplay);\n\t\tindex = index.add(1, 'day')\n\t) {\n\t\tdatesInPage.push(index.clone());\n\t}\n\treturn datesInPage.map((date): Cell => {\n\t\tconst id = date.toISOString();\n\t\tlet selected = !!modelValueMetadata.value.selected(date);\n\t\tif (props.range && props.modelValue?.length === 2) {\n\t\t\tconst asNumber = date.valueOf();\n\t\t\tselected =\n\t\t\t\tmodelValueMetadata.value.min <= asNumber &&\n\t\t\t\tmodelValueMetadata.value.max >= asNumber;\n\t\t}\n\n\t\tconst first = !!(\n\t\t\tmodelValueMetadata.value.isFirstOfRange(date) && props.range\n\t\t);\n\t\tconst last = !!(\n\t\t\tmodelValueMetadata.value.isLastOfRange(date) && props.range\n\t\t);\n\t\tconst middle = !!(selected && !first && !last && props.range);\n\n\t\t/* Highlighted means it's current month */\n\t\tconst highlighted = date.month() === monthValue;\n\n\t\tconst disabled = isDateDisabled(date);\n\n\t\treturn {\n\t\t\tbuttonId: 'date_' + id,\n\t\t\tdisabled,\n\t\t\tfirst,\n\t\t\thighlighted,\n\t\t\tid,\n\t\t\tlabel: date.get('D').toString(),\n\t\t\tlast,\n\t\t\tmiddle,\n\t\t\toriginal: date,\n\t\t\tselected,\n\t\t\tslotName: id,\n\t\t};\n\t});\n});\n\nconst isDateDisabled = (date: Dayjs) => {\n\tlet passing = true;\n\tif (props.min) {\n\t\tpassing &&= date.isSameOrAfter(dayjs(props.min).startOf('day'));\n\t}\n\tif (props.max) {\n\t\tpassing &&= date.isSameOrBefore(dayjs(props.max).startOf('day'));\n\t}\n\tif (typeof props.selectable === 'function') {\n\t\tpassing &&= props.selectable(date.toDate());\n\t}\n\treturn !passing;\n};\n\nconst indexedDates = computed(() => {\n\treturn groupBy(displayedDates.value, (date: Cell) => date.id);\n});\n\nconst indexedRows = computed<Record<string, Cell[]>>(() => {\n\tconst indexedByWeek = groupBy(displayedDates.value, (cell: Cell) =>\n\t\tcell.original.week().toString()\n\t);\n\treturn indexedByWeek;\n});\n\nconst modelValueMetadata = computed(() => {\n\tlet min = Infinity;\n\tlet max = -Infinity;\n\tlet selected: { [key: number]: number } = {};\n\n\tif (props.modelValue) {\n\t\tconst arr = ([] as (string | Date)[])\n\t\t\t.concat(props.modelValue)\n\t\t\t.map((value) => dayjs(value).startOf('day'))\n\t\t\t.map((date) => date.valueOf());\n\t\tarr.forEach((item, index) => {\n\t\t\tif (item < min) min = item;\n\t\t\tif (item > max) max = item;\n\t\t\tselected[item] = index;\n\t\t});\n\t}\n\treturn {\n\t\tmin,\n\t\tmax,\n\t\tindex: (date: Dayjs) => selected[date.valueOf()],\n\t\tselected: (date: Dayjs) => !isNil(selected[date.valueOf()]),\n\t\tisFirstOfRange: (date: Dayjs) => date.valueOf() === min,\n\t\tisLastOfRange: (date: Dayjs) => date.valueOf() === max,\n\t};\n});\n\nconst onButtonClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLButtonElement) {\n\t\tconst [, id] = event.target.id.split('_');\n\t\tconst date = indexedDates.value[id][0];\n\t\tonDateselected(date);\n\t}\n};\n\nconst onDateselected = (date: Cell) => {\n\tif (props.readonly) return;\n\tif (props.range) {\n\t\tif (props.modelValue && Array.isArray(props.modelValue)) {\n\t\t\tif (props.modelValue.length !== 1) {\n\t\t\t\temit('update:modelValue', [date.original.toISOString()]);\n\t\t\t} else {\n\t\t\t\tif (props.modelValue.length) {\n\t\t\t\t\tlet [from, to] = [dayjs(props.modelValue[0]), date.original].sort(\n\t\t\t\t\t\t(a, b) =>\n\t\t\t\t\t\t\ta.valueOf > b.valueOf ? 1 : a.valueOf() < b.valueOf() ? -1 : 0\n\t\t\t\t\t);\n\n\t\t\t\t\tconst valueToEmit = [from, to].map((el) => el.toISOString());\n\t\t\t\t\temit('update:modelValue', valueToEmit);\n\t\t\t\t} else {\n\t\t\t\t\tconst valueToEmit = [\n\t\t\t\t\t\t...props.modelValue,\n\t\t\t\t\t\tdate.original.toISOString(),\n\t\t\t\t\t];\n\t\t\t\t\temit('update:modelValue', valueToEmit);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tthrow new Error(\n\t\t\t\t'Date picker is set to range but modelValue is not an array.'\n\t\t\t);\n\t\t}\n\t} else if (props.multiple) {\n\t\tif (props.modelValue && Array.isArray(props.modelValue)) {\n\t\t\tif (!date.selected) {\n\t\t\t\temit(\n\t\t\t\t\t'update:modelValue',\n\t\t\t\t\t[...props.modelValue, date.original.toISOString()].sort(\n\t\t\t\t\t\t(iso1, iso2) => (iso1 < iso2 ? -1 : iso1 > iso2 ? 1 : 0)\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tconst asString = date.original.toISOString();\n\t\t\t\tconst valueToEmit = props.modelValue.filter((el) => el !== asString);\n\t\t\t\temit('update:modelValue', valueToEmit);\n\t\t\t}\n\t\t} else {\n\t\t\tthrow new Error(\n\t\t\t\t'datepicker is set to multiple but modelValue is not an array.'\n\t\t\t);\n\t\t}\n\t} else {\n\t\tif (date.selected) {\n\t\t\temit('update:modelValue', null);\n\t\t} else {\n\t\t\temit('update:modelValue', date.original.toISOString());\n\t\t}\n\t}\n};\n\nconst monthOptions = computed(() => {\n\tconst currentMonth = currentDate.value.month();\n\treturn new Array(12)\n\t\t.fill(currentDate.value.clone().startOf('year'))\n\t\t.map((date: Dayjs, index) => date.add(index, 'month'))\n\t\t.map((date) => ({\n\t\t\ttext: date.format('MMMM'),\n\t\t\tkey: date.unix(),\n\t\t\tselected: date.month() === currentMonth,\n\t\t\thandler: () => setDateToMonth(date),\n\t\t}));\n});\n\nconst decreaseMonth = () => {\n\tcurrentDate.value = currentDate.value.subtract(1, 'month');\n};\nconst increaseMonth = () => {\n\tcurrentDate.value = currentDate.value.add(1, 'month');\n};\n\nconst setDateToMonth = (date: Dayjs) => {\n\tconst month = date.get('month');\n\tconst toEmit = currentDate.value.set('month', month);\n\tif (props.modelValue && !Array.isArray(props.modelValue)) {\n\t\tif (isDateDisabled(toEmit)) {\n\t\t\tcurrentDate.value = toEmit;\n\t\t} else {\n\t\t\temit('update:modelValue', toEmit.toISOString());\n\t\t}\n\t} else {\n\t\tcurrentDate.value = toEmit;\n\t}\n\tselectionMode.value = 'day';\n};\n\nconst setSelectionModeToYear = async () => {\n\tselectionMode.value = 'year';\n\tawait nextTick();\n\tconst selectedYear = yearSelector.value?.querySelector(\n\t\t'.bb-base-date-picker__year-selector-year--selected'\n\t);\n\tif (selectedYear) {\n\t\tselectedYear.scrollIntoView({ block: 'center', inline: 'center' });\n\t}\n};\n\nconst setSelectionModeToDay = () => (selectionMode.value = 'day');\n\nconst yearOptions = computed(() => {\n\tconst currentYear = currentDate.value.year();\n\tconst pastYears = new Array(100)\n\t\t.fill(currentDate.value.clone())\n\t\t.map((date: Dayjs, index, arr) =>\n\t\t\tdate.year(currentYear - arr.length + index)\n\t\t);\n\tconst futureYears = new Array(100)\n\t\t.fill(currentDate.value.clone())\n\t\t.map((date: Dayjs, index) => date.year(currentYear + index + 1));\n\treturn pastYears\n\t\t.concat(currentDate.value.clone())\n\t\t.concat(futureYears)\n\t\t.map((date) => ({\n\t\t\ttext: date.format('YYYY'),\n\t\t\tkey: date.unix(),\n\t\t\tselected: date.year() === currentYear,\n\t\t\thandler: () => setDateToYear(date),\n\t\t}));\n});\n\nconst decreaseYear = () => {\n\tconst toEmit = currentDate.value.subtract(1, 'year');\n\tif (props.modelValue && !Array.isArray(props.modelValue)) {\n\t\tif (isDateDisabled(toEmit)) {\n\t\t\tcurrentDate.value = toEmit;\n\t\t} else {\n\t\t\temit('update:modelValue', toEmit.toISOString());\n\t\t}\n\t} else {\n\t\tcurrentDate.value = toEmit;\n\t}\n};\nconst increaseYear = () => {\n\tconst toEmit = currentDate.value.add(1, 'year');\n\tif (props.modelValue && !Array.isArray(props.modelValue)) {\n\t\tif (isDateDisabled(toEmit)) {\n\t\t\tcurrentDate.value = toEmit;\n\t\t} else {\n\t\t\temit('update:modelValue', toEmit.toISOString());\n\t\t}\n\t} else {\n\t\tcurrentDate.value = toEmit;\n\t}\n};\n\nconst setDateToYear = (date: Dayjs) => {\n\tconst year = date.get('year');\n\tconst toEmit = currentDate.value.set('year', year);\n\tif (props.modelValue && !Array.isArray(props.modelValue)) {\n\t\tif (isDateDisabled(toEmit)) {\n\t\t\tcurrentDate.value = toEmit;\n\t\t} else {\n\t\t\temit('update:modelValue', toEmit.toISOString());\n\t\t}\n\t} else {\n\t\tcurrentDate.value = toEmit;\n\t}\n\tselectionMode.value = 'month';\n};\n\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\tif (props.modelValue) {\n\t\t\tif (Array.isArray(props.modelValue)) {\n\t\t\t\tif (props.modelValue.length) {\n\t\t\t\t\tcurrentDate.value = dayjs(last(props.modelValue));\n\t\t\t\t} else {\n\t\t\t\t\tcurrentDate.value = dayjs();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcurrentDate.value = dayjs(props.modelValue);\n\t\t\t}\n\t\t} else currentDate.value = dayjs();\n\t}\n);\n\nconst containerAttributes = computed(() => {\n\tconst classes = {\n\t\t'bb-base-date-picker': true,\n\t\t'bb-base-date-picker--readonly': props.readonly,\n\t\t'bb-base-date-picker--disabled': props.disabled,\n\t};\n\tlet width: string;\n\t// If the width is a css unit string use it, if it is a number or number string add px\n\tif (typeof props.width === 'string' && Number.isNaN(Number(props.width))) {\n\t\twidth = props.width;\n\t} else {\n\t\twidth = `${props.width}px`;\n\t}\n\tconst style = {\n\t\twidth: width,\n\t};\n\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t};\n});\n\ndefineExpose({ calendar, setSelectionModeToDay, isDateDisabled });\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseDatePicker';\n</style>\n"],"names":["dayjs","weekOfYear","updateLocale","isSameOrAfter","isSameOrBefore","it","props","__props","emit","__emit","calendar","ref","selectionMode","yearSelector","initialDate","last","currentDate","mappedHeaders","computed","_","index","day","selected","modelValueMetadata","displayedDates","startOfMonth","firstValueToDisplay","lastValueToDisplay","datesInPage","monthValue","date","id","_a","asNumber","first","middle","highlighted","disabled","isDateDisabled","passing","indexedDates","groupBy","indexedRows","cell","min","max","value","item","isNil","onButtonClick","event","onDateselected","from","to","a","b","valueToEmit","el","iso1","iso2","asString","monthOptions","currentMonth","setDateToMonth","decreaseMonth","increaseMonth","month","toEmit","setSelectionModeToYear","nextTick","selectedYear","setSelectionModeToDay","yearOptions","currentYear","pastYears","arr","futureYears","setDateToYear","decreaseYear","increaseYear","year","watch","containerAttributes","classes","width","__expose"],"mappings":"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"}
+{"version":3,"file":"index15.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index150.js

@@ -1,5 +1,5 @@
-import o from "./index45.js";
-import "./index46.js";
+import o from "./index44.js";
+import "./index45.js";
 export {
   o as default
 };

package/dist/index151.js

@@ -1,5 +1,5 @@
-import o from "./index47.js";
-import "./index48.js";
+import o from "./index46.js";
+import "./index47.js";
 export {
   o as default
 };

package/dist/index152.js

@@ -1,5 +1,5 @@
-import o from "./index49.js";
-import "./index50.js";
+import o from "./index48.js";
+import "./index49.js";
 export {
   o as default
 };

package/dist/index153.js

@@ -1,5 +1,5 @@
-import o from "./index51.js";
-import "./index52.js";
+import o from "./index50.js";
+import "./index51.js";
 export {
   o as default
 };

package/dist/index154.js

@@ -1,5 +1,5 @@
-import o from "./index53.js";
-import "./index54.js";
+import o from "./index52.js";
+import "./index53.js";
 export {
   o as default
 };

package/dist/index155.js

@@ -1,5 +1,5 @@
-import o from "./index55.js";
-import "./index56.js";
+import o from "./index54.js";
+import "./index55.js";
 export {
   o as default
 };

package/dist/index156.js

@@ -1,5 +1,5 @@
-import o from "./index57.js";
-import "./index58.js";
+import o from "./index56.js";
+import "./index57.js";
 export {
   o as default
 };

package/dist/index157.js

@@ -1,5 +1,5 @@
-import o from "./index115.js";
-import "./index158.js";
+import o from "./index58.js";
+import "./index59.js";
 export {
   o as default
 };

package/dist/index158.js

@@ -1,2 +1,6 @@
-
+import o from "./index116.js";
+import "./index159.js";
+export {
+  o as default
+};
 //# sourceMappingURL=index158.js.map

package/dist/index158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index158.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index158.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index159.js

@@ -1,6 +1,2 @@
-import o from "./index116.js";
-import "./index160.js";
-export {
-  o as default
-};
+
 //# sourceMappingURL=index159.js.map

package/dist/index159.js.map

@@ -1 +1 @@
-{"version":3,"file":"index159.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index159.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}