@semplice-studio/pa-design-system 0.2.0 → 0.3.0

package/dist/components/PaDatePicker/PaDatePicker.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PaDatePicker.vue2.js","sources":["../../../src/components/PaDatePicker/PaDatePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaDatePickerId() {\n  return `pa-date-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',\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<Date | null>({ default: null })\n\nconst rootRef = ref<HTMLElement | null>(null)\nconst triggerRef = ref<HTMLButtonElement | null>(null)\nconst open = ref(false)\nconst popoverId = `pa-date-picker-pop-${Math.random().toString(36).slice(2, 9)}`\nconst generatedId = nextPaDatePickerId()\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\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  model.value instanceof Date ? dateFormatter.format(model.value) : props.placeholder,\n)\n\nconst placeholderShown = computed(() => !(model.value instanceof Date))\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// Built from LOCAL components — NEVER `.toISOString().slice(0, 10)`, which\n// returns UTC and lands on the previous day in any UTC-positive timezone.\nconst serialized = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return ''\n  const y = v.getFullYear()\n  const m = String(v.getMonth() + 1).padStart(2, '0')\n  const d = String(v.getDate()).padStart(2, '0')\n  return `${y}-${m}-${d}`\n})\n\nfunction localMidnight(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0)\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` accepts only Date / range entries (no\n// functions). To keep a single source of truth for visual disable + native\n// keyboard skip, we enumerate predicate-true days within a bounded window\n// (min/max if set, else ±5y around the model's anchor year) and push them as\n// 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 anchorYear =\n      model.value instanceof Date ? model.value.getFullYear() : 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\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  open.value = true\n}\n\nfunction closePopover(returnFocus = true) {\n  if (!open.value) return\n  open.value = false\n  if (returnFocus) triggerRef.value?.focus()\n}\n\nfunction togglePopover() {\n  if (props.disabled || props.readonly) return\n  open.value ? closePopover() : openPopover()\n}\n\n// The ONLY writer to `model`. V-Calendar receives :model-value one-way and\n// never v-models back into us — the reactive feedback loop is what crashed\n// the previous v1.32 attempt.\n//\n// Normalize to local midnight: V-Calendar's day.date may carry a non-midnight\n// wall-clock time that, once serialized via `.toISOString()`, lands on the\n// previous day in any UTC-positive timezone. Storing local midnight keeps\n// `getFullYear / getMonth / getDate` and any locale-aware formatter aligned.\nfunction onDayClick(day: { date: Date }) {\n  if (props.readonly) return\n  const picked = localMidnight(day.date)\n  if (isDisabledDate(picked)) return\n  model.value = picked\n  if (props.display === 'popover') closePopover()\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-date-picker',\n      `pa-date-picker--${display}`,\n      {\n        'pa-date-picker--open': open,\n        'pa-date-picker--disabled': disabled,\n        'pa-date-picker--readonly': readonly,\n        'pa-date-picker--error': errorActive,\n        'pa-date-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-date-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-date-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-date-picker__trigger',\n        {\n          'pa-date-picker__trigger--placeholder': placeholderShown,\n          'pa-date-picker__trigger--disabled': disabled,\n          'pa-date-picker__trigger--readonly': readonly && !disabled,\n          'pa-date-picker__trigger--error': errorActive && !disabled,\n          'pa-date-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-date-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-date-picker__popover',\n        { 'pa-date-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <VDatePicker\n        :model-value=\"model\"\n        :locale=\"{ id: 'it-IT', firstDayOfWeek: 2 }\"\n        :is-required=\"false\"\n        :disabled-dates=\"disabledDatesForVCalendar\"\n        @dayclick=\"onDayClick\"\n      >\n        <template #nav-prev-button=\"{ click }\">\n          <button\n            type=\"button\"\n            class=\"pa-date-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-date-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-date-picker__message', { 'pa-date-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-date-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-date-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-date-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 240px;\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-date-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-date-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-date-picker__trigger--placeholder .pa-date-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-date-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--disabled,\n.pa-date-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-date-picker__trigger--disabled:hover,\n.pa-date-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-date-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__popover {\n  position: absolute;\n  top: calc(100% + 8px);\n  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-date-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n/* Anchor the absolute popover under the trigger (not under the label). */\n.pa-date-picker:has(.pa-date-picker__label) .pa-date-picker__popover:not(.pa-date-picker__popover--inline) {\n  top: auto;\n}\n\n.pa-date-picker :deep(.pa-date-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-date-picker :deep(.pa-date-picker__nav-arrow:hover) {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:focus-visible) {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-date-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-date-picker :deep(.vc-header) { padding: 0 0 16px; }\n.pa-date-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-date-picker :deep(.vc-weeks) { padding: 0; }\n.pa-date-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-date-picker :deep(.vc-day) { min-height: 36px; }\n.pa-date-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-date-picker :deep(.vc-day-content:hover) {\n  background: var(--pa-color-primary-hover, #00368f); color: #ffffff;\n}\n.pa-date-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-date-picker :deep(.vc-day-content:active) {\n  background: var(--pa-color-primary-pressed, #00173d); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-highlight) {\n  background: var(--pa-color-primary, #0071ff) !important;\n  border-radius: 9999px;\n}\n.pa-date-picker :deep(.vc-highlight-content-solid) {\n  color: #ffffff !important;\n  font: 400 16px/18px 'Roboto Mono', monospace;\n}\n.pa-date-picker :deep(.vc-day.is-not-in-month .vc-day-content),\n.pa-date-picker :deep(.vc-day.is-disabled .vc-day-content) {\n  color: var(--pa-color-text-disabled, #5b6571);\n  pointer-events: none;\n}\n.pa-date-picker :deep(.vc-pane-layout) { gap: 0; }\n.pa-date-picker :deep(.vc-arrow) { display: none; }\n</style>\n"],"names":["uid","nextPaDatePickerId","props","__props","model","_useModel","rootRef","ref","triggerRef","open","popoverId","generatedId","triggerId","computed","messageId","dateFormatter","displayValue","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","v","y","m","d","localMidnight","addDays","n","isDisabledDate","disabledDatesForVCalendar","list","anchorYear","winStart","winEnd","cursor","day","openPopover","closePopover","returnFocus","_a","togglePopover","onDayClick","picked","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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"}
+{"version":3,"file":"PaDatePicker.vue2.js","sources":["../../../src/components/PaDatePicker/PaDatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, useId, 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',\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<Date | null>({ default: null })\n\nconst rootRef = ref<HTMLElement | null>(null)\nconst triggerRef = ref<HTMLButtonElement | null>(null)\nconst open = ref(false)\nconst popoverId = `pa-date-picker-pop-${useId()}`\nconst generatedId = `pa-date-picker-${useId()}`\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\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  model.value instanceof Date ? dateFormatter.format(model.value) : props.placeholder,\n)\n\nconst placeholderShown = computed(() => !(model.value instanceof Date))\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// Built from LOCAL components — NEVER `.toISOString().slice(0, 10)`, which\n// returns UTC and lands on the previous day in any UTC-positive timezone.\nconst serialized = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return ''\n  const y = v.getFullYear()\n  const m = String(v.getMonth() + 1).padStart(2, '0')\n  const d = String(v.getDate()).padStart(2, '0')\n  return `${y}-${m}-${d}`\n})\n\nfunction localMidnight(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0)\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` accepts only Date / range entries (no\n// functions). To keep a single source of truth for visual disable + native\n// keyboard skip, we enumerate predicate-true days within a bounded window\n// (min/max if set, else ±5y around the model's anchor year) and push them as\n// 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 anchorYear =\n      model.value instanceof Date ? model.value.getFullYear() : 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\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  open.value = true\n}\n\nfunction closePopover(returnFocus = true) {\n  if (!open.value) return\n  open.value = false\n  if (returnFocus) triggerRef.value?.focus()\n}\n\nfunction togglePopover() {\n  if (props.disabled || props.readonly) return\n  open.value ? closePopover() : openPopover()\n}\n\n// The ONLY writer to `model`. V-Calendar receives :model-value one-way and\n// never v-models back into us — the reactive feedback loop is what crashed\n// the previous v1.32 attempt.\n//\n// Normalize to local midnight: V-Calendar's day.date may carry a non-midnight\n// wall-clock time that, once serialized via `.toISOString()`, lands on the\n// previous day in any UTC-positive timezone. Storing local midnight keeps\n// `getFullYear / getMonth / getDate` and any locale-aware formatter aligned.\nfunction onDayClick(day: { date: Date }) {\n  if (props.readonly) return\n  const picked = localMidnight(day.date)\n  if (isDisabledDate(picked)) return\n  model.value = picked\n  if (props.display === 'popover') closePopover()\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-date-picker',\n      `pa-date-picker--${display}`,\n      {\n        'pa-date-picker--open': open,\n        'pa-date-picker--disabled': disabled,\n        'pa-date-picker--readonly': readonly,\n        'pa-date-picker--error': errorActive,\n        'pa-date-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-date-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-date-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-date-picker__trigger',\n        {\n          'pa-date-picker__trigger--placeholder': placeholderShown,\n          'pa-date-picker__trigger--disabled': disabled,\n          'pa-date-picker__trigger--readonly': readonly && !disabled,\n          'pa-date-picker__trigger--error': errorActive && !disabled,\n          'pa-date-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-date-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-date-picker__popover',\n        { 'pa-date-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <VDatePicker\n        :model-value=\"model\"\n        :locale=\"{ id: 'it-IT', firstDayOfWeek: 2 }\"\n        :is-required=\"false\"\n        :disabled-dates=\"disabledDatesForVCalendar\"\n        @dayclick=\"onDayClick\"\n      >\n        <template #nav-prev-button=\"{ click }\">\n          <button\n            type=\"button\"\n            class=\"pa-date-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-date-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-date-picker__message', { 'pa-date-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-date-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-date-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-date-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 240px;\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-date-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-date-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-date-picker__trigger--placeholder .pa-date-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-date-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--disabled,\n.pa-date-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-date-picker__trigger--disabled:hover,\n.pa-date-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-date-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__popover {\n  position: absolute;\n  top: calc(100% + 8px);\n  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-date-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n/* Anchor the absolute popover under the trigger (not under the label). */\n.pa-date-picker:has(.pa-date-picker__label) .pa-date-picker__popover:not(.pa-date-picker__popover--inline) {\n  top: auto;\n}\n\n.pa-date-picker :deep(.pa-date-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-date-picker :deep(.pa-date-picker__nav-arrow:hover) {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:focus-visible) {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-date-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-date-picker :deep(.vc-header) { padding: 0 0 16px; }\n.pa-date-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-date-picker :deep(.vc-weeks) { padding: 0; }\n.pa-date-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-date-picker :deep(.vc-day) { min-height: 36px; }\n.pa-date-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-date-picker :deep(.vc-day-content:hover) {\n  background: var(--pa-color-primary-hover, #00368f); color: #ffffff;\n}\n.pa-date-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-date-picker :deep(.vc-day-content:active) {\n  background: var(--pa-color-primary-pressed, #00173d); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-highlight) {\n  background: var(--pa-color-primary, #0071ff) !important;\n  border-radius: 9999px;\n}\n.pa-date-picker :deep(.vc-highlight-content-solid) {\n  color: #ffffff !important;\n  font: 400 16px/18px 'Roboto Mono', monospace;\n}\n.pa-date-picker :deep(.vc-day.is-not-in-month .vc-day-content),\n.pa-date-picker :deep(.vc-day.is-disabled .vc-day-content) {\n  color: var(--pa-color-text-disabled, #5b6571);\n  pointer-events: none;\n}\n.pa-date-picker :deep(.vc-pane-layout) { gap: 0; }\n.pa-date-picker :deep(.vc-arrow) { display: none; }\n</style>\n"],"names":["props","__props","model","_useModel","rootRef","ref","triggerRef","open","popoverId","useId","generatedId","triggerId","computed","messageId","dateFormatter","displayValue","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","v","y","m","d","localMidnight","addDays","n","isDisabledDate","disabledDatesForVCalendar","list","anchorYear","winStart","winEnd","cursor","day","openPopover","closePopover","returnFocus","_a","togglePopover","onDayClick","picked","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/PaDrawer/PaDrawer.vue.js

@@ -1,8 +1,8 @@
 import o from "./PaDrawer.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b2a79b9f"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1250bb84"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=PaDrawer.vue.js.map

package/dist/components/PaDrawer/PaDrawer.vue2.js

@@ -1,16 +1,11 @@
-import { defineComponent as M, useModel as O, computed as f, ref as x, watch as U, nextTick as P, onBeforeUnmount as q, openBlock as n, createBlock as D, Teleport as j, createElementVNode as v, normalizeClass as R, createVNode as w, Transition as S, withCtx as y, createElementBlock as p, createCommentVNode as i, resolveDynamicComponent as G, createTextVNode as H, toDisplayString as J, renderSlot as T, mergeModels as Q } from "vue";
-import X from "../PaIcon/PaIcon.vue.js";
-const Y = ["aria-labelledby"], Z = { class: "pa-drawer__header" }, ee = ["aria-label"], te = { class: "pa-drawer__body" }, oe = {
+import { defineComponent as M, useModel as O, useId as P, computed as f, ref as R, watch as U, nextTick as q, onBeforeUnmount as j, openBlock as n, createBlock as x, Teleport as G, createElementVNode as v, normalizeClass as D, createVNode as y, Transition as S, withCtx as w, createElementBlock as p, createCommentVNode as r, resolveDynamicComponent as H, createTextVNode as J, toDisplayString as Q, renderSlot as T, mergeModels as X } from "vue";
+import Y from "../PaIcon/PaIcon.vue.js";
+const Z = ["aria-labelledby"], ee = { class: "pa-drawer__header" }, te = ["aria-label"], oe = { class: "pa-drawer__body" }, ae = {
   key: 0,
   class: "pa-drawer__footer"
-};
-let ae = 0;
-function le() {
-  return ++ae;
-}
-const ie = /* @__PURE__ */ M({
+}, ie = /* @__PURE__ */ M({
   __name: "PaDrawer",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ X({
     title: {},
     titleLevel: { default: 2 },
     showClose: { type: Boolean, default: !0 },
@@ -24,8 +19,8 @@ const ie = /* @__PURE__ */ M({
   }),
   emits: ["update:open"],
   setup(t) {
-    const d = t, l = O(t, "open"), A = le(), z = f(() => d.id ?? `pa-drawer-${A}`), b = f(() => `${z.value}__title`), K = f(() => d.title ? b.value : void 0), N = f(() => `h${d.titleLevel}`), o = x(null), m = x(null);
-    let r = null, h = "", _ = "", s = !1, c = !1;
+    const d = t, l = O(t, "open"), A = P(), z = f(() => d.id ?? `pa-drawer-${A}`), b = f(() => `${z.value}__title`), K = f(() => d.title ? b.value : void 0), N = f(() => `h${d.titleLevel}`), o = R(null), m = R(null);
+    let i = null, h = "", _ = "", s = !1, c = !1;
     const V = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
     function k(e) {
       return Array.from(e.querySelectorAll(V));
@@ -61,45 +56,46 @@ const ie = /* @__PURE__ */ M({
     U(
       l,
       async (e) => {
-        if (e) {
-          if (r = document.activeElement, F(), I(), await P(), d.showClose && m.value)
-            m.value.focus();
-          else if (o.value) {
-            const a = k(o.value);
-            a.length > 0 ? a[0].focus() : o.value.focus();
-          }
-        } else
-          C(), E(), r && document.contains(r) && r.focus(), r = null;
+        if (!(typeof document > "u"))
+          if (e) {
+            if (i = document.activeElement, F(), I(), await q(), d.showClose && m.value)
+              m.value.focus();
+            else if (o.value) {
+              const a = k(o.value);
+              a.length > 0 ? a[0].focus() : o.value.focus();
+            }
+          } else
+            C(), E(), i && document.contains(i) && i.focus(), i = null;
       },
       { flush: "post", immediate: !0 }
-    ), q(() => {
+    ), j(() => {
       C(), E();
     });
     function B() {
       l.value = !1;
     }
-    return (e, a) => (n(), D(j, { to: "body" }, [
+    return (e, a) => (n(), x(G, { to: "body" }, [
       v("div", {
-        class: R(["pa-drawer__wrapper", { "pa-drawer__wrapper--active": l.value }])
+        class: D(["pa-drawer__wrapper", { "pa-drawer__wrapper--active": l.value }])
       }, [
-        w(S, {
+        y(S, {
           name: "pa-drawer-backdrop",
           appear: ""
         }, {
-          default: y(() => [
+          default: w(() => [
             l.value ? (n(), p("div", {
               key: 0,
               class: "pa-drawer__backdrop",
               onClick: B
-            })) : i("", !0)
+            })) : r("", !0)
           ]),
           _: 1
         }),
-        w(S, {
+        y(S, {
           name: `pa-drawer-${t.position}`,
           appear: ""
         }, {
-          default: y(() => [
+          default: w(() => [
             l.value ? (n(), p("div", {
               key: 0,
               ref_key: "drawerRef",
@@ -108,24 +104,24 @@ const ie = /* @__PURE__ */ M({
               "aria-modal": "true",
               tabindex: "-1",
               "aria-labelledby": K.value,
-              class: R([
+              class: D([
                 "pa-drawer",
                 `pa-drawer--${t.position}`,
                 `pa-drawer--${t.size}`
               ]),
               onKeydown: W
             }, [
-              v("div", Z, [
-                t.title ? (n(), D(G(N.value), {
+              v("div", ee, [
+                t.title ? (n(), x(H(N.value), {
                   key: 0,
                   id: b.value,
                   class: "pa-drawer__title"
                 }, {
-                  default: y(() => [
-                    H(J(t.title), 1)
+                  default: w(() => [
+                    J(Q(t.title), 1)
                   ]),
                   _: 1
-                }, 8, ["id"])) : i("", !0),
+                }, 8, ["id"])) : r("", !0),
                 t.showClose ? (n(), p("button", {
                   key: 1,
                   ref_key: "closeButtonRef",
@@ -135,19 +131,19 @@ const ie = /* @__PURE__ */ M({
                   "aria-label": t.closeLabel,
                   onClick: B
                 }, [
-                  w(X, {
+                  y(Y, {
                     name: "x",
                     size: "sm"
                   })
-                ], 8, ee)) : i("", !0)
+                ], 8, te)) : r("", !0)
               ]),
-              v("div", te, [
+              v("div", oe, [
                 T(e.$slots, "default", {}, void 0, !0)
               ]),
-              e.$slots.footer ? (n(), p("div", oe, [
+              e.$slots.footer ? (n(), p("div", ae, [
                 T(e.$slots, "footer", {}, void 0, !0)
-              ])) : i("", !0)
-            ], 42, Y)) : i("", !0)
+              ])) : r("", !0)
+            ], 42, Z)) : r("", !0)
           ]),
           _: 3
         }, 8, ["name"])

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

@@ -1 +1 @@
-{"version":3,"file":"PaDrawer.vue2.js","sources":["../../../src/components/PaDrawer/PaDrawer.vue"],"sourcesContent":["<script lang=\"ts\">\nlet drawerUid = 0\nfunction nextDrawerId() {\n  return ++drawerUid\n}\n\nexport type PaDrawerPosition = 'right' | 'left' | 'top' | 'bottom'\nexport type PaDrawerSize = 'sm' | 'md' | 'lg'\n\nexport interface PaDrawerProps {\n  title?: string\n  titleLevel?: 1 | 2 | 3 | 4 | 5 | 6\n  showClose?: boolean\n  closeLabel?: string\n  position?: PaDrawerPosition\n  size?: PaDrawerSize\n  id?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaDrawerProps>(), {\n  titleLevel: 2,\n  showClose: true,\n  closeLabel: 'Chiudi',\n  position: 'right',\n  size: 'md',\n})\n\nconst open = defineModel<boolean>('open', { default: false })\n\nconst uid = nextDrawerId()\nconst baseId = computed(() => props.id ?? `pa-drawer-${uid}`)\nconst titleId = computed(() => `${baseId.value}__title`)\nconst labelledBy = computed(() => (props.title ? titleId.value : undefined))\nconst titleTag = computed(() => `h${props.titleLevel}` as const)\n\nconst drawerRef = ref<HTMLElement | null>(null)\nconst closeButtonRef = ref<HTMLButtonElement | null>(null)\n\nlet previouslyFocusedElement: HTMLElement | null = null\nlet originalBodyOverflow = ''\nlet originalBodyPaddingRight = ''\nlet scrollLockActive = false\nlet escListenerAttached = false\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n\nfunction getFocusable(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n}\n\nfunction onDrawerKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Tab' || !drawerRef.value) return\n  const focusable = getFocusable(drawerRef.value)\n  if (focusable.length === 0) {\n    event.preventDefault()\n    drawerRef.value.focus()\n    return\n  }\n  const first = focusable[0]!\n  const last = focusable[focusable.length - 1]!\n  const active = document.activeElement as HTMLElement | null\n  if (event.shiftKey) {\n    if (active === first || !drawerRef.value.contains(active)) {\n      event.preventDefault()\n      last.focus()\n    }\n  } else {\n    if (active === last || !drawerRef.value.contains(active)) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n}\n\nfunction onWindowKeydownEsc(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    open.value = false\n  }\n}\n\nfunction lockScroll() {\n  if (scrollLockActive) return\n  originalBodyOverflow = document.body.style.overflow\n  originalBodyPaddingRight = document.body.style.paddingRight\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n  document.body.style.overflow = 'hidden'\n  if (scrollbarWidth > 0) {\n    document.body.style.paddingRight = `${scrollbarWidth}px`\n  }\n  scrollLockActive = true\n}\n\nfunction unlockScroll() {\n  if (!scrollLockActive) return\n  document.body.style.overflow = originalBodyOverflow\n  document.body.style.paddingRight = originalBodyPaddingRight\n  scrollLockActive = false\n}\n\nfunction attachEsc() {\n  if (escListenerAttached) return\n  window.addEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = true\n}\n\nfunction detachEsc() {\n  if (!escListenerAttached) return\n  window.removeEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = false\n}\n\nwatch(\n  open,\n  async (next) => {\n    if (next) {\n      previouslyFocusedElement = document.activeElement as HTMLElement | null\n      lockScroll()\n      attachEsc()\n      await nextTick()\n      if (props.showClose && closeButtonRef.value) {\n        closeButtonRef.value.focus()\n      } else if (drawerRef.value) {\n        const focusable = getFocusable(drawerRef.value)\n        if (focusable.length > 0) {\n          focusable[0]!.focus()\n        } else {\n          drawerRef.value.focus()\n        }\n      }\n    } else {\n      detachEsc()\n      unlockScroll()\n      if (previouslyFocusedElement && document.contains(previouslyFocusedElement)) {\n        previouslyFocusedElement.focus()\n      }\n      previouslyFocusedElement = null\n    }\n  },\n  { flush: 'post', immediate: true },\n)\n\nonBeforeUnmount(() => {\n  detachEsc()\n  unlockScroll()\n})\n\nfunction close() {\n  open.value = false\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"pa-drawer__wrapper\" :class=\"{ 'pa-drawer__wrapper--active': open }\">\n      <Transition name=\"pa-drawer-backdrop\" appear>\n        <div v-if=\"open\" class=\"pa-drawer__backdrop\" @click=\"close\" />\n      </Transition>\n      <Transition :name=\"`pa-drawer-${position}`\" appear>\n        <div\n          v-if=\"open\"\n          ref=\"drawerRef\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          tabindex=\"-1\"\n          :aria-labelledby=\"labelledBy\"\n          :class=\"[\n            'pa-drawer',\n            `pa-drawer--${position}`,\n            `pa-drawer--${size}`,\n          ]\"\n          @keydown=\"onDrawerKeydown\"\n        >\n          <div class=\"pa-drawer__header\">\n            <component\n              :is=\"titleTag\"\n              v-if=\"title\"\n              :id=\"titleId\"\n              class=\"pa-drawer__title\"\n            >\n              {{ title }}\n            </component>\n            <button\n              v-if=\"showClose\"\n              ref=\"closeButtonRef\"\n              type=\"button\"\n              class=\"pa-drawer__close\"\n              :aria-label=\"closeLabel\"\n              @click=\"close\"\n            >\n              <PaIcon name=\"x\" size=\"sm\" />\n            </button>\n          </div>\n          <div class=\"pa-drawer__body\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"pa-drawer__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </Teleport>\n</template>\n\n<style scoped>\n.pa-drawer__wrapper {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  container-type: inline-size;\n  pointer-events: none;\n}\n\n.pa-drawer__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  pointer-events: auto;\n}\n\n.pa-drawer {\n  position: fixed;\n  z-index: 1001;\n  background: var(--pa-color-bg-white);\n  box-shadow: var(--pa-shadow-elevation-01);\n  display: flex;\n  flex-direction: column;\n  padding: 32px;\n  pointer-events: auto;\n  font-family: var(--pa-font-family-base);\n  box-sizing: border-box;\n}\n\n.pa-drawer:focus {\n  outline: none;\n}\n\n.pa-drawer--sm {\n  --pa-drawer-width: 400px;\n  --pa-drawer-height: 320px;\n}\n\n.pa-drawer--md {\n  --pa-drawer-width: 550px;\n  --pa-drawer-height: 480px;\n}\n\n.pa-drawer--lg {\n  --pa-drawer-width: 720px;\n  --pa-drawer-height: 640px;\n}\n\n.pa-drawer--right {\n  top: 0;\n  right: 0;\n  height: 100vh;\n  width: var(--pa-drawer-width);\n  max-width: 100vw;\n}\n\n.pa-drawer--left {\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: var(--pa-drawer-width);\n  max-width: 100vw;\n}\n\n.pa-drawer--top {\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: var(--pa-drawer-height);\n  max-height: 100vh;\n}\n\n.pa-drawer--bottom {\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  height: var(--pa-drawer-height);\n  max-height: 100vh;\n}\n\n.pa-drawer__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--pa-space-sm);\n  width: 100%;\n  flex-shrink: 0;\n}\n\n.pa-drawer__title {\n  margin: 0;\n  flex: 1 1 auto;\n  min-width: 0;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  letter-spacing: -0.5px;\n  color: var(--pa-color-primary);\n}\n\n.pa-drawer__close {\n  flex: 0 0 auto;\n  width: 44px;\n  height: 44px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pa-radius-smooth);\n  background: transparent;\n  border: none;\n  color: var(--pa-color-primary);\n  cursor: pointer;\n  padding: 0;\n  margin: -10px -10px 0 0;\n}\n\n.pa-drawer__close:hover {\n  background: var(--pa-color-bg-secondary-light-50);\n}\n\n.pa-drawer__close:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-drawer__body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  width: 100%;\n  margin-top: var(--pa-space-sm);\n}\n\n.pa-drawer__footer {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-sm);\n  min-height: 64px;\n  padding: var(--pa-space-xs) var(--pa-space-lg);\n  margin: 0 calc(-1 * var(--pa-space-lg)) calc(-1 * var(--pa-space-lg))\n    calc(-1 * var(--pa-space-lg));\n  background: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n  flex-shrink: 0;\n}\n\n.pa-drawer-backdrop-enter-from,\n.pa-drawer-backdrop-leave-to {\n  opacity: 0;\n}\n\n.pa-drawer-backdrop-enter-active {\n  transition: opacity 200ms ease-out;\n}\n\n.pa-drawer-backdrop-leave-active {\n  transition: opacity 200ms ease-in;\n}\n\n.pa-drawer-right-enter-from,\n.pa-drawer-right-leave-to {\n  transform: translateX(100%);\n}\n\n.pa-drawer-left-enter-from,\n.pa-drawer-left-leave-to {\n  transform: translateX(-100%);\n}\n\n.pa-drawer-top-enter-from,\n.pa-drawer-top-leave-to {\n  transform: translateY(-100%);\n}\n\n.pa-drawer-bottom-enter-from,\n.pa-drawer-bottom-leave-to {\n  transform: translateY(100%);\n}\n\n.pa-drawer-right-enter-active,\n.pa-drawer-left-enter-active,\n.pa-drawer-top-enter-active,\n.pa-drawer-bottom-enter-active {\n  transition: transform 250ms ease-out;\n}\n\n.pa-drawer-right-leave-active,\n.pa-drawer-left-leave-active,\n.pa-drawer-top-leave-active,\n.pa-drawer-bottom-leave-active {\n  transition: transform 200ms ease-in;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pa-drawer-backdrop-enter-active,\n  .pa-drawer-backdrop-leave-active,\n  .pa-drawer-right-enter-active,\n  .pa-drawer-right-leave-active,\n  .pa-drawer-left-enter-active,\n  .pa-drawer-left-leave-active,\n  .pa-drawer-top-enter-active,\n  .pa-drawer-top-leave-active,\n  .pa-drawer-bottom-enter-active,\n  .pa-drawer-bottom-leave-active {\n    transition-duration: 0ms;\n  }\n}\n\n@container (max-width: 600px) {\n  .pa-drawer {\n    padding: var(--pa-space-md);\n  }\n\n  .pa-drawer--right,\n  .pa-drawer--left {\n    width: 100vw;\n    max-width: none;\n  }\n\n  .pa-drawer--top,\n  .pa-drawer--bottom {\n    height: 100vh;\n    max-height: none;\n  }\n\n  .pa-drawer__title {\n    font-size: 18px;\n    line-height: 22px;\n  }\n\n  .pa-drawer__footer {\n    padding: var(--pa-space-xs) var(--pa-space-md);\n    margin: 0 calc(-1 * var(--pa-space-md)) calc(-1 * var(--pa-space-md))\n      calc(-1 * var(--pa-space-md));\n  }\n}\n</style>\n"],"names":["drawerUid","nextDrawerId","props","__props","open","_useModel","uid","baseId","computed","titleId","labelledBy","titleTag","drawerRef","ref","closeButtonRef","previouslyFocusedElement","originalBodyOverflow","originalBodyPaddingRight","scrollLockActive","escListenerAttached","FOCUSABLE_SELECTOR","getFocusable","root","onDrawerKeydown","event","focusable","first","last","active","onWindowKeydownEsc","lockScroll","scrollbarWidth","unlockScroll","attachEsc","detachEsc","watch","next","nextTick","onBeforeUnmount","close","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_createVNode","_Transition","_createElementBlock","_hoisted_2","_openBlock","_resolveDynamicComponent","PaIcon","_hoisted_4","_renderSlot","_ctx","$slots","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"PaDrawer.vue2.js","sources":["../../../src/components/PaDrawer/PaDrawer.vue"],"sourcesContent":["<script lang=\"ts\">\n\nexport type PaDrawerPosition = 'right' | 'left' | 'top' | 'bottom'\nexport type PaDrawerSize = 'sm' | 'md' | 'lg'\n\nexport interface PaDrawerProps {\n  title?: string\n  titleLevel?: 1 | 2 | 3 | 4 | 5 | 6\n  showClose?: boolean\n  closeLabel?: string\n  position?: PaDrawerPosition\n  size?: PaDrawerSize\n  id?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaDrawerProps>(), {\n  titleLevel: 2,\n  showClose: true,\n  closeLabel: 'Chiudi',\n  position: 'right',\n  size: 'md',\n})\n\nconst open = defineModel<boolean>('open', { default: false })\n\nconst uid = useId()\nconst baseId = computed(() => props.id ?? `pa-drawer-${uid}`)\nconst titleId = computed(() => `${baseId.value}__title`)\nconst labelledBy = computed(() => (props.title ? titleId.value : undefined))\nconst titleTag = computed(() => `h${props.titleLevel}` as const)\n\nconst drawerRef = ref<HTMLElement | null>(null)\nconst closeButtonRef = ref<HTMLButtonElement | null>(null)\n\nlet previouslyFocusedElement: HTMLElement | null = null\nlet originalBodyOverflow = ''\nlet originalBodyPaddingRight = ''\nlet scrollLockActive = false\nlet escListenerAttached = false\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n\nfunction getFocusable(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n}\n\nfunction onDrawerKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Tab' || !drawerRef.value) return\n  const focusable = getFocusable(drawerRef.value)\n  if (focusable.length === 0) {\n    event.preventDefault()\n    drawerRef.value.focus()\n    return\n  }\n  const first = focusable[0]!\n  const last = focusable[focusable.length - 1]!\n  const active = document.activeElement as HTMLElement | null\n  if (event.shiftKey) {\n    if (active === first || !drawerRef.value.contains(active)) {\n      event.preventDefault()\n      last.focus()\n    }\n  } else {\n    if (active === last || !drawerRef.value.contains(active)) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n}\n\nfunction onWindowKeydownEsc(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    open.value = false\n  }\n}\n\nfunction lockScroll() {\n  if (scrollLockActive) return\n  originalBodyOverflow = document.body.style.overflow\n  originalBodyPaddingRight = document.body.style.paddingRight\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n  document.body.style.overflow = 'hidden'\n  if (scrollbarWidth > 0) {\n    document.body.style.paddingRight = `${scrollbarWidth}px`\n  }\n  scrollLockActive = true\n}\n\nfunction unlockScroll() {\n  if (!scrollLockActive) return\n  document.body.style.overflow = originalBodyOverflow\n  document.body.style.paddingRight = originalBodyPaddingRight\n  scrollLockActive = false\n}\n\nfunction attachEsc() {\n  if (escListenerAttached) return\n  window.addEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = true\n}\n\nfunction detachEsc() {\n  if (!escListenerAttached) return\n  window.removeEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = false\n}\n\nwatch(\n  open,\n  async (next) => {\n    if (typeof document === 'undefined') return\n    if (next) {\n      previouslyFocusedElement = document.activeElement as HTMLElement | null\n      lockScroll()\n      attachEsc()\n      await nextTick()\n      if (props.showClose && closeButtonRef.value) {\n        closeButtonRef.value.focus()\n      } else if (drawerRef.value) {\n        const focusable = getFocusable(drawerRef.value)\n        if (focusable.length > 0) {\n          focusable[0]!.focus()\n        } else {\n          drawerRef.value.focus()\n        }\n      }\n    } else {\n      detachEsc()\n      unlockScroll()\n      if (previouslyFocusedElement && document.contains(previouslyFocusedElement)) {\n        previouslyFocusedElement.focus()\n      }\n      previouslyFocusedElement = null\n    }\n  },\n  { flush: 'post', immediate: true },\n)\n\nonBeforeUnmount(() => {\n  detachEsc()\n  unlockScroll()\n})\n\nfunction close() {\n  open.value = false\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"pa-drawer__wrapper\" :class=\"{ 'pa-drawer__wrapper--active': open }\">\n      <Transition name=\"pa-drawer-backdrop\" appear>\n        <div v-if=\"open\" class=\"pa-drawer__backdrop\" @click=\"close\" />\n      </Transition>\n      <Transition :name=\"`pa-drawer-${position}`\" appear>\n        <div\n          v-if=\"open\"\n          ref=\"drawerRef\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          tabindex=\"-1\"\n          :aria-labelledby=\"labelledBy\"\n          :class=\"[\n            'pa-drawer',\n            `pa-drawer--${position}`,\n            `pa-drawer--${size}`,\n          ]\"\n          @keydown=\"onDrawerKeydown\"\n        >\n          <div class=\"pa-drawer__header\">\n            <component\n              :is=\"titleTag\"\n              v-if=\"title\"\n              :id=\"titleId\"\n              class=\"pa-drawer__title\"\n            >\n              {{ title }}\n            </component>\n            <button\n              v-if=\"showClose\"\n              ref=\"closeButtonRef\"\n              type=\"button\"\n              class=\"pa-drawer__close\"\n              :aria-label=\"closeLabel\"\n              @click=\"close\"\n            >\n              <PaIcon name=\"x\" size=\"sm\" />\n            </button>\n          </div>\n          <div class=\"pa-drawer__body\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"pa-drawer__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </Teleport>\n</template>\n\n<style scoped>\n.pa-drawer__wrapper {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  container-type: inline-size;\n  pointer-events: none;\n}\n\n.pa-drawer__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  pointer-events: auto;\n}\n\n.pa-drawer {\n  position: fixed;\n  z-index: 1001;\n  background: var(--pa-color-bg-white);\n  box-shadow: var(--pa-shadow-elevation-01);\n  display: flex;\n  flex-direction: column;\n  padding: 32px;\n  pointer-events: auto;\n  font-family: var(--pa-font-family-base);\n  box-sizing: border-box;\n}\n\n.pa-drawer:focus {\n  outline: none;\n}\n\n.pa-drawer--sm {\n  --pa-drawer-width: 400px;\n  --pa-drawer-height: 320px;\n}\n\n.pa-drawer--md {\n  --pa-drawer-width: 550px;\n  --pa-drawer-height: 480px;\n}\n\n.pa-drawer--lg {\n  --pa-drawer-width: 720px;\n  --pa-drawer-height: 640px;\n}\n\n.pa-drawer--right {\n  top: 0;\n  right: 0;\n  height: 100vh;\n  width: var(--pa-drawer-width);\n  max-width: 100vw;\n}\n\n.pa-drawer--left {\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: var(--pa-drawer-width);\n  max-width: 100vw;\n}\n\n.pa-drawer--top {\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: var(--pa-drawer-height);\n  max-height: 100vh;\n}\n\n.pa-drawer--bottom {\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  height: var(--pa-drawer-height);\n  max-height: 100vh;\n}\n\n.pa-drawer__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--pa-space-sm);\n  width: 100%;\n  flex-shrink: 0;\n}\n\n.pa-drawer__title {\n  margin: 0;\n  flex: 1 1 auto;\n  min-width: 0;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  letter-spacing: -0.5px;\n  color: var(--pa-color-primary);\n}\n\n.pa-drawer__close {\n  flex: 0 0 auto;\n  width: 44px;\n  height: 44px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pa-radius-smooth);\n  background: transparent;\n  border: none;\n  color: var(--pa-color-primary);\n  cursor: pointer;\n  padding: 0;\n  margin: -10px -10px 0 0;\n}\n\n.pa-drawer__close:hover {\n  background: var(--pa-color-bg-secondary-light-50);\n}\n\n.pa-drawer__close:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-drawer__body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  width: 100%;\n  margin-top: var(--pa-space-sm);\n}\n\n.pa-drawer__footer {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-sm);\n  min-height: 64px;\n  padding: var(--pa-space-xs) var(--pa-space-lg);\n  margin: 0 calc(-1 * var(--pa-space-lg)) calc(-1 * var(--pa-space-lg))\n    calc(-1 * var(--pa-space-lg));\n  background: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n  flex-shrink: 0;\n}\n\n.pa-drawer-backdrop-enter-from,\n.pa-drawer-backdrop-leave-to {\n  opacity: 0;\n}\n\n.pa-drawer-backdrop-enter-active {\n  transition: opacity 200ms ease-out;\n}\n\n.pa-drawer-backdrop-leave-active {\n  transition: opacity 200ms ease-in;\n}\n\n.pa-drawer-right-enter-from,\n.pa-drawer-right-leave-to {\n  transform: translateX(100%);\n}\n\n.pa-drawer-left-enter-from,\n.pa-drawer-left-leave-to {\n  transform: translateX(-100%);\n}\n\n.pa-drawer-top-enter-from,\n.pa-drawer-top-leave-to {\n  transform: translateY(-100%);\n}\n\n.pa-drawer-bottom-enter-from,\n.pa-drawer-bottom-leave-to {\n  transform: translateY(100%);\n}\n\n.pa-drawer-right-enter-active,\n.pa-drawer-left-enter-active,\n.pa-drawer-top-enter-active,\n.pa-drawer-bottom-enter-active {\n  transition: transform 250ms ease-out;\n}\n\n.pa-drawer-right-leave-active,\n.pa-drawer-left-leave-active,\n.pa-drawer-top-leave-active,\n.pa-drawer-bottom-leave-active {\n  transition: transform 200ms ease-in;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pa-drawer-backdrop-enter-active,\n  .pa-drawer-backdrop-leave-active,\n  .pa-drawer-right-enter-active,\n  .pa-drawer-right-leave-active,\n  .pa-drawer-left-enter-active,\n  .pa-drawer-left-leave-active,\n  .pa-drawer-top-enter-active,\n  .pa-drawer-top-leave-active,\n  .pa-drawer-bottom-enter-active,\n  .pa-drawer-bottom-leave-active {\n    transition-duration: 0ms;\n  }\n}\n\n@container (max-width: 600px) {\n  .pa-drawer {\n    padding: var(--pa-space-md);\n  }\n\n  .pa-drawer--right,\n  .pa-drawer--left {\n    width: 100vw;\n    max-width: none;\n  }\n\n  .pa-drawer--top,\n  .pa-drawer--bottom {\n    height: 100vh;\n    max-height: none;\n  }\n\n  .pa-drawer__title {\n    font-size: 18px;\n    line-height: 22px;\n  }\n\n  .pa-drawer__footer {\n    padding: var(--pa-space-xs) var(--pa-space-md);\n    margin: 0 calc(-1 * var(--pa-space-md)) calc(-1 * var(--pa-space-md))\n      calc(-1 * var(--pa-space-md));\n  }\n}\n</style>\n"],"names":["props","__props","open","_useModel","uid","useId","baseId","computed","titleId","labelledBy","titleTag","drawerRef","ref","closeButtonRef","previouslyFocusedElement","originalBodyOverflow","originalBodyPaddingRight","scrollLockActive","escListenerAttached","FOCUSABLE_SELECTOR","getFocusable","root","onDrawerKeydown","event","focusable","first","last","active","onWindowKeydownEsc","lockScroll","scrollbarWidth","unlockScroll","attachEsc","detachEsc","watch","next","nextTick","onBeforeUnmount","close","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_createVNode","_Transition","_createElementBlock","_hoisted_2","_openBlock","_resolveDynamicComponent","PaIcon","_hoisted_4","_renderSlot","_ctx","$slots","_hoisted_5"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
-export declare function nextPaFileUploadId(): string;
 export interface PaFileUploadProps {
     label?: string;
     helperText?: string;

package/dist/components/PaFileUpload/PaFileUpload.vue.js

@@ -1,10 +1,8 @@
 import o from "./PaFileUpload.vue2.js";
-import { nextPaFileUploadId as f } from "./PaFileUpload.vue2.js";
 /* empty css                  */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3ba1b228"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d1518cb0"]]);
 export {
-  e as default,
-  f as nextPaFileUploadId
+  m as default
 };
 //# sourceMappingURL=PaFileUpload.vue.js.map

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

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