bitboss-ui 2.0.3 → 2.0.5

package/dist/index20.js

@@ -1,24 +1,27 @@
-import { defineComponent as re, ref as n, computed as b, watch as le, openBlock as L, createBlock as F, normalizeClass as z, withCtx as l, renderSlot as d, createVNode as P, withDirectives as ie, createElementVNode as r, mergeProps as W, unref as v, toDisplayString as j, Teleport as se, normalizeStyle as ue, createSlots as de, renderList as ce, normalizeProps as pe, guardReactiveProps as fe, createCommentVNode as me } from "vue";
-import { useFloating as be } from "./index208.js";
-import o from "./index209.js";
-import ve from "./index210.js";
-import ge from "./index211.js";
-import { identity as ye } from "./index212.js";
-import { last as ke } from "./index213.js";
-import { useFocusTrap as he } from "./index204.js";
-import { useId as Me } from "./index7.js";
-import { useIntersectionObserver as we } from "./index127.js";
-import { useMobile as Ve } from "./index8.js";
-import { vMaska as Ce } from "./index214.js";
-import { wait as S } from "./index126.js";
-import { waitFor as _e } from "./index205.js";
-import Ye from "./index18.js";
+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";
 /* empty css        */
-import De from "./index215.js";
+import Ve from "./index218.js";
 /* empty css         */
-import Ae from "./index217.js";
-import { autoUpdate as Se, flip as $e, offset as Oe, shift as Be, hide as Ee } from "./index218.js";
-const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Le = ["disabled"], Fe = /* @__PURE__ */ r("svg", {
+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", {
   fill: "none",
   viewBox: "0 0 16 16",
   xmlns: "http://www.w3.org/2000/svg"
@@ -47,7 +50,7 @@ const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
   })
-], -1), ze = ["id"], oa = /* @__PURE__ */ re({
+], -1), Ie = ["id"], nt = /* @__PURE__ */ ae({
   __name: "BaseDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -66,231 +69,237 @@ const Ie = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     placeholder: {},
     "prepend:icon": {},
     range: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     selectable: {},
     width: { default: 290 }
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(q, { emit: G }) {
-    o.extend(ve), o.locale(ge);
-    const a = q, i = G, s = n(null), _ = n(null), c = n(null), H = n(null), g = n(null), Y = n(), y = a.id || `bdpi_${Me().id.value}`, { isMobile: $ } = Ve(), T = b(
-      () => a.allowWriting === "not-mobile" && $.value ? "none" : "numeric"
-    ), D = n(!0);
-    we(
-      c,
+  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 ? D.value = !0 : (D.value = !1, (h.value || M.value) && (I(), c.value && c.value.$el.querySelector(
+        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(), V()));
+        ).focus(), M()));
       },
       { threshold: [0, 1] }
     );
-    const N = b(() => ({
+    const G = v(() => ({
       "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--active": p.value,
-      "bb-base-date-picker-input--errors": a.hasErrors,
-      "bb-base-date-picker-input--loading": a.loading,
-      "bb-base-date-picker-input--readonly": a.readonly,
-      "bb-base-date-picker-input--disabled": a.disabled
-    })), R = {
+      "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 (!a.range && e.target instanceof HTMLInputElement)
-          if (g.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
-            const t = o(e.target.value, "DD/MM/YYYY");
-            ne(t) ? i("error", "invalid_date_typed") : i("update:modelValue", t.toISOString());
-          } else e.target.value === "" && i("update:modelValue", null);
+        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);
       }
-    }, p = n(!1), U = () => {
-      p.value || (i("active"), p.value = !0, document.addEventListener("focusin", k), document.addEventListener("click", k));
-    }, k = (e) => {
-      var t, u;
-      f.value || e.target instanceof HTMLElement && (t = _.value) != null && t.$el && !_.value.$el.contains(e.target) && !((u = s.value) != null && u.contains(e.target)) && (p.value = !1, i("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k));
-    }, O = (e) => {
+    }, 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) => {
       if (e)
         if (Array.isArray(e)) {
-          let t, u;
-          return e.length && (t = e[0]), e.length > 1 && (u = ke(e)), [t, u].filter(ye).map((C) => o(C).format("DD/MM/YYYY")).join(" - ");
+          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(" - ");
         } else
-          return o(e).format("DD/MM/YYYY");
+          return n(e).format("DD/MM/YYYY");
       return null;
-    }, Z = b(() => g.value ? g.value : O(a.modelValue));
-    le(
-      () => a.modelValue,
+    }, T = v(() => y.value ? y.value : S(t.modelValue));
+    oe(
+      () => t.modelValue,
       (e) => {
-        g.value = O(e);
+        y.value = S(e);
       }
     );
-    const { floatingStyles: J } = be(c, s, {
+    const { floatingStyles: N, placement: U } = se(p, u, {
       placement: "bottom",
-      whileElementsMounted: Se,
-      middleware: [$e(), Oe(5), Be({ padding: 6 }), Ee()]
-    }), K = b(() => {
+      whileElementsMounted: Ae,
+      middleware: [De(), Se(5), _e({ padding: 6 }), $e()]
+    }), K = v(() => {
       const e = {
-        ...J.value
+        ...N.value
       };
-      return s.value, e;
-    }), h = n(!1), M = n(!1), A = n(!1), w = n(!0), Q = async () => {
-      w.value = !1, M.value = !0, await S(350), M.value = !1, w.value = !1, h.value = !0;
-    }, V = async () => {
-      var e, t;
-      h.value = !1, A.value = !0, await S(350), w.value = !0, A.value = !1, (e = Y.value) == null || e.setSelectionModeToDay(), (t = Y.value) == null || t.setCursor(a.modelValue);
-    }, B = n(!1), E = async () => {
-      f.value || (B.value = !0, await _e(() => !!s.value), await Q(), X());
-    }, f = n(!1), { activate: X, deactivate: I } = he(s, {
+      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 = s.value.querySelector(
+        (e = u.value.querySelector(
           ".bb-base-date-picker-date--current button"
         )) == null || e.focus();
       },
       onPostDeactivate: async () => {
-        await S(200), f.value = !1;
+        await he(200), f.value = !1;
       },
       /* On esc deactivate the trap, return focus and then close the modal */
-      escapeDeactivates: () => (m.value = !1, V(), !0),
-      clickOutsideDeactivates: () => (m.value = !1, V(), !0),
+      escapeDeactivates: () => (b.value = !1, M(), !0),
+      clickOutsideDeactivates: () => (b.value = !1, M(), !0),
       allowOutsideClick: !0,
       preventScroll: !0
-    }), m = n(!a.allowWriting || a.range), x = async (e) => {
-      i("focus", e), m.value && E(), m.value = !a.allowWriting || a.allowWriting === "not-mobile" && $.value || a.range;
-    }, ee = (e) => a.range && Array.isArray(e) && e.length === 2 || !a.range && !!e, ae = {
+    }), 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) => {
-        i("update:modelValue", e), ee(e) && (m.value = !1, I({
+        s("update:modelValue", e), Q(e) && (b.value = !1, O({
           onPostDeactivate: () => {
-            f.value = !1, V();
+            f.value = !1, M();
           }
         }));
       }
-    }, te = b(() => {
-      if (a.range) {
-        if (!a.modelValue || a.modelValue.length < 2)
+    }, x = v(() => {
+      if (t.range) {
+        if (!t.modelValue || t.modelValue.length < 2)
           return "Seleziona un range";
-        const e = o(a.modelValue[0]).format("D MMMM YYYY"), t = o(a.modelValue[1]).format("D MMMM YYYY");
-        if (a.range && a.modelValue.length === 2)
-          return `Cambia selezione, da ${e} a ${t}`;
-      } else if (typeof a.modelValue == "string")
-        return `Cambia selezione, ${o(a.modelValue).format("D MMMM YYYY")}`;
+        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";
-    }), ne = (e) => {
-      let t = !0;
-      return a.min && t && (t = e.isSameOrAfter(o(a.min).startOf("day"))), a.max && t && (t = e.isSameOrBefore(o(a.max).startOf("day"))), typeof a.selectable == "function" && t && (t = a.selectable(e.toDate())), !t;
+    }), 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, t) => (L(), F(Ae, {
+    return (e, a) => (w(), V(Ce, {
       ref_key: "outerContainer",
-      ref: _,
-      class: z(N.value),
-      onFocusin: U
+      ref: C,
+      class: B(G.value),
+      onFocusin: H
     }, {
-      "prepend-outer": l(() => [
+      "prepend-outer": i(() => [
         d(e.$slots, "prepend-outer")
       ]),
-      "append-outer": l(() => [
+      "append-outer": i(() => [
         d(e.$slots, "append-outer")
       ]),
-      default: l(() => [
-        P(De, {
-          ref_key: "innerContainer",
-          ref: c,
-          "append:icon": a["append:icon"],
-          "prepend:icon": a["prepend:icon"]
-        }, {
-          prepend: l(() => [
-            d(e.$slots, "prepend")
-          ]),
-          prefix: l(() => [
-            d(e.$slots, "prefix")
-          ]),
-          append: l(() => [
-            d(e.$slots, "append")
-          ]),
-          suffix: l(() => [
-            d(e.$slots, "suffix")
-          ]),
-          default: l(() => [
-            ie(r("input", W({
-              id: v(y),
-              ref_key: "input",
-              ref: H,
-              "aria-describedby": `bdpi_description_${v(y)}`,
-              autocomplete: e.autocomplete,
-              autofocus: e.autofocus,
-              "data-maska": a.range ? "##/##/#### - ##/##/####" : "##/##/####",
-              disabled: e.disabled,
-              inputmode: T.value,
-              name: e.name,
-              placeholder: e.placeholder,
-              readonly: e.readonly || e.range || !e.allowWriting,
-              required: e.required
-            }, R, {
-              size: "1",
-              type: "text",
-              value: Z.value,
-              onFocus: x
-            }), null, 16, Ie), [
-              [v(Ce)]
+      default: i(() => {
+        var l;
+        return [
+          E(Ve, {
+            ref_key: "innerContainer",
+            ref: p,
+            "append:icon": t["append:icon"],
+            "prepend:icon": t["prepend:icon"]
+          }, {
+            prepend: i(() => [
+              d(e.$slots, "prepend")
             ]),
-            r("button", {
-              class: "bb-base-date-picker-input__calendar-btn",
-              disabled: e.disabled || e.readonly || !D.value,
-              type: "button",
-              onClick: E
-            }, [
-              Fe,
-              r("span", null, j(te.value), 1)
-            ], 8, Le),
-            r("span", {
-              id: `bdpi_description_${v(y)}`,
-              class: "bb-base-date-picker-input__accessible-description"
-            }, "Formato della data " + j(a.range ? "GG/MM/AAAA - GG/MM/AAAA" : "GG/MM/AAAA"), 9, ze)
-          ]),
-          _: 3
-        }, 8, ["append:icon", "prepend:icon"]),
-        B.value ? (L(), F(se, {
-          key: 0,
-          to: "body"
-        }, [
-          r("span", {
-            ref_key: "calendar",
-            ref: s,
-            class: z(["bb-base-date-picker-input__calendar", {
-              "bb-base-date-picker-input__calendar--active": p.value,
-              "bb-base-date-picker-input__calendar--shown": h.value,
-              "bb-base-date-picker-input__calendar--showing": M.value,
-              "bb-base-date-picker-input__calendar--hiding": A.value,
-              "bb-base-date-picker-input__calendar--hidden": w.value
-            }]),
-            style: ue(K.value)
+            prefix: i(() => [
+              d(e.$slots, "prefix")
+            ]),
+            append: i(() => [
+              d(e.$slots, "append")
+            ]),
+            suffix: i(() => [
+              d(e.$slots, "suffix")
+            ]),
+            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)
+            ]),
+            _: 3
+          }, 8, ["append:icon", "prepend:icon"]),
+          _.value ? (w(), V(re, {
+            key: 0,
+            to: "body"
           }, [
-            P(Ye, W({ id: v(y) }, ae, {
-              ref_key: "basedatepicker",
-              ref: Y,
-              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
-            }), de({ _: 2 }, [
-              ce(e.$slots, (u, C) => ({
-                name: C,
-                fn: l((oe) => [
-                  d(e.$slots, C, pe(fe(oe)))
-                ])
-              }))
-            ]), 1040, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])
-          ], 6)
-        ])) : me("", !0)
-      ]),
+            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"]));
   }
 });
 export {
-  oa as default
+  nt 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--active': active,\n\t\t\t\t\t'bb-base-date-picker-input__calendar--shown': shown,\n\t\t\t\t\t'bb-base-date-picker-input__calendar--showing': showing,\n\t\t\t\t\t'bb-base-date-picker-input__calendar--hiding': hiding,\n\t\t\t\t\t'bb-base-date-picker-input__calendar--hidden': hidden,\n\t\t\t\t}\"\n\t\t\t\t:style=\"calendarStyles\"\n\t\t\t>\n\t\t\t\t<BaseDatePicker\n\t\t\t\t\t:id=\"id\"\n\t\t\t\t\tv-bind=\"calendarEventListeners\"\n\t\t\t\t\tref=\"basedatepicker\"\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: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:range=\"range\"\n\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t>\n\t\t\t\t\t<template v-for=\"(_, name) in $slots\" #[name]=\"data\">\n\t\t\t\t\t\t<slot :name=\"name\" v-bind=\"data\" />\n\t\t\t\t\t</template>\n\t\t\t\t</BaseDatePicker>\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 { 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 type { BaseDatePickerSlots } from '../BaseDatePicker/BaseDatePicker.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\ndayjs.extend(customParseFormat);\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?: InputHTMLAttributes['readonly'];\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{\n\t\t'prepend-outer'?: (props: object) => any;\n\t\tprepend?: (props: object) => any;\n\t\tprefix?: (props: object) => any;\n\t\tappend?: (props: object) => any;\n\t\t'append-outer'?: (props: object) => any;\n\t\tsuffix?: (props: object) => any;\n\t} & BaseDatePickerSlots\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 || showing.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\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 phisically 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 } = 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// Option panel is opening\nconst showing = ref(false);\n// option panel is closing\nconst hiding = ref(false);\n// Option panel il closed\nconst hidden = ref(true);\n\nconst open = async () => {\n\thidden.value = false;\n\tshowing.value = true;\n\tawait wait(350);\n\tshowing.value = false;\n\n\thidden.value = false;\n\tshown.value = true;\n};\n\nconst close = async () => {\n\tshown.value = false;\n\thiding.value = true;\n\tawait wait(350);\n\thidden.value = true;\n\thiding.value = false;\n\tbasedatepicker.value?.setSelectionModeToDay();\n\tbasedatepicker.value?.setCursor(props.modelValue);\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\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","it","props","__props","emit","__emit","calendar","ref","outerContainer","innerContainer","input","inputValue","basedatepicker","id","useId","isMobile","useMobile","inputmode","computed","canOpenCalendar","useIntersectionObserver","intersectionRatio","shown","showing","deactivate","close","classes","active","eventListeners","event","date","isDateDisabled","onFocusIn","onDocumentInteraction","trapIsActive","_a","_b","getStringFromModelValue","value","head","tail","last","identity","el","displayValue","watch","floatingStyles","useFloating","autoUpdate","flip","offset","shift","hide","calendarStyles","base","hiding","hidden","open","wait","shouldRenderCalendar","onOpenCalendar","waitFor","activate","useFocusTrap","shouldOpen","onFocus","satisfiesSelection","calendarEventListeners","accessibleButtonLabel","start","end","passing"],"mappings":"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"}
+{"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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"}