@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaMonthPicker/PaMonthPicker.vue2.js

@@ -0,0 +1,314 @@
+import { defineComponent as le, useModel as ie, ref as h, computed as o, watch as ue, onBeforeUnmount as se, openBlock as v, createElementBlock as f, normalizeClass as g, createTextVNode as de, toDisplayString as b, createCommentVNode as k, withKeys as S, withModifiers as q, createElementVNode as d, renderSlot as ce, createVNode as Y, withDirectives as ve, Fragment as fe, renderList as pe, vShow as me, mergeModels as he, nextTick as j } from "vue";
+import B from "../PaIcon/PaIcon.vue.js";
+const ge = ["for"], be = {
+  key: 0,
+  class: "pa-month-picker__required",
+  "aria-hidden": "true"
+}, ke = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-readonly", "aria-describedby", "onKeydown"], ye = { class: "pa-month-picker__value" }, we = ["name", "value", "disabled", "readonly", "required"], De = { class: "pa-month-picker__header" }, _e = {
+  class: "pa-month-picker__year-label",
+  "aria-live": "polite"
+}, Me = ["disabled", "tabindex", "aria-pressed", "onClick", "onKeydown"], Te = ["id"];
+let Ae = 0;
+function Ee() {
+  return `pa-month-picker-${++Ae}`;
+}
+const Se = /* @__PURE__ */ le({
+  __name: "PaMonthPicker",
+  props: /* @__PURE__ */ he({
+    display: { default: "popover" },
+    placeholder: { default: "mese / 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 },
+    disabledMonths: { type: Function, default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const n = t, i = ie(t, "modelValue"), _ = h(null), C = h(null), L = h(null), u = h(!1), P = `pa-month-picker-pop-${Math.random().toString(36).slice(2, 9)}`, J = Ee(), M = o(() => n.id ?? J), $ = o(() => `${M.value}-msg`), Q = [
+      "Gennaio",
+      "Febbraio",
+      "Marzo",
+      "Aprile",
+      "Maggio",
+      "Giugno",
+      "Luglio",
+      "Agosto",
+      "Settembre",
+      "Ottobre",
+      "Novembre",
+      "Dicembre"
+    ], c = h(
+      i.value instanceof Date ? i.value.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
+    ), X = new Intl.DateTimeFormat("it-IT", {
+      month: "long",
+      year: "numeric"
+    }), Z = o(() => {
+      const e = i.value;
+      if (!(e instanceof Date) || isNaN(e.getTime())) return n.placeholder;
+      const a = X.format(e);
+      return a.charAt(0).toUpperCase() + a.slice(1);
+    }), ee = o(() => !(i.value instanceof Date)), p = o(() => !!n.error), V = o(() => n.valid && !p.value), ae = o(
+      () => typeof n.error == "string" && n.error.length > 0 ? n.error : null
+    ), te = o(
+      () => !p.value && n.helperText ? n.helperText : null
+    ), T = o(() => ae.value ?? te.value), ne = o(() => {
+      const e = i.value;
+      if (!(e instanceof Date) || isNaN(e.getTime())) return "";
+      const a = e.getFullYear(), r = String(e.getMonth() + 1).padStart(2, "0");
+      return `${a}-${r}`;
+    });
+    function I(e) {
+      return new Date(e.getFullYear(), e.getMonth(), 1, 0, 0, 0, 0);
+    }
+    const K = o(
+      () => n.min ? I(n.min) : null
+    ), R = o(
+      () => n.max ? I(n.max) : null
+    );
+    function x(e) {
+      const a = new Date(c.value, e, 1, 0, 0, 0, 0);
+      return K.value && a.getTime() < K.value.getTime() || R.value && a.getTime() > R.value.getTime() ? !0 : n.disabledMonths ? n.disabledMonths(a) === !0 : !1;
+    }
+    const m = o(
+      () => Array.from({ length: 12 }, (e, a) => x(a))
+    ), z = o(() => {
+      const e = i.value;
+      return !(e instanceof Date) || isNaN(e.getTime()) || e.getFullYear() !== c.value ? null : e.getMonth();
+    });
+    function U() {
+      u.value || n.disabled || n.readonly || (c.value = i.value instanceof Date ? i.value.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear(), u.value = !0);
+    }
+    function y(e = !0) {
+      var a;
+      u.value && (u.value = !1, e && ((a = C.value) == null || a.focus()));
+    }
+    function A() {
+      n.disabled || n.readonly || (u.value ? y() : U());
+    }
+    function G() {
+      c.value -= 1;
+    }
+    function H() {
+      c.value += 1;
+    }
+    function re(e) {
+      n.readonly || x(e) || (i.value = new Date(c.value, e, 1, 0, 0, 0, 0), n.display === "popover" && y());
+    }
+    function E(e) {
+      var s, W;
+      const a = (s = L.value) == null ? void 0 : s.querySelectorAll(
+        ".pa-month-picker__tile"
+      );
+      if (!a || a.length === 0) return;
+      const r = a.length, l = (e % r + r) % r;
+      (W = a[l]) == null || W.focus();
+    }
+    function O(e, a) {
+      for (let l = 1; l <= 12; l++) {
+        const s = ((e + a * l) % 12 + 12) % 12;
+        if (!m.value[s]) return s;
+      }
+      return -1;
+    }
+    function w(e, a) {
+      const r = O(e, a);
+      r >= 0 && E(r);
+    }
+    function D(e, a) {
+      if (!m.value[e]) {
+        E(e);
+        return;
+      }
+      const r = O(e, a);
+      r >= 0 && E(r);
+    }
+    function oe(e, a) {
+      switch (e.key) {
+        case "ArrowRight":
+          e.preventDefault(), w(a, 1);
+          break;
+        case "ArrowLeft":
+          e.preventDefault(), w(a, -1);
+          break;
+        case "ArrowDown":
+          e.preventDefault(), w(a, 3);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), w(a, -3);
+          break;
+        case "Home":
+          e.preventDefault(), D(0, 1);
+          break;
+        case "End":
+          e.preventDefault(), D(11, -1);
+          break;
+        case "PageDown":
+          e.preventDefault(), H(), j(() => D(a, 1));
+          break;
+        case "PageUp":
+          e.preventDefault(), G(), j(() => D(a, 1));
+          break;
+      }
+    }
+    function F(e) {
+      _.value && (_.value.contains(e.target) || y(!1));
+    }
+    function N(e) {
+      e.key === "Escape" && (e.preventDefault(), y());
+    }
+    return ue(u, (e) => {
+      e ? (document.addEventListener("mousedown", F), window.addEventListener("keydown", N)) : (document.removeEventListener("mousedown", F), window.removeEventListener("keydown", N));
+    }), se(() => {
+      document.removeEventListener("mousedown", F), window.removeEventListener("keydown", N);
+    }), (e, a) => (v(), f("div", {
+      ref_key: "rootRef",
+      ref: _,
+      class: g([
+        "pa-month-picker",
+        `pa-month-picker--${t.display}`,
+        {
+          "pa-month-picker--open": u.value,
+          "pa-month-picker--disabled": t.disabled,
+          "pa-month-picker--readonly": t.readonly,
+          "pa-month-picker--error": p.value,
+          "pa-month-picker--valid": V.value
+        }
+      ])
+    }, [
+      t.label ? (v(), f("label", {
+        key: 0,
+        for: M.value,
+        class: "pa-month-picker__label"
+      }, [
+        de(b(t.label), 1),
+        t.required ? (v(), f("span", be, "*")) : k("", !0)
+      ], 8, ge)) : k("", !0),
+      t.display === "popover" ? (v(), f("button", {
+        key: 1,
+        id: M.value,
+        ref_key: "triggerRef",
+        ref: C,
+        type: "button",
+        class: g([
+          "pa-month-picker__trigger",
+          {
+            "pa-month-picker__trigger--placeholder": ee.value,
+            "pa-month-picker__trigger--disabled": t.disabled,
+            "pa-month-picker__trigger--readonly": t.readonly && !t.disabled,
+            "pa-month-picker__trigger--error": p.value && !t.disabled,
+            "pa-month-picker__trigger--valid": V.value && !t.disabled
+          }
+        ]),
+        disabled: t.disabled,
+        "aria-expanded": u.value,
+        "aria-haspopup": "dialog",
+        "aria-controls": P,
+        "aria-required": t.required || void 0,
+        "aria-invalid": p.value || void 0,
+        "aria-readonly": t.readonly || void 0,
+        "aria-describedby": T.value ? $.value : void 0,
+        onClick: A,
+        onKeydown: [
+          S(q(A, ["prevent"]), ["enter"]),
+          S(q(A, ["prevent"]), ["space"]),
+          S(q(U, ["prevent"]), ["down"])
+        ]
+      }, [
+        d("span", ye, b(Z.value), 1),
+        ce(e.$slots, "suffix", {}, () => [
+          Y(B, {
+            name: "calendar-blank",
+            size: "md"
+          })
+        ], !0)
+      ], 42, ke)) : k("", !0),
+      t.name ? (v(), f("input", {
+        key: 2,
+        type: "hidden",
+        name: t.name,
+        value: ne.value,
+        disabled: t.disabled,
+        readonly: t.readonly,
+        required: t.required
+      }, null, 8, we)) : k("", !0),
+      ve(d("div", {
+        id: P,
+        class: g([
+          "pa-month-picker__popover",
+          { "pa-month-picker__popover--inline": t.display === "inline" }
+        ]),
+        role: "dialog",
+        "aria-modal": "false"
+      }, [
+        d("div", De, [
+          d("button", {
+            type: "button",
+            class: "pa-month-picker__nav-arrow",
+            "aria-label": "Anno precedente",
+            onClick: G
+          }, [
+            Y(B, {
+              name: "caret-left",
+              size: "sm"
+            })
+          ]),
+          d("span", _e, b(c.value), 1),
+          d("button", {
+            type: "button",
+            class: "pa-month-picker__nav-arrow",
+            "aria-label": "Anno successivo",
+            onClick: H
+          }, [
+            Y(B, {
+              name: "caret-right",
+              size: "sm"
+            })
+          ])
+        ]),
+        d("div", {
+          ref_key: "gridRef",
+          ref: L,
+          class: "pa-month-picker__grid",
+          role: "grid"
+        }, [
+          (v(), f(fe, null, pe(Q, (r, l) => d("button", {
+            key: r,
+            type: "button",
+            class: g(["pa-month-picker__tile", {
+              "pa-month-picker__tile--selected": z.value === l,
+              "pa-month-picker__tile--disabled": m.value[l]
+            }]),
+            disabled: m.value[l],
+            tabindex: m.value[l] ? -1 : 0,
+            "aria-pressed": z.value === l,
+            onClick: (s) => re(l),
+            onKeydown: (s) => oe(s, l)
+          }, b(r), 43, Me)), 64))
+        ], 512)
+      ], 2), [
+        [me, t.display === "inline" || u.value]
+      ]),
+      T.value ? (v(), f("div", {
+        key: 3,
+        id: $.value,
+        class: g(["pa-month-picker__message", { "pa-month-picker__message--error": p.value }])
+      }, b(T.value), 11, Te)) : k("", !0)
+    ], 2));
+  }
+});
+export {
+  Se as default,
+  Ee as nextPaMonthPickerId
+};
+//# sourceMappingURL=PaMonthPicker.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaMonthPicker.vue2.js","sources":["../../../src/components/PaMonthPicker/PaMonthPicker.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaMonthPickerId() {\n  return `pa-month-picker-${++uid}`\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(\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    disabledMonths?: (date: Date) => boolean\n  }>(),\n  {\n    display: 'popover',\n    placeholder: 'mese / aaaa',\n    required: false,\n    error: false,\n    valid: false,\n    disabled: false,\n    readonly: false,\n    min: null,\n    max: null,\n    disabledMonths: 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 gridRef = ref<HTMLDivElement | null>(null)\nconst open = ref(false)\nconst popoverId = `pa-month-picker-pop-${Math.random().toString(36).slice(2, 9)}`\nconst generatedId = nextPaMonthPickerId()\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\nconst MONTH_NAMES = [\n  'Gennaio', 'Febbraio', 'Marzo', 'Aprile',\n  'Maggio', 'Giugno', 'Luglio', 'Agosto',\n  'Settembre', 'Ottobre', 'Novembre', 'Dicembre',\n] as const\n\nconst pageYear = ref(\n  model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear(),\n)\n\nconst monthFormatter = new Intl.DateTimeFormat('it-IT', {\n  month: 'long',\n  year: 'numeric',\n})\n\nconst displayValue = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return props.placeholder\n  const s = monthFormatter.format(v)\n  return s.charAt(0).toUpperCase() + s.slice(1)\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// yyyy-mm matching <input type=\"month\">. Built from LOCAL components.\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  return `${y}-${m}`\n})\n\nfunction truncateToMonthStart(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), 1, 0, 0, 0, 0)\n}\n\nconst truncatedMin = computed(() =>\n  props.min ? truncateToMonthStart(props.min) : null,\n)\nconst truncatedMax = computed(() =>\n  props.max ? truncateToMonthStart(props.max) : null,\n)\n\nfunction isMonthDisabled(monthIdx: number): boolean {\n  const cellDate = new Date(pageYear.value, monthIdx, 1, 0, 0, 0, 0)\n  if (truncatedMin.value && cellDate.getTime() < truncatedMin.value.getTime()) return true\n  if (truncatedMax.value && cellDate.getTime() > truncatedMax.value.getTime()) return true\n  return props.disabledMonths ? props.disabledMonths(cellDate) === true : false\n}\n\nconst disabledStates = computed(() =>\n  Array.from({ length: 12 }, (_, idx) => isMonthDisabled(idx)),\n)\n\nconst selectedMonth = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return null\n  if (v.getFullYear() !== pageYear.value) return null\n  return v.getMonth()\n})\n\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  // Re-anchor to the committed value's year on each open so the user always\n  // lands on the page that shows their current selection.\n  pageYear.value = model.value instanceof Date\n    ? model.value.getFullYear()\n    : new Date().getFullYear()\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\nfunction prevYear() {\n  pageYear.value -= 1\n}\n\nfunction nextYear() {\n  pageYear.value += 1\n}\n\nfunction selectMonth(monthIdx: number) {\n  if (props.readonly) return\n  if (isMonthDisabled(monthIdx)) return\n  model.value = new Date(pageYear.value, monthIdx, 1, 0, 0, 0, 0)\n  if (props.display === 'popover') closePopover()\n}\n\nfunction focusTile(idx: number) {\n  const buttons = gridRef.value?.querySelectorAll<HTMLButtonElement>(\n    '.pa-month-picker__tile',\n  )\n  if (!buttons || buttons.length === 0) return\n  const n = buttons.length\n  const i = ((idx % n) + n) % n\n  buttons[i]?.focus()\n}\n\n// Walk from `from` in `step` increments (wrapping within 0..11) until landing\n// on a non-disabled tile. If every tile is disabled, return -1 (caller stays\n// put). step in {-1, +1, -3, +3}.\nfunction nextEnabledTile(from: number, step: number): number {\n  const n = 12\n  for (let i = 1; i <= n; i++) {\n    const candidate = (((from + step * i) % n) + n) % n\n    if (!disabledStates.value[candidate]) return candidate\n  }\n  return -1\n}\n\nfunction focusInDirection(from: number, step: number) {\n  const target = nextEnabledTile(from, step)\n  if (target >= 0) focusTile(target)\n}\n\nfunction focusFirstEnabled(start: number, step: number) {\n  if (!disabledStates.value[start]) {\n    focusTile(start)\n    return\n  }\n  const target = nextEnabledTile(start, step)\n  if (target >= 0) focusTile(target)\n}\n\nfunction onTileKeydown(event: KeyboardEvent, idx: number) {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault()\n      focusInDirection(idx, 1)\n      break\n    case 'ArrowLeft':\n      event.preventDefault()\n      focusInDirection(idx, -1)\n      break\n    case 'ArrowDown':\n      event.preventDefault()\n      focusInDirection(idx, 3)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusInDirection(idx, -3)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusFirstEnabled(0, 1)\n      break\n    case 'End':\n      event.preventDefault()\n      focusFirstEnabled(11, -1)\n      break\n    case 'PageDown':\n      event.preventDefault()\n      nextYear()\n      nextTick(() => focusFirstEnabled(idx, 1))\n      break\n    case 'PageUp':\n      event.preventDefault()\n      prevYear()\n      nextTick(() => focusFirstEnabled(idx, 1))\n      break\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-month-picker',\n      `pa-month-picker--${display}`,\n      {\n        'pa-month-picker--open': open,\n        'pa-month-picker--disabled': disabled,\n        'pa-month-picker--readonly': readonly,\n        'pa-month-picker--error': errorActive,\n        'pa-month-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-month-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-month-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-month-picker__trigger',\n        {\n          'pa-month-picker__trigger--placeholder': placeholderShown,\n          'pa-month-picker__trigger--disabled': disabled,\n          'pa-month-picker__trigger--readonly': readonly && !disabled,\n          'pa-month-picker__trigger--error': errorActive && !disabled,\n          'pa-month-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-month-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-month-picker__popover',\n        { 'pa-month-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <div class=\"pa-month-picker__header\">\n        <button\n          type=\"button\"\n          class=\"pa-month-picker__nav-arrow\"\n          aria-label=\"Anno precedente\"\n          @click=\"prevYear\"\n        >\n          <PaIcon name=\"caret-left\" size=\"sm\" />\n        </button>\n        <span class=\"pa-month-picker__year-label\" aria-live=\"polite\">\n          {{ pageYear }}\n        </span>\n        <button\n          type=\"button\"\n          class=\"pa-month-picker__nav-arrow\"\n          aria-label=\"Anno successivo\"\n          @click=\"nextYear\"\n        >\n          <PaIcon name=\"caret-right\" size=\"sm\" />\n        </button>\n      </div>\n\n      <div ref=\"gridRef\" class=\"pa-month-picker__grid\" role=\"grid\">\n        <button\n          v-for=\"(name, idx) in MONTH_NAMES\"\n          :key=\"name\"\n          type=\"button\"\n          class=\"pa-month-picker__tile\"\n          :class=\"{\n            'pa-month-picker__tile--selected': selectedMonth === idx,\n            'pa-month-picker__tile--disabled': disabledStates[idx],\n          }\"\n          :disabled=\"disabledStates[idx]\"\n          :tabindex=\"disabledStates[idx] ? -1 : 0\"\n          :aria-pressed=\"selectedMonth === idx\"\n          @click=\"selectMonth(idx)\"\n          @keydown=\"onTileKeydown($event, idx)\"\n        >\n          {{ name }}\n        </button>\n      </div>\n    </div>\n\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-month-picker__message', { 'pa-month-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-month-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-month-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-month-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-month-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-month-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-month-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-month-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-month-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-month-picker__trigger--placeholder .pa-month-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-month-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-month-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-month-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-month-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-month-picker__trigger--disabled,\n.pa-month-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-month-picker__trigger--disabled:hover,\n.pa-month-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-month-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-month-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-month-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-month-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n\n.pa-month-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 0 16px;\n}\n.pa-month-picker__year-label {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-primary, #0071ff);\n}\n\n.pa-month-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-month-picker__nav-arrow:hover {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-month-picker__nav-arrow:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-month-picker__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px 24px;\n}\n\n.pa-month-picker__tile {\n  padding: 12px 16px;\n  background: #ffffff;\n  border: 0;\n  border-radius: 9999px;\n  font: 400 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n  cursor: pointer;\n  text-align: center;\n  transition: none;\n}\n.pa-month-picker__tile:hover {\n  background: var(--pa-color-primary-hover, #00368f);\n  color: #ffffff;\n}\n.pa-month-picker__tile:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: -2px;\n}\n.pa-month-picker__tile:active {\n  background: var(--pa-color-primary-pressed, #00173d);\n  color: #ffffff;\n}\n.pa-month-picker__tile--selected {\n  background: var(--pa-color-primary, #0071ff);\n  color: #ffffff;\n}\n.pa-month-picker__tile--selected:hover {\n  background: var(--pa-color-primary-hover, #00368f);\n}\n.pa-month-picker__tile--disabled,\n.pa-month-picker__tile--disabled:hover,\n.pa-month-picker__tile[disabled] {\n  background: #ffffff;\n  color: var(--pa-color-text-disabled, #5b6571);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n</style>\n"],"names":["uid","nextPaMonthPickerId","props","__props","model","_useModel","rootRef","ref","triggerRef","gridRef","open","popoverId","generatedId","triggerId","computed","messageId","MONTH_NAMES","pageYear","monthFormatter","displayValue","v","s","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","y","m","truncateToMonthStart","d","truncatedMin","truncatedMax","isMonthDisabled","monthIdx","cellDate","disabledStates","_","idx","selectedMonth","openPopover","closePopover","returnFocus","_a","togglePopover","prevYear","nextYear","selectMonth","focusTile","buttons","n","i","_b","nextEnabledTile","from","step","candidate","focusInDirection","target","focusFirstEnabled","start","onTileKeydown","event","nextTick","onDocumentMousedown","onWindowKeydown","watch","isOpen","onBeforeUnmount","_createElementBlock","_normalizeClass","_hoisted_2","_createElementVNode","_hoisted_4","_toDisplayString","_renderSlot","_ctx","_createVNode","PaIcon","_hoisted_6","_hoisted_7","_openBlock","_Fragment","_renderList","name","$event","_hoisted_8","_vShow","_hoisted_9"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { default, default as PaMonthPicker } from './PaMonthPicker.vue';

package/dist/components/PaMonthPicker/index.js

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

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

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

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

@@ -0,0 +1,39 @@
+export type PaPaginationVariant = 'cursor-number' | 'items-page';
+export interface PaPaginationProps {
+    variant?: PaPaginationVariant;
+    currentPage?: number;
+    totalItems: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    disabled?: boolean;
+    label?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    pageLabel?: (page: number) => string;
+    itemsPerPageLabel?: string;
+    rangeSeparator?: string;
+    itemsLabel?: string;
+    pagesLabel?: string;
+}
+declare const _default: import("vue").DefineComponent<PaPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:currentPage": (page: number) => any;
+    "update:pageSize": (size: number) => any;
+}, string, import("vue").PublicProps, Readonly<PaPaginationProps> & Readonly<{
+    "onUpdate:currentPage"?: ((page: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((size: number) => any) | undefined;
+}>, {
+    variant: PaPaginationVariant;
+    disabled: boolean;
+    label: string;
+    currentPage: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    previousLabel: string;
+    nextLabel: string;
+    pageLabel: (page: number) => string;
+    itemsPerPageLabel: string;
+    rangeSeparator: string;
+    itemsLabel: string;
+    pagesLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaPagination/PaPagination.vue.js

@@ -0,0 +1,8 @@
+import o from "./PaPagination.vue2.js";
+/* empty css                  */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-813df5c0"]]);
+export {
+  i as default
+};
+//# sourceMappingURL=PaPagination.vue.js.map

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

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

package/dist/components/PaPagination/PaPagination.vue2.js

@@ -0,0 +1,202 @@
+import { defineComponent as B, computed as o, openBlock as r, createElementBlock as c, createElementVNode as t, createVNode as p, Fragment as P, renderList as D, normalizeClass as U, toDisplayString as d, createCommentVNode as w } from "vue";
+import v from "../PaIcon/PaIcon.vue.js";
+import z from "../PaSelect/PaSelect.vue.js";
+import { pageWindow as J } from "./usePageWindow.js";
+const A = ["aria-label"], T = { class: "pa-pagination__list" }, W = ["aria-label", "aria-disabled", "tabindex"], j = {
+  key: 0,
+  class: "pa-pagination__ellipsis",
+  "aria-hidden": "true"
+}, q = { key: 1 }, G = ["aria-label", "aria-current", "aria-disabled", "tabindex", "onClick"], H = ["aria-label", "aria-disabled", "tabindex"], K = ["aria-label"], Q = { class: "pa-pagination__items-block" }, R = { class: "pa-pagination__range" }, X = { class: "pa-pagination__num" }, Y = { class: "pa-pagination__num" }, Z = { class: "pa-pagination__page-block" }, aa = { class: "pa-pagination__range" }, ea = { class: "pa-pagination__num" }, ta = ["aria-label", "aria-disabled", "tabindex"], ia = ["aria-label", "aria-disabled", "tabindex"];
+let na = 0;
+function la() {
+  return ++na;
+}
+const ca = /* @__PURE__ */ B({
+  __name: "PaPagination",
+  props: {
+    variant: { default: "cursor-number" },
+    currentPage: { default: 1 },
+    totalItems: {},
+    pageSize: { default: 10 },
+    pageSizeOptions: { default: () => [10, 25, 50, 100] },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "Paginazione" },
+    previousLabel: { default: "Pagina precedente" },
+    nextLabel: { default: "Pagina successiva" },
+    pageLabel: { type: Function, default: (a) => `Vai alla pagina ${a}` },
+    itemsPerPageLabel: { default: "Elementi per pagina:" },
+    rangeSeparator: { default: "di" },
+    itemsLabel: { default: "Elementi" },
+    pagesLabel: { default: "Pagine" }
+  },
+  emits: ["update:currentPage", "update:pageSize"],
+  setup(a, { emit: x }) {
+    const i = a, g = x, _ = la(), f = `pa-pagination-${_}__items-select`, k = `pa-pagination-${_}__page-select`, n = o(
+      () => i.totalItems <= 0 || i.pageSize <= 0 ? 0 : Math.ceil(i.totalItems / i.pageSize)
+    ), l = o(
+      () => n.value === 0 ? 0 : Math.max(1, Math.min(i.currentPage, n.value))
+    ), L = o(() => J(l.value, n.value)), b = o(
+      () => i.disabled || l.value <= 1 || n.value === 0
+    ), m = o(
+      () => i.disabled || l.value >= n.value || n.value === 0
+    ), C = o(
+      () => n.value === 0 ? 0 : (l.value - 1) * i.pageSize + 1
+    ), I = o(
+      () => n.value === 0 ? 0 : Math.min(l.value * i.pageSize, i.totalItems)
+    ), N = o(() => {
+      const s = new Set(i.pageSizeOptions);
+      return s.add(i.pageSize), [...s].filter((e) => e > 0).sort((e, u) => e - u).map((e) => ({ value: String(e), label: String(e) }));
+    }), y = o(
+      () => Array.from({ length: n.value }, (s, e) => ({
+        value: String(e + 1),
+        label: String(e + 1)
+      }))
+    ), $ = o(() => String(i.pageSize)), M = o(() => String(l.value)), V = (s) => {
+      i.disabled || s !== l.value && g("update:currentPage", s);
+    }, S = () => {
+      b.value || g("update:currentPage", l.value - 1);
+    }, h = () => {
+      m.value || g("update:currentPage", l.value + 1);
+    }, E = (s) => {
+      if (i.disabled) return;
+      const e = Number(s);
+      !Number.isFinite(e) || e <= 0 || g("update:pageSize", e);
+    }, F = (s) => {
+      if (i.disabled) return;
+      const e = Number(s);
+      !Number.isFinite(e) || e < 1 || e > n.value || g("update:currentPage", e);
+    };
+    return (s, e) => n.value > 0 && a.variant === "cursor-number" ? (r(), c("nav", {
+      key: 0,
+      class: "pa-pagination pa-pagination--cursor-number",
+      "aria-label": a.label
+    }, [
+      t("ul", T, [
+        t("li", null, [
+          t("button", {
+            type: "button",
+            class: "pa-pagination__caret",
+            "aria-label": a.previousLabel,
+            "aria-disabled": b.value ? "true" : void 0,
+            tabindex: b.value ? -1 : 0,
+            onClick: S
+          }, [
+            p(v, {
+              name: "caret-left",
+              size: "sm"
+            })
+          ], 8, W)
+        ]),
+        (r(!0), c(P, null, D(L.value, (u, O) => (r(), c(P, {
+          key: `${u}-${O}`
+        }, [
+          u === "ellipsis" ? (r(), c("li", j, " .. ")) : (r(), c("li", q, [
+            t("button", {
+              type: "button",
+              class: U(["pa-pagination__tile", {
+                "pa-pagination__tile--current": u === l.value,
+                "pa-pagination__tile--disabled": a.disabled
+              }]),
+              "aria-label": a.pageLabel(u),
+              "aria-current": u === l.value ? "page" : void 0,
+              "aria-disabled": a.disabled ? "true" : void 0,
+              tabindex: a.disabled ? -1 : 0,
+              onClick: (sa) => V(u)
+            }, d(u), 11, G)
+          ]))
+        ], 64))), 128)),
+        t("li", null, [
+          t("button", {
+            type: "button",
+            class: "pa-pagination__caret",
+            "aria-label": a.nextLabel,
+            "aria-disabled": m.value ? "true" : void 0,
+            tabindex: m.value ? -1 : 0,
+            onClick: h
+          }, [
+            p(v, {
+              name: "caret-right",
+              size: "sm"
+            })
+          ], 8, H)
+        ])
+      ])
+    ], 8, A)) : n.value > 0 && a.variant === "items-page" ? (r(), c("nav", {
+      key: 1,
+      class: "pa-pagination pa-pagination--items-page",
+      "aria-label": a.label
+    }, [
+      t("div", Q, [
+        t("label", {
+          for: f,
+          class: "pa-pagination__field-label"
+        }, d(a.itemsPerPageLabel), 1),
+        p(z, {
+          id: f,
+          "model-value": $.value,
+          options: N.value,
+          disabled: a.disabled,
+          size: "lg",
+          class: "pa-pagination__select",
+          "onUpdate:modelValue": E
+        }, null, 8, ["model-value", "options", "disabled"]),
+        t("span", R, [
+          t("span", X, d(C.value) + " - " + d(I.value), 1),
+          t("span", null, d(a.rangeSeparator), 1),
+          t("span", Y, d(a.totalItems), 1),
+          t("span", null, d(a.itemsLabel), 1)
+        ])
+      ]),
+      e[0] || (e[0] = t("span", {
+        class: "pa-pagination__divider",
+        "aria-hidden": "true"
+      }, null, -1)),
+      t("div", Z, [
+        p(z, {
+          id: k,
+          "model-value": M.value,
+          options: y.value,
+          disabled: a.disabled,
+          size: "lg",
+          class: "pa-pagination__select",
+          "onUpdate:modelValue": F
+        }, null, 8, ["model-value", "options", "disabled"]),
+        t("span", aa, [
+          t("span", null, d(a.rangeSeparator), 1),
+          t("span", ea, d(n.value), 1),
+          t("span", null, d(a.pagesLabel), 1)
+        ]),
+        t("button", {
+          type: "button",
+          class: "pa-pagination__caret",
+          "aria-label": a.previousLabel,
+          "aria-disabled": b.value ? "true" : void 0,
+          tabindex: b.value ? -1 : 0,
+          onClick: S
+        }, [
+          p(v, {
+            name: "caret-left",
+            size: "sm"
+          })
+        ], 8, ta),
+        t("button", {
+          type: "button",
+          class: "pa-pagination__caret",
+          "aria-label": a.nextLabel,
+          "aria-disabled": m.value ? "true" : void 0,
+          tabindex: m.value ? -1 : 0,
+          onClick: h
+        }, [
+          p(v, {
+            name: "caret-right",
+            size: "sm"
+          })
+        ], 8, ia)
+      ])
+    ], 8, K)) : w("", !0);
+  }
+});
+export {
+  ca as default
+};
+//# sourceMappingURL=PaPagination.vue2.js.map