@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaRangePicker/PaRangePicker.vue2.js

@@ -0,0 +1,281 @@
+import { defineComponent as ne, useModel as re, ref as y, computed as o, watch as le, onBeforeUnmount as ie, openBlock as f, createElementBlock as m, normalizeClass as D, createTextVNode as oe, toDisplayString as F, createCommentVNode as k, withKeys as V, withModifiers as _, createElementVNode as w, renderSlot as de, createVNode as M, withDirectives as se, unref as ue, withCtx as W, vShow as ce, mergeModels as ve } from "vue";
+import { DatePicker as ge } from "v-calendar";
+import "v-calendar/style.css";
+import B from "../PaIcon/PaIcon.vue.js";
+const fe = ["for"], me = {
+  key: 0,
+  class: "pa-range-picker__required",
+  "aria-hidden": "true"
+}, pe = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-readonly", "aria-describedby", "onKeydown"], ye = { class: "pa-range-picker__value" }, ke = ["name", "value", "disabled", "readonly", "required"], he = ["onClick"], be = ["onClick"], De = ["id"];
+let we = 0;
+function Me() {
+  return `pa-range-picker-${++we}`;
+}
+const Ee = /* @__PURE__ */ ne({
+  __name: "PaRangePicker",
+  props: /* @__PURE__ */ ve({
+    display: { default: "popover" },
+    placeholder: { default: "gg/mm/aaaa – gg/mm/aaaa" },
+    label: {},
+    required: { type: Boolean, default: !1 },
+    helperText: {},
+    error: { type: [String, Boolean], default: !1 },
+    valid: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    id: {},
+    name: {},
+    min: { default: null },
+    max: { default: null },
+    disabledDates: { type: Function, default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const a = n, u = re(n, "modelValue"), T = y(null), I = y(null), s = y(!1), P = `pa-range-picker-pop-${Math.random().toString(36).slice(2, 9)}`, U = Me(), x = o(() => a.id ?? U), L = o(() => `${x.value}-msg`), i = y(null), v = y(null);
+    let S = 0;
+    function r(e) {
+      return e instanceof Date && !isNaN(e.getTime());
+    }
+    function d(e) {
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 0, 0, 0, 0);
+    }
+    function j(e) {
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999);
+    }
+    function Y(e, t) {
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, 0, 0, 0, 0);
+    }
+    function N(e) {
+      const t = d(e);
+      return a.min && t.getTime() < d(a.min).getTime() || a.max && t.getTime() > d(a.max).getTime() ? !0 : a.disabledDates ? a.disabledDates(t) === !0 : !1;
+    }
+    const G = o(() => {
+      const e = [];
+      if (a.min && e.push({ start: null, end: Y(d(a.min), -1) }), a.max && e.push({ start: Y(d(a.max), 1), end: null }), a.disabledDates) {
+        const t = u.value, l = t && r(t.start) ? t.start.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear(), c = a.min ? d(a.min) : new Date(l - 5, 0, 1, 0, 0, 0, 0), p = a.max ? d(a.max) : new Date(l + 5, 11, 31, 0, 0, 0, 0), b = new Date(c.getTime());
+        for (; b.getTime() <= p.getTime(); ) {
+          const A = d(b);
+          a.disabledDates(A) && e.push(A), b.setDate(b.getDate() + 1);
+        }
+      }
+      return e;
+    }), R = new Intl.DateTimeFormat("it-IT", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    }), H = o(() => {
+      const e = u.value;
+      return e && r(e.start) && r(e.end) ? `${R.format(e.start)} – ${R.format(e.end)}` : a.placeholder;
+    }), J = o(
+      () => !u.value || !r(u.value.start) || !r(u.value.end)
+    ), g = o(() => !!a.error), z = o(() => a.valid && !g.value), Q = o(
+      () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
+    ), X = o(
+      () => !g.value && a.helperText ? a.helperText : null
+    ), $ = o(() => Q.value ?? X.value);
+    function K(e) {
+      const t = e.getFullYear(), l = String(e.getMonth() + 1).padStart(2, "0"), c = String(e.getDate()).padStart(2, "0");
+      return `${t}-${l}-${c}`;
+    }
+    const Z = o(() => {
+      const e = u.value;
+      return !e || !r(e.start) || !r(e.end) ? "" : `${K(e.start)}/${K(e.end)}`;
+    }), ee = o(() => {
+      if (r(i.value) && r(v.value)) {
+        const t = i.value, l = v.value, [c, p] = t.getTime() <= l.getTime() ? [t, l] : [l, t];
+        return [{
+          key: "in-progress",
+          highlight: { color: "blue", fillMode: "light" },
+          dates: { start: c, end: p }
+        }];
+      }
+      if (r(i.value))
+        return [{
+          key: "in-progress-start",
+          highlight: { color: "blue", fillMode: "solid" },
+          dates: i.value
+        }];
+      const e = u.value;
+      return e && r(e.start) && r(e.end) ? [{
+        key: "committed",
+        highlight: { color: "blue", fillMode: "solid" },
+        dates: { start: e.start, end: e.end }
+      }] : [];
+    });
+    function O() {
+      s.value || a.disabled || a.readonly || (S = 0, i.value = null, v.value = null, s.value = !0);
+    }
+    function h(e = !0) {
+      var t;
+      s.value && (s.value = !1, i.value = null, v.value = null, e && ((t = I.value) == null || t.focus()));
+    }
+    function E() {
+      a.disabled || a.readonly || (s.value ? h() : O());
+    }
+    function ae(e) {
+      if (a.readonly || !r(e.date)) return;
+      const t = d(e.date);
+      if (N(t)) return;
+      if (S += 1, S === 1) {
+        i.value = t;
+        return;
+      }
+      const l = r(i.value) ? i.value : t, [c, p] = l.getTime() <= t.getTime() ? [l, t] : [t, l];
+      u.value = {
+        start: d(c),
+        end: j(p)
+      }, i.value = null, v.value = null, a.display === "popover" && h();
+    }
+    function te(e) {
+      if (!a.readonly && r(i.value) && r(e.date)) {
+        const t = d(e.date);
+        if (N(t)) return;
+        v.value = t;
+      }
+    }
+    function C(e) {
+      T.value && (T.value.contains(e.target) || h(!1));
+    }
+    function q(e) {
+      e.key === "Escape" && (e.preventDefault(), h());
+    }
+    return le(s, (e) => {
+      e ? (document.addEventListener("mousedown", C), window.addEventListener("keydown", q)) : (document.removeEventListener("mousedown", C), window.removeEventListener("keydown", q));
+    }), ie(() => {
+      document.removeEventListener("mousedown", C), window.removeEventListener("keydown", q);
+    }), (e, t) => (f(), m("div", {
+      ref_key: "rootRef",
+      ref: T,
+      class: D([
+        "pa-range-picker",
+        `pa-range-picker--${n.display}`,
+        {
+          "pa-range-picker--open": s.value,
+          "pa-range-picker--picking": i.value,
+          "pa-range-picker--disabled": n.disabled,
+          "pa-range-picker--readonly": n.readonly,
+          "pa-range-picker--error": g.value,
+          "pa-range-picker--valid": z.value
+        }
+      ])
+    }, [
+      n.label ? (f(), m("label", {
+        key: 0,
+        for: x.value,
+        class: "pa-range-picker__label"
+      }, [
+        oe(F(n.label), 1),
+        n.required ? (f(), m("span", me, "*")) : k("", !0)
+      ], 8, fe)) : k("", !0),
+      n.display === "popover" ? (f(), m("button", {
+        key: 1,
+        id: x.value,
+        ref_key: "triggerRef",
+        ref: I,
+        type: "button",
+        class: D([
+          "pa-range-picker__trigger",
+          {
+            "pa-range-picker__trigger--placeholder": J.value,
+            "pa-range-picker__trigger--disabled": n.disabled,
+            "pa-range-picker__trigger--readonly": n.readonly && !n.disabled,
+            "pa-range-picker__trigger--error": g.value && !n.disabled,
+            "pa-range-picker__trigger--valid": z.value && !n.disabled
+          }
+        ]),
+        disabled: n.disabled,
+        "aria-expanded": s.value,
+        "aria-haspopup": "dialog",
+        "aria-controls": P,
+        "aria-required": n.required || void 0,
+        "aria-invalid": g.value || void 0,
+        "aria-readonly": n.readonly || void 0,
+        "aria-describedby": $.value ? L.value : void 0,
+        onClick: E,
+        onKeydown: [
+          V(_(E, ["prevent"]), ["enter"]),
+          V(_(E, ["prevent"]), ["space"]),
+          V(_(O, ["prevent"]), ["down"])
+        ]
+      }, [
+        w("span", ye, F(H.value), 1),
+        de(e.$slots, "suffix", {}, () => [
+          M(B, {
+            name: "calendar-blank",
+            size: "md"
+          })
+        ], !0)
+      ], 42, pe)) : k("", !0),
+      n.name ? (f(), m("input", {
+        key: 2,
+        type: "hidden",
+        name: n.name,
+        value: Z.value,
+        disabled: n.disabled,
+        readonly: n.readonly,
+        required: n.required
+      }, null, 8, ke)) : k("", !0),
+      se(w("div", {
+        id: P,
+        class: D([
+          "pa-range-picker__popover",
+          { "pa-range-picker__popover--inline": n.display === "inline" }
+        ]),
+        role: "dialog",
+        "aria-modal": "false"
+      }, [
+        M(ue(ge), {
+          attributes: ee.value,
+          locale: { id: "it-IT", firstDayOfWeek: 2 },
+          "is-required": !1,
+          "disabled-dates": G.value,
+          onDayclick: ae,
+          onDaymouseenter: te
+        }, {
+          "nav-prev-button": W(({ click: l }) => [
+            w("button", {
+              type: "button",
+              class: "pa-range-picker__nav-arrow",
+              "aria-label": "Mese precedente",
+              onClick: l
+            }, [
+              M(B, {
+                name: "caret-left",
+                size: "sm"
+              })
+            ], 8, he)
+          ]),
+          "nav-next-button": W(({ click: l }) => [
+            w("button", {
+              type: "button",
+              class: "pa-range-picker__nav-arrow",
+              "aria-label": "Mese successivo",
+              onClick: l
+            }, [
+              M(B, {
+                name: "caret-right",
+                size: "sm"
+              })
+            ], 8, be)
+          ]),
+          _: 1
+        }, 8, ["attributes", "disabled-dates"])
+      ], 2), [
+        [ce, n.display === "inline" || s.value]
+      ]),
+      $.value ? (f(), m("div", {
+        key: 3,
+        id: L.value,
+        class: D(["pa-range-picker__message", { "pa-range-picker__message--error": g.value }])
+      }, F($.value), 11, De)) : k("", !0)
+    ], 2));
+  }
+});
+export {
+  Ee as default,
+  Me as nextPaRangePickerId
+};
+//# sourceMappingURL=PaRangePicker.vue2.js.map

package/dist/components/PaRangePicker/PaRangePicker.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaRangePicker.vue2.js","sources":["../../../src/components/PaRangePicker/PaRangePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface PaRangePickerValue {\n  start: Date\n  end: Date\n}\n\nlet uid = 0\nexport function nextPaRangePickerId() {\n  return `pa-range-picker-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { DatePicker as VDatePicker } from 'v-calendar'\nimport 'v-calendar/style.css'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    display?: 'popover' | 'inline'\n    placeholder?: string\n    label?: string\n    required?: boolean\n    helperText?: string\n    error?: string | boolean\n    valid?: boolean\n    disabled?: boolean\n    readonly?: boolean\n    id?: string\n    name?: string\n    min?: Date | null\n    max?: Date | null\n    disabledDates?: (date: Date) => boolean\n  }>(),\n  {\n    display: 'popover',\n    placeholder: 'gg/mm/aaaa – gg/mm/aaaa',\n    required: false,\n    error: false,\n    valid: false,\n    disabled: false,\n    readonly: false,\n    min: null,\n    max: null,\n    disabledDates: undefined,\n  },\n)\n\nconst model = defineModel<PaRangePickerValue | null>({ default: null })\n\nconst rootRef = ref<HTMLElement | null>(null)\nconst triggerRef = ref<HTMLButtonElement | null>(null)\nconst open = ref(false)\nconst popoverId = `pa-range-picker-pop-${Math.random().toString(36).slice(2, 9)}`\nconst generatedId = nextPaRangePickerId()\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\n// In-progress range state. V-Calendar's `v-model.range` does not emit when\n// the initial model is null, so we drive the range commit ourselves via two\n// `@dayclick` events. V-Calendar provides only the visual grid + the click\n// stream; the value lives entirely in this component.\nconst pendingStart = ref<Date | null>(null)\nconst hoveredDate = ref<Date | null>(null)\nlet clicksSinceOpen = 0\n\nfunction isValidDate(d: unknown): d is Date {\n  return d instanceof Date && !isNaN(d.getTime())\n}\n\nfunction localMidnight(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0)\n}\n\nfunction localEndOfDay(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 23, 59, 59, 999)\n}\n\nfunction addDays(d: Date, n: number): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n, 0, 0, 0, 0)\n}\n\nfunction isDisabledDate(d: Date): boolean {\n  const m = localMidnight(d)\n  if (props.min && m.getTime() < localMidnight(props.min).getTime()) return true\n  if (props.max && m.getTime() > localMidnight(props.max).getTime()) return true\n  return props.disabledDates ? props.disabledDates(m) === true : false\n}\n\n// V-Calendar's `disabled-dates` only accepts Date / range entries (no\n// functions). To keep a single source of truth for visual disable + native\n// keyboard skip, predicate-true days within a bounded window are enumerated\n// and pushed as individual Date entries alongside the min/max ranges.\nconst disabledDatesForVCalendar = computed(() => {\n  const list: unknown[] = []\n  if (props.min) list.push({ start: null, end: addDays(localMidnight(props.min), -1) })\n  if (props.max) list.push({ start: addDays(localMidnight(props.max), 1), end: null })\n  if (props.disabledDates) {\n    const v = model.value\n    const anchorYear =\n      v && isValidDate(v.start)\n        ? v.start.getFullYear()\n        : new Date().getFullYear()\n    const winStart = props.min\n      ? localMidnight(props.min)\n      : new Date(anchorYear - 5, 0, 1, 0, 0, 0, 0)\n    const winEnd = props.max\n      ? localMidnight(props.max)\n      : new Date(anchorYear + 5, 11, 31, 0, 0, 0, 0)\n    const cursor = new Date(winStart.getTime())\n    while (cursor.getTime() <= winEnd.getTime()) {\n      const day = localMidnight(cursor)\n      if (props.disabledDates(day)) list.push(day)\n      cursor.setDate(cursor.getDate() + 1)\n    }\n  }\n  return list\n})\n\nconst dateFormatter = new Intl.DateTimeFormat('it-IT', {\n  day: '2-digit',\n  month: '2-digit',\n  year: 'numeric',\n})\n\nconst displayValue = computed(() => {\n  const v = model.value\n  if (v && isValidDate(v.start) && isValidDate(v.end)) {\n    return `${dateFormatter.format(v.start)} – ${dateFormatter.format(v.end)}`\n  }\n  return props.placeholder\n})\n\nconst placeholderShown = computed(\n  () => !model.value || !isValidDate(model.value.start) || !isValidDate(model.value.end),\n)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\n// Slash-separated ISO 8601 interval — single hidden input. Built from LOCAL\n// components on both ends; never `.toISOString()` (UTC drift).\nfunction toLocalIsoDay(d: Date): string {\n  const y = d.getFullYear()\n  const m = String(d.getMonth() + 1).padStart(2, '0')\n  const day = String(d.getDate()).padStart(2, '0')\n  return `${y}-${m}-${day}`\n}\nconst serialized = computed(() => {\n  const v = model.value\n  if (!v || !isValidDate(v.start) || !isValidDate(v.end)) return ''\n  return `${toLocalIsoDay(v.start)}/${toLocalIsoDay(v.end)}`\n})\n\n// Drives V-Calendar's visual highlights. Three states:\n//   - committed range → solid blue pill from model.start → model.end\n//   - in-progress with hover → preview pill from pendingStart → hovered\n//   - in-progress without hover → single solid cell on pendingStart\nconst attributes = computed(() => {\n  if (isValidDate(pendingStart.value) && isValidDate(hoveredDate.value)) {\n    const a = pendingStart.value\n    const b = hoveredDate.value\n    const [start, end] = a.getTime() <= b.getTime() ? [a, b] : [b, a]\n    return [{\n      key: 'in-progress',\n      highlight: { color: 'blue', fillMode: 'light' },\n      dates: { start, end },\n    }]\n  }\n  if (isValidDate(pendingStart.value)) {\n    return [{\n      key: 'in-progress-start',\n      highlight: { color: 'blue', fillMode: 'solid' },\n      dates: pendingStart.value,\n    }]\n  }\n  const v = model.value\n  if (v && isValidDate(v.start) && isValidDate(v.end)) {\n    return [{\n      key: 'committed',\n      highlight: { color: 'blue', fillMode: 'solid' },\n      dates: { start: v.start, end: v.end },\n    }]\n  }\n  return []\n})\n\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  clicksSinceOpen = 0\n  pendingStart.value = null\n  hoveredDate.value = null\n  open.value = true\n}\n\nfunction closePopover(returnFocus = true) {\n  if (!open.value) return\n  open.value = false\n  pendingStart.value = null\n  hoveredDate.value = null\n  if (returnFocus) triggerRef.value?.focus()\n}\n\nfunction togglePopover() {\n  if (props.disabled || props.readonly) return\n  open.value ? closePopover() : openPopover()\n}\n\nfunction onDayClick(day: { date: Date }) {\n  if (props.readonly) return\n  if (!isValidDate(day.date)) return\n  const picked = localMidnight(day.date)\n  if (isDisabledDate(picked)) return\n  clicksSinceOpen += 1\n\n  if (clicksSinceOpen === 1) {\n    pendingStart.value = picked\n    return\n  }\n\n  // Second click commits. Sort so end >= start, then store start at local\n  // midnight + end at local end-of-day for clean day-precision serialization.\n  const a = isValidDate(pendingStart.value) ? pendingStart.value : picked\n  const [startDay, endDay] = a.getTime() <= picked.getTime()\n    ? [a, picked]\n    : [picked, a]\n  model.value = {\n    start: localMidnight(startDay),\n    end: localEndOfDay(endDay),\n  }\n  pendingStart.value = null\n  hoveredDate.value = null\n  if (props.display === 'popover') closePopover()\n}\n\nfunction onDayMouseEnter(day: { date: Date }) {\n  if (props.readonly) return\n  if (isValidDate(pendingStart.value) && isValidDate(day.date)) {\n    const hovered = localMidnight(day.date)\n    if (isDisabledDate(hovered)) return\n    hoveredDate.value = hovered\n  }\n}\n\nfunction onDocumentMousedown(event: MouseEvent) {\n  if (!rootRef.value) return\n  if (!rootRef.value.contains(event.target as Node)) closePopover(false)\n}\n\nfunction onWindowKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    closePopover()\n  }\n}\n\nwatch(open, (isOpen) => {\n  if (isOpen) {\n    document.addEventListener('mousedown', onDocumentMousedown)\n    window.addEventListener('keydown', onWindowKeydown)\n  } else {\n    document.removeEventListener('mousedown', onDocumentMousedown)\n    window.removeEventListener('keydown', onWindowKeydown)\n  }\n})\n\nonBeforeUnmount(() => {\n  document.removeEventListener('mousedown', onDocumentMousedown)\n  window.removeEventListener('keydown', onWindowKeydown)\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"[\n      'pa-range-picker',\n      `pa-range-picker--${display}`,\n      {\n        'pa-range-picker--open': open,\n        'pa-range-picker--picking': pendingStart,\n        'pa-range-picker--disabled': disabled,\n        'pa-range-picker--readonly': readonly,\n        'pa-range-picker--error': errorActive,\n        'pa-range-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-range-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-range-picker__required\" aria-hidden=\"true\">*</span>\n    </label>\n\n    <button\n      v-if=\"display === 'popover'\"\n      :id=\"triggerId\"\n      ref=\"triggerRef\"\n      type=\"button\"\n      :class=\"[\n        'pa-range-picker__trigger',\n        {\n          'pa-range-picker__trigger--placeholder': placeholderShown,\n          'pa-range-picker__trigger--disabled': disabled,\n          'pa-range-picker__trigger--readonly': readonly && !disabled,\n          'pa-range-picker__trigger--error': errorActive && !disabled,\n          'pa-range-picker__trigger--valid': validActive && !disabled,\n        },\n      ]\"\n      :disabled=\"disabled\"\n      :aria-expanded=\"open\"\n      aria-haspopup=\"dialog\"\n      :aria-controls=\"popoverId\"\n      :aria-required=\"required || undefined\"\n      :aria-invalid=\"errorActive || undefined\"\n      :aria-readonly=\"readonly || undefined\"\n      :aria-describedby=\"message ? messageId : undefined\"\n      @click=\"togglePopover\"\n      @keydown.enter.prevent=\"togglePopover\"\n      @keydown.space.prevent=\"togglePopover\"\n      @keydown.down.prevent=\"openPopover\"\n    >\n      <span class=\"pa-range-picker__value\">{{ displayValue }}</span>\n      <slot name=\"suffix\">\n        <PaIcon name=\"calendar-blank\" size=\"md\" />\n      </slot>\n    </button>\n\n    <input\n      v-if=\"name\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"serialized\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :required=\"required\"\n    />\n\n    <div\n      v-show=\"display === 'inline' || open\"\n      :id=\"popoverId\"\n      :class=\"[\n        'pa-range-picker__popover',\n        { 'pa-range-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <VDatePicker\n        :attributes=\"attributes\"\n        :locale=\"{ id: 'it-IT', firstDayOfWeek: 2 }\"\n        :is-required=\"false\"\n        :disabled-dates=\"disabledDatesForVCalendar\"\n        @dayclick=\"onDayClick\"\n        @daymouseenter=\"onDayMouseEnter\"\n      >\n        <template #nav-prev-button=\"{ click }\">\n          <button\n            type=\"button\"\n            class=\"pa-range-picker__nav-arrow\"\n            aria-label=\"Mese precedente\"\n            @click=\"click\"\n          >\n            <PaIcon name=\"caret-left\" size=\"sm\" />\n          </button>\n        </template>\n        <template #nav-next-button=\"{ click }\">\n          <button\n            type=\"button\"\n            class=\"pa-range-picker__nav-arrow\"\n            aria-label=\"Mese successivo\"\n            @click=\"click\"\n          >\n            <PaIcon name=\"caret-right\" size=\"sm\" />\n          </button>\n        </template>\n      </VDatePicker>\n    </div>\n\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-range-picker__message', { 'pa-range-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-range-picker {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--pa-space-2xs, 4px);\n  font-family: var(--pa-font-family-sans, 'Inter', sans-serif);\n}\n\n.pa-range-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-range-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-range-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-range-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-range-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 280px;\n  padding: 12px 16px;\n  background: #ffffff;\n  border: 1px solid var(--pa-color-neutral-gray, #454d56);\n  border-radius: 4px;\n  font: 400 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n  cursor: pointer;\n  text-align: left;\n}\n.pa-range-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-range-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-range-picker__trigger--placeholder .pa-range-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-range-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-range-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-range-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-range-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-range-picker__trigger--disabled,\n.pa-range-picker__trigger[disabled] {\n  background: var(--pa-color-bg-disabled-gray, #e7e8e3);\n  color: var(--pa-color-text-disabled, #5b6571);\n  border-color: var(--pa-color-neutral-gray, #454d56);\n  cursor: not-allowed;\n}\n.pa-range-picker__trigger--disabled:hover,\n.pa-range-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-range-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-range-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-range-picker__popover {\n  position: absolute; top: calc(100% + 8px); left: 0;\n  z-index: 900; min-width: 280px; padding: 24px;\n  background: #ffffff; border-radius: 8px;\n  box-shadow: var(--pa-shadow-elevation-02, 0 0 24px #e3e5e8);\n}\n.pa-range-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n\n.pa-range-picker :deep(.pa-range-picker__nav-arrow) {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 32px; height: 32px; padding: 0;\n  background: #ffffff; border: 0; border-radius: 9999px;\n  color: var(--pa-color-primary, #0071ff); cursor: pointer;\n}\n.pa-range-picker :deep(.pa-range-picker__nav-arrow:hover) {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-range-picker :deep(.pa-range-picker__nav-arrow:focus-visible) {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-range-picker :deep(.vc-container) {\n  --vc-bg: #ffffff; --vc-border: transparent; --vc-rounded: 0;\n  --vc-font-family: 'Inter', sans-serif;\n  font-family: 'Inter', sans-serif;\n  background: #ffffff; border: 0;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-range-picker :deep(.vc-header) { padding: 0 0 16px; }\n.pa-range-picker :deep(.vc-title) {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-primary, #0071ff);\n  pointer-events: none;\n}\n.pa-range-picker :deep(.vc-weeks) { padding: 0; }\n.pa-range-picker :deep(.vc-weekday) {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n  padding: 8px 0; text-transform: capitalize;\n}\n.pa-range-picker :deep(.vc-day) { min-height: 36px; }\n.pa-range-picker :deep(.vc-day-content) {\n  font: 400 16px/18px 'Roboto Mono', monospace;\n  color: var(--pa-color-neutral-gray, #454d56);\n  width: 32px; height: 32px; border-radius: 9999px; transition: none;\n}\n.pa-range-picker :deep(.vc-day-content:hover) {\n  background: var(--pa-color-primary-hover, #00368f); color: #ffffff;\n}\n.pa-range-picker :deep(.vc-day-content:focus-visible) {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: -2px; background: transparent;\n  color: var(--pa-color-primary, #0071ff);\n}\n.pa-range-picker :deep(.vc-day.is-not-in-month .vc-day-content),\n.pa-range-picker :deep(.vc-day.is-disabled .vc-day-content) {\n  color: var(--pa-color-text-disabled, #5b6571);\n  pointer-events: none;\n}\n.pa-range-picker :deep(.vc-pane-layout) { gap: 0; }\n.pa-range-picker :deep(.vc-arrow) { display: none; }\n\n.pa-range-picker :deep(.vc-highlight-base-start),\n.pa-range-picker :deep(.vc-highlight-base-middle),\n.pa-range-picker :deep(.vc-highlight-base-end),\n.pa-range-picker :deep(.vc-highlight) {\n  background: var(--pa-color-primary, #0071ff) !important;\n}\n.pa-range-picker :deep(.vc-highlight-content-solid),\n.pa-range-picker :deep(.vc-highlight-content-light) {\n  color: #ffffff !important;\n  font: 400 16px/18px 'Roboto Mono', monospace;\n}\n\n/* In-progress preview shading (between pendingStart and hovered cell) so the\n   user can tell a not-yet-committed pick from a committed range at a glance. */\n.pa-range-picker--picking :deep(.vc-highlight-base-start),\n.pa-range-picker--picking :deep(.vc-highlight-base-middle),\n.pa-range-picker--picking :deep(.vc-highlight-base-end) {\n  background: var(--pa-color-primary-hover, #00368f) !important;\n}\n</style>\n"],"names":["uid","nextPaRangePickerId","props","__props","model","_useModel","rootRef","ref","triggerRef","open","popoverId","generatedId","triggerId","computed","messageId","pendingStart","hoveredDate","clicksSinceOpen","isValidDate","d","localMidnight","localEndOfDay","addDays","n","isDisabledDate","m","disabledDatesForVCalendar","list","v","anchorYear","winStart","winEnd","cursor","day","dateFormatter","displayValue","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","toLocalIsoDay","y","serialized","attributes","a","b","start","end","openPopover","closePopover","returnFocus","_a","togglePopover","onDayClick","picked","startDay","endDay","onDayMouseEnter","hovered","onDocumentMousedown","event","onWindowKeydown","watch","isOpen","onBeforeUnmount","_createElementBlock","_normalizeClass","_hoisted_2","_createElementVNode","_hoisted_4","_toDisplayString","_renderSlot","_ctx","_createVNode","PaIcon","_unref","VDatePicker","_withCtx","click","_vShow","_hoisted_8"],"mappings":"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"}

package/dist/components/PaRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as PaRangePicker } from './PaRangePicker.vue';
+export type { PaRangePickerValue } from './PaRangePicker.vue';

package/dist/components/PaRangePicker/index.js

@@ -0,0 +1,6 @@
+import { default as f, default as r } from "./PaRangePicker.vue.js";
+export {
+  f as PaRangePicker,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PaRangePicker/index.js.map

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

package/dist/components/PaSearchBar/PaSearchBar.vue.d.ts

@@ -0,0 +1,37 @@
+export declare function nextPaSearchBarId(): string;
+export interface PaSearchBarOption {
+    value: string;
+    disabled?: boolean;
+}
+export interface PaSearchBarProps {
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    disabled?: boolean;
+    id?: string;
+    searchLabel?: string;
+    clearLabel?: string;
+    debounceMs?: number;
+    options?: PaSearchBarOption[];
+}
+declare const _default: import("vue").DefineComponent<PaSearchBarProps & {
+    value?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: (value: string) => any;
+    select: (option: PaSearchBarOption) => any;
+    clear: () => any;
+    "update:value": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<PaSearchBarProps & {
+    value?: string;
+}> & Readonly<{
+    onSearch?: ((value: string) => any) | undefined;
+    onSelect?: ((option: PaSearchBarOption) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    searchLabel: string;
+    clearLabel: string;
+    debounceMs: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaSearchBar/PaSearchBar.vue.js

@@ -0,0 +1,10 @@
+import a from "./PaSearchBar.vue2.js";
+import { nextPaSearchBarId as f } from "./PaSearchBar.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(a, [["__scopeId", "data-v-ba8b44a8"]]);
+export {
+  m as default,
+  f as nextPaSearchBarId
+};
+//# sourceMappingURL=PaSearchBar.vue.js.map

package/dist/components/PaSearchBar/PaSearchBar.vue.js.map

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