npm - @semplice-studio/pa-design-system - Versions diffs - 0.2.0 → 0.3.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/dist/components/PaRadioGroup/PaRadioGroup.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaRadioGroup.vue2.js","sources":["../../../src/components/PaRadioGroup/PaRadioGroup.vue"],"sourcesContent":["<script ~~lang=\"ts\">\nlet uid = 0\nexport function nextPaRadioGroupId() {\n return `pa-radio-group-${++uid}`\n}\n</script>\n\n<script~~ setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type PaRadioGroupOption = {\n value: string\n label: string\n disabled?: boolean\n}\n\nexport interface PaRadioGroupProps {\n options: PaRadioGroupOption[]\n label?: string\n id?: string\n helperText?: string\n error?: string \| boolean\n valid?: boolean\n required?: boolean\n disabled?: boolean\n name?: string\n}\n\nconst props = withDefaults(defineProps<PaRadioGroupProps>(), {\n error: false,\n valid: false,\n required: false,\n disabled: false,\n})\n\nconst model = defineModel<string>({ default: '' })\n\nconst generatedId = ~~nextPaRadioGroupId~~()\nconst groupId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${groupId.value}-label`)\nconst messageId = computed(() => `${groupId.value}-msg`)\nconst groupName = computed(() => props.name ?? `${groupId.value}-name`)\n\nfunction optionId(opt: PaRadioGroupOption) {\n return `${groupId.value}-${opt.value}`\n}\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</script>\n\n<template>\n <div\n :class=\"[\n 'pa-radio-group',\n {\n 'pa-radio-group--error': errorActive,\n 'pa-radio-group--valid': validActive,\n 'pa-radio-group--disabled': disabled,\n },\n ]\"\n role=\"radiogroup\"\n :aria-labelledby=\"label ? labelId : undefined\"\n :aria-required=\"required \|\| undefined\"\n :aria-invalid=\"errorActive \|\| undefined\"\n :aria-describedby=\"message ? messageId : undefined\"\n >\n <span v-if=\"label\" :id=\"labelId\" class=\"pa-radio-group__label\">\n {{ label }}<span v-if=\"required\" class=\"pa-radio-group__required\" aria-hidden=\"true\">*</span>\n </span>\n <label\n v-for=\"opt in options\"\n :key=\"opt.value\"\n :for=\"optionId(opt)\"\n :class=\"[\n 'pa-radio-group__option',\n { 'pa-radio-group__option--disabled': disabled \|\| opt.disabled },\n ]\"\n >\n <input\n :id=\"optionId(opt)\"\n v-model=\"model\"\n type=\"radio\"\n :name=\"groupName\"\n :value=\"opt.value\"\n :disabled=\"disabled \|\| opt.disabled\"\n class=\"pa-radio-group__input\"\n />\n <span class=\"pa-radio-group__option-label\">{{ opt.label }}</span>\n </label>\n <div\n v-if=\"message\"\n :id=\"messageId\"\n :class=\"['pa-radio-group__message', { 'pa-radio-group__message--error': errorActive }]\"\n >\n {{ message }}\n </div>\n </div>\n</template>\n\n<style scoped>\n.pa-radio-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--pa-space-xs);\n font-family: var(--pa-font-family-base);\n direction: ltr;\n text-align: left;\n}\n\n.pa-radio-group__label {\n font-size: var(--pa-font-label-sm-size);\n line-height: var(--pa-font-label-sm-line-height);\n font-weight: var(--pa-font-label-sm-weight);\n color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-radio-group--disabled .pa-radio-group__label {\n color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__required {\n margin-left: 2px;\n color: var(--pa-color-error);\n}\n\n.pa-radio-group__option {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n cursor: pointer;\n}\n\n.pa-radio-group__option--disabled {\n cursor: not-allowed;\n}\n\n.pa-radio-group__input {\n position: relative;\n flex: 0 0 auto;\n width: 24px;\n height: 24px;\n margin: 0;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background: var(--pa-color-bg-white);\n border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n border-radius: 50%;\n cursor: pointer;\n transition: border-color 120ms ease, background-color 120ms ease;\n}\n\n.pa-radio-group__option:hover:not(.pa-radio-group__option--disabled) .pa-radio-group__input:not(:checked) {\n border-color: var(--pa-color-primary-hover);\n}\n\n.pa-radio-group:not(.pa-radio-group--error):not(.pa-radio-group--valid)\n .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n .pa-radio-group__option-label {\n color: var(--pa-color-primary-hover);\n}\n\n.pa-radio-group__input:focus { outline: none; }\n\n.pa-radio-group__input:focus-visible {\n border-color: var(--pa-color-primary);\n outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n outline-offset: 3px;\n}\n\n.pa-radio-group__input:checked {\n border-color: var(--pa-color-neutral-gray);\n}\n\n.pa-radio-group__input:checked::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n background: var(--pa-color-primary);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n}\n\n.pa-radio-group__input:disabled {\n cursor: not-allowed;\n border-color: var(--pa-color-bg-secondary-light-40);\n}\n\n.pa-radio-group__input:disabled:checked {\n background: var(--pa-color-text-disabled-gray);\n border-color: var(--pa-color-bg-secondary-light-40);\n}\n\n.pa-radio-group__input:disabled:checked::before {\n background: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__option--disabled .pa-radio-group__option-label {\n color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__option-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}\n\n.pa-radio-group--error .pa-radio-group__input:not(:disabled) {\n border-color: var(--pa-color-error);\n}\n.pa-radio-group--error\n .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n .pa-radio-group__input:not(:checked):not(:disabled) {\n border-color: var(--pa-color-error);\n}\n\n.pa-radio-group--valid .pa-radio-group__input:not(:disabled) {\n border-color: var(--pa-color-success);\n}\n.pa-radio-group--valid\n .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n .pa-radio-group__input:not(:checked):not(:disabled) {\n border-color: var(--pa-color-success);\n}\n\n.pa-radio-group__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-radio-group__message--error {\n color: var(--pa-color-error);\n}\n</style>\n"],"names":["~~uid","nextPaRadioGroupId","~~props","__props","model","_useModel","generatedId","groupId","computed","labelId","messageId","groupName","optionId","opt","errorActive","validActive","errorMessage","helperMessage","message","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","_createElementVNode","$event","_hoisted_6","_toDisplayString","_hoisted_7"],"mappings":"~~;;;;;;AACA~~,~~IAAIA~~,~~IAAM;AACH,SAASC,IAAqB;AACnC,SAAO,kBAAkB,EAAED,CAAG;AAChC;;;;;;;;;;;;;;;;;;;AAwBA,UAAME,~~IAAQC,GAORC,IAAQC,EAAmBF,GAAA,YAAgB,GAE3CG,~~IAAcL~~,EAAA,~~GACdM~~,IAAUC,EAAS,~~MAAMN~~,EAAM,MAAMI,CAAW,~~GAChDG~~,IAAUD,EAAS,MAAM,GAAGD,EAAQ,KAAK,QAAQ,GACjDG,IAAYF,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GACjDI,IAAYH,EAAS,~~MAAMN~~,EAAM,QAAQ,~~GAAGK~~,EAAQ,KAAK,OAAO;AAEtE,aAASK,EAASC,GAAyB;AACzC,aAAO,GAAGN,EAAQ,KAAK,IAAIM,EAAI,KAAK;AAAA,IACtC;AAEA,UAAMC,IAAcN,EAAS,MAAM,~~EAAQN~~,EAAM,KAAM,~~GACjDa~~,IAAcP,EAAS,~~MAAMN~~,EAAM,SAAS,~~CAACY~~,EAAY,KAAK,GAE9DE,IAAeR;AAAA,MAAS,MAC5B,~~OAAON~~,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,~~GAEtEe~~,IAAgBT;AAAA,MAAS,MAC7B,CAACM,EAAY,SAAS,CAACC,EAAY,~~SAASb~~,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,~~GAE9EgB~~,IAAUV,EAAS,MAAMQ,EAAa,SAASC,EAAc,KAAK;2BAItEE,EA6CM,OAAA;AAAA,MA5CH,OAAKC,EAAA;AAAA;;mCAAqEN,EAAA;AAAA,mCAA8CC,EAAA;AAAA,~~sCAAiDZ~~,EAAA;AAAA,QAAA;AAAA;MAQ1K,MAAK;AAAA,MACJ,mBAAiBA,EAAA,~~QAAQM~~,EAAA,QAAU;AAAA,MACnC,~~iBAAeN~~,EAAA,YAAY;AAAA,MAC3B,~~gBAAcW~~,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUR,EAAA,QAAY;AAAA,IAAA;~~MAE7BP~~,EAAA,~~cAAZgB~~,EAEO,QAAA;AAAA;QAFa,IAAIV,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;~~YAClCN~~,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,~~iBAAZgB~~,EAAkF,QAAlFE,GAA0E,GAAC;;cAExFF,EAmBQG,GAAA,MAAAC,~~EAlBQpB~~,EAAA,SAAO,~~CAAdU~~,YADTM,EAmBQ,SAAA;AAAA,QAjBL,KAAKN,EAAI;AAAA,QACT,KAAKD,EAASC,CAAG;AAAA,QACjB,OAAKO,EAAA;AAAA;~~gDAAoFjB~~,EAAA,~~YAAYU~~,EAAI,SAAA;AAAA,QAAQ;;UAKlHW,EAQE,SAAA;AAAA,UAPC,IAAIZ,EAASC,CAAG;AAAA,~~wDACRT~~,EAAK,~~QAAAqB~~;AAAA,UACd,MAAK;AAAA,UACJ,MAAMd,EAAA;AAAA,UACN,OAAOE,EAAI;AAAA,UACX,~~UAAUV~~,EAAA,~~YAAYU~~,EAAI;AAAA,UAC3B,OAAM;AAAA,QAAA;~~cALGT~~,EAAA,KAAK;AAAA,QAAA;~~QAOhBoB~~,EAAiE,QAAjEE,GAAiEC,EAAnBd,EAAI,KAAK,GAAA,CAAA;AAAA,MAAA;MAGjDK,EAAA,cADRC,EAMM,OAAA;AAAA;QAJH,IAAIT,EAAA;AAAA,QACJ,yEAAuEI,EAAA,OAAW,CAAA;AAAA,MAAA,KAEhFI,EAAA,KAAO,GAAA,IAAAU,CAAA;;;;"}
1	+ {"version":3,"file":"PaRadioGroup.vue2.js","sources":["../../../src/components/PaRadioGroup/PaRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\n\nexport type PaRadioGroupOption = {\n value: string\n label: string\n disabled?: boolean\n}\n\nexport interface PaRadioGroupProps {\n options: PaRadioGroupOption[]\n label?: string\n id?: string\n helperText?: string\n error?: string \| boolean\n valid?: boolean\n required?: boolean\n disabled?: boolean\n name?: string\n}\n\nconst props = withDefaults(defineProps<PaRadioGroupProps>(), {\n error: false,\n valid: false,\n required: false,\n disabled: false,\n})\n\nconst model = defineModel<string>({ default: '' })\n\nconst generatedId = `pa-radio-group-${useId()}`\nconst groupId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${groupId.value}-label`)\nconst messageId = computed(() => `${groupId.value}-msg`)\nconst groupName = computed(() => props.name ?? `${groupId.value}-name`)\n\nfunction optionId(opt: PaRadioGroupOption) {\n return `${groupId.value}-${opt.value}`\n}\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</script>\n\n<template>\n <div\n :class=\"[\n 'pa-radio-group',\n {\n 'pa-radio-group--error': errorActive,\n 'pa-radio-group--valid': validActive,\n 'pa-radio-group--disabled': disabled,\n },\n ]\"\n role=\"radiogroup\"\n :aria-labelledby=\"label ? labelId : undefined\"\n :aria-required=\"required \|\| undefined\"\n :aria-invalid=\"errorActive \|\| undefined\"\n :aria-describedby=\"message ? messageId : undefined\"\n >\n <span v-if=\"label\" :id=\"labelId\" class=\"pa-radio-group__label\">\n {{ label }}<span v-if=\"required\" class=\"pa-radio-group__required\" aria-hidden=\"true\">*</span>\n </span>\n <label\n v-for=\"opt in options\"\n :key=\"opt.value\"\n :for=\"optionId(opt)\"\n :class=\"[\n 'pa-radio-group__option',\n { 'pa-radio-group__option--disabled': disabled \|\| opt.disabled },\n ]\"\n >\n <input\n :id=\"optionId(opt)\"\n v-model=\"model\"\n type=\"radio\"\n :name=\"groupName\"\n :value=\"opt.value\"\n :disabled=\"disabled \|\| opt.disabled\"\n class=\"pa-radio-group__input\"\n />\n <span class=\"pa-radio-group__option-label\">{{ opt.label }}</span>\n </label>\n <div\n v-if=\"message\"\n :id=\"messageId\"\n :class=\"['pa-radio-group__message', { 'pa-radio-group__message--error': errorActive }]\"\n >\n {{ message }}\n </div>\n </div>\n</template>\n\n<style scoped>\n.pa-radio-group {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--pa-space-xs);\n font-family: var(--pa-font-family-base);\n direction: ltr;\n text-align: left;\n}\n\n.pa-radio-group__label {\n font-size: var(--pa-font-label-sm-size);\n line-height: var(--pa-font-label-sm-line-height);\n font-weight: var(--pa-font-label-sm-weight);\n color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-radio-group--disabled .pa-radio-group__label {\n color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__required {\n margin-left: 2px;\n color: var(--pa-color-error);\n}\n\n.pa-radio-group__option {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n cursor: pointer;\n}\n\n.pa-radio-group__option--disabled {\n cursor: not-allowed;\n}\n\n.pa-radio-group__input {\n position: relative;\n flex: 0 0 auto;\n width: 24px;\n height: 24px;\n margin: 0;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background: var(--pa-color-bg-white);\n border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n border-radius: 50%;\n cursor: pointer;\n transition: border-color 120ms ease, background-color 120ms ease;\n}\n\n.pa-radio-group__option:hover:not(.pa-radio-group__option--disabled) .pa-radio-group__input:not(:checked) {\n border-color: var(--pa-color-primary-hover);\n}\n\n.pa-radio-group:not(.pa-radio-group--error):not(.pa-radio-group--valid)\n .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n .pa-radio-group__option-label {\n color: var(--pa-color-primary-hover);\n}\n\n.pa-radio-group__input:focus { outline: none; }\n\n.pa-radio-group__input:focus-visible {\n border-color: var(--pa-color-primary);\n outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n outline-offset: 3px;\n}\n\n.pa-radio-group__input:checked {\n border-color: var(--pa-color-neutral-gray);\n}\n\n.pa-radio-group__input:checked::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 14px;\n height: 14px;\n background: var(--pa-color-primary);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n}\n\n.pa-radio-group__input:disabled {\n cursor: not-allowed;\n border-color: var(--pa-color-bg-secondary-light-40);\n}\n\n.pa-radio-group__input:disabled:checked {\n background: var(--pa-color-text-disabled-gray);\n border-color: var(--pa-color-bg-secondary-light-40);\n}\n\n.pa-radio-group__input:disabled:checked::before {\n background: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__option--disabled .pa-radio-group__option-label {\n color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__option-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}\n\n.pa-radio-group--error .pa-radio-group__input:not(:disabled) {\n border-color: var(--pa-color-error);\n}\n.pa-radio-group--error\n .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n .pa-radio-group__input:not(:checked):not(:disabled) {\n border-color: var(--pa-color-error);\n}\n\n.pa-radio-group--valid .pa-radio-group__input:not(:disabled) {\n border-color: var(--pa-color-success);\n}\n.pa-radio-group--valid\n .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n .pa-radio-group__input:not(:checked):not(:disabled) {\n border-color: var(--pa-color-success);\n}\n\n.pa-radio-group__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-radio-group__message--error {\n color: var(--pa-color-error);\n}\n</style>\n"],"names":["props","__props","model","_useModel","generatedId","useId","groupId","computed","labelId","messageId","groupName","optionId","opt","errorActive","validActive","errorMessage","helperMessage","message","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","_createElementVNode","$event","_hoisted_6","_toDisplayString","_hoisted_7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAORC,IAAQC,EAAmBF,GAAA,YAAgB,GAE3CG,IAAc,kBAAkBC,EAAA,CAAO,IACvCC,IAAUC,EAAS,MAAMP,EAAM,MAAMI,CAAW,GAChDI,IAAUD,EAAS,MAAM,GAAGD,EAAQ,KAAK,QAAQ,GACjDG,IAAYF,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GACjDI,IAAYH,EAAS,MAAMP,EAAM,QAAQ,GAAGM,EAAQ,KAAK,OAAO;AAEtE,aAASK,EAASC,GAAyB;AACzC,aAAO,GAAGN,EAAQ,KAAK,IAAIM,EAAI,KAAK;AAAA,IACtC;AAEA,UAAMC,IAAcN,EAAS,MAAM,EAAQP,EAAM,KAAM,GACjDc,IAAcP,EAAS,MAAMP,EAAM,SAAS,CAACa,EAAY,KAAK,GAE9DE,IAAeR;AAAA,MAAS,MAC5B,OAAOP,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEgB,IAAgBT;AAAA,MAAS,MAC7B,CAACM,EAAY,SAAS,CAACC,EAAY,SAASd,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9EiB,IAAUV,EAAS,MAAMQ,EAAa,SAASC,EAAc,KAAK;2BAItEE,EA6CM,OAAA;AAAA,MA5CH,OAAKC,EAAA;AAAA;;mCAAqEN,EAAA;AAAA,mCAA8CC,EAAA;AAAA,sCAAiDb,EAAA;AAAA,QAAA;AAAA;MAQ1K,MAAK;AAAA,MACJ,mBAAiBA,EAAA,QAAQO,EAAA,QAAU;AAAA,MACnC,iBAAeP,EAAA,YAAY;AAAA,MAC3B,gBAAcY,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUR,EAAA,QAAY;AAAA,IAAA;MAE7BR,EAAA,cAAZiB,EAEO,QAAA;AAAA;QAFa,IAAIV,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;YAClCP,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,iBAAZiB,EAAkF,QAAlFE,GAA0E,GAAC;;cAExFF,EAmBQG,GAAA,MAAAC,EAlBQrB,EAAA,SAAO,CAAdW,YADTM,EAmBQ,SAAA;AAAA,QAjBL,KAAKN,EAAI;AAAA,QACT,KAAKD,EAASC,CAAG;AAAA,QACjB,OAAKO,EAAA;AAAA;gDAAoFlB,EAAA,YAAYW,EAAI,SAAA;AAAA,QAAQ;;UAKlHW,EAQE,SAAA;AAAA,UAPC,IAAIZ,EAASC,CAAG;AAAA,wDACRV,EAAK,QAAAsB;AAAA,UACd,MAAK;AAAA,UACJ,MAAMd,EAAA;AAAA,UACN,OAAOE,EAAI;AAAA,UACX,UAAUX,EAAA,YAAYW,EAAI;AAAA,UAC3B,OAAM;AAAA,QAAA;cALGV,EAAA,KAAK;AAAA,QAAA;QAOhBqB,EAAiE,QAAjEE,GAAiEC,EAAnBd,EAAI,KAAK,GAAA,CAAA;AAAA,MAAA;MAGjDK,EAAA,cADRC,EAMM,OAAA;AAAA;QAJH,IAAIT,EAAA;AAAA,QACJ,yEAAuEI,EAAA,OAAW,CAAA;AAAA,MAAA,KAEhFI,EAAA,KAAO,GAAA,IAAAU,CAAA;;;;"}

package/dist/components/PaRangePicker/PaRangePicker.vue.d.ts CHANGED Viewed

@@ -3,7 +3,6 @@ export interface PaRangePickerValue {
     start: Date;
     end: Date;
 }
-export declare function nextPaRangePickerId(): string;
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     display?: "popover" | "inline";
     placeholder?: string;

package/dist/components/PaRangePicker/PaRangePicker.vue.js CHANGED Viewed

@@ -1,10 +1,8 @@
-import e from "./PaRangePicker.vue2.js";
-import { nextPaRangePickerId as p } from "./PaRangePicker.vue2.js";
+import o from "./PaRangePicker.vue2.js";
 /* empty css                   */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(e, [["__scopeId", "data-v-cdbffeea"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-116fde8a"]]);
 export {
-  f as default,
-  p as nextPaRangePickerId
+  f as default
 };
 //# sourceMappingURL=PaRangePicker.vue.js.map

package/dist/components/PaRangePicker/PaRangePicker.vue.js.map CHANGED Viewed

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-export declare function nextPaSearchBarId(): string;
 export interface PaSearchBarOption {
     value: string;
     disabled?: boolean;

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

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

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

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