bitboss-ui 2.0.5 → 2.0.8

package/dist/index20.js

@@ -1,305 +1,223 @@
-import { defineComponent as ae, ref as o, computed as v, watch as oe, openBlock as w, createBlock as V, normalizeClass as B, withCtx as i, renderSlot as d, createVNode as E, withDirectives as ne, createElementVNode as r, mergeProps as I, unref as c, toDisplayString as F, Teleport as re, normalizeStyle as le, KeepAlive as ie, createCommentVNode as L } from "vue";
-import { useFloating as se } from "./index228.js";
-import n from "./index199.js";
-import ue from "./index229.js";
-import de from "./index202.js";
-import ce from "./index200.js";
-import pe from "./index201.js";
-import { identity as me } from "./index230.js";
-import { last as fe } from "./index206.js";
-import { useFocusTrap as be } from "./index225.js";
-import { useId as ve } from "./index7.js";
-import { useIntersectionObserver as ye } from "./index127.js";
-import { useMobile as ge } from "./index8.js";
-import { vMaska as ke } from "./index231.js";
-import { wait as he } from "./index126.js";
-import { waitFor as Me } from "./index226.js";
-import we from "./index18.js";
+import { defineComponent as $, ref as f, watch as x, openBlock as u, createElementBlock as _, createVNode as i, createElementVNode as l, unref as m, withCtx as n, createTextVNode as N, toDisplayString as Y, createBlock as h, createCommentVNode as k } from "vue";
+/* empty css       */
+/* empty css       */
+/* empty css       */
+import p from "./index14.js";
 /* empty css        */
-import Ve from "./index218.js";
-/* empty css         */
-import Ce from "./index220.js";
-import Ye from "./index232.js";
-import { autoUpdate as Ae, flip as De, offset as Se, shift as _e, hide as $e } from "./index233.js";
-const Oe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Be = ["disabled"], Ee = /* @__PURE__ */ r("svg", {
+import r from "./index203.js";
+import z from "./index206.js";
+import U from "./index207.js";
+import W from "./index205.js";
+import E from "./index224.js";
+import T from "./index225.js";
+import { hash as g } from "./index226.js";
+import { last as j } from "./index209.js";
+import { useLogger as H } from "./index218.js";
+import P from "./index227.js";
+import Z from "./index228.js";
+import q from "./index229.js";
+import w from "./index230.js";
+import F from "./index231.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", { class: "sr-only" }, "Seleziona un mese", -1), Q = /* @__PURE__ */ l("svg", {
   fill: "none",
-  viewBox: "0 0 16 16",
+  height: "6",
+  viewBox: "0 0 10 6",
+  width: "10",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ r("path", {
-    d: "M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M10.6667 1.33333V3.99999",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M5.33333 1.33333V3.99999",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M2 6.66667H14",
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round"
+  /* @__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), Ie = ["id"], nt = /* @__PURE__ */ ae({
-  __name: "BaseDatePickerInput",
+], -1), R = /* @__PURE__ */ l("span", { class: "sr-only" }, "Seleziona anno", -1), X = /* @__PURE__ */ l("svg", {
+  viewBox: "0 0 24 24",
+  width: "24px",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__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), ee = /* @__PURE__ */ l("span", { class: "sr-only" }, "Vai indietro di un mese", -1), ae = {
+  style: { transform: "rotate(180deg)" },
+  viewBox: "0 0 24 24",
+  width: "24px",
+  xmlns: "http://www.w3.org/2000/svg"
+}, te = /* @__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), oe = [
+  te
+], le = /* @__PURE__ */ l("span", { class: "sr-only" }, "Vai avanti di un mese", -1), se = { class: "bb-base-date-picker__content" }, Oe = /* @__PURE__ */ $({
+  __name: "BaseDatePicker",
   props: {
-    allowWriting: { type: [Boolean, String], default: !0 },
-    "append:icon": {},
-    autocomplete: { default: "off" },
-    autofocus: {},
     disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    hasErrors: { type: Boolean },
-    id: {},
-    loading: { type: Boolean },
+    header: { type: Boolean },
+    firstDayOfWeek: { default: 1 },
     max: {},
     min: {},
     modelValue: {},
-    name: {},
-    placeholder: {},
-    "prepend:icon": {},
+    multiple: { type: Boolean },
     range: { type: Boolean },
     readonly: { type: Boolean },
-    required: { type: Boolean },
-    selectable: {},
-    width: { default: 290 }
+    selectable: {}
   },
-  emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(W, { emit: j }) {
-    n.extend(ue), n.extend(ce), n.extend(pe), n.locale(de);
-    const t = W, s = j, u = o(null), C = o(null), p = o(null), z = o(null), y = o(null), A = o(), g = t.id || `bdpi_${ve().id.value}`, { isMobile: D } = ge(), q = v(
-      () => t.allowWriting === "not-mobile" && D.value ? "none" : "numeric"
-    ), Y = o(!0);
-    ye(
-      p,
-      ([{ intersectionRatio: e }]) => {
-        e === 1 ? Y.value = !0 : (Y.value = !1, m.value && (O(), p.value && p.value.$el.querySelector(
-          ".bb-base-date-picker-input__calendar-btn"
-        ).focus(), M()));
-      },
-      { threshold: [0, 1] }
-    );
-    const G = v(() => ({
-      "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--active": k.value,
-      "bb-base-date-picker-input--errors": t.hasErrors,
-      "bb-base-date-picker-input--loading": t.loading,
-      "bb-base-date-picker-input--readonly": t.readonly,
-      "bb-base-date-picker-input--disabled": t.disabled
-    })), P = {
-      onInput: (e) => {
-        if (!t.range && e.target instanceof HTMLInputElement)
-          if (y.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
-            const a = n(e.target.value, "DD/MM/YYYY");
-            ee(a) ? (e.target.value = "", s("update:modelValue", null), s("error", "invalid_date_typed")) : s("update:modelValue", a.toISOString());
-          } else e.target.value === "" && s("update:modelValue", null);
-      }
-    }, k = o(!1), H = () => {
-      k.value || (s("active"), k.value = !0, document.addEventListener("focusin", h), document.addEventListener("click", h));
-    }, h = (e) => {
-      var a, l;
-      f.value || e.target instanceof HTMLElement && (a = C.value) != null && a.$el && !C.value.$el.contains(e.target) && !((l = u.value) != null && l.contains(e.target)) && (k.value = !1, s("inactive"), document.removeEventListener("focusin", h), document.removeEventListener("click", h));
-    }, S = (e) => {
+  emits: ["update:modelValue"],
+  setup(V, { expose: C, emit: B }) {
+    r.extend(T), r.extend(E), r.extend(z), r.extend(U), r.locale(W);
+    const M = B, t = V;
+    r.updateLocale("it", {
+      weekStart: t.firstDayOfWeek
+    });
+    const b = H();
+    t.multiple && t.range && b.throw("Date picker cannot be both multiple and range."), (t.multiple || t.range) && (Array.isArray(t.modelValue) || b.throw(
+      "Date picker is set to select multiple dates but modelValue is not an array."
+    ));
+    const a = f(r()), v = (e) => {
       if (e)
         if (Array.isArray(e)) {
-          let a, l;
-          return e.length && (a = e[0]), e.length > 1 && (l = fe(e)), [a, l].filter(me).map((te) => n(te).format("DD/MM/YYYY")).join(" - ");
+          if (e.length) {
+            if (e.map((d) => r(d).valueOf()).includes(a.value.valueOf()))
+              return;
+            a.value = r(j(e)).startOf("day");
+            return;
+          }
         } else
-          return n(e).format("DD/MM/YYYY");
-      return null;
-    }, T = v(() => y.value ? y.value : S(t.modelValue));
-    oe(
+          a.value = r(e).startOf("day");
+      else
+        a.value = r().startOf("day");
+    };
+    v(t.modelValue);
+    const o = f("day"), y = (e) => {
+      o.value === e ? o.value = "day" : o.value = e;
+    }, O = (e) => {
+      a.value = a.value.set("month", e);
+    }, S = () => {
+      a.value = a.value.add(1, "month");
+    }, A = () => {
+      a.value = a.value.subtract(1, "month");
+    }, D = (e) => {
+      a.value = a.value.set("year", e);
+    }, c = f(t.modelValue), L = (e) => {
+      c.value = e, M("update:modelValue", e);
+    };
+    return x(
       () => t.modelValue,
-      (e) => {
-        y.value = S(e);
+      () => {
+        g(t.modelValue) !== g(c.value) && (c.value = t.modelValue, v(t.modelValue));
       }
-    );
-    const { floatingStyles: N, placement: U } = se(p, u, {
-      placement: "bottom",
-      whileElementsMounted: Ae,
-      middleware: [De(), Se(5), _e({ padding: 6 }), $e()]
-    }), K = v(() => {
-      const e = {
-        ...N.value
-      };
-      return u.value, e;
-    }), m = o(!1), R = async () => {
-      m.value = !0;
-    }, M = async () => {
-      var e;
-      m.value = !1, (e = A.value) == null || e.resetStatus();
-    }, _ = o(!1), $ = async () => {
-      f.value || (_.value = !0, await Me(() => !!u.value), await R(), Z());
-    }, f = o(!1), { activate: Z, deactivate: O } = be(u, {
-      onActivate: () => f.value = !0,
-      // On post activation focus on current date
-      onPostActivate: () => {
-        var e;
-        (e = u.value.querySelector(
-          ".bb-base-date-picker-date--current button"
-        )) == null || e.focus();
-      },
-      onPostDeactivate: async () => {
-        await he(200), f.value = !1;
-      },
-      /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (b.value = !1, M(), !0),
-      clickOutsideDeactivates: () => (b.value = !1, M(), !0),
-      allowOutsideClick: !0,
-      preventScroll: !0
-    }), b = o(!t.allowWriting || t.range), J = async (e) => {
-      s("focus", e), b.value && $(), b.value = !t.allowWriting || t.allowWriting === "not-mobile" && D.value || t.range;
-    }, Q = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, X = {
-      "onUpdate:modelValue": (e) => {
-        s("update:modelValue", e), Q(e) && (b.value = !1, O({
-          onPostDeactivate: () => {
-            f.value = !1, M();
-          }
-        }));
+    ), C({
+      resetStatus: () => {
+        o.value = "day";
       }
-    }, x = v(() => {
-      if (t.range) {
-        if (!t.modelValue || t.modelValue.length < 2)
-          return "Seleziona un range";
-        const e = n(t.modelValue[0]).format("D MMMM YYYY"), a = n(t.modelValue[1]).format("D MMMM YYYY");
-        if (t.range && t.modelValue.length === 2)
-          return `Cambia selezione, da ${e} a ${a}`;
-      } else if (typeof t.modelValue == "string")
-        return `Cambia selezione, ${n(t.modelValue).format("D MMMM YYYY")}`;
-      return "Seleziona una data";
-    }), ee = (e) => {
-      console.log(e);
-      let a = !0;
-      return t.min && a && (a = e.isSameOrAfter(n(t.min).startOf("day"))), t.max && a && (a = e.isSameOrBefore(n(t.max).startOf("day"))), typeof t.selectable == "function" && a && (a = t.selectable(e.toDate())), !a;
-    };
-    return (e, a) => (w(), V(Ce, {
-      ref_key: "outerContainer",
-      ref: C,
-      class: B(G.value),
-      onFocusin: H
-    }, {
-      "prepend-outer": i(() => [
-        d(e.$slots, "prepend-outer")
-      ]),
-      "append-outer": i(() => [
-        d(e.$slots, "append-outer")
-      ]),
-      default: i(() => {
-        var l;
-        return [
-          E(Ve, {
-            ref_key: "innerContainer",
-            ref: p,
-            "append:icon": t["append:icon"],
-            "prepend:icon": t["prepend:icon"]
+    }), (e, s) => (u(), _("div", G, [
+      i(Z, {
+        cursor: a.value,
+        disabled: !!e.disabled,
+        hidden: !e.header
+      }, null, 8, ["cursor", "disabled", "hidden"]),
+      l("div", I, [
+        l("div", J, [
+          i(m(p), {
+            class: "bb-base-date-picker__control bb-base-date-picker__month-control",
+            onClick: s[0] || (s[0] = (d) => y("month"))
+          }, {
+            default: n(() => [
+              N(Y(a.value.format("MMMM YYYY")) + " ", 1),
+              K
+            ]),
+            _: 1
+          }),
+          i(m(p), {
+            class: "bb-base-date-picker__control bb-base-date-picker__year-control",
+            onClick: s[1] || (s[1] = (d) => y("year"))
           }, {
-            prepend: i(() => [
-              d(e.$slots, "prepend")
+            default: n(() => [
+              Q,
+              R
             ]),
-            prefix: i(() => [
-              d(e.$slots, "prefix")
+            _: 1
+          }),
+          i(m(p), {
+            class: "bb-base-date-picker__control",
+            disabled: e.disabled || o.value !== "day",
+            onClick: A
+          }, {
+            default: n(() => [
+              X,
+              ee
             ]),
-            append: i(() => [
-              d(e.$slots, "append")
+            _: 1
+          }, 8, ["disabled"]),
+          i(m(p), {
+            class: "bb-base-date-picker__control",
+            disabled: e.disabled || o.value !== "day",
+            onClick: S
+          }, {
+            default: n(() => [
+              (u(), _("svg", ae, oe)),
+              le
             ]),
-            suffix: i(() => [
-              d(e.$slots, "suffix")
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        l("div", se, [
+          i(P, {
+            current: o.value === "day",
+            cursor: a.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": s[2] || (s[2] = (d) => a.value = d),
+            "onUpdate:modelValue": L
+          }, null, 8, ["current", "cursor", "disabled", "first-day-of-week", "inert", "max", "min", "model-value", "multiple", "range", "readonly", "selectable"]),
+          i(w, {
+            direction: "right",
+            duration: 500,
+            gap: 30
+          }, {
+            default: n(() => [
+              o.value === "month" ? (u(), h(q, {
+                key: 0,
+                cursor: a.value,
+                disabled: !!e.disabled,
+                "onUpdate:month": s[3] || (s[3] = (d) => {
+                  O(d), o.value = "day";
+                })
+              }, null, 8, ["cursor", "disabled"])) : k("", !0)
             ]),
-            default: i(() => [
-              ne(r("input", I({
-                id: c(g),
-                ref_key: "input",
-                ref: z,
-                "aria-describedby": `bdpi_description_${c(g)}`,
-                autocomplete: e.autocomplete,
-                autofocus: e.autofocus,
-                "data-maska": t.range ? "##/##/#### - ##/##/####" : "##/##/####",
-                disabled: e.disabled,
-                inputmode: q.value,
-                name: e.name,
-                placeholder: e.placeholder,
-                readonly: e.readonly || e.range || !e.allowWriting,
-                required: e.required
-              }, P, {
-                size: "1",
-                type: "text",
-                value: T.value,
-                onFocus: J
-              }), null, 16, Oe), [
-                [c(ke)]
-              ]),
-              r("button", {
-                class: "bb-base-date-picker-input__calendar-btn",
-                disabled: e.disabled || e.readonly || !Y.value,
-                type: "button",
-                onClick: $
-              }, [
-                Ee,
-                r("span", null, F(x.value), 1)
-              ], 8, Be),
-              r("span", {
-                id: `bdpi_description_${c(g)}`,
-                class: "bb-base-date-picker-input__accessible-description"
-              }, "Formato della data " + F(t.range ? "GG/MM/AAAA - GG/MM/AAAA" : "GG/MM/AAAA"), 9, Ie)
+            _: 1
+          }),
+          i(w, {
+            direction: "top",
+            duration: 500,
+            gap: 30
+          }, {
+            default: n(() => [
+              o.value === "year" ? (u(), h(F, {
+                key: 0,
+                cursor: a.value,
+                disabled: !!e.disabled,
+                "onUpdate:year": s[4] || (s[4] = (d) => {
+                  D(d), o.value = "day";
+                })
+              }, null, 8, ["cursor", "disabled"])) : k("", !0)
             ]),
-            _: 3
-          }, 8, ["append:icon", "prepend:icon"]),
-          _.value ? (w(), V(re, {
-            key: 0,
-            to: "body"
-          }, [
-            r("span", {
-              ref_key: "calendar",
-              ref: u,
-              class: B(["bb-base-date-picker-input__calendar", {
-                "bb-base-date-picker-input__calendar--shown": m.value
-              }]),
-              style: le(K.value)
-            }, [
-              E(Ye, {
-                direction: (l = c(U)) != null && l.includes("top") ? "bottom" : "top",
-                duration: 300
-              }, {
-                default: i(() => [
-                  (w(), V(ie, null, [
-                    m.value ? (w(), V(we, I({
-                      key: 0,
-                      id: c(g)
-                    }, X, {
-                      ref_key: "basedatepicker",
-                      ref: A,
-                      disabled: e.disabled,
-                      "first-day-of-week": e.firstDayOfWeek,
-                      max: e.max,
-                      min: e.min,
-                      "model-value": e.modelValue,
-                      range: e.range,
-                      readonly: e.readonly,
-                      selectable: e.selectable
-                    }), null, 16, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])) : L("", !0)
-                  ], 1024))
-                ]),
-                _: 1
-              }, 8, ["direction"])
-            ], 6)
-          ])) : L("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class"]));
+            _: 1
+          })
+        ])
+      ])
+    ]));
   }
 });
 export {
-  nt as default
+  Oe as default
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/components/BaseDatePickerInput/BaseDatePickerInput.vue"],"sourcesContent":["<template>\n\t<CommonInputOuterContainer\n\t\tref=\"outerContainer\"\n\t\t:class=\"classes\"\n\t\t@focusin=\"onFocusIn\"\n\t>\n\t\t<template #prepend-outer><slot name=\"prepend-outer\"></slot></template>\n\t\t<CommonInputInnerContainer\n\t\t\tref=\"innerContainer\"\n\t\t\t:append:icon=\"props['append:icon']\"\n\t\t\t:prepend:icon=\"props['prepend:icon']\"\n\t\t>\n\t\t\t<template #prepend><slot name=\"prepend\" /></template>\n\t\t\t<template #prefix><slot name=\"prefix\" /></template>\n\n\t\t\t<input\n\t\t\t\t:id=\"id\"\n\t\t\t\tref=\"input\"\n\t\t\t\tv-maska\n\t\t\t\t:aria-describedby=\"`bdpi_description_${id}`\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:data-maska=\"props.range ? '##/##/#### - ##/##/####' : '##/##/####'\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:inputmode=\"inputmode\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly || range || !allowWriting\"\n\t\t\t\t:required=\"required\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\tsize=\"1\"\n\t\t\t\t:type=\"'text'\"\n\t\t\t\t:value=\"displayValue\"\n\t\t\t\t@focus=\"onFocus\"\n\t\t\t/>\n\t\t\t<button\n\t\t\t\tclass=\"bb-base-date-picker-input__calendar-btn\"\n\t\t\t\t:disabled=\"disabled || readonly || !canOpenCalendar\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"onOpenCalendar\"\n\t\t\t>\n\t\t\t\t<svg fill=\"none\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M12.6667 2.66667H3.33333C2.59695 2.66667 2 3.26363 2 4.00001V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333V4.00001C14 3.26363 13.403 2.66667 12.6667 2.66667Z\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M10.6667 1.33333V3.99999\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M5.33333 1.33333V3.99999\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M2 6.66667H14\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\n\t\t\t\t<span>{{ accessibleButtonLabel }}</span>\n\t\t\t</button>\n\t\t\t<span\n\t\t\t\t:id=\"`bdpi_description_${id}`\"\n\t\t\t\tclass=\"bb-base-date-picker-input__accessible-description\"\n\t\t\t\t>Formato della data\n\t\t\t\t{{ props.range ? 'GG/MM/AAAA - GG/MM/AAAA' : 'GG/MM/AAAA' }}</span\n\t\t\t>\n\t\t\t<template #append><slot name=\"append\" /></template>\n\t\t\t<template #suffix><slot name=\"suffix\" /></template>\n\t\t</CommonInputInnerContainer>\n\t\t<template #append-outer><slot name=\"append-outer\"></slot></template>\n\n\t\t<teleport v-if=\"shouldRenderCalendar\" to=\"body\">\n\t\t\t<span\n\t\t\t\tref=\"calendar\"\n\t\t\t\tclass=\"bb-base-date-picker-input__calendar\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'bb-base-date-picker-input__calendar--shown': shown,\n\t\t\t\t}\"\n\t\t\t\t:style=\"calendarStyles\"\n\t\t\t>\n\t\t\t\t<SlideBack\n\t\t\t\t\t:direction=\"placement?.includes('top') ? 'bottom' : 'top'\"\n\t\t\t\t\t:duration=\"300\"\n\t\t\t\t>\n\t\t\t\t\t<KeepAlive>\n\t\t\t\t\t\t<BaseDatePicker\n\t\t\t\t\t\t\tv-if=\"shown\"\n\t\t\t\t\t\t\t:id=\"id\"\n\t\t\t\t\t\t\tv-bind=\"calendarEventListeners\"\n\t\t\t\t\t\t\tref=\"basedatepicker\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t:first-day-of-week=\"firstDayOfWeek\"\n\t\t\t\t\t\t\t:max=\"max\"\n\t\t\t\t\t\t\t:min=\"min\"\n\t\t\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t\t\t:range=\"range\"\n\t\t\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</KeepAlive>\n\t\t\t\t</SlideBack>\n\t\t\t</span>\n\t\t</teleport>\n\t</CommonInputOuterContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n\tautoUpdate,\n\tflip,\n\thide,\n\toffset,\n\tshift,\n\tuseFloating,\n} from '@floating-ui/vue';\nimport { computed, ref, watch } from 'vue';\nimport { Dayjs, default as dayjs } from 'dayjs';\nimport { default as customParseFormat } from 'dayjs/plugin/customParseFormat';\nimport { default as it } from 'dayjs/locale/it';\nimport { default as isSameOrAfter } from 'dayjs/plugin/isSameOrAfter';\nimport { default as isSameOrBefore } from 'dayjs/plugin/isSameOrBefore';\nimport { identity } from '@/utilities/functions/identity';\nimport { last } from '@/utilities/functions/last';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { useId } from '@/composables/useId';\nimport { useIntersectionObserver } from '@vueuse/core';\nimport { useMobile } from '@/composables/useMobile';\nimport { vMaska } from 'maska';\nimport { wait } from '@/utilities/functions/wait';\nimport { waitFor } from '@/utilities/functions/waitFor';\nimport BaseDatePicker from '../BaseDatePicker/BaseDatePicker.vue';\nimport CommonInputInnerContainer from '../CommonInputInnerContainer.vue';\nimport CommonInputOuterContainer from '../CommonInputOuterContainer.vue';\nimport SlideBack from '../Transitions/SlideBack.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\ndayjs.locale(it);\n\nexport type BaseDatePickerInputProps = {\n\t/**\n\t * Allows typing into the input.\n\t */\n\tallowWriting?: boolean | 'not-mobile';\n\n\t/**\n\t * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\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 * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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?: boolean;\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\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\nconst props = withDefaults(defineProps<BaseDatePickerInputProps>(), {\n\tallowWriting: true,\n\tautocomplete: 'off',\n\twidth: 290,\n});\n\nexport type BaseDatePickerInputEvents = {\n\t(e: 'active'): void;\n\t(e: 'error', message: string): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'inactive'): void;\n\t(e: 'update:modelValue', value: BaseDatePickerInputProps['modelValue']): void;\n};\n\nconst emit = defineEmits<BaseDatePickerInputEvents>();\n\ndefineSlots<{\n\t'prepend-outer'?: (props: object) => any;\n\tprepend?: (props: object) => any;\n\tprefix?: (props: object) => any;\n\tappend?: (props: object) => any;\n\t'append-outer'?: (props: object) => any;\n\tsuffix?: (props: object) => any;\n}>();\n\nconst calendar = ref<HTMLElement | null>(null);\nconst outerContainer = ref<InstanceType<\n\ttypeof CommonInputOuterContainer\n> | null>(null);\nconst innerContainer = ref<InstanceType<\n\ttypeof CommonInputInnerContainer\n> | null>(null);\nconst input = ref<HTMLElement | null>(null);\nconst inputValue = ref<string | null>(null);\nconst basedatepicker = ref();\nconst id = props.id || `bdpi_${useId().id.value}`;\n\nconst { isMobile } = useMobile();\nconst inputmode = computed(() =>\n\tprops.allowWriting === 'not-mobile' && isMobile.value ? 'none' : 'numeric'\n);\n\nconst canOpenCalendar = ref(true);\nuseIntersectionObserver(\n\tinnerContainer,\n\t([{ intersectionRatio }]) => {\n\t\tif (intersectionRatio === 1) canOpenCalendar.value = true;\n\t\telse {\n\t\t\tcanOpenCalendar.value = false;\n\t\t\tif (shown.value) {\n\t\t\t\tdeactivate();\n\t\t\t\tif (innerContainer.value) {\n\t\t\t\t\tconst ic = innerContainer.value.$el;\n\t\t\t\t\tconst button: HTMLElement = ic.querySelector(\n\t\t\t\t\t\t'.bb-base-date-picker-input__calendar-btn'\n\t\t\t\t\t);\n\t\t\t\t\tbutton.focus();\n\t\t\t\t}\n\t\t\t\tclose();\n\t\t\t}\n\t\t}\n\t},\n\t{ threshold: [0, 1] }\n);\n\nconst classes = computed(() => ({\n\t'bb-base-date-picker-input': true,\n\t'bb-base-date-picker-input--active': active.value,\n\t'bb-base-date-picker-input--errors': props.hasErrors,\n\t'bb-base-date-picker-input--loading': props.loading,\n\t'bb-base-date-picker-input--readonly': props.readonly,\n\t'bb-base-date-picker-input--disabled': props.disabled,\n}));\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonInput: (event: Event) => {\n\t\tif (props.range) return;\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tinputValue.value = event.target.value;\n\t\t\tif (/\\d{2}\\/\\d{2}\\/\\d{4}/.test(event.target.value)) {\n\t\t\t\tconst date = dayjs(event.target.value, 'DD/MM/YYYY');\n\t\t\t\tif (!isDateDisabled(date)) {\n\t\t\t\t\temit('update:modelValue', date.toISOString());\n\t\t\t\t} else {\n\t\t\t\t\tevent.target.value = '';\n\t\t\t\t\temit('update:modelValue', null);\n\t\t\t\t\temit('error', 'invalid_date_typed');\n\t\t\t\t}\n\t\t\t} else if (event.target.value === '') {\n\t\t\t\temit('update:modelValue', null);\n\t\t\t}\n\t\t}\n\t},\n};\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we physically move focus to the calendar so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst onFocusIn = () => {\n\tif (active.value) return;\n\temit('active');\n\tactive.value = true;\n\tdocument.addEventListener('focusin', onDocumentInteraction);\n\tdocument.addEventListener('click', onDocumentInteraction);\n};\n\nconst onDocumentInteraction = (event: FocusEvent) => {\n\tif (trapIsActive.value) return;\n\tif (event.target instanceof HTMLElement) {\n\t\tif (\n\t\t\touterContainer.value?.$el &&\n\t\t\t!outerContainer.value.$el.contains(event.target) &&\n\t\t\t!calendar.value?.contains(event.target)\n\t\t) {\n\t\t\tactive.value = false;\n\t\t\temit('inactive');\n\t\t\tdocument.removeEventListener('focusin', onDocumentInteraction);\n\t\t\tdocument.removeEventListener('click', onDocumentInteraction);\n\t\t}\n\t}\n};\n\nconst getStringFromModelValue = (value: typeof props.modelValue) => {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tlet head;\n\t\t\tlet tail;\n\t\t\tif (value.length) head = value[0];\n\t\t\tif (value.length > 1) tail = last(value);\n\t\t\treturn [head, tail]\n\t\t\t\t.filter(identity)\n\t\t\t\t.map((el) => dayjs(el).format('DD/MM/YYYY'))\n\t\t\t\t.join(' - ');\n\t\t} else {\n\t\t\treturn dayjs(value).format('DD/MM/YYYY');\n\t\t}\n\t}\n\treturn null;\n};\n\nconst displayValue = computed(() => {\n\tif (inputValue.value) return inputValue.value;\n\treturn getStringFromModelValue(props.modelValue);\n});\n\nwatch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tinputValue.value = getStringFromModelValue(value);\n\t}\n);\n\nconst { floatingStyles, placement } = useFloating(innerContainer, calendar, {\n\tplacement: 'bottom',\n\twhileElementsMounted: autoUpdate,\n\tmiddleware: [flip(), offset(5), shift({ padding: 6 }), hide()],\n});\n\nconst calendarStyles = computed(() => {\n\tconst base: Record<string, any> = {\n\t\t...floatingStyles.value,\n\t};\n\tif (!calendar.value) return base;\n\n\treturn base;\n});\n\n/**\n * We need the transitions because elements must be hidden and shown\n * to accessibility tools when they are fully closed or fully open,\n * while still being animated for sighted users.\n */\n\n// Option panel is open\nconst shown = ref(false);\n\nconst open = async () => {\n\tshown.value = true;\n};\n\nconst close = async () => {\n\tshown.value = false;\n\tbasedatepicker.value?.resetStatus();\n};\n\nconst shouldRenderCalendar = ref(false);\nconst onOpenCalendar = async () => {\n\tif (trapIsActive.value) return;\n\tshouldRenderCalendar.value = true;\n\tawait waitFor(() => !!calendar.value);\n\tawait open();\n\tactivate();\n};\n\nconst trapIsActive = ref(false);\nconst { activate, deactivate } = useFocusTrap(calendar, {\n\tonActivate: () => (trapIsActive.value = true),\n\t// On post activation focus on current date\n\tonPostActivate: () => {\n\t\tcalendar\n\t\t\t.value!.querySelector<HTMLButtonElement>(\n\t\t\t\t'.bb-base-date-picker-date--current button'\n\t\t\t)\n\t\t\t?.focus();\n\t},\n\tonPostDeactivate: async () => {\n\t\t// Wait for transition to end and for focus to return before\n\t\tawait wait(200);\n\t\ttrapIsActive.value = false;\n\t},\n\t/* On esc deactivate the trap, return focus and then close the modal */\n\tescapeDeactivates: () => {\n\t\tshouldOpen.value = false;\n\t\tclose();\n\t\treturn true;\n\t},\n\tclickOutsideDeactivates: () => {\n\t\tshouldOpen.value = false;\n\t\tclose();\n\t\treturn true;\n\t},\n\tallowOutsideClick: true,\n\tpreventScroll: true,\n});\n\nconst shouldOpen = ref(!props.allowWriting || props.range);\nconst onFocus = async (event: FocusEvent) => {\n\temit('focus', event);\n\tif (shouldOpen.value) onOpenCalendar();\n\tshouldOpen.value =\n\t\t!props.allowWriting ||\n\t\t(props.allowWriting === 'not-mobile' && isMobile.value) ||\n\t\tprops.range;\n};\n\nconst satisfiesSelection = (value: typeof props.modelValue) => {\n\treturn (\n\t\t(props.range && Array.isArray(value) && value.length === 2) ||\n\t\t(!props.range && !!value)\n\t);\n};\n\n/**\n * These events are just propagated\n */\nconst calendarEventListeners = {\n\t'onUpdate:modelValue': (value: string | string[] | null) => {\n\t\temit('update:modelValue', value);\n\t\tif (satisfiesSelection(value)) {\n\t\t\tshouldOpen.value = false;\n\t\t\tdeactivate({\n\t\t\t\tonPostDeactivate: () => {\n\t\t\t\t\ttrapIsActive.value = false;\n\t\t\t\t\tclose();\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\t},\n};\n\nconst accessibleButtonLabel = computed(() => {\n\tif (props.range) {\n\t\tif (!props.modelValue || props.modelValue.length < 2)\n\t\t\treturn `Seleziona un range`;\n\t\tconst start = dayjs(props.modelValue[0]).format('D MMMM YYYY');\n\t\tconst end = dayjs(props.modelValue[1]).format('D MMMM YYYY');\n\t\tif (props.range && props.modelValue.length === 2)\n\t\t\treturn `Cambia selezione, da ${start} a ${end}`;\n\t} else if (typeof props.modelValue === 'string') {\n\t\tconst selected = dayjs(props.modelValue).format('D MMMM YYYY');\n\t\treturn `Cambia selezione, ${selected}`;\n\t}\n\treturn 'Seleziona una data';\n});\n\nconst isDateDisabled = (date: Dayjs) => {\n\tconsole.log(date);\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</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseDatePickerInput';\n</style>\n"],"names":["dayjs","customParseFormat","isSameOrAfter","isSameOrBefore","it","props","__props","emit","__emit","calendar","ref","outerContainer","innerContainer","input","inputValue","basedatepicker","id","useId","isMobile","useMobile","inputmode","computed","canOpenCalendar","useIntersectionObserver","intersectionRatio","shown","deactivate","close","classes","active","eventListeners","event","date","isDateDisabled","onFocusIn","onDocumentInteraction","trapIsActive","_a","_b","getStringFromModelValue","value","head","tail","last","identity","el","displayValue","watch","floatingStyles","placement","useFloating","autoUpdate","flip","offset","shift","hide","calendarStyles","base","open","shouldRenderCalendar","onOpenCalendar","waitFor","activate","useFocusTrap","wait","shouldOpen","onFocus","satisfiesSelection","calendarEventListeners","accessibleButtonLabel","start","end","passing"],"mappings":"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"}
+{"version":3,"file":"index20.js","sources":["../src/components/BaseDatePicker/BaseDatePicker.vue"],"sourcesContent":["<template>\n\t<div class=\"bb-base-date-picker\">\n\t\t<Header :cursor=\"cursor\" :disabled=\"!!disabled\" :hidden=\"!header\" />\n\t\t<div class=\"bb-base-date-picker__body\">\n\t\t\t<div class=\"bb-base-date-picker__controls\">\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control bb-base-date-picker__month-control\"\n\t\t\t\t\t@click=\"toggleMode('month')\"\n\t\t\t\t>\n\t\t\t\t\t{{ cursor.format('MMMM YYYY') }}\n\t\t\t\t\t<span class=\"sr-only\">Seleziona un mese</span>\n\t\t\t\t</BaseButton>\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control bb-base-date-picker__year-control\"\n\t\t\t\t\t@click=\"toggleMode('year')\"\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\theight=\"6\"\n\t\t\t\t\t\tviewBox=\"0 0 10 6\"\n\t\t\t\t\t\twidth=\"10\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"sr-only\">Seleziona anno</span>\n\t\t\t\t</BaseButton>\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control\"\n\t\t\t\t\t:disabled=\"disabled || mode !== 'day'\"\n\t\t\t\t\t@click=\"decreaseMonth\"\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\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\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"sr-only\">Vai indietro di un mese</span>\n\t\t\t\t</BaseButton>\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control\"\n\t\t\t\t\t:disabled=\"disabled || mode !== 'day'\"\n\t\t\t\t\t@click=\"increaseMonth\"\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tstyle=\"transform: rotate(180deg)\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\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\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"sr-only\">Vai avanti di un mese</span>\n\t\t\t\t</BaseButton>\n\t\t\t</div>\n\t\t\t<div class=\"bb-base-date-picker__content\">\n\t\t\t\t<DaySelector\n\t\t\t\t\t:current=\"mode === 'day'\"\n\t\t\t\t\t:cursor=\"cursor\"\n\t\t\t\t\t:disabled=\"!!disabled\"\n\t\t\t\t\t:first-day-of-week=\"firstDayOfWeek!\"\n\t\t\t\t\t:inert=\"mode !== 'day'\"\n\t\t\t\t\t:max=\"max\"\n\t\t\t\t\t:min=\"min\"\n\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t\t:range=\"range\"\n\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t@update:cursor=\"(value) => (cursor = value)\"\n\t\t\t\t\t@update:model-value=\"updateModelValue\"\n\t\t\t\t/>\n\t\t\t\t<SlideTransition direction=\"right\" :duration=\"500\" :gap=\"30\">\n\t\t\t\t\t<MonthSelector\n\t\t\t\t\t\tv-if=\"mode === 'month'\"\n\t\t\t\t\t\t:cursor=\"cursor\"\n\t\t\t\t\t\t:disabled=\"!!disabled\"\n\t\t\t\t\t\t@update:month=\"\n\t\t\t\t\t\t\t(month) => {\n\t\t\t\t\t\t\t\tupdateMonth(month);\n\t\t\t\t\t\t\t\tmode = 'day';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\"\n\t\t\t\t\t/>\n\t\t\t\t</SlideTransition>\n\t\t\t\t<SlideTransition direction=\"top\" :duration=\"500\" :gap=\"30\">\n\t\t\t\t\t<YearSelector\n\t\t\t\t\t\tv-if=\"mode === 'year'\"\n\t\t\t\t\t\t:cursor=\"cursor\"\n\t\t\t\t\t\t:disabled=\"!!disabled\"\n\t\t\t\t\t\t@update:year=\"\n\t\t\t\t\t\t\t(year) => {\n\t\t\t\t\t\t\t\tupdateYear(year);\n\t\t\t\t\t\t\t\tmode = 'day';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\"\n\t\t\t\t\t/>\n\t\t\t\t</SlideTransition>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { BaseButton } from '@/index';\nimport { Dayjs, 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 { hash } from '@/utilities/functions/hash';\nimport { last } from '@/utilities/functions/last';\nimport { ref } from 'vue';\nimport { useLogger } from '@/composables/useLogger';\nimport { watch } from 'vue';\nimport DaySelector from './BaseDatePickerInputDaySelector.vue';\nimport Header from './BaseDatePickerHeader.vue';\nimport MonthSelector from './BaseDatePickerMonthSelector.vue';\nimport SlideTransition from '@/components/Transitions/Slide.vue';\nimport YearSelector from './BaseDatePickerYearSelector.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 * Shows or hides the header of the component\n\t */\n\theader?: 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?: boolean;\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\nconst emit = defineEmits<{\n\t(event: 'update:modelValue', value: any): void;\n}>();\n\nconst props = withDefaults(defineProps<BaseDatePickerProps>(), {\n\tfirstDayOfWeek: 1,\n});\n\ndayjs.updateLocale('it', {\n\tweekStart: props.firstDayOfWeek,\n});\n\nconst logger = useLogger();\nif (props.multiple && props.range) {\n\tlogger.throw('Date picker cannot be both multiple and range.');\n}\nif (props.multiple || props.range) {\n\tif (!Array.isArray(props.modelValue)) {\n\t\tlogger.throw(\n\t\t\t'Date picker is set to select multiple dates but modelValue is not an array.'\n\t\t);\n\t}\n}\n\nconst cursor = ref<Dayjs>(dayjs());\nconst setCursor = (value: typeof props.modelValue) => {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tif (value.length) {\n\t\t\t\tconst datesAsNumber = value.map((el) => dayjs(el).valueOf());\n\t\t\t\tif (datesAsNumber.includes(cursor.value.valueOf())) {\n\t\t\t\t\treturn;\n\t\t\t\t} else {\n\t\t\t\t\tcursor.value = dayjs(last(value)).startOf('day');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tcursor.value = dayjs(value).startOf('day');\n\t\t}\n\t} else {\n\t\tcursor.value = dayjs().startOf('day');\n\t}\n};\nsetCursor(props.modelValue);\ntype Mode = 'day' | 'month' | 'year';\nconst mode = ref<Mode>('day');\nconst toggleMode = (target: Mode) => {\n\tif (mode.value === target) mode.value = 'day';\n\telse mode.value = target;\n};\n\nconst updateMonth = (monthNumber: number) => {\n\tcursor.value = cursor.value.set('month', monthNumber);\n};\n\nconst increaseMonth = () => {\n\tcursor.value = cursor.value.add(1, 'month');\n};\nconst decreaseMonth = () => {\n\tcursor.value = cursor.value.subtract(1, 'month');\n};\n\nconst updateYear = (yearNumber: number) => {\n\tcursor.value = cursor.value.set('year', yearNumber);\n};\n\nconst lastValue = ref(props.modelValue);\nconst updateModelValue = (value: any) => {\n\tlastValue.value = value;\n\temit('update:modelValue', value);\n};\n\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\tif (hash(props.modelValue) !== hash(lastValue.value)) {\n\t\t\tlastValue.value = props.modelValue;\n\t\t\tsetCursor(props.modelValue);\n\t\t}\n\t}\n);\n\nconst resetStatus = () => {\n\tmode.value = 'day';\n};\n\ndefineExpose({\n\tresetStatus,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseDatePicker';\n</style>\n"],"names":["dayjs","weekOfYear","updateLocale","isSameOrAfter","isSameOrBefore","it","emit","__emit","props","__props","logger","useLogger","cursor","ref","setCursor","value","el","last","mode","toggleMode","target","updateMonth","monthNumber","increaseMonth","decreaseMonth","updateYear","yearNumber","lastValue","updateModelValue","watch","hash","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIA,IAAAA,EAAM,OAAOC,CAAU,GACvBD,EAAM,OAAOE,CAAY,GACzBF,EAAM,OAAOG,CAAa,GAC1BH,EAAM,OAAOI,CAAc,GAC3BJ,EAAM,OAAOK,CAAE;AAuDf,UAAMC,IAAOC,GAIPC,IAAQC;AAId,IAAAT,EAAM,aAAa,MAAM;AAAA,MACxB,WAAWQ,EAAM;AAAA,IAAA,CACjB;AAED,UAAME,IAASC;AACX,IAAAH,EAAM,YAAYA,EAAM,SAC3BE,EAAO,MAAM,gDAAgD,IAE1DF,EAAM,YAAYA,EAAM,WACtB,MAAM,QAAQA,EAAM,UAAU,KAC3BE,EAAA;AAAA,MACN;AAAA,IAAA;AAKG,UAAAE,IAASC,EAAWb,EAAA,CAAO,GAC3Bc,IAAY,CAACC,MAAmC;AACrD,UAAIA;AACC,YAAA,MAAM,QAAQA,CAAK;AACtB,cAAIA,EAAM,QAAQ;AAEjB,gBADsBA,EAAM,IAAI,CAACC,MAAOhB,EAAMgB,CAAE,EAAE,QAAA,CAAS,EACzC,SAASJ,EAAO,MAAM,QAAS,CAAA;AAChD;AAEA,YAAAA,EAAO,QAAQZ,EAAMiB,EAAKF,CAAK,CAAC,EAAE,QAAQ,KAAK;AAC/C;AAAA,UAEF;AAAA;AAEA,UAAAH,EAAO,QAAQZ,EAAMe,CAAK,EAAE,QAAQ,KAAK;AAAA;AAG1C,QAAAH,EAAO,QAAQZ,EAAQ,EAAA,QAAQ,KAAK;AAAA,IACrC;AAED,IAAAc,EAAUN,EAAM,UAAU;AAEpB,UAAAU,IAAOL,EAAU,KAAK,GACtBM,IAAa,CAACC,MAAiB;AACpC,MAAIF,EAAK,UAAUE,IAAQF,EAAK,QAAQ,UAC9B,QAAQE;AAAA,IAAA,GAGbC,IAAc,CAACC,MAAwB;AAC5C,MAAAV,EAAO,QAAQA,EAAO,MAAM,IAAI,SAASU,CAAW;AAAA,IAAA,GAG/CC,IAAgB,MAAM;AAC3B,MAAAX,EAAO,QAAQA,EAAO,MAAM,IAAI,GAAG,OAAO;AAAA,IAAA,GAErCY,IAAgB,MAAM;AAC3B,MAAAZ,EAAO,QAAQA,EAAO,MAAM,SAAS,GAAG,OAAO;AAAA,IAAA,GAG1Ca,IAAa,CAACC,MAAuB;AAC1C,MAAAd,EAAO,QAAQA,EAAO,MAAM,IAAI,QAAQc,CAAU;AAAA,IAAA,GAG7CC,IAAYd,EAAIL,EAAM,UAAU,GAChCoB,IAAmB,CAACb,MAAe;AACxC,MAAAY,EAAU,QAAQZ,GAClBT,EAAK,qBAAqBS,CAAK;AAAA,IAAA;AAGhC,WAAAc;AAAA,MACC,MAAMrB,EAAM;AAAA,MACZ,MAAM;AACL,QAAIsB,EAAKtB,EAAM,UAAU,MAAMsB,EAAKH,EAAU,KAAK,MAClDA,EAAU,QAAQnB,EAAM,YACxBM,EAAUN,EAAM,UAAU;AAAA,MAE5B;AAAA,IAAA,GAOYuB,EAAA;AAAA,MACZ,aALmB,MAAM;AACzB,QAAAb,EAAK,QAAQ;AAAA,MAAA;AAAA,IAIb,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index200.js

@@ -1,19 +1,5 @@
-import { getDefaultExportFromCjs as f, commonjsGlobal as n } from "./index245.js";
-import { __module as e } from "./index247.js";
-(function(s, a) {
-  (function(i, t) {
-    s.exports = t();
-  })(n, function() {
-    return function(i, t) {
-      t.prototype.isSameOrAfter = function(r, o) {
-        return this.isSame(r, o) || this.isAfter(r, o);
-      };
-    };
-  });
-})(e);
-var m = e.exports;
-const c = /* @__PURE__ */ f(m);
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  c as default
+  n as clamp
 };
 //# sourceMappingURL=index200.js.map

package/dist/index200.js.map

@@ -1 +1 @@
-{"version":3,"file":"index200.js","sources":["../node_modules/dayjs/plugin/isSameOrAfter.js"],"sourcesContent":["!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrAfter=t()}(this,(function(){\"use strict\";return function(e,t){t.prototype.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)}}}));"],"names":["e","module","this","t"],"mappings":";;;AAAA,GAAC,SAASA,GAAE,GAAE;AAAsD,IAAAC,EAAe,UAAA,EAAwI;AAAA,EAAA,GAAEC,GAAM,WAAU;AAAc,WAAO,SAASF,GAAE,GAAE;AAAC,QAAE,UAAU,gBAAc,SAASA,GAAEG,GAAE;AAAC,eAAO,KAAK,OAAOH,GAAEG,CAAC,KAAG,KAAK,QAAQH,GAAEG,CAAC;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index200.js","sources":["../src/utilities/functions/clamp.ts"],"sourcesContent":["/**\n * Returns value ensuring it doesn't go below min and exceed max.\n * EXAMPLE: clamp(5, 7, 20) === 7\n * @param value The value to clamp\n * @param min Minimum bound\n * @param max Maximum bound\n * @returns\n */\n\nexport const clamp = (value: number, min: number, max: number) => {\n\treturn Math.min(Math.max(value, min), max);\n};\n"],"names":["clamp","value","min","max"],"mappings":"AASO,MAAMA,IAAQ,CAACC,GAAeC,GAAaC,MAC1C,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;"}