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

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

@@ -1 +1 @@
-{"version":3,"file":"PaToggle.vue2.js","sources":["../../../src/components/PaToggle/PaToggle.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaToggleId() {\n  return `pa-toggle-${++uid}`\n}\n\nexport interface PaToggleProps {\n  label?: string\n  id?: string\n  name?: string\n  value?: string\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n  required?: boolean\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<PaToggleProps>(), {\n  error: false,\n  valid: false,\n  required: false,\n  disabled: false,\n})\n\nconst model = defineModel<boolean>({ default: false })\n\nconst generatedId = nextPaToggleId()\nconst buttonId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${buttonId.value}-label`)\nconst messageId = computed(() => `${buttonId.value}-msg`)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\nfunction toggle() {\n  if (props.disabled) return\n  model.value = !model.value\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pa-toggle',\n      {\n        'pa-toggle--error': errorActive,\n        'pa-toggle--valid': validActive,\n      },\n    ]\"\n  >\n    <div class=\"pa-toggle__row\">\n      <button\n        type=\"button\"\n        role=\"switch\"\n        :id=\"buttonId\"\n        :aria-checked=\"model\"\n        :aria-labelledby=\"label ? labelId : undefined\"\n        :aria-required=\"required || undefined\"\n        :aria-invalid=\"errorActive || undefined\"\n        :aria-describedby=\"message ? messageId : undefined\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :value=\"value\"\n        :class=\"['pa-toggle__button', { 'pa-toggle__button--on': model }]\"\n        @click=\"toggle\"\n      >\n        <span class=\"pa-toggle__knob\" />\n      </button>\n      <span\n        v-if=\"label\"\n        :id=\"labelId\"\n        class=\"pa-toggle__label\"\n        @click=\"toggle\"\n      >{{ label }}</span>\n    </div>\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-toggle__message', { 'pa-toggle__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-toggle {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-2xs);\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-toggle__row {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--pa-space-xs);\n}\n\n.pa-toggle__button {\n  position: relative;\n  flex-shrink: 0;\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  margin: 0;\n  border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n  border-radius: 12px;\n  background: var(--pa-color-bg-white);\n  cursor: pointer;\n  transition: background-color 120ms ease, border-color 120ms ease;\n}\n\n.pa-toggle__button:focus { outline: none; }\n\n.pa-toggle__button:focus-visible {\n  border-color: var(--pa-color-primary-focus-border);\n  outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-toggle__button:hover:not(:disabled) {\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-toggle__button--on {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary);\n}\n\n.pa-toggle__button--on:hover:not(:disabled) {\n  background: var(--pa-color-primary-hover);\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-toggle__button--on:focus-visible {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary-focus-border);\n}\n\n.pa-toggle__button:disabled {\n  cursor: not-allowed;\n  background: var(--pa-color-bg-disabled-gray);\n  border-color: var(--pa-color-bg-disabled-gray);\n}\n\n.pa-toggle--error .pa-toggle__button:not(:disabled) {\n  border-color: var(--pa-color-error);\n}\n\n.pa-toggle--valid .pa-toggle__button:not(:disabled) {\n  border-color: var(--pa-color-success);\n}\n\n.pa-toggle__knob {\n  position: absolute;\n  top: 3px;\n  left: 5px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--pa-color-neutral-gray);\n  transition: left 150ms ease-in-out, background-color 120ms ease;\n}\n\n.pa-toggle__button:hover:not(:disabled) .pa-toggle__knob {\n  background: var(--pa-color-primary-hover);\n}\n\n.pa-toggle__button:focus-visible .pa-toggle__knob {\n  background: var(--pa-color-primary);\n}\n\n.pa-toggle__button--on .pa-toggle__knob {\n  left: 29px;\n  background: var(--pa-color-bg-white);\n}\n\n.pa-toggle__button--on:hover:not(:disabled) .pa-toggle__knob,\n.pa-toggle__button--on:focus-visible .pa-toggle__knob {\n  background: var(--pa-color-bg-white);\n}\n\n.pa-toggle__button:disabled .pa-toggle__knob {\n  background: var(--pa-color-text-disabled-gray);\n}\n\n.pa-toggle__label {\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  font-weight: var(--pa-font-body-weight);\n  color: var(--pa-color-text-secondary-gray);\n  cursor: pointer;\n  user-select: none;\n}\n\n.pa-toggle__row:hover .pa-toggle__label {\n  color: var(--pa-color-text-dark-blue);\n}\n\n.pa-toggle:has(.pa-toggle__button:disabled) .pa-toggle__label {\n  color: var(--pa-color-text-disabled-gray);\n  cursor: not-allowed;\n}\n\n.pa-toggle__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-toggle__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["uid","nextPaToggleId","props","__props","model","_useModel","generatedId","buttonId","computed","labelId","messageId","errorActive","validActive","errorMessage","helperMessage","message","toggle","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_hoisted_3","_hoisted_4"],"mappings":";;AACA,IAAIA,IAAM;AACH,SAASC,IAAiB;AAC/B,SAAO,aAAa,EAAED,CAAG;AAC3B;;;;;;;;;;;;;;;;;;;AAkBA,UAAME,IAAQC,GAORC,IAAQC,EAAoBF,GAAA,YAAmB,GAE/CG,IAAcL,EAAA,GACdM,IAAWC,EAAS,MAAMN,EAAM,MAAMI,CAAW,GACjDG,IAAUD,EAAS,MAAM,GAAGD,EAAS,KAAK,QAAQ,GAClDG,IAAYF,EAAS,MAAM,GAAGD,EAAS,KAAK,MAAM,GAElDI,IAAcH,EAAS,MAAM,EAAQN,EAAM,KAAM,GACjDU,IAAcJ,EAAS,MAAMN,EAAM,SAAS,CAACS,EAAY,KAAK,GAE9DE,IAAeL;AAAA,MAAS,MAC5B,OAAON,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEY,IAAgBN;AAAA,MAAS,MAC7B,CAACG,EAAY,SAAS,CAACC,EAAY,SAASV,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ea,IAAUP,EAAS,MAAMK,EAAa,SAASC,EAAc,KAAK;AAExE,aAASE,IAAS;AAChB,MAAId,EAAM,aACVE,EAAM,QAAQ,CAACA,EAAM;AAAA,IACvB;2BAIEa,EAyCM,OAAA;AAAA,MAxCH,OAAKC,EAAA;AAAA;;8BAA2DP,EAAA;AAAA,8BAAyCC,EAAA;AAAA,QAAA;AAAA;;MAQ1GO,EAwBM,OAxBNC,GAwBM;AAAA,QAvBJD,EAgBS,UAAA;AAAA,UAfP,MAAK;AAAA,UACL,MAAK;AAAA,UACJ,IAAIZ,EAAA;AAAA,UACJ,gBAAcH,EAAA;AAAA,UACd,mBAAiBD,EAAA,QAAQM,EAAA,QAAU;AAAA,UACnC,iBAAeN,EAAA,YAAY;AAAA,UAC3B,gBAAcQ,EAAA,SAAe;AAAA,UAC7B,oBAAkBI,EAAA,QAAUL,EAAA,QAAY;AAAA,UACxC,UAAUP,EAAA;AAAA,UACV,MAAMA,EAAA;AAAA,UACN,OAAOA,EAAA;AAAA,UACP,0DAAwDC,EAAA,MAAA,CAAK,CAAA;AAAA,UAC7D,SAAOY;AAAA,QAAA;UAERG,EAAgC,QAAA,EAA1B,OAAM,kBAAA,GAAiB,MAAA,EAAA;AAAA,QAAA;QAGvBhB,EAAA,cADRc,EAKmB,QAAA;AAAA;UAHhB,IAAIR,EAAA;AAAA,UACL,OAAM;AAAA,UACL,SAAOO;AAAA,QAAA,KACNb,EAAA,KAAK,GAAA,GAAAkB,CAAA;;MAGHN,EAAA,cADRE,EAMM,OAAA;AAAA;QAJH,IAAIP,EAAA;AAAA,QACJ,+DAA6DC,EAAA,OAAW,CAAA;AAAA,MAAA,KAEtEI,EAAA,KAAO,GAAA,IAAAO,CAAA;;;;"}
+{"version":3,"file":"PaToggle.vue2.js","sources":["../../../src/components/PaToggle/PaToggle.vue"],"sourcesContent":["<script lang=\"ts\">\n\nexport interface PaToggleProps {\n  label?: string\n  id?: string\n  name?: string\n  value?: string\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n  required?: boolean\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\n\nconst props = withDefaults(defineProps<PaToggleProps>(), {\n  error: false,\n  valid: false,\n  required: false,\n  disabled: false,\n})\n\nconst model = defineModel<boolean>({ default: false })\n\nconst generatedId = `pa-toggle-${useId()}`\nconst buttonId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${buttonId.value}-label`)\nconst messageId = computed(() => `${buttonId.value}-msg`)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\nfunction toggle() {\n  if (props.disabled) return\n  model.value = !model.value\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pa-toggle',\n      {\n        'pa-toggle--error': errorActive,\n        'pa-toggle--valid': validActive,\n      },\n    ]\"\n  >\n    <div class=\"pa-toggle__row\">\n      <button\n        type=\"button\"\n        role=\"switch\"\n        :id=\"buttonId\"\n        :aria-checked=\"model\"\n        :aria-labelledby=\"label ? labelId : undefined\"\n        :aria-required=\"required || undefined\"\n        :aria-invalid=\"errorActive || undefined\"\n        :aria-describedby=\"message ? messageId : undefined\"\n        :disabled=\"disabled\"\n        :name=\"name\"\n        :value=\"value\"\n        :class=\"['pa-toggle__button', { 'pa-toggle__button--on': model }]\"\n        @click=\"toggle\"\n      >\n        <span class=\"pa-toggle__knob\" />\n      </button>\n      <span\n        v-if=\"label\"\n        :id=\"labelId\"\n        class=\"pa-toggle__label\"\n        @click=\"toggle\"\n      >{{ label }}</span>\n    </div>\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-toggle__message', { 'pa-toggle__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-toggle {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-2xs);\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-toggle__row {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--pa-space-xs);\n}\n\n.pa-toggle__button {\n  position: relative;\n  flex-shrink: 0;\n  width: 50px;\n  height: 24px;\n  padding: 0;\n  margin: 0;\n  border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n  border-radius: 12px;\n  background: var(--pa-color-bg-white);\n  cursor: pointer;\n  transition: background-color 120ms ease, border-color 120ms ease;\n}\n\n.pa-toggle__button:focus { outline: none; }\n\n.pa-toggle__button:focus-visible {\n  border-color: var(--pa-color-primary-focus-border);\n  outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-toggle__button:hover:not(:disabled) {\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-toggle__button--on {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary);\n}\n\n.pa-toggle__button--on:hover:not(:disabled) {\n  background: var(--pa-color-primary-hover);\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-toggle__button--on:focus-visible {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary-focus-border);\n}\n\n.pa-toggle__button:disabled {\n  cursor: not-allowed;\n  background: var(--pa-color-bg-disabled-gray);\n  border-color: var(--pa-color-bg-disabled-gray);\n}\n\n.pa-toggle--error .pa-toggle__button:not(:disabled) {\n  border-color: var(--pa-color-error);\n}\n\n.pa-toggle--valid .pa-toggle__button:not(:disabled) {\n  border-color: var(--pa-color-success);\n}\n\n.pa-toggle__knob {\n  position: absolute;\n  top: 3px;\n  left: 5px;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  background: var(--pa-color-neutral-gray);\n  transition: left 150ms ease-in-out, background-color 120ms ease;\n}\n\n.pa-toggle__button:hover:not(:disabled) .pa-toggle__knob {\n  background: var(--pa-color-primary-hover);\n}\n\n.pa-toggle__button:focus-visible .pa-toggle__knob {\n  background: var(--pa-color-primary);\n}\n\n.pa-toggle__button--on .pa-toggle__knob {\n  left: 29px;\n  background: var(--pa-color-bg-white);\n}\n\n.pa-toggle__button--on:hover:not(:disabled) .pa-toggle__knob,\n.pa-toggle__button--on:focus-visible .pa-toggle__knob {\n  background: var(--pa-color-bg-white);\n}\n\n.pa-toggle__button:disabled .pa-toggle__knob {\n  background: var(--pa-color-text-disabled-gray);\n}\n\n.pa-toggle__label {\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  font-weight: var(--pa-font-body-weight);\n  color: var(--pa-color-text-secondary-gray);\n  cursor: pointer;\n  user-select: none;\n}\n\n.pa-toggle__row:hover .pa-toggle__label {\n  color: var(--pa-color-text-dark-blue);\n}\n\n.pa-toggle:has(.pa-toggle__button:disabled) .pa-toggle__label {\n  color: var(--pa-color-text-disabled-gray);\n  cursor: not-allowed;\n}\n\n.pa-toggle__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-toggle__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["props","__props","model","_useModel","generatedId","useId","buttonId","computed","labelId","messageId","errorActive","validActive","errorMessage","helperMessage","message","toggle","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_1","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC,GAORC,IAAQC,EAAoBF,GAAA,YAAmB,GAE/CG,IAAc,aAAaC,EAAA,CAAO,IAClCC,IAAWC,EAAS,MAAMP,EAAM,MAAMI,CAAW,GACjDI,IAAUD,EAAS,MAAM,GAAGD,EAAS,KAAK,QAAQ,GAClDG,IAAYF,EAAS,MAAM,GAAGD,EAAS,KAAK,MAAM,GAElDI,IAAcH,EAAS,MAAM,EAAQP,EAAM,KAAM,GACjDW,IAAcJ,EAAS,MAAMP,EAAM,SAAS,CAACU,EAAY,KAAK,GAE9DE,IAAeL;AAAA,MAAS,MAC5B,OAAOP,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEa,IAAgBN;AAAA,MAAS,MAC7B,CAACG,EAAY,SAAS,CAACC,EAAY,SAASX,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ec,IAAUP,EAAS,MAAMK,EAAa,SAASC,EAAc,KAAK;AAExE,aAASE,IAAS;AAChB,MAAIf,EAAM,aACVE,EAAM,QAAQ,CAACA,EAAM;AAAA,IACvB;2BAIEc,EAyCM,OAAA;AAAA,MAxCH,OAAKC,EAAA;AAAA;;8BAA2DP,EAAA;AAAA,8BAAyCC,EAAA;AAAA,QAAA;AAAA;;MAQ1GO,EAwBM,OAxBNC,GAwBM;AAAA,QAvBJD,EAgBS,UAAA;AAAA,UAfP,MAAK;AAAA,UACL,MAAK;AAAA,UACJ,IAAIZ,EAAA;AAAA,UACJ,gBAAcJ,EAAA;AAAA,UACd,mBAAiBD,EAAA,QAAQO,EAAA,QAAU;AAAA,UACnC,iBAAeP,EAAA,YAAY;AAAA,UAC3B,gBAAcS,EAAA,SAAe;AAAA,UAC7B,oBAAkBI,EAAA,QAAUL,EAAA,QAAY;AAAA,UACxC,UAAUR,EAAA;AAAA,UACV,MAAMA,EAAA;AAAA,UACN,OAAOA,EAAA;AAAA,UACP,0DAAwDC,EAAA,MAAA,CAAK,CAAA;AAAA,UAC7D,SAAOa;AAAA,QAAA;UAERG,EAAgC,QAAA,EAA1B,OAAM,kBAAA,GAAiB,MAAA,EAAA;AAAA,QAAA;QAGvBjB,EAAA,cADRe,EAKmB,QAAA;AAAA;UAHhB,IAAIR,EAAA;AAAA,UACL,OAAM;AAAA,UACL,SAAOO;AAAA,QAAA,KACNd,EAAA,KAAK,GAAA,GAAAmB,CAAA;;MAGHN,EAAA,cADRE,EAMM,OAAA;AAAA;QAJH,IAAIP,EAAA;AAAA,QACJ,+DAA6DC,EAAA,OAAW,CAAA;AAAA,MAAA,KAEtEI,EAAA,KAAO,GAAA,IAAAO,CAAA;;;;"}

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

@@ -1,6 +1,5 @@
-export declare function nextPaYearPickerId(): string;
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
-    display?: "popover" | "inline";
+type __VLS_Props = {
+    display?: 'popover' | 'inline';
     placeholder?: string;
     label?: string;
     required?: boolean;
@@ -14,28 +13,17 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     min?: Date | null;
     max?: Date | null;
     disabledYears?: (date: Date) => boolean;
-} & {
+};
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: Date | null;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    suffix?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Date | null) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    display?: "popover" | "inline";
-    placeholder?: string;
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    error?: string | boolean;
-    valid?: boolean;
-    disabled?: boolean;
-    readonly?: boolean;
-    id?: string;
-    name?: string;
-    min?: Date | null;
-    max?: Date | null;
-    disabledYears?: (date: Date) => boolean;
-} & {
-    modelValue?: Date | null;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
 }>, {
     error: string | boolean;
@@ -48,9 +36,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     max: Date | null;
     display: "popover" | "inline";
     disabledYears: (date: Date) => boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    suffix?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/PaYearPicker/PaYearPicker.vue.js

@@ -1,10 +1,8 @@
-import r from "./PaYearPicker.vue2.js";
-import { nextPaYearPickerId as p } from "./PaYearPicker.vue2.js";
+import o from "./PaYearPicker.vue2.js";
 /* empty css                  */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ o(r, [["__scopeId", "data-v-fdc94580"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3669c291"]]);
 export {
-  c as default,
-  p as nextPaYearPickerId
+  e as default
 };
 //# sourceMappingURL=PaYearPicker.vue.js.map

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

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

package/dist/components/PaYearPicker/PaYearPicker.vue2.js

@@ -1,20 +1,15 @@
-import { defineComponent as de, useModel as ue, ref as m, computed as l, watch as se, onBeforeUnmount as ce, openBlock as c, createElementBlock as v, normalizeClass as k, createTextVNode as ve, toDisplayString as b, createCommentVNode as w, withKeys as x, withModifiers as N, createElementVNode as f, renderSlot as fe, createVNode as P, withDirectives as pe, Fragment as ye, renderList as ge, vShow as me, mergeModels as ke, nextTick as Q } from "vue";
-import A from "../PaIcon/PaIcon.vue.js";
-const be = ["for"], we = {
+import { defineComponent as ue, useModel as se, ref as m, useId as Q, computed as l, watch as ce, onBeforeUnmount as ve, openBlock as s, createElementBlock as c, normalizeClass as k, createTextVNode as fe, toDisplayString as b, createCommentVNode as w, withKeys as N, withModifiers as x, createElementVNode as f, renderSlot as pe, createVNode as A, withDirectives as ye, Fragment as ge, renderList as me, vShow as ke, mergeModels as be, nextTick as X } from "vue";
+import B from "../PaIcon/PaIcon.vue.js";
+const we = ["for"], he = {
   key: 0,
   class: "pa-year-picker__required",
   "aria-hidden": "true"
-}, he = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-readonly", "aria-describedby", "onKeydown"], De = { class: "pa-year-picker__value" }, _e = ["name", "value", "disabled", "readonly", "required"], Ye = { class: "pa-year-picker__header" }, Te = {
+}, De = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-readonly", "aria-describedby", "onKeydown"], _e = { class: "pa-year-picker__value" }, Ye = ["name", "value", "disabled", "readonly", "required"], Te = { class: "pa-year-picker__header" }, Ee = {
   class: "pa-year-picker__decade-label",
   "aria-live": "polite"
-}, Ee = ["disabled", "tabindex", "aria-pressed", "onClick", "onKeydown"], Se = ["id"];
-let Fe = 0;
-function Me() {
-  return `pa-year-picker-${++Fe}`;
-}
-const Ne = /* @__PURE__ */ de({
+}, Se = ["disabled", "tabindex", "aria-pressed", "onClick", "onKeydown"], Fe = ["id"], v = 12, Ne = /* @__PURE__ */ ue({
   __name: "PaYearPicker",
-  props: /* @__PURE__ */ ke({
+  props: /* @__PURE__ */ be({
     display: { default: "popover" },
     placeholder: { default: "aaaa" },
     label: {},
@@ -35,26 +30,26 @@ const Ne = /* @__PURE__ */ de({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const t = r, o = ue(r, "modelValue"), Y = m(null), B = m(null), L = m(null), d = m(!1), $ = `pa-year-picker-pop-${Math.random().toString(36).slice(2, 9)}`, X = Me(), T = l(() => t.id ?? X), C = l(() => `${T.value}-msg`), u = 12;
+    const t = r, o = se(r, "modelValue"), Y = m(null), L = m(null), $ = m(null), d = m(!1), C = `pa-year-picker-pop-${Q()}`, ee = `pa-year-picker-${Q()}`, T = l(() => t.id ?? ee), P = l(() => `${T.value}-msg`);
     function R(e) {
-      return Math.floor((e - 2e3) / u) * u + 2e3;
+      return Math.floor((e - 2e3) / v) * v + 2e3;
     }
     const p = m(
       R(
         o.value instanceof Date ? o.value.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()
       )
     ), V = l(
-      () => Array.from({ length: u }, (e, a) => p.value + a)
-    ), ee = l(
-      () => `${p.value} – ${p.value + u - 1}`
-    ), ae = l(() => {
+      () => Array.from({ length: v }, (e, a) => p.value + a)
+    ), ae = l(
+      () => `${p.value} – ${p.value + v - 1}`
+    ), re = l(() => {
       const e = o.value;
       return !(e instanceof Date) || isNaN(e.getTime()) ? t.placeholder : String(e.getFullYear());
-    }), re = l(() => !(o.value instanceof Date)), y = l(() => !!t.error), I = l(() => t.valid && !y.value), te = l(
+    }), te = l(() => !(o.value instanceof Date)), y = l(() => !!t.error), I = l(() => t.valid && !y.value), ne = l(
       () => typeof t.error == "string" && t.error.length > 0 ? t.error : null
-    ), ne = l(
+    ), le = l(
       () => !y.value && t.helperText ? t.helperText : null
-    ), E = l(() => te.value ?? ne.value), le = l(() => {
+    ), E = l(() => ne.value ?? le.value), ie = l(() => {
       const e = o.value;
       return !(e instanceof Date) || isNaN(e.getTime()) ? "" : String(e.getFullYear());
     });
@@ -83,23 +78,23 @@ const Ne = /* @__PURE__ */ de({
     }
     function h(e = !0) {
       var a;
-      d.value && (d.value = !1, e && ((a = B.value) == null || a.focus()));
+      d.value && (d.value = !1, e && ((a = L.value) == null || a.focus()));
     }
     function S() {
       t.disabled || t.readonly || (d.value ? h() : W());
     }
     function Z() {
-      p.value -= u;
+      p.value -= v;
     }
     function j() {
-      p.value += u;
+      p.value += v;
     }
-    function ie(e) {
+    function oe(e) {
       t.readonly || G(e) || (o.value = new Date(e, 0, 1, 0, 0, 0, 0), t.display === "popover" && h());
     }
     function F(e) {
-      var s, O;
-      const a = (s = L.value) == null ? void 0 : s.querySelectorAll(
+      var u, O;
+      const a = (u = $.value) == null ? void 0 : u.querySelectorAll(
         ".pa-year-picker__tile"
       );
       if (!a || a.length === 0) return;
@@ -107,10 +102,10 @@ const Ne = /* @__PURE__ */ de({
       (O = a[i]) == null || O.focus();
     }
     function J(e, a) {
-      const n = u;
+      const n = v;
       for (let i = 1; i <= n; i++) {
-        const s = ((e + a * i) % n + n) % n;
-        if (!g.value[s]) return s;
+        const u = ((e + a * i) % n + n) % n;
+        if (!g.value[u]) return u;
       }
       return -1;
     }
@@ -126,7 +121,7 @@ const Ne = /* @__PURE__ */ de({
       const n = J(e, a);
       n >= 0 && F(n);
     }
-    function oe(e, a) {
+    function de(e, a) {
       switch (e.key) {
         case "ArrowRight":
           e.preventDefault(), D(a, 1);
@@ -144,27 +139,27 @@ const Ne = /* @__PURE__ */ de({
           e.preventDefault(), _(0, 1);
           break;
         case "End":
-          e.preventDefault(), _(u - 1, -1);
+          e.preventDefault(), _(v - 1, -1);
           break;
         case "PageDown":
-          e.preventDefault(), j(), Q(() => _(a, 1));
+          e.preventDefault(), j(), X(() => _(a, 1));
           break;
         case "PageUp":
-          e.preventDefault(), Z(), Q(() => _(a, 1));
+          e.preventDefault(), Z(), X(() => _(a, 1));
           break;
       }
     }
-    function M(e) {
+    function q(e) {
       Y.value && (Y.value.contains(e.target) || h(!1));
     }
-    function q(e) {
+    function M(e) {
       e.key === "Escape" && (e.preventDefault(), h());
     }
-    return se(d, (e) => {
-      e ? (document.addEventListener("mousedown", M), window.addEventListener("keydown", q)) : (document.removeEventListener("mousedown", M), window.removeEventListener("keydown", q));
-    }), ce(() => {
-      document.removeEventListener("mousedown", M), window.removeEventListener("keydown", q);
-    }), (e, a) => (c(), v("div", {
+    return ce(d, (e) => {
+      e ? (document.addEventListener("mousedown", q), window.addEventListener("keydown", M)) : (document.removeEventListener("mousedown", q), window.removeEventListener("keydown", M));
+    }), ve(() => {
+      document.removeEventListener("mousedown", q), window.removeEventListener("keydown", M);
+    }), (e, a) => (s(), c("div", {
       ref_key: "rootRef",
       ref: Y,
       class: k([
@@ -179,24 +174,24 @@ const Ne = /* @__PURE__ */ de({
         }
       ])
     }, [
-      r.label ? (c(), v("label", {
+      r.label ? (s(), c("label", {
         key: 0,
         for: T.value,
         class: "pa-year-picker__label"
       }, [
-        ve(b(r.label), 1),
-        r.required ? (c(), v("span", we, "*")) : w("", !0)
-      ], 8, be)) : w("", !0),
-      r.display === "popover" ? (c(), v("button", {
+        fe(b(r.label), 1),
+        r.required ? (s(), c("span", he, "*")) : w("", !0)
+      ], 8, we)) : w("", !0),
+      r.display === "popover" ? (s(), c("button", {
         key: 1,
         id: T.value,
         ref_key: "triggerRef",
-        ref: B,
+        ref: L,
         type: "button",
         class: k([
           "pa-year-picker__trigger",
           {
-            "pa-year-picker__trigger--placeholder": re.value,
+            "pa-year-picker__trigger--placeholder": te.value,
             "pa-year-picker__trigger--disabled": r.disabled,
             "pa-year-picker__trigger--readonly": r.readonly && !r.disabled,
             "pa-year-picker__trigger--error": y.value && !r.disabled,
@@ -206,37 +201,37 @@ const Ne = /* @__PURE__ */ de({
         disabled: r.disabled,
         "aria-expanded": d.value,
         "aria-haspopup": "dialog",
-        "aria-controls": $,
+        "aria-controls": C,
         "aria-required": r.required || void 0,
         "aria-invalid": y.value || void 0,
         "aria-readonly": r.readonly || void 0,
-        "aria-describedby": E.value ? C.value : void 0,
+        "aria-describedby": E.value ? P.value : void 0,
         onClick: S,
         onKeydown: [
-          x(N(S, ["prevent"]), ["enter"]),
-          x(N(S, ["prevent"]), ["space"]),
-          x(N(W, ["prevent"]), ["down"])
+          N(x(S, ["prevent"]), ["enter"]),
+          N(x(S, ["prevent"]), ["space"]),
+          N(x(W, ["prevent"]), ["down"])
         ]
       }, [
-        f("span", De, b(ae.value), 1),
-        fe(e.$slots, "suffix", {}, () => [
-          P(A, {
+        f("span", _e, b(re.value), 1),
+        pe(e.$slots, "suffix", {}, () => [
+          A(B, {
             name: "calendar-blank",
             size: "md"
           })
         ], !0)
-      ], 42, he)) : w("", !0),
-      r.name ? (c(), v("input", {
+      ], 42, De)) : w("", !0),
+      r.name ? (s(), c("input", {
         key: 2,
         type: "hidden",
         name: r.name,
-        value: le.value,
+        value: ie.value,
         disabled: r.disabled,
         readonly: r.readonly,
         required: r.required
-      }, null, 8, _e)) : w("", !0),
-      pe(f("div", {
-        id: $,
+      }, null, 8, Ye)) : w("", !0),
+      ye(f("div", {
+        id: C,
         class: k([
           "pa-year-picker__popover",
           { "pa-year-picker__popover--inline": r.display === "inline" }
@@ -244,26 +239,26 @@ const Ne = /* @__PURE__ */ de({
         role: "dialog",
         "aria-modal": "false"
       }, [
-        f("div", Ye, [
+        f("div", Te, [
           f("button", {
             type: "button",
             class: "pa-year-picker__nav-arrow",
             "aria-label": "Decennio precedente",
             onClick: Z
           }, [
-            P(A, {
+            A(B, {
               name: "caret-left",
               size: "sm"
             })
           ]),
-          f("span", Te, b(ee.value), 1),
+          f("span", Ee, b(ae.value), 1),
           f("button", {
             type: "button",
             class: "pa-year-picker__nav-arrow",
             "aria-label": "Decennio successivo",
             onClick: j
           }, [
-            P(A, {
+            A(B, {
               name: "caret-right",
               size: "sm"
             })
@@ -271,11 +266,11 @@ const Ne = /* @__PURE__ */ de({
         ]),
         f("div", {
           ref_key: "gridRef",
-          ref: L,
+          ref: $,
           class: "pa-year-picker__grid",
           role: "grid"
         }, [
-          (c(!0), v(ye, null, ge(V.value, (n, i) => (c(), v("button", {
+          (s(!0), c(ge, null, me(V.value, (n, i) => (s(), c("button", {
             key: n,
             type: "button",
             class: k(["pa-year-picker__tile", {
@@ -285,23 +280,22 @@ const Ne = /* @__PURE__ */ de({
             disabled: g.value[i],
             tabindex: g.value[i] ? -1 : 0,
             "aria-pressed": H.value === n,
-            onClick: (s) => ie(n),
-            onKeydown: (s) => oe(s, i)
-          }, b(n), 43, Ee))), 128))
+            onClick: (u) => oe(n),
+            onKeydown: (u) => de(u, i)
+          }, b(n), 43, Se))), 128))
         ], 512)
       ], 2), [
-        [me, r.display === "inline" || d.value]
+        [ke, r.display === "inline" || d.value]
       ]),
-      E.value ? (c(), v("div", {
+      E.value ? (s(), c("div", {
         key: 3,
-        id: C.value,
+        id: P.value,
         class: k(["pa-year-picker__message", { "pa-year-picker__message--error": y.value }])
-      }, b(E.value), 11, Se)) : w("", !0)
+      }, b(E.value), 11, Fe)) : w("", !0)
     ], 2));
   }
 });
 export {
-  Ne as default,
-  Me as nextPaYearPickerId
+  Ne as default
 };
 //# sourceMappingURL=PaYearPicker.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaYearPicker.vue2.js","sources":["../../../src/components/PaYearPicker/PaYearPicker.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaYearPickerId() {\n  return `pa-year-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    disabledYears?: (date: Date) => boolean\n  }>(),\n  {\n    display: 'popover',\n    placeholder: 'aaaa',\n    required: false,\n    error: false,\n    valid: false,\n    disabled: false,\n    readonly: false,\n    min: null,\n    max: null,\n    disabledYears: 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-year-picker-pop-${Math.random().toString(36).slice(2, 9)}`\nconst generatedId = nextPaYearPickerId()\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\nconst PAGE_SIZE = 12\n\n// 12-year page anchored to year 2000, so the pages line up with how humans\n// read decades (2024–2035, 2036–2047, 2012–2023). 2026 → page starts at 2024.\nfunction pageStartFor(y: number): number {\n  return Math.floor((y - 2000) / PAGE_SIZE) * PAGE_SIZE + 2000\n}\n\nconst pageStartYear = ref(\n  pageStartFor(\n    model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear(),\n  ),\n)\n\nconst pageYears = computed(() =>\n  Array.from({ length: PAGE_SIZE }, (_, i) => pageStartYear.value + i),\n)\n\nconst decadeRangeLabel = computed(\n  () => `${pageStartYear.value} – ${pageStartYear.value + PAGE_SIZE - 1}`,\n)\n\nconst displayValue = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return props.placeholder\n  return String(v.getFullYear())\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 as a plain string. Matches what consumers typically expect (`<input type=\"number\" name=\"anno\">`).\nconst serialized = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return ''\n  return String(v.getFullYear())\n})\n\nfunction truncateToYearStart(d: Date): Date {\n  return new Date(d.getFullYear(), 0, 1, 0, 0, 0, 0)\n}\n\nconst truncatedMin = computed(() =>\n  props.min ? truncateToYearStart(props.min) : null,\n)\nconst truncatedMax = computed(() =>\n  props.max ? truncateToYearStart(props.max) : null,\n)\n\nfunction isYearDisabled(year: number): boolean {\n  const cellDate = new Date(year, 0, 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.disabledYears ? props.disabledYears(cellDate) === true : false\n}\n\nconst disabledStates = computed(() =>\n  pageYears.value.map((year) => isYearDisabled(year)),\n)\n\nconst selectedYear = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return null\n  return v.getFullYear()\n})\n\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  // Re-anchor to the page containing the committed value on each open.\n  pageStartYear.value = pageStartFor(\n    model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear(),\n  )\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 prevDecade() {\n  pageStartYear.value -= PAGE_SIZE\n}\n\nfunction nextDecade() {\n  pageStartYear.value += PAGE_SIZE\n}\n\nfunction selectYear(year: number) {\n  if (props.readonly) return\n  if (isYearDisabled(year)) return\n  model.value = new Date(year, 0, 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-year-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\nfunction nextEnabledTile(from: number, step: number): number {\n  const n = PAGE_SIZE\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(PAGE_SIZE - 1, -1)\n      break\n    case 'PageDown':\n      event.preventDefault()\n      nextDecade()\n      nextTick(() => focusFirstEnabled(idx, 1))\n      break\n    case 'PageUp':\n      event.preventDefault()\n      prevDecade()\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-year-picker',\n      `pa-year-picker--${display}`,\n      {\n        'pa-year-picker--open': open,\n        'pa-year-picker--disabled': disabled,\n        'pa-year-picker--readonly': readonly,\n        'pa-year-picker--error': errorActive,\n        'pa-year-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-year-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-year-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-year-picker__trigger',\n        {\n          'pa-year-picker__trigger--placeholder': placeholderShown,\n          'pa-year-picker__trigger--disabled': disabled,\n          'pa-year-picker__trigger--readonly': readonly && !disabled,\n          'pa-year-picker__trigger--error': errorActive && !disabled,\n          'pa-year-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-year-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-year-picker__popover',\n        { 'pa-year-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <div class=\"pa-year-picker__header\">\n        <button\n          type=\"button\"\n          class=\"pa-year-picker__nav-arrow\"\n          aria-label=\"Decennio precedente\"\n          @click=\"prevDecade\"\n        >\n          <PaIcon name=\"caret-left\" size=\"sm\" />\n        </button>\n        <span class=\"pa-year-picker__decade-label\" aria-live=\"polite\">\n          {{ decadeRangeLabel }}\n        </span>\n        <button\n          type=\"button\"\n          class=\"pa-year-picker__nav-arrow\"\n          aria-label=\"Decennio successivo\"\n          @click=\"nextDecade\"\n        >\n          <PaIcon name=\"caret-right\" size=\"sm\" />\n        </button>\n      </div>\n\n      <div ref=\"gridRef\" class=\"pa-year-picker__grid\" role=\"grid\">\n        <button\n          v-for=\"(year, idx) in pageYears\"\n          :key=\"year\"\n          type=\"button\"\n          class=\"pa-year-picker__tile\"\n          :class=\"{\n            'pa-year-picker__tile--selected': selectedYear === year,\n            'pa-year-picker__tile--disabled': disabledStates[idx],\n          }\"\n          :disabled=\"disabledStates[idx]\"\n          :tabindex=\"disabledStates[idx] ? -1 : 0\"\n          :aria-pressed=\"selectedYear === year\"\n          @click=\"selectYear(year)\"\n          @keydown=\"onTileKeydown($event, idx)\"\n        >\n          {{ year }}\n        </button>\n      </div>\n    </div>\n\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-year-picker__message', { 'pa-year-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-year-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-year-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-year-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-year-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-year-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-year-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 200px;\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-year-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-year-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-year-picker__trigger--placeholder .pa-year-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-year-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n  font-family: 'Roboto Mono', monospace;\n}\n.pa-year-picker__trigger--placeholder .pa-year-picker__value {\n  font-family: 'Inter', sans-serif;\n}\n.pa-year-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-year-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-year-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-year-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-year-picker__trigger--disabled,\n.pa-year-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-year-picker__trigger--disabled:hover,\n.pa-year-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-year-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n\n.pa-year-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-year-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n\n.pa-year-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 0 16px;\n}\n.pa-year-picker__decade-label {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-primary, #0071ff);\n}\n\n.pa-year-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-year-picker__nav-arrow:hover {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-year-picker__nav-arrow:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-year-picker__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px 24px;\n}\n\n.pa-year-picker__tile {\n  padding: 12px 16px;\n  background: #ffffff;\n  border: 0;\n  border-radius: 9999px;\n  font: 400 16px/18px 'Roboto Mono', monospace;\n  color: var(--pa-color-neutral-gray, #454d56);\n  cursor: pointer;\n  text-align: center;\n  transition: none;\n}\n.pa-year-picker__tile:hover {\n  background: var(--pa-color-primary-hover, #00368f);\n  color: #ffffff;\n}\n.pa-year-picker__tile:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: -2px;\n}\n.pa-year-picker__tile:active {\n  background: var(--pa-color-primary-pressed, #00173d);\n  color: #ffffff;\n}\n.pa-year-picker__tile--selected {\n  background: var(--pa-color-primary, #0071ff);\n  color: #ffffff;\n}\n.pa-year-picker__tile--selected:hover {\n  background: var(--pa-color-primary-hover, #00368f);\n}\n.pa-year-picker__tile--disabled,\n.pa-year-picker__tile--disabled:hover,\n.pa-year-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","nextPaYearPickerId","props","__props","model","_useModel","rootRef","ref","triggerRef","gridRef","open","popoverId","generatedId","triggerId","computed","messageId","PAGE_SIZE","pageStartFor","y","pageStartYear","pageYears","_","i","decadeRangeLabel","displayValue","v","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","truncateToYearStart","d","truncatedMin","truncatedMax","isYearDisabled","year","cellDate","disabledStates","selectedYear","openPopover","closePopover","returnFocus","_a","togglePopover","prevDecade","nextDecade","selectYear","focusTile","idx","buttons","_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","$event","_hoisted_8","_vShow","_hoisted_9"],"mappings":"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"}
+{"version":3,"file":"PaYearPicker.vue2.js","sources":["../../../src/components/PaYearPicker/PaYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, useId, 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    disabledYears?: (date: Date) => boolean\n  }>(),\n  {\n    display: 'popover',\n    placeholder: 'aaaa',\n    required: false,\n    error: false,\n    valid: false,\n    disabled: false,\n    readonly: false,\n    min: null,\n    max: null,\n    disabledYears: 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-year-picker-pop-${useId()}`\nconst generatedId = `pa-year-picker-${useId()}`\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\nconst PAGE_SIZE = 12\n\n// 12-year page anchored to year 2000, so the pages line up with how humans\n// read decades (2024–2035, 2036–2047, 2012–2023). 2026 → page starts at 2024.\nfunction pageStartFor(y: number): number {\n  return Math.floor((y - 2000) / PAGE_SIZE) * PAGE_SIZE + 2000\n}\n\nconst pageStartYear = ref(\n  pageStartFor(\n    model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear(),\n  ),\n)\n\nconst pageYears = computed(() =>\n  Array.from({ length: PAGE_SIZE }, (_, i) => pageStartYear.value + i),\n)\n\nconst decadeRangeLabel = computed(\n  () => `${pageStartYear.value} – ${pageStartYear.value + PAGE_SIZE - 1}`,\n)\n\nconst displayValue = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return props.placeholder\n  return String(v.getFullYear())\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 as a plain string. Matches what consumers typically expect (`<input type=\"number\" name=\"anno\">`).\nconst serialized = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return ''\n  return String(v.getFullYear())\n})\n\nfunction truncateToYearStart(d: Date): Date {\n  return new Date(d.getFullYear(), 0, 1, 0, 0, 0, 0)\n}\n\nconst truncatedMin = computed(() =>\n  props.min ? truncateToYearStart(props.min) : null,\n)\nconst truncatedMax = computed(() =>\n  props.max ? truncateToYearStart(props.max) : null,\n)\n\nfunction isYearDisabled(year: number): boolean {\n  const cellDate = new Date(year, 0, 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.disabledYears ? props.disabledYears(cellDate) === true : false\n}\n\nconst disabledStates = computed(() =>\n  pageYears.value.map((year) => isYearDisabled(year)),\n)\n\nconst selectedYear = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return null\n  return v.getFullYear()\n})\n\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  // Re-anchor to the page containing the committed value on each open.\n  pageStartYear.value = pageStartFor(\n    model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear(),\n  )\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 prevDecade() {\n  pageStartYear.value -= PAGE_SIZE\n}\n\nfunction nextDecade() {\n  pageStartYear.value += PAGE_SIZE\n}\n\nfunction selectYear(year: number) {\n  if (props.readonly) return\n  if (isYearDisabled(year)) return\n  model.value = new Date(year, 0, 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-year-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\nfunction nextEnabledTile(from: number, step: number): number {\n  const n = PAGE_SIZE\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(PAGE_SIZE - 1, -1)\n      break\n    case 'PageDown':\n      event.preventDefault()\n      nextDecade()\n      nextTick(() => focusFirstEnabled(idx, 1))\n      break\n    case 'PageUp':\n      event.preventDefault()\n      prevDecade()\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-year-picker',\n      `pa-year-picker--${display}`,\n      {\n        'pa-year-picker--open': open,\n        'pa-year-picker--disabled': disabled,\n        'pa-year-picker--readonly': readonly,\n        'pa-year-picker--error': errorActive,\n        'pa-year-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-year-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-year-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-year-picker__trigger',\n        {\n          'pa-year-picker__trigger--placeholder': placeholderShown,\n          'pa-year-picker__trigger--disabled': disabled,\n          'pa-year-picker__trigger--readonly': readonly && !disabled,\n          'pa-year-picker__trigger--error': errorActive && !disabled,\n          'pa-year-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-year-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-year-picker__popover',\n        { 'pa-year-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <div class=\"pa-year-picker__header\">\n        <button\n          type=\"button\"\n          class=\"pa-year-picker__nav-arrow\"\n          aria-label=\"Decennio precedente\"\n          @click=\"prevDecade\"\n        >\n          <PaIcon name=\"caret-left\" size=\"sm\" />\n        </button>\n        <span class=\"pa-year-picker__decade-label\" aria-live=\"polite\">\n          {{ decadeRangeLabel }}\n        </span>\n        <button\n          type=\"button\"\n          class=\"pa-year-picker__nav-arrow\"\n          aria-label=\"Decennio successivo\"\n          @click=\"nextDecade\"\n        >\n          <PaIcon name=\"caret-right\" size=\"sm\" />\n        </button>\n      </div>\n\n      <div ref=\"gridRef\" class=\"pa-year-picker__grid\" role=\"grid\">\n        <button\n          v-for=\"(year, idx) in pageYears\"\n          :key=\"year\"\n          type=\"button\"\n          class=\"pa-year-picker__tile\"\n          :class=\"{\n            'pa-year-picker__tile--selected': selectedYear === year,\n            'pa-year-picker__tile--disabled': disabledStates[idx],\n          }\"\n          :disabled=\"disabledStates[idx]\"\n          :tabindex=\"disabledStates[idx] ? -1 : 0\"\n          :aria-pressed=\"selectedYear === year\"\n          @click=\"selectYear(year)\"\n          @keydown=\"onTileKeydown($event, idx)\"\n        >\n          {{ year }}\n        </button>\n      </div>\n    </div>\n\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-year-picker__message', { 'pa-year-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-year-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-year-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-year-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-year-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-year-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-year-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 200px;\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-year-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-year-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-year-picker__trigger--placeholder .pa-year-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-year-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n  font-family: 'Roboto Mono', monospace;\n}\n.pa-year-picker__trigger--placeholder .pa-year-picker__value {\n  font-family: 'Inter', sans-serif;\n}\n.pa-year-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-year-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-year-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-year-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-year-picker__trigger--disabled,\n.pa-year-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-year-picker__trigger--disabled:hover,\n.pa-year-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-year-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n\n.pa-year-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-year-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n\n.pa-year-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 0 16px;\n}\n.pa-year-picker__decade-label {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-primary, #0071ff);\n}\n\n.pa-year-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-year-picker__nav-arrow:hover {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-year-picker__nav-arrow:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-year-picker__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px 24px;\n}\n\n.pa-year-picker__tile {\n  padding: 12px 16px;\n  background: #ffffff;\n  border: 0;\n  border-radius: 9999px;\n  font: 400 16px/18px 'Roboto Mono', monospace;\n  color: var(--pa-color-neutral-gray, #454d56);\n  cursor: pointer;\n  text-align: center;\n  transition: none;\n}\n.pa-year-picker__tile:hover {\n  background: var(--pa-color-primary-hover, #00368f);\n  color: #ffffff;\n}\n.pa-year-picker__tile:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: -2px;\n}\n.pa-year-picker__tile:active {\n  background: var(--pa-color-primary-pressed, #00173d);\n  color: #ffffff;\n}\n.pa-year-picker__tile--selected {\n  background: var(--pa-color-primary, #0071ff);\n  color: #ffffff;\n}\n.pa-year-picker__tile--selected:hover {\n  background: var(--pa-color-primary-hover, #00368f);\n}\n.pa-year-picker__tile--disabled,\n.pa-year-picker__tile--disabled:hover,\n.pa-year-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":["PAGE_SIZE","props","__props","model","_useModel","rootRef","ref","triggerRef","gridRef","open","popoverId","useId","generatedId","triggerId","computed","messageId","pageStartFor","y","pageStartYear","pageYears","_","i","decadeRangeLabel","displayValue","v","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","truncateToYearStart","d","truncatedMin","truncatedMax","isYearDisabled","year","cellDate","disabledStates","selectedYear","openPopover","closePopover","returnFocus","_a","togglePopover","prevDecade","nextDecade","selectYear","focusTile","idx","buttons","_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","$event","_hoisted_8","_vShow","_hoisted_9"],"mappings":"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"}