bitboss-ui 0.2.76 → 1.0.0

package/dist/index166.js

@@ -1,5 +1,5 @@
-import o from "./index69.js";
-import "./index70.js";
+import o from "./index68.js";
+import "./index69.js";
 export {
   o as default
 };

package/dist/index167.js

@@ -1,5 +1,6 @@
-import f from "./index71.js";
+import o from "./index70.js";
+import "./index71.js";
 export {
-  f as default
+  o as default
 };
 //# sourceMappingURL=index167.js.map

package/dist/index167.js.map

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

package/dist/index168.js

@@ -1,6 +1,5 @@
-import o from "./index117.js";
-import "./index169.js";
+import f from "./index72.js";
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=index168.js.map

package/dist/index168.js.map

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

package/dist/index169.js

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

package/dist/index169.js.map

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

package/dist/index17.js

@@ -1,212 +1,2 @@
-import { defineComponent as R, ref as l, computed as Y, watch as J, onMounted as Q, onBeforeUnmount as X, openBlock as B, createElementBlock as Z, normalizeClass as C, renderSlot as d, createElementVNode as h, withDirectives as x, mergeProps as T, unref as u, toDisplayString as ee, createBlock as ae, Teleport as te, createVNode as ne, createSlots as oe, renderList as le, withCtx as ie, normalizeProps as re, guardReactiveProps as se } from "vue";
-import { autoUpdate as de, computePosition as ue, flip as ce, shift as fe } from "./index200.js";
-import pe from "./index201.js";
-import c from "./index202.js";
-import me from "./index203.js";
-import { identity as be } from "./index204.js";
-import { last as ve } from "./index205.js";
-import { useId as ye } from "./index7.js";
-import { vMaska as he } from "./index206.js";
-import { wait as I } from "./index122.js";
-import ge from "./index15.js";
-import "./index16.js";
-import P from "./index207.js";
-import { offset as ke } from "./index208.js";
-const we = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "name", "placeholder", "readonly", "value"], Ee = ["id"], Fe = /* @__PURE__ */ R({
-  __name: "BaseDatePickerInput",
-  props: {
-    allowWriting: { type: Boolean, default: !0 },
-    autocomplete: { default: "off" },
-    autofocus: {},
-    disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    hasErrors: { type: Boolean },
-    id: {},
-    max: {},
-    min: {},
-    modelValue: {},
-    name: {},
-    placeholder: {},
-    range: { type: Boolean },
-    readonly: {},
-    selectable: {},
-    width: { default: 290 }
-  },
-  emits: ["update:modelValue", "inactive", "error"],
-  setup(F, { emit: G }) {
-    c.extend(pe), c.locale(me);
-    const o = F, r = G, t = l(null), g = l(null), s = l(null), A = l(null), f = l(null), k = l(), p = o.id || `bdpi_${ye().id.value}`, j = Y(() => ({
-      "bb-base-date-picker-input": !0,
-      "bb-base-date-picker-input--errors": o.hasErrors,
-      "bb-base-date-picker-input--readonly": o.readonly,
-      "bb-base-date-picker-input--disabled": o.disabled
-    })), H = {
-      onInput: (e) => {
-        if (!o.range && e.target instanceof HTMLInputElement)
-          if (f.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
-            const a = c(e.target.value, "DD/MM/YYYY");
-            k.value.isDateDisabled(a) ? r("error", "invalid_date_typed") : r("update:modelValue", a.toISOString());
-          } else
-            e.target.value === "" && r("update:modelValue", null);
-      }
-    }, w = l(!1), L = (e) => {
-      if (e)
-        if (Array.isArray(e)) {
-          let a, n;
-          return e.length && (a = e[0]), e.length > 1 && (n = ve(e)), [a, n].filter(be).map((i) => c(i).format("DD/MM/YYYY")).join(" - ");
-        } else
-          return c(e).format("DD/MM/YYYY");
-      return null;
-    }, K = Y(() => f.value ? f.value : L(o.modelValue));
-    J(
-      () => o.modelValue,
-      (e) => {
-        f.value = L(e);
-      }
-    );
-    const O = () => {
-      s.value && t.value && ue(s.value, t.value, {
-        placement: "bottom-start",
-        middleware: [ke(6), ce(), fe()]
-      }).then((e) => {
-        var a;
-        t.value && (t.value.style.left = `${e.x}px`, t.value.style.top = `${e.y}px`, typeof o.width == "string" && (Number(o.width) ? t.value.style.width = `${Math.max(
-          ((a = s.value) == null ? void 0 : a.offsetWidth) ?? 0,
-          +o.width
-        )}px` : t.value.style.width = o.width));
-      });
-    };
-    let V;
-    Q(async () => {
-      s.value && t.value && (V = de(
-        s.value,
-        t.value,
-        O
-      ));
-    }), X(() => {
-      V();
-    });
-    const m = l(!1), E = l(!1), M = l(!1), b = l(!0), W = async () => {
-      b.value = !1, E.value = !0, await I(500), E.value = !1, b.value = !1, m.value = !0;
-    }, $ = async () => {
-      var e;
-      m.value = !1, M.value = !0, await I(500), M.value = !1, m.value = !1, b.value = !0, (e = k.value) == null || e.setSelectionModeToDay();
-    }, U = (e) => {
-      if (e.key === "Tab" && !e.shiftKey && (e.preventDefault(), t.value)) {
-        const n = t.value.querySelectorAll(
-          P.join()
-        )[0];
-        n instanceof HTMLElement && n.focus();
-      }
-    }, q = (e) => {
-      var a;
-      if (e.key === "Tab" && t.value) {
-        const n = P.join(", "), i = t.value.querySelectorAll(
-          n
-        );
-        if (e.target === i[i.length - 1]) {
-          e.preventDefault();
-          const v = Array.from(
-            document.body.querySelectorAll(n)
-          ), S = v.findIndex(
-            (y) => y.id === o.id
-          );
-          if (S > -1) {
-            const y = v[S + 1];
-            y instanceof HTMLElement && y.focus();
-          }
-        } else
-          e.target === i[0] && e.shiftKey && (e.preventDefault(), (a = A.value) == null || a.focus());
-      }
-    }, N = () => {
-      W(), document.addEventListener("focusin", _), document.addEventListener("click", D);
-    }, _ = (e) => {
-      var a, n;
-      e.target instanceof HTMLElement && ((a = g.value) != null && a.contains(e.target) || (n = t.value) != null && n.contains(e.target) || ($(), w.value = !1, document.removeEventListener("click", D), document.removeEventListener("focusin", _), r("inactive")));
-    }, D = (e) => {
-      var a, n;
-      e.target instanceof HTMLElement && ((a = g.value) != null && a.contains(e.target) || (n = t.value) != null && n.contains(e.target) || ($(), w.value = !1, document.removeEventListener("click", D), document.removeEventListener("focusin", _), r("inactive")));
-    }, z = {
-      "onUpdate:modelValue": (e) => r("update:modelValue", e)
-    };
-    return (e, a) => (B(), Z("span", {
-      ref_key: "outerContainer",
-      ref: g,
-      class: C(["bb-base-date-picker-input__container", j.value])
-    }, [
-      d(e.$slots, "prepend-outer"),
-      h("span", {
-        ref_key: "innerContainer",
-        ref: s,
-        class: "bb-base-date-picker-input__inner-container"
-      }, [
-        d(e.$slots, "prepend"),
-        x(h("input", T({
-          id: u(p),
-          ref_key: "input",
-          ref: A,
-          "aria-describedby": `bdpi_description_${u(p)}`,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          "data-maska": o.range ? "##/##/#### - ##/##/####" : "##/##/####",
-          disabled: e.disabled,
-          name: e.name,
-          placeholder: e.placeholder,
-          readonly: e.readonly || e.range || !e.allowWriting,
-          type: "text",
-          value: K.value
-        }, H, {
-          onFocus: N,
-          onKeydown: U
-        }), null, 16, we), [
-          [u(he)]
-        ]),
-        d(e.$slots, "append"),
-        h("span", {
-          id: `bdpi_description_${u(p)}`,
-          class: "bb-base-date-picker-input__accessible-description"
-        }, "Formato della data " + ee(o.range ? "GG/MM/AAAA - GG/MM/AAAA" : "GG/MM/AAAA"), 9, Ee)
-      ], 512),
-      d(e.$slots, "append-outer"),
-      (B(), ae(te, { to: "body" }, [
-        h("span", {
-          ref_key: "calendar",
-          ref: t,
-          class: C(["bb-base-date-picker-input__calendar", {
-            "bb-base-date-picker-input__calendar--active": w.value,
-            "bb-base-date-picker-input__calendar--shown": m.value,
-            "bb-base-date-picker-input__calendar--showing": E.value,
-            "bb-base-date-picker-input__calendar--hiding": M.value,
-            "bb-base-date-picker-input__calendar--hidden": b.value
-          }]),
-          onKeydown: q
-        }, [
-          ne(ge, T({ id: u(p) }, z, {
-            ref_key: "basedatepicker",
-            ref: k,
-            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,
-            width: e.width
-          }), oe({ _: 2 }, [
-            le(e.$slots, (n, i) => ({
-              name: i,
-              fn: ie((v) => [
-                d(e.$slots, i, re(se(v)))
-              ])
-            }))
-          ]), 1040, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable", "width"])
-        ], 34)
-      ]))
-    ], 2));
-  }
-});
-export {
-  Fe as default
-};
+
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/BaseDatePickerInput/BaseDatePickerInput.vue"],"sourcesContent":["<template>\n\t<span\n\t\tref=\"outerContainer\"\n\t\tclass=\"bb-base-date-picker-input__container\"\n\t\t:class=\"classes\"\n\t>\n\t\t<slot name=\"prepend-outer\"></slot>\n\t\t<span\n\t\t\tref=\"innerContainer\"\n\t\t\tclass=\"bb-base-date-picker-input__inner-container\"\n\t\t>\n\t\t\t<slot name=\"prepend\"></slot>\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:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly || range || !allowWriting\"\n\t\t\t\t:type=\"'text'\"\n\t\t\t\t:value=\"displayValue\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t@focus=\"onFocus\"\n\t\t\t\t@keydown=\"onKeydown\"\n\t\t\t/>\n\n\t\t\t<slot name=\"append\"></slot>\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</span>\n\t\t<slot name=\"append-outer\"></slot>\n\t\t<teleport 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@keydown=\"onCalendarKeydown\"\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\t:width=\"width\"\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</span>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tshift,\n} from '@floating-ui/dom';\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport { default as customParseFormat } from 'dayjs/plugin/customParseFormat';\nimport { default as dayjs } from 'dayjs';\nimport { default as it } from 'dayjs/locale/it';\nimport { identity } from '@/utilities/functions/identity';\nimport { last } from '@/utilities/functions/last';\nimport { useId } from '@/composables/useId';\nimport { vMaska } from 'maska';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseDatePicker from '../BaseDatePicker/BaseDatePicker.vue';\nimport focusableSelectors from 'focusable-selectors';\nimport selectors from 'focusable-selectors';\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;\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 * 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 * Selects a range of dates between two dates. It selects all of the days between start and end\n\t */\n\trange?: boolean;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Function that accepts a `Date` object and returns a boolean. `false` meaning the date cannot be selected\n\t * @param date\n\t */\n\tselectable?: (date: Date) => boolean;\n\n\t/**\n\t * Width of the calendar\n\t */\n\twidth?: number | string;\n};\n\nconst props = withDefaults(defineProps<BaseDatePickerInputProps>(), {\n\tallowWriting: true,\n\tautocomplete: 'off',\n\twidth: 290,\n});\n\nexport type BaseDatePickerInputEvents = {\n\t(e: 'update:modelValue', value: BaseDatePickerInputProps['modelValue']): void;\n\n\t(e: 'inactive'): void;\n\n\t(e: 'error', message: string): 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\tappend?: (props: object) => any;\n\t\t'append-outer'?: (props: object) => any;\n\t} & BaseDatePickerSlots\n>();\n\nconst calendar = ref<HTMLElement | null>(null);\nconst outerContainer = ref<HTMLElement | null>(null);\nconst innerContainer = ref<HTMLElement | 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 classes = computed(() => ({\n\t'bb-base-date-picker-input': true,\n\t'bb-base-date-picker-input--errors': props.hasErrors,\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 (!basedatepicker.value.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 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\n/**\n * This is used to position the calendar container.\n * When the linked item (outerContainer) updates its position\n * this is rerun by floating-UI\n */\nconst displayOptions = () => {\n\tif (innerContainer.value && calendar.value) {\n\t\tcomputePosition(innerContainer.value, calendar.value, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: [offset(6), flip(), shift()],\n\t\t}).then((data) => {\n\t\t\tif (calendar.value) {\n\t\t\t\tcalendar.value.style.left = `${data.x}px`;\n\t\t\t\tcalendar.value.style.top = `${data.y}px`;\n\t\t\t\tif (typeof props.width === 'string') {\n\t\t\t\t\tif (Number(props.width)) {\n\t\t\t\t\t\tcalendar.value.style.width = `${Math.max(\n\t\t\t\t\t\t\tinnerContainer.value?.offsetWidth ?? 0,\n\t\t\t\t\t\t\t+props.width\n\t\t\t\t\t\t)}px`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcalendar.value.style.width = props.width;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n};\n\nlet cleanUpPositioning: () => void;\n\nonMounted(async () => {\n\tif (innerContainer.value && calendar.value) {\n\t\tcleanUpPositioning = autoUpdate(\n\t\t\tinnerContainer.value,\n\t\t\tcalendar.value,\n\t\t\tdisplayOptions\n\t\t);\n\t}\n});\nonBeforeUnmount(() => {\n\tcleanUpPositioning();\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(500);\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(500);\n\thiding.value = false;\n\tshown.value = false;\n\thidden.value = true;\n\tbasedatepicker.value?.setSelectionModeToDay();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n\tif (event.key === 'Tab') {\n\t\tif (!event.shiftKey) {\n\t\t\tevent.preventDefault();\n\t\t\tif (calendar.value) {\n\t\t\t\tconst focusableElements = calendar.value.querySelectorAll(\n\t\t\t\t\tselectors.join()\n\t\t\t\t);\n\t\t\t\tconst firstFocusableElement = focusableElements[0];\n\t\t\t\tif (firstFocusableElement instanceof HTMLElement) {\n\t\t\t\t\tfirstFocusableElement.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst onCalendarKeydown = (event: KeyboardEvent) => {\n\tif (event.key === 'Tab') {\n\t\tif (calendar.value) {\n\t\t\tconst focusableSelectorsString = focusableSelectors.join(', ');\n\t\t\tconst focusableElements = calendar.value.querySelectorAll(\n\t\t\t\tfocusableSelectorsString\n\t\t\t);\n\t\t\t/* When the user tabs on the last tabbable elem */\n\t\t\tif (event.target === focusableElements[focusableElements.length - 1]) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst focusableElements = Array.from(\n\t\t\t\t\tdocument.body.querySelectorAll(focusableSelectorsString)\n\t\t\t\t);\n\t\t\t\tconst indexOfInput = focusableElements.findIndex(\n\t\t\t\t\t(el) => el.id === props.id\n\t\t\t\t);\n\t\t\t\tif (indexOfInput > -1) {\n\t\t\t\t\tconst nextElement = focusableElements[indexOfInput + 1];\n\t\t\t\t\tif (nextElement instanceof HTMLElement) {\n\t\t\t\t\t\tnextElement.focus();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (event.target === focusableElements[0]) {\n\t\t\t\tif (event.shiftKey) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tinput.value?.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst onFocus = () => {\n\topen();\n\tdocument.addEventListener('focusin', onDocumentFocus);\n\tdocument.addEventListener('click', onDocumentClick);\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (\n\t\t\t!(\n\t\t\t\touterContainer.value?.contains(event.target) ||\n\t\t\t\tcalendar.value?.contains(event.target)\n\t\t\t)\n\t\t) {\n\t\t\tclose();\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\temit('inactive');\n\t\t}\n\t}\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (\n\t\t\t!(\n\t\t\t\touterContainer.value?.contains(event.target) ||\n\t\t\t\tcalendar.value?.contains(event.target)\n\t\t\t)\n\t\t) {\n\t\t\tclose();\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\temit('inactive');\n\t\t}\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};\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","classes","computed","eventListeners","event","date","active","getStringFromModelValue","value","head","tail","last","identity","el","displayValue","watch","displayOptions","computePosition","offset","flip","shift","data","_a","cleanUpPositioning","onMounted","autoUpdate","onBeforeUnmount","shown","showing","hiding","hidden","open","wait","close","onKeydown","firstFocusableElement","selectors","onCalendarKeydown","focusableSelectorsString","focusableSelectors","focusableElements","indexOfInput","nextElement","onFocus","onDocumentFocus","onDocumentClick","_b","calendarEventListeners"],"mappings":"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"}
+{"version":3,"file":"index17.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index170.js

@@ -1,5 +1,2 @@
-import f from "./index72.js";
-export {
-  f as default
-};
+
 //# sourceMappingURL=index170.js.map

package/dist/index170.js.map

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

package/dist/index171.js

@@ -1,6 +1,5 @@
-import o from "./index73.js";
-import "./index74.js";
+import f from "./index73.js";
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=index171.js.map

package/dist/index171.js.map

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

package/dist/index172.js

@@ -1,5 +1,5 @@
-import o from "./index75.js";
-import "./index76.js";
+import o from "./index74.js";
+import "./index75.js";
 export {
   o as default
 };

package/dist/index173.js

@@ -1,5 +1,5 @@
-import o from "./index77.js";
-import "./index78.js";
+import o from "./index76.js";
+import "./index77.js";
 export {
   o as default
 };

package/dist/index174.js

@@ -1,5 +1,5 @@
-import o from "./index79.js";
-import "./index80.js";
+import o from "./index78.js";
+import "./index79.js";
 export {
   o as default
 };

package/dist/index175.js

@@ -1,5 +1,5 @@
-import o from "./index81.js";
-import "./index82.js";
+import o from "./index80.js";
+import "./index81.js";
 export {
   o as default
 };

package/dist/index176.js

@@ -1,5 +1,5 @@
-import o from "./index83.js";
-import "./index84.js";
+import o from "./index82.js";
+import "./index83.js";
 export {
   o as default
 };

package/dist/index177.js

@@ -1,5 +1,5 @@
-import o from "./index85.js";
-import "./index86.js";
+import o from "./index84.js";
+import "./index85.js";
 export {
   o as default
 };

package/dist/index178.js

@@ -1,5 +1,5 @@
-import o from "./index87.js";
-import "./index88.js";
+import o from "./index86.js";
+import "./index87.js";
 export {
   o as default
 };

package/dist/index179.js

@@ -1,5 +1,5 @@
-import o from "./index89.js";
-import "./index90.js";
+import o from "./index88.js";
+import "./index89.js";
 export {
   o as default
 };

package/dist/index18.js

@@ -1,2 +1,221 @@
-
+import { defineComponent as Z, ref as n, computed as k, watch as x, openBlock as E, createElementBlock as ee, normalizeClass as z, renderSlot as c, createElementVNode as o, withDirectives as ae, mergeProps as B, unref as p, toDisplayString as L, createBlock as te, Teleport as ne, normalizeStyle as re, createVNode as oe, createSlots as le, renderList as se, withCtx as ie, normalizeProps as ue, guardReactiveProps as de, createCommentVNode as ce } from "vue";
+import { useFloating as pe } from "./index208.js";
+import me from "./index209.js";
+import r from "./index200.js";
+import fe from "./index203.js";
+import { identity as be } from "./index210.js";
+import { last as ve } from "./index207.js";
+import { useFocusTrap as ye } from "./index211.js";
+import { useId as ge } from "./index8.js";
+import { vMaska as he } from "./index212.js";
+import { wait as Y } from "./index123.js";
+import { waitFor as ke } from "./index213.js";
+import Me from "./index16.js";
+import "./index17.js";
+import { autoUpdate as we, flip as Ve, shift as _e } from "./index214.js";
+import { offset as Ye } from "./index215.js";
+const De = ["aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "id", "name", "placeholder", "readonly", "value"], Ae = ["disabled"], Ce = /* @__PURE__ */ o("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "-2 -3 24 24"
+}, [
+  /* @__PURE__ */ o("path", {
+    fill: "currentColor",
+    d: "M18 7V5a1 1 0 0 0-1-1h-1v1a1 1 0 0 1-2 0V4H6v1a1 1 0 1 1-2 0V4H3a1 1 0 0 0-1 1v2zm0 2H2v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1zm-2-7h1a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1V1a1 1 0 1 1 2 0v1h8V1a1 1 0 0 1 2 0z"
+  })
+], -1), Se = ["id"], Ue = /* @__PURE__ */ Z({
+  __name: "BaseDatePickerInput",
+  props: {
+    allowWriting: { type: Boolean, default: !0 },
+    autocomplete: { default: "off" },
+    autofocus: {},
+    disabled: { type: Boolean },
+    firstDayOfWeek: {},
+    hasErrors: { type: Boolean },
+    id: {},
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    placeholder: {},
+    range: { type: Boolean },
+    readonly: {},
+    selectable: {},
+    width: { default: 290 }
+  },
+  emits: ["active", "error", "focus", "inactive", "update:modelValue"],
+  setup(F, { emit: I }) {
+    r.extend(me), r.locale(fe);
+    const a = F, l = I, s = n(null), D = n(null), A = n(null), P = n(null), m = n(null), f = n(), b = a.id || `bdpi_${ge().id.value}`, O = k(() => ({
+      "bb-base-date-picker-input": !0,
+      "bb-base-date-picker-input--active": u.value,
+      "bb-base-date-picker-input--errors": a.hasErrors,
+      "bb-base-date-picker-input--readonly": a.readonly,
+      "bb-base-date-picker-input--disabled": a.disabled
+    })), G = {
+      onInput: (e) => {
+        if (!a.range && e.target instanceof HTMLInputElement)
+          if (m.value = e.target.value, /\d{2}\/\d{2}\/\d{4}/.test(e.target.value)) {
+            const t = r(e.target.value, "DD/MM/YYYY");
+            f.value.isDateDisabled(t) ? l("error", "invalid_date_typed") : l("update:modelValue", t.toISOString());
+          } else
+            e.target.value === "" && l("update:modelValue", null);
+      }
+    }, u = n(!1), H = () => {
+      u.value || (l("active"), u.value = !0, document.addEventListener("focusin", v), document.addEventListener("click", v));
+    }, v = (e) => {
+      var t, i;
+      _.value || e.target instanceof HTMLElement && !((t = D.value) != null && t.contains(e.target)) && !((i = s.value) != null && i.contains(e.target)) && (u.value = !1, l("inactive"), document.removeEventListener("focusin", v), document.removeEventListener("click", v));
+    }, C = (e) => {
+      if (e)
+        if (Array.isArray(e)) {
+          let t, i;
+          return e.length && (t = e[0]), e.length > 1 && (i = ve(e)), [t, i].filter(be).map((h) => r(h).format("DD/MM/YYYY")).join(" - ");
+        } else
+          return r(e).format("DD/MM/YYYY");
+      return null;
+    }, W = k(() => m.value ? m.value : C(a.modelValue));
+    x(
+      () => a.modelValue,
+      (e) => {
+        m.value = C(e);
+      }
+    );
+    const { floatingStyles: T } = pe(A, s, {
+      placement: "bottom",
+      whileElementsMounted: we,
+      middleware: [Ve(), Ye(5), _e()]
+    }), j = k(() => {
+      const e = {
+        ...T.value
+      };
+      return s.value, e;
+    }), y = n(!1), M = n(!1), w = n(!1), g = n(!0), N = async () => {
+      g.value = !1, M.value = !0, await Y(350), M.value = !1, g.value = !1, y.value = !0;
+    }, V = async () => {
+      var e, t;
+      y.value = !1, w.value = !0, await Y(350), w.value = !1, y.value = !1, g.value = !0, (e = f.value) == null || e.setSelectionModeToDay(), (t = f.value) == null || t.setCursor(a.modelValue);
+    }, S = n(!1), $ = async () => {
+      S.value = !0, await ke(() => !!s.value), await N(), R();
+    }, _ = n(!1), { activate: R, deactivate: U } = ye(s, {
+      onActivate: () => _.value = !0,
+      // On post activation focus on current date
+      onPostActivate: () => {
+        var e;
+        (e = s.value.querySelector(
+          ".bb-base-date-picker-date--current button"
+        )) == null || e.focus();
+      },
+      onPostDeactivate: async () => {
+        await Y(200), _.value = !1;
+      },
+      /* On esc deactivate the trap, return focus and then close the modal */
+      escapeDeactivates: () => (d.value = !1, V(), !0),
+      clickOutsideDeactivates: () => (d.value = !1, V(), !0),
+      allowOutsideClick: !0
+    }), d = n(!a.allowWriting || a.range), q = async (e) => {
+      l("focus", e), d.value && $(), d.value = !a.allowWriting || a.range;
+    }, J = (e) => a.range && Array.isArray(e) && e.length === 2 || !a.range && !!e, K = {
+      "onUpdate:modelValue": (e) => {
+        l("update:modelValue", e), J(e) && (d.value = !1, U({ onPostDeactivate: () => V() }));
+      }
+    }, Q = k(() => {
+      if (a.range) {
+        if (!a.modelValue || a.modelValue.length < 2)
+          return "Seleziona un range";
+        const e = r(a.modelValue[0]).format("D MMMM YYYY"), t = r(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, ${r(a.modelValue).format("D MMMM YYYY")}`;
+      return "Seleziona una data";
+    });
+    return (e, t) => (E(), ee("span", {
+      ref_key: "outerContainer",
+      ref: D,
+      class: z(["bb-base-date-picker-input__container", O.value]),
+      onFocusin: H
+    }, [
+      c(e.$slots, "prepend-outer"),
+      o("span", {
+        ref_key: "innerContainer",
+        ref: A,
+        class: "bb-base-date-picker-input__inner-container"
+      }, [
+        c(e.$slots, "prepend"),
+        ae(o("input", B({
+          "aria-describedby": `bdpi_description_${p(b)}`,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          "data-maska": a.range ? "##/##/#### - ##/##/####" : "##/##/####",
+          disabled: e.disabled,
+          id: p(b),
+          name: e.name,
+          placeholder: e.placeholder,
+          readonly: e.readonly || e.range || !e.allowWriting,
+          type: "text",
+          value: W.value,
+          ref_key: "input",
+          ref: P
+        }, G, { onFocus: q }), null, 16, De), [
+          [p(he)]
+        ]),
+        o("button", {
+          type: "button",
+          class: "bb-base-date-picker-input__calendar-btn",
+          disabled: e.disabled || e.readonly,
+          onClick: $
+        }, [
+          Ce,
+          o("span", null, L(Q.value), 1)
+        ], 8, Ae),
+        c(e.$slots, "append"),
+        o("span", {
+          id: `bdpi_description_${p(b)}`,
+          class: "bb-base-date-picker-input__accessible-description"
+        }, "Formato della data " + L(a.range ? "GG/MM/AAAA - GG/MM/AAAA" : "GG/MM/AAAA"), 9, Se)
+      ], 512),
+      c(e.$slots, "append-outer"),
+      S.value ? (E(), te(ne, {
+        key: 0,
+        to: "body"
+      }, [
+        o("span", {
+          ref_key: "calendar",
+          ref: s,
+          class: z(["bb-base-date-picker-input__calendar", {
+            "bb-base-date-picker-input__calendar--active": u.value,
+            "bb-base-date-picker-input__calendar--shown": y.value,
+            "bb-base-date-picker-input__calendar--showing": M.value,
+            "bb-base-date-picker-input__calendar--hiding": w.value,
+            "bb-base-date-picker-input__calendar--hidden": g.value
+          }]),
+          style: re(j.value)
+        }, [
+          oe(Me, B({ id: p(b) }, K, {
+            ref_key: "basedatepicker",
+            ref: f,
+            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
+          }), le({ _: 2 }, [
+            se(e.$slots, (i, h) => ({
+              name: h,
+              fn: ie((X) => [
+                c(e.$slots, h, ue(de(X)))
+              ])
+            }))
+          ]), 1040, ["id", "disabled", "first-day-of-week", "max", "min", "model-value", "range", "readonly", "selectable"])
+        ], 6)
+      ])) : ce("", !0)
+    ], 34));
+  }
+});
+export {
+  Ue as default
+};
 //# sourceMappingURL=index18.js.map