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

@semplice-studio/pa-design-system 0.1.1 → 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 (119) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PaCheckboxGroup.vue2.js","sources":["../../../src/components/PaCheckboxGroup/PaCheckboxGroup.vue"],"sourcesContent":["<script ~~lang=\"ts\">\nlet uid = 0\nexport function nextPaCheckboxGroupId() {\n return `pa-checkbox-group-${++uid}`\n}\n</script>\n\n<script~~ setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaCheckbox from '../PaCheckbox/PaCheckbox.vue'\n\nexport type PaCheckboxGroupOption = {\n value: string\n label: string\n disabled?: boolean\n}\n\nexport interface PaCheckboxGroupProps {\n options: PaCheckboxGroupOption[]\n label?: string\n id?: string\n name?: string\n helperText?: string\n error?: string \| boolean\n valid?: boolean\n required?: boolean\n disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<PaCheckboxGroupProps>(), {\n error: false,\n valid: false,\n required: false,\n disabled: false,\n})\n\nconst model = defineModel<string[]>({ default: () => [] })\n\nconst generatedId = ~~nextPaCheckboxGroupId~~()\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\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(value: string, next: boolean) {\n if (next) {\n if (model.value.includes(value)) return\n const selected = new Set([...model.value, value])\n model.value = props.options.map((o) => o.value).filter((v) => selected.has(v))\n } else {\n model.value = model.value.filter((v) => v !== value)\n }\n}\n</script>\n\n<template>\n <div\n :class=\"[\n 'pa-checkbox-group',\n {\n 'pa-checkbox-group--error': errorActive,\n 'pa-checkbox-group--valid': validActive,\n 'pa-checkbox-group--disabled': disabled,\n },\n ]\"\n role=\"group\"\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-checkbox-group__label\">\n {{ label }}<span v-if=\"required\" class=\"pa-checkbox-group__required\" aria-hidden=\"true\">*</span>\n </span>\n <PaCheckbox\n v-for=\"opt in options\"\n :key=\"opt.value\"\n :model-value=\"model.includes(opt.value)\"\n :label=\"opt.label\"\n :value=\"opt.value\"\n :name=\"groupName\"\n :disabled=\"disabled \|\| opt.disabled\"\n :error=\"errorActive\"\n :valid=\"validActive\"\n @update:model-value=\"(next) => toggle(opt.value, next)\"\n />\n <div\n v-if=\"message\"\n :id=\"messageId\"\n :class=\"['pa-checkbox-group__message', { 'pa-checkbox-group__message--error': errorActive }]\"\n >\n {{ message }}\n </div>\n </div>\n</template>\n\n<style scoped>\n.pa-checkbox-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-checkbox-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-checkbox-group--disabled .pa-checkbox-group__label {\n color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox-group__required {\n margin-left: 2px;\n color: var(--pa-color-error);\n}\n\n.pa-checkbox-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-checkbox-group__message--error {\n color: var(--pa-color-error);\n}\n</style>\n"],"names":["~~uid","nextPaCheckboxGroupId","~~props","__props","model","_useModel","generatedId","groupId","computed","labelId","messageId","groupName","errorActive","validActive","errorMessage","helperMessage","message","toggle","value","next","selected","o","v","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","opt","_createBlock","PaCheckbox","_hoisted_4"],"mappings":"~~;;;;;;;AACA~~,~~IAAIA~~,~~IAAM;AACH,SAASC,IAAwB;AACtC,SAAO,qBAAqB,EAAED,CAAG;AACnC;;;;;;;;;;;;;;;;;;;AAyBA,UAAME,~~IAAQC,GAORC,IAAQC,EAAqBF,GAAA,YAAsB,GAEnDG,~~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,GAEhEK,IAAcJ,EAAS,MAAM,~~EAAQN~~,EAAM,KAAM,~~GACjDW~~,IAAcL,EAAS,~~MAAMN~~,EAAM,SAAS,~~CAACU~~,EAAY,KAAK,GAE9DE,IAAeN;AAAA,MAAS,MAC5B,~~OAAON~~,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,~~GAEtEa~~,IAAgBP;AAAA,MAAS,MAC7B,CAACI,EAAY,SAAS,CAACC,EAAY,~~SAASX~~,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,~~GAE9Ec~~,IAAUR,EAAS,MAAMM,EAAa,SAASC,EAAc,KAAK;AAExE,aAASE,EAAOC,GAAeC,GAAe;AAC5C,UAAIA,GAAM;AACR,~~YAAIf~~,EAAM,MAAM,~~SAASc~~,CAAK,EAAG;AACjC,cAAME,wBAAe,IAAI,CAAC,~~GAAGhB~~,EAAM,~~OAAOc~~,CAAK,CAAC;AAChD,~~QAAAd~~,EAAM,QAAQF,EAAM,QAAQ,IAAI,~~CAACmB~~,MAAMA,EAAE,KAAK,EAAE,OAAO,CAACC,MAAMF,EAAS,IAAIE,CAAC,CAAC;AAAA,MAC/E;AACE,~~QAAAlB~~,EAAM,QAAQA,EAAM,MAAM,OAAO,~~CAACkB~~,MAAMA,MAAMJ,CAAK;AAAA,IAEvD;2BAIEK,EAqCM,OAAA;AAAA,MApCH,OAAKC,EAAA;AAAA;;sCAA2EZ,EAAA;AAAA,sCAAiDC,EAAA;AAAA,~~yCAAoDV~~,EAAA;AAAA,QAAA;AAAA;MAQtL,MAAK;AAAA,MACJ,mBAAiBA,EAAA,~~QAAQM~~,EAAA,QAAU;AAAA,MACnC,~~iBAAeN~~,EAAA,YAAY;AAAA,MAC3B,~~gBAAcS~~,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUN,EAAA,QAAY;AAAA,IAAA;~~MAE7BP~~,EAAA,~~cAAZoB~~,EAEO,QAAA;AAAA;QAFa,IAAId,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;~~YAClCN~~,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,~~iBAAZoB~~,EAAqF,QAArFE,GAA6E,GAAC;;cAE3FF,EAWEG,GAAA,MAAAC,~~EAVcxB~~,EAAA,SAAO,~~CAAdyB~~,YADTC,EAWEC,GAAA;AAAA,QATC,KAAKF,EAAI;AAAA,QACT,~~eAAaxB~~,EAAA,MAAM,~~SAASwB~~,EAAI,KAAK;AAAA,QACrC,OAAOA,EAAI;AAAA,QACX,OAAOA,EAAI;AAAA,QACX,MAAMjB,EAAA;AAAA,QACN,~~UAAUR~~,EAAA,~~YAAYyB~~,EAAI;AAAA,QAC1B,OAAOhB,EAAA;AAAA,QACP,OAAOC,EAAA;AAAA,QACP,uBAAkB,CAAGM,MAASF,EAAOW,EAAI,OAAOT,CAAI;AAAA,MAAA;MAG/CH,EAAA,cADRO,EAMM,OAAA;AAAA;QAJH,IAAIb,EAAA;AAAA,QACJ,+EAA6EE,EAAA,OAAW,CAAA;AAAA,MAAA,KAEtFI,EAAA,KAAO,GAAA,IAAAe,CAAA;;;;"}
1	+ {"version":3,"file":"PaCheckboxGroup.vue2.js","sources":["../../../src/components/PaCheckboxGroup/PaCheckboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport PaCheckbox from '../PaCheckbox/PaCheckbox.vue'\n\nexport type PaCheckboxGroupOption = {\n value: string\n label: string\n disabled?: boolean\n}\n\nexport interface PaCheckboxGroupProps {\n options: PaCheckboxGroupOption[]\n label?: string\n id?: string\n name?: string\n helperText?: string\n error?: string \| boolean\n valid?: boolean\n required?: boolean\n disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<PaCheckboxGroupProps>(), {\n error: false,\n valid: false,\n required: false,\n disabled: false,\n})\n\nconst model = defineModel<string[]>({ default: () => [] })\n\nconst generatedId = `pa-checkbox-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\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(value: string, next: boolean) {\n if (next) {\n if (model.value.includes(value)) return\n const selected = new Set([...model.value, value])\n model.value = props.options.map((o) => o.value).filter((v) => selected.has(v))\n } else {\n model.value = model.value.filter((v) => v !== value)\n }\n}\n</script>\n\n<template>\n <div\n :class=\"[\n 'pa-checkbox-group',\n {\n 'pa-checkbox-group--error': errorActive,\n 'pa-checkbox-group--valid': validActive,\n 'pa-checkbox-group--disabled': disabled,\n },\n ]\"\n role=\"group\"\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-checkbox-group__label\">\n {{ label }}<span v-if=\"required\" class=\"pa-checkbox-group__required\" aria-hidden=\"true\">*</span>\n </span>\n <PaCheckbox\n v-for=\"opt in options\"\n :key=\"opt.value\"\n :model-value=\"model.includes(opt.value)\"\n :label=\"opt.label\"\n :value=\"opt.value\"\n :name=\"groupName\"\n :disabled=\"disabled \|\| opt.disabled\"\n :error=\"errorActive\"\n :valid=\"validActive\"\n @update:model-value=\"(next) => toggle(opt.value, next)\"\n />\n <div\n v-if=\"message\"\n :id=\"messageId\"\n :class=\"['pa-checkbox-group__message', { 'pa-checkbox-group__message--error': errorActive }]\"\n >\n {{ message }}\n </div>\n </div>\n</template>\n\n<style scoped>\n.pa-checkbox-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-checkbox-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-checkbox-group--disabled .pa-checkbox-group__label {\n color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox-group__required {\n margin-left: 2px;\n color: var(--pa-color-error);\n}\n\n.pa-checkbox-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-checkbox-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","errorActive","validActive","errorMessage","helperMessage","message","toggle","value","next","selected","o","v","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","opt","_createBlock","PaCheckbox","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,GAORC,IAAQC,EAAqBF,GAAA,YAAsB,GAEnDG,IAAc,qBAAqBC,EAAA,CAAO,IAC1CC,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,GAEhEK,IAAcJ,EAAS,MAAM,EAAQP,EAAM,KAAM,GACjDY,IAAcL,EAAS,MAAMP,EAAM,SAAS,CAACW,EAAY,KAAK,GAE9DE,IAAeN;AAAA,MAAS,MAC5B,OAAOP,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEc,IAAgBP;AAAA,MAAS,MAC7B,CAACI,EAAY,SAAS,CAACC,EAAY,SAASZ,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ee,IAAUR,EAAS,MAAMM,EAAa,SAASC,EAAc,KAAK;AAExE,aAASE,EAAOC,GAAeC,GAAe;AAC5C,UAAIA,GAAM;AACR,YAAIhB,EAAM,MAAM,SAASe,CAAK,EAAG;AACjC,cAAME,wBAAe,IAAI,CAAC,GAAGjB,EAAM,OAAOe,CAAK,CAAC;AAChD,QAAAf,EAAM,QAAQF,EAAM,QAAQ,IAAI,CAACoB,MAAMA,EAAE,KAAK,EAAE,OAAO,CAACC,MAAMF,EAAS,IAAIE,CAAC,CAAC;AAAA,MAC/E;AACE,QAAAnB,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACmB,MAAMA,MAAMJ,CAAK;AAAA,IAEvD;2BAIEK,EAqCM,OAAA;AAAA,MApCH,OAAKC,EAAA;AAAA;;sCAA2EZ,EAAA;AAAA,sCAAiDC,EAAA;AAAA,yCAAoDX,EAAA;AAAA,QAAA;AAAA;MAQtL,MAAK;AAAA,MACJ,mBAAiBA,EAAA,QAAQO,EAAA,QAAU;AAAA,MACnC,iBAAeP,EAAA,YAAY;AAAA,MAC3B,gBAAcU,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUN,EAAA,QAAY;AAAA,IAAA;MAE7BR,EAAA,cAAZqB,EAEO,QAAA;AAAA;QAFa,IAAId,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;YAClCP,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,iBAAZqB,EAAqF,QAArFE,GAA6E,GAAC;;cAE3FF,EAWEG,GAAA,MAAAC,EAVczB,EAAA,SAAO,CAAd0B,YADTC,EAWEC,GAAA;AAAA,QATC,KAAKF,EAAI;AAAA,QACT,eAAazB,EAAA,MAAM,SAASyB,EAAI,KAAK;AAAA,QACrC,OAAOA,EAAI;AAAA,QACX,OAAOA,EAAI;AAAA,QACX,MAAMjB,EAAA;AAAA,QACN,UAAUT,EAAA,YAAY0B,EAAI;AAAA,QAC1B,OAAOhB,EAAA;AAAA,QACP,OAAOC,EAAA;AAAA,QACP,uBAAkB,CAAGM,MAASF,EAAOW,EAAI,OAAOT,CAAI;AAAA,MAAA;MAG/CH,EAAA,cADRO,EAMM,OAAA;AAAA;QAJH,IAAIb,EAAA;AAAA,QACJ,+EAA6EE,EAAA,OAAW,CAAA;AAAA,MAAA,KAEtFI,EAAA,KAAO,GAAA,IAAAe,CAAA;;;;"}

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

@@ -1,7 +1,6 @@
 import 'v-calendar/style.css';
-export declare function nextPaDatePickerId(): string;
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
-    display?: "popover" | "inline";
+type __VLS_Props = {
+    display?: 'popover' | 'inline';
     placeholder?: string;
     label?: string;
     required?: boolean;
@@ -15,28 +14,17 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     min?: Date | null;
     max?: Date | null;
     disabledDates?: (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;
-    disabledDates?: (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;
@@ -49,9 +37,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     max: Date | null;
     display: "popover" | "inline";
     disabledDates: (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/PaDatePicker/PaDatePicker.vue.js CHANGED Viewed

@@ -1,10 +1,8 @@
-import t from "./PaDatePicker.vue2.js";
-import { nextPaDatePickerId as f } from "./PaDatePicker.vue2.js";
+import o from "./PaDatePicker.vue2.js";
 /* empty css                  */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ a(t, [["__scopeId", "data-v-68eaa6c6"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-13cb46b4"]]);
 export {
-  c as default,
-  f as nextPaDatePickerId
+  e as default
 };
 //# sourceMappingURL=PaDatePicker.vue.js.map

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PaDatePicker.vue2.js","sources":["../../../src/components/PaDatePicker/PaDatePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaDatePickerId() {\n return `pa-date-picker-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { DatePicker as VDatePicker } from 'v-calendar'\nimport 'v-calendar/style.css'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(\n defineProps<{\n display?: 'popover' \| 'inline'\n placeholder?: string\n label?: string\n required?: boolean\n helperText?: string\n error?: string \| boolean\n valid?: boolean\n disabled?: boolean\n readonly?: boolean\n id?: string\n name?: string\n min?: Date \| null\n max?: Date \| null\n disabledDates?: (date: Date) => boolean\n }>(),\n {\n display: 'popover',\n placeholder: 'gg/mm/aaaa',\n required: false,\n error: false,\n valid: false,\n disabled: false,\n readonly: false,\n min: null,\n max: null,\n disabledDates: undefined,\n },\n)\n\nconst model = defineModel<Date \| null>({ default: null })\n\nconst rootRef = ref<HTMLElement \| null>(null)\nconst triggerRef = ref<HTMLButtonElement \| null>(null)\nconst open = ref(false)\nconst popoverId = `pa-date-picker-pop-${Math.random().toString(36).slice(2, 9)}`\nconst generatedId = nextPaDatePickerId()\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\nconst dateFormatter = new Intl.DateTimeFormat('it-IT', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n})\n\nconst displayValue = computed(() =>\n model.value instanceof Date ? dateFormatter.format(model.value) : props.placeholder,\n)\n\nconst placeholderShown = computed(() => !(model.value instanceof Date))\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\nconst errorMessage = computed(() =>\n typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n !errorActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\n// Built from LOCAL components — NEVER `.toISOString().slice(0, 10)`, which\n// returns UTC and lands on the previous day in any UTC-positive timezone.\nconst serialized = computed(() => {\n const v = model.value\n if (!(v instanceof Date) \|\| isNaN(v.getTime())) return ''\n const y = v.getFullYear()\n const m = String(v.getMonth() + 1).padStart(2, '0')\n const d = String(v.getDate()).padStart(2, '0')\n return `${y}-${m}-${d}`\n})\n\nfunction localMidnight(d: Date): Date {\n return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0)\n}\nfunction addDays(d: Date, n: number): Date {\n return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n, 0, 0, 0, 0)\n}\n\nfunction isDisabledDate(d: Date): boolean {\n const m = localMidnight(d)\n if (props.min && m.getTime() < localMidnight(props.min).getTime()) return true\n if (props.max && m.getTime() > localMidnight(props.max).getTime()) return true\n return props.disabledDates ? props.disabledDates(m) === true : false\n}\n\n// V-Calendar's `disabled-dates` accepts only Date / range entries (no\n// functions). To keep a single source of truth for visual disable + native\n// keyboard skip, we enumerate predicate-true days within a bounded window\n// (min/max if set, else ±5y around the model's anchor year) and push them as\n// individual Date entries alongside the min/max ranges.\nconst disabledDatesForVCalendar = computed(() => {\n const list: unknown[] = []\n if (props.min) list.push({ start: null, end: addDays(localMidnight(props.min), -1) })\n if (props.max) list.push({ start: addDays(localMidnight(props.max), 1), end: null })\n if (props.disabledDates) {\n const anchorYear =\n model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear()\n const winStart = props.min\n ? localMidnight(props.min)\n : new Date(anchorYear - 5, 0, 1, 0, 0, 0, 0)\n const winEnd = props.max\n ? localMidnight(props.max)\n : new Date(anchorYear + 5, 11, 31, 0, 0, 0, 0)\n const cursor = new Date(winStart.getTime())\n while (cursor.getTime() <= winEnd.getTime()) {\n const day = localMidnight(cursor)\n if (props.disabledDates(day)) list.push(day)\n cursor.setDate(cursor.getDate() + 1)\n }\n }\n return list\n})\n\nfunction openPopover() {\n if (open.value \|\| props.disabled \|\| props.readonly) return\n open.value = true\n}\n\nfunction closePopover(returnFocus = true) {\n if (!open.value) return\n open.value = false\n if (returnFocus) triggerRef.value?.focus()\n}\n\nfunction togglePopover() {\n if (props.disabled \|\| props.readonly) return\n open.value ? closePopover() : openPopover()\n}\n\n// The ONLY writer to `model`. V-Calendar receives :model-value one-way and\n// never v-models back into us — the reactive feedback loop is what crashed\n// the previous v1.32 attempt.\n//\n// Normalize to local midnight: V-Calendar's day.date may carry a non-midnight\n// wall-clock time that, once serialized via `.toISOString()`, lands on the\n// previous day in any UTC-positive timezone. Storing local midnight keeps\n// `getFullYear / getMonth / getDate` and any locale-aware formatter aligned.\nfunction onDayClick(day: { date: Date }) {\n if (props.readonly) return\n const picked = localMidnight(day.date)\n if (isDisabledDate(picked)) return\n model.value = picked\n if (props.display === 'popover') closePopover()\n}\n\nfunction onDocumentMousedown(event: MouseEvent) {\n if (!rootRef.value) return\n if (!rootRef.value.contains(event.target as Node)) closePopover(false)\n}\n\nfunction onWindowKeydown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault()\n closePopover()\n }\n}\n\nwatch(open, (isOpen) => {\n if (isOpen) {\n document.addEventListener('mousedown', onDocumentMousedown)\n window.addEventListener('keydown', onWindowKeydown)\n } else {\n document.removeEventListener('mousedown', onDocumentMousedown)\n window.removeEventListener('keydown', onWindowKeydown)\n }\n})\n\nonBeforeUnmount(() => {\n document.removeEventListener('mousedown', onDocumentMousedown)\n window.removeEventListener('keydown', onWindowKeydown)\n})\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"[\n 'pa-date-picker',\n `pa-date-picker--${display}`,\n {\n 'pa-date-picker--open': open,\n 'pa-date-picker--disabled': disabled,\n 'pa-date-picker--readonly': readonly,\n 'pa-date-picker--error': errorActive,\n 'pa-date-picker--valid': validActive,\n },\n ]\"\n >\n <label v-if=\"label\" :for=\"triggerId\" class=\"pa-date-picker__label\">\n {{ label }}<span v-if=\"required\" class=\"pa-date-picker__required\" aria-hidden=\"true\"></span>\n </label>\n\n <button\n v-if=\"display === 'popover'\"\n :id=\"triggerId\"\n ref=\"triggerRef\"\n type=\"button\"\n :class=\"[\n 'pa-date-picker__trigger',\n {\n 'pa-date-picker__trigger--placeholder': placeholderShown,\n 'pa-date-picker__trigger--disabled': disabled,\n 'pa-date-picker__trigger--readonly': readonly && !disabled,\n 'pa-date-picker__trigger--error': errorActive && !disabled,\n 'pa-date-picker__trigger--valid': validActive && !disabled,\n },\n ]\"\n :disabled=\"disabled\"\n :aria-expanded=\"open\"\n aria-haspopup=\"dialog\"\n :aria-controls=\"popoverId\"\n :aria-required=\"required \|\| undefined\"\n :aria-invalid=\"errorActive \|\| undefined\"\n :aria-readonly=\"readonly \|\| undefined\"\n :aria-describedby=\"message ? messageId : undefined\"\n @click=\"togglePopover\"\n @keydown.enter.prevent=\"togglePopover\"\n @keydown.space.prevent=\"togglePopover\"\n @keydown.down.prevent=\"openPopover\"\n >\n <span class=\"pa-date-picker__value\">{{ displayValue }}</span>\n <slot name=\"suffix\">\n <PaIcon name=\"calendar-blank\" size=\"md\" />\n </slot>\n </button>\n\n <input\n v-if=\"name\"\n type=\"hidden\"\n :name=\"name\"\n :value=\"serialized\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :required=\"required\"\n />\n\n <div\n v-show=\"display === 'inline' \|\| open\"\n :id=\"popoverId\"\n :class=\"[\n 'pa-date-picker__popover',\n { 'pa-date-picker__popover--inline': display === 'inline' },\n ]\"\n role=\"dialog\"\n aria-modal=\"false\"\n >\n <VDatePicker\n :model-value=\"model\"\n :locale=\"{ id: 'it-IT', firstDayOfWeek: 2 }\"\n :is-required=\"false\"\n :disabled-dates=\"disabledDatesForVCalendar\"\n @dayclick=\"onDayClick\"\n >\n <template #nav-prev-button=\"{ click }\">\n <button\n type=\"button\"\n class=\"pa-date-picker__nav-arrow\"\n aria-label=\"Mese precedente\"\n @click=\"click\"\n >\n <PaIcon name=\"caret-left\" size=\"sm\" />\n </button>\n </template>\n <template #nav-next-button=\"{ click }\">\n <button\n type=\"button\"\n class=\"pa-date-picker__nav-arrow\"\n aria-label=\"Mese successivo\"\n @click=\"click\"\n >\n <PaIcon name=\"caret-right\" size=\"sm\" />\n </button>\n </template>\n </VDatePicker>\n </div>\n\n <div\n v-if=\"message\"\n :id=\"messageId\"\n :class=\"['pa-date-picker__message', { 'pa-date-picker__message--error': errorActive }]\"\n >\n {{ message }}\n </div>\n </div>\n</template>\n\n<style scoped>\n.pa-date-picker {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: var(--pa-space-2xs, 4px);\n font-family: var(--pa-font-family-sans, 'Inter', sans-serif);\n}\n\n.pa-date-picker__label {\n font: 600 14px/20px 'Inter', sans-serif;\n color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-date-picker__required {\n margin-left: 2px;\n color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__trigger {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n width: 100%;\n min-width: 240px;\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid var(--pa-color-neutral-gray, #454d56);\n border-radius: 4px;\n font: 400 16px/20px 'Inter', sans-serif;\n color: var(--pa-color-neutral-gray, #454d56);\n cursor: pointer;\n text-align: left;\n}\n.pa-date-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-date-picker__trigger:focus-visible {\n outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n outline-offset: 2px;\n}\n.pa-date-picker__trigger--placeholder .pa-date-picker__value {\n color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-date-picker__trigger--error {\n border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--error:hover {\n border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--valid {\n border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--valid:hover {\n border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--disabled,\n.pa-date-picker__trigger[disabled] {\n background: var(--pa-color-bg-disabled-gray, #e7e8e3);\n color: var(--pa-color-text-disabled, #5b6571);\n border-color: var(--pa-color-neutral-gray, #454d56);\n cursor: not-allowed;\n}\n.pa-date-picker__trigger--disabled:hover,\n.pa-date-picker__trigger[disabled]:hover {\n border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__trigger--readonly:hover {\n border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__value {\n flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-date-picker__message {\n font: 400 14px/20px 'Inter', sans-serif;\n color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__message--error {\n color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__popover {\n position: absolute;\n top: calc(100% + 8px);\n left: 0;\n z-index: 900; min-width: 280px; padding: 24px;\n background: #ffffff; border-radius: 8px;\n box-shadow: var(--pa-shadow-elevation-02, 0 0 24px #e3e5e8);\n}\n.pa-date-picker__popover--inline {\n position: static; top: auto; left: auto; display: inline-block;\n}\n/ Anchor the absolute popover under the trigger (not under the label). */\n.pa-date-picker:has(.pa-date-picker__label) .pa-date-picker__popover:not(.pa-date-picker__popover--inline) {\n top: auto;\n}\n\n.pa-date-picker :deep(.pa-date-picker__nav-arrow) {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; padding: 0;\n background: #ffffff; border: 0; border-radius: 9999px;\n color: var(--pa-color-primary, #0071ff); cursor: pointer;\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:hover) {\n background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:focus-visible) {\n outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n outline-offset: 0;\n}\n\n.pa-date-picker :deep(.vc-container) {\n --vc-bg: #ffffff; --vc-border: transparent; --vc-rounded: 0;\n --vc-font-family: 'Inter', sans-serif;\n font-family: 'Inter', sans-serif;\n background: #ffffff; border: 0;\n color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker :deep(.vc-header) { padding: 0 0 16px; }\n.pa-date-picker :deep(.vc-title) {\n font: 600 16px/20px 'Inter', sans-serif;\n color: var(--pa-color-primary, #0071ff);\n pointer-events: none;\n}\n.pa-date-picker :deep(.vc-weeks) { padding: 0; }\n.pa-date-picker :deep(.vc-weekday) {\n font: 600 16px/20px 'Inter', sans-serif;\n color: var(--pa-color-neutral-gray, #454d56);\n padding: 8px 0; text-transform: capitalize;\n}\n.pa-date-picker :deep(.vc-day) { min-height: 36px; }\n.pa-date-picker :deep(.vc-day-content) {\n font: 400 16px/18px 'Roboto Mono', monospace;\n color: var(--pa-color-neutral-gray, #454d56);\n width: 32px; height: 32px; border-radius: 9999px; transition: none;\n}\n.pa-date-picker :deep(.vc-day-content:hover) {\n background: var(--pa-color-primary-hover, #00368f); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-day-content:focus-visible) {\n outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n outline-offset: -2px; background: transparent;\n color: var(--pa-color-primary, #0071ff);\n}\n.pa-date-picker :deep(.vc-day-content:active) {\n background: var(--pa-color-primary-pressed, #00173d); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-highlight) {\n background: var(--pa-color-primary, #0071ff) !important;\n border-radius: 9999px;\n}\n.pa-date-picker :deep(.vc-highlight-content-solid) {\n color: #ffffff !important;\n font: 400 16px/18px 'Roboto Mono', monospace;\n}\n.pa-date-picker :deep(.vc-day.is-not-in-month .vc-day-content),\n.pa-date-picker :deep(.vc-day.is-disabled .vc-day-content) {\n color: var(--pa-color-text-disabled, #5b6571);\n pointer-events: none;\n}\n.pa-date-picker :deep(.vc-pane-layout) { gap: 0; }\n.pa-date-picker :deep(.vc-arrow) { display: none; }\n</style>\n"],"names":["uid","nextPaDatePickerId","props","__props","model","_useModel","rootRef","ref","triggerRef","open","popoverId","generatedId","triggerId","computed","messageId","dateFormatter","displayValue","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","v","y","m","d","localMidnight","addDays","n","isDisabledDate","disabledDatesForVCalendar","list","anchorYear","winStart","winEnd","cursor","day","openPopover","closePopover","returnFocus","_a","togglePopover","onDayClick","picked","onDocumentMousedown","event","onWindowKeydown","watch","isOpen","onBeforeUnmount","_createElementBlock","_normalizeClass","_hoisted_2","_createElementVNode","_hoisted_4","_toDisplayString","_renderSlot","_ctx","_createVNode","PaIcon","_unref","VDatePicker","_withCtx","click","_vShow","_hoisted_8"],"mappings":"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"}
1	+ {"version":3,"file":"PaDatePicker.vue2.js","sources":["../../../src/components/PaDatePicker/PaDatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, useId, watch } from 'vue'\nimport { DatePicker as VDatePicker } from 'v-calendar'\nimport 'v-calendar/style.css'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(\n defineProps<{\n display?: 'popover' \| 'inline'\n placeholder?: string\n label?: string\n required?: boolean\n helperText?: string\n error?: string \| boolean\n valid?: boolean\n disabled?: boolean\n readonly?: boolean\n id?: string\n name?: string\n min?: Date \| null\n max?: Date \| null\n disabledDates?: (date: Date) => boolean\n }>(),\n {\n display: 'popover',\n placeholder: 'gg/mm/aaaa',\n required: false,\n error: false,\n valid: false,\n disabled: false,\n readonly: false,\n min: null,\n max: null,\n disabledDates: undefined,\n },\n)\n\nconst model = defineModel<Date \| null>({ default: null })\n\nconst rootRef = ref<HTMLElement \| null>(null)\nconst triggerRef = ref<HTMLButtonElement \| null>(null)\nconst open = ref(false)\nconst popoverId = `pa-date-picker-pop-${useId()}`\nconst generatedId = `pa-date-picker-${useId()}`\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\nconst dateFormatter = new Intl.DateTimeFormat('it-IT', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric',\n})\n\nconst displayValue = computed(() =>\n model.value instanceof Date ? dateFormatter.format(model.value) : props.placeholder,\n)\n\nconst placeholderShown = computed(() => !(model.value instanceof Date))\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\nconst errorMessage = computed(() =>\n typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n !errorActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\n// Built from LOCAL components — NEVER `.toISOString().slice(0, 10)`, which\n// returns UTC and lands on the previous day in any UTC-positive timezone.\nconst serialized = computed(() => {\n const v = model.value\n if (!(v instanceof Date) \|\| isNaN(v.getTime())) return ''\n const y = v.getFullYear()\n const m = String(v.getMonth() + 1).padStart(2, '0')\n const d = String(v.getDate()).padStart(2, '0')\n return `${y}-${m}-${d}`\n})\n\nfunction localMidnight(d: Date): Date {\n return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0)\n}\nfunction addDays(d: Date, n: number): Date {\n return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n, 0, 0, 0, 0)\n}\n\nfunction isDisabledDate(d: Date): boolean {\n const m = localMidnight(d)\n if (props.min && m.getTime() < localMidnight(props.min).getTime()) return true\n if (props.max && m.getTime() > localMidnight(props.max).getTime()) return true\n return props.disabledDates ? props.disabledDates(m) === true : false\n}\n\n// V-Calendar's `disabled-dates` accepts only Date / range entries (no\n// functions). To keep a single source of truth for visual disable + native\n// keyboard skip, we enumerate predicate-true days within a bounded window\n// (min/max if set, else ±5y around the model's anchor year) and push them as\n// individual Date entries alongside the min/max ranges.\nconst disabledDatesForVCalendar = computed(() => {\n const list: unknown[] = []\n if (props.min) list.push({ start: null, end: addDays(localMidnight(props.min), -1) })\n if (props.max) list.push({ start: addDays(localMidnight(props.max), 1), end: null })\n if (props.disabledDates) {\n const anchorYear =\n model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear()\n const winStart = props.min\n ? localMidnight(props.min)\n : new Date(anchorYear - 5, 0, 1, 0, 0, 0, 0)\n const winEnd = props.max\n ? localMidnight(props.max)\n : new Date(anchorYear + 5, 11, 31, 0, 0, 0, 0)\n const cursor = new Date(winStart.getTime())\n while (cursor.getTime() <= winEnd.getTime()) {\n const day = localMidnight(cursor)\n if (props.disabledDates(day)) list.push(day)\n cursor.setDate(cursor.getDate() + 1)\n }\n }\n return list\n})\n\nfunction openPopover() {\n if (open.value \|\| props.disabled \|\| props.readonly) return\n open.value = true\n}\n\nfunction closePopover(returnFocus = true) {\n if (!open.value) return\n open.value = false\n if (returnFocus) triggerRef.value?.focus()\n}\n\nfunction togglePopover() {\n if (props.disabled \|\| props.readonly) return\n open.value ? closePopover() : openPopover()\n}\n\n// The ONLY writer to `model`. V-Calendar receives :model-value one-way and\n// never v-models back into us — the reactive feedback loop is what crashed\n// the previous v1.32 attempt.\n//\n// Normalize to local midnight: V-Calendar's day.date may carry a non-midnight\n// wall-clock time that, once serialized via `.toISOString()`, lands on the\n// previous day in any UTC-positive timezone. Storing local midnight keeps\n// `getFullYear / getMonth / getDate` and any locale-aware formatter aligned.\nfunction onDayClick(day: { date: Date }) {\n if (props.readonly) return\n const picked = localMidnight(day.date)\n if (isDisabledDate(picked)) return\n model.value = picked\n if (props.display === 'popover') closePopover()\n}\n\nfunction onDocumentMousedown(event: MouseEvent) {\n if (!rootRef.value) return\n if (!rootRef.value.contains(event.target as Node)) closePopover(false)\n}\n\nfunction onWindowKeydown(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n event.preventDefault()\n closePopover()\n }\n}\n\nwatch(open, (isOpen) => {\n if (isOpen) {\n document.addEventListener('mousedown', onDocumentMousedown)\n window.addEventListener('keydown', onWindowKeydown)\n } else {\n document.removeEventListener('mousedown', onDocumentMousedown)\n window.removeEventListener('keydown', onWindowKeydown)\n }\n})\n\nonBeforeUnmount(() => {\n document.removeEventListener('mousedown', onDocumentMousedown)\n window.removeEventListener('keydown', onWindowKeydown)\n})\n</script>\n\n<template>\n <div\n ref=\"rootRef\"\n :class=\"[\n 'pa-date-picker',\n `pa-date-picker--${display}`,\n {\n 'pa-date-picker--open': open,\n 'pa-date-picker--disabled': disabled,\n 'pa-date-picker--readonly': readonly,\n 'pa-date-picker--error': errorActive,\n 'pa-date-picker--valid': validActive,\n },\n ]\"\n >\n <label v-if=\"label\" :for=\"triggerId\" class=\"pa-date-picker__label\">\n {{ label }}<span v-if=\"required\" class=\"pa-date-picker__required\" aria-hidden=\"true\"></span>\n </label>\n\n <button\n v-if=\"display === 'popover'\"\n :id=\"triggerId\"\n ref=\"triggerRef\"\n type=\"button\"\n :class=\"[\n 'pa-date-picker__trigger',\n {\n 'pa-date-picker__trigger--placeholder': placeholderShown,\n 'pa-date-picker__trigger--disabled': disabled,\n 'pa-date-picker__trigger--readonly': readonly && !disabled,\n 'pa-date-picker__trigger--error': errorActive && !disabled,\n 'pa-date-picker__trigger--valid': validActive && !disabled,\n },\n ]\"\n :disabled=\"disabled\"\n :aria-expanded=\"open\"\n aria-haspopup=\"dialog\"\n :aria-controls=\"popoverId\"\n :aria-required=\"required \|\| undefined\"\n :aria-invalid=\"errorActive \|\| undefined\"\n :aria-readonly=\"readonly \|\| undefined\"\n :aria-describedby=\"message ? messageId : undefined\"\n @click=\"togglePopover\"\n @keydown.enter.prevent=\"togglePopover\"\n @keydown.space.prevent=\"togglePopover\"\n @keydown.down.prevent=\"openPopover\"\n >\n <span class=\"pa-date-picker__value\">{{ displayValue }}</span>\n <slot name=\"suffix\">\n <PaIcon name=\"calendar-blank\" size=\"md\" />\n </slot>\n </button>\n\n <input\n v-if=\"name\"\n type=\"hidden\"\n :name=\"name\"\n :value=\"serialized\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n :required=\"required\"\n />\n\n <div\n v-show=\"display === 'inline' \|\| open\"\n :id=\"popoverId\"\n :class=\"[\n 'pa-date-picker__popover',\n { 'pa-date-picker__popover--inline': display === 'inline' },\n ]\"\n role=\"dialog\"\n aria-modal=\"false\"\n >\n <VDatePicker\n :model-value=\"model\"\n :locale=\"{ id: 'it-IT', firstDayOfWeek: 2 }\"\n :is-required=\"false\"\n :disabled-dates=\"disabledDatesForVCalendar\"\n @dayclick=\"onDayClick\"\n >\n <template #nav-prev-button=\"{ click }\">\n <button\n type=\"button\"\n class=\"pa-date-picker__nav-arrow\"\n aria-label=\"Mese precedente\"\n @click=\"click\"\n >\n <PaIcon name=\"caret-left\" size=\"sm\" />\n </button>\n </template>\n <template #nav-next-button=\"{ click }\">\n <button\n type=\"button\"\n class=\"pa-date-picker__nav-arrow\"\n aria-label=\"Mese successivo\"\n @click=\"click\"\n >\n <PaIcon name=\"caret-right\" size=\"sm\" />\n </button>\n </template>\n </VDatePicker>\n </div>\n\n <div\n v-if=\"message\"\n :id=\"messageId\"\n :class=\"['pa-date-picker__message', { 'pa-date-picker__message--error': errorActive }]\"\n >\n {{ message }}\n </div>\n </div>\n</template>\n\n<style scoped>\n.pa-date-picker {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: var(--pa-space-2xs, 4px);\n font-family: var(--pa-font-family-sans, 'Inter', sans-serif);\n}\n\n.pa-date-picker__label {\n font: 600 14px/20px 'Inter', sans-serif;\n color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-date-picker__required {\n margin-left: 2px;\n color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__trigger {\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n width: 100%;\n min-width: 240px;\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid var(--pa-color-neutral-gray, #454d56);\n border-radius: 4px;\n font: 400 16px/20px 'Inter', sans-serif;\n color: var(--pa-color-neutral-gray, #454d56);\n cursor: pointer;\n text-align: left;\n}\n.pa-date-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-date-picker__trigger:focus-visible {\n outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n outline-offset: 2px;\n}\n.pa-date-picker__trigger--placeholder .pa-date-picker__value {\n color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-date-picker__trigger--error {\n border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--error:hover {\n border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--valid {\n border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--valid:hover {\n border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--disabled,\n.pa-date-picker__trigger[disabled] {\n background: var(--pa-color-bg-disabled-gray, #e7e8e3);\n color: var(--pa-color-text-disabled, #5b6571);\n border-color: var(--pa-color-neutral-gray, #454d56);\n cursor: not-allowed;\n}\n.pa-date-picker__trigger--disabled:hover,\n.pa-date-picker__trigger[disabled]:hover {\n border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__trigger--readonly:hover {\n border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__value {\n flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-date-picker__message {\n font: 400 14px/20px 'Inter', sans-serif;\n color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__message--error {\n color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__popover {\n position: absolute;\n top: calc(100% + 8px);\n left: 0;\n z-index: 900; min-width: 280px; padding: 24px;\n background: #ffffff; border-radius: 8px;\n box-shadow: var(--pa-shadow-elevation-02, 0 0 24px #e3e5e8);\n}\n.pa-date-picker__popover--inline {\n position: static; top: auto; left: auto; display: inline-block;\n}\n/ Anchor the absolute popover under the trigger (not under the label). */\n.pa-date-picker:has(.pa-date-picker__label) .pa-date-picker__popover:not(.pa-date-picker__popover--inline) {\n top: auto;\n}\n\n.pa-date-picker :deep(.pa-date-picker__nav-arrow) {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; padding: 0;\n background: #ffffff; border: 0; border-radius: 9999px;\n color: var(--pa-color-primary, #0071ff); cursor: pointer;\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:hover) {\n background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:focus-visible) {\n outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n outline-offset: 0;\n}\n\n.pa-date-picker :deep(.vc-container) {\n --vc-bg: #ffffff; --vc-border: transparent; --vc-rounded: 0;\n --vc-font-family: 'Inter', sans-serif;\n font-family: 'Inter', sans-serif;\n background: #ffffff; border: 0;\n color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker :deep(.vc-header) { padding: 0 0 16px; }\n.pa-date-picker :deep(.vc-title) {\n font: 600 16px/20px 'Inter', sans-serif;\n color: var(--pa-color-primary, #0071ff);\n pointer-events: none;\n}\n.pa-date-picker :deep(.vc-weeks) { padding: 0; }\n.pa-date-picker :deep(.vc-weekday) {\n font: 600 16px/20px 'Inter', sans-serif;\n color: var(--pa-color-neutral-gray, #454d56);\n padding: 8px 0; text-transform: capitalize;\n}\n.pa-date-picker :deep(.vc-day) { min-height: 36px; }\n.pa-date-picker :deep(.vc-day-content) {\n font: 400 16px/18px 'Roboto Mono', monospace;\n color: var(--pa-color-neutral-gray, #454d56);\n width: 32px; height: 32px; border-radius: 9999px; transition: none;\n}\n.pa-date-picker :deep(.vc-day-content:hover) {\n background: var(--pa-color-primary-hover, #00368f); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-day-content:focus-visible) {\n outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n outline-offset: -2px; background: transparent;\n color: var(--pa-color-primary, #0071ff);\n}\n.pa-date-picker :deep(.vc-day-content:active) {\n background: var(--pa-color-primary-pressed, #00173d); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-highlight) {\n background: var(--pa-color-primary, #0071ff) !important;\n border-radius: 9999px;\n}\n.pa-date-picker :deep(.vc-highlight-content-solid) {\n color: #ffffff !important;\n font: 400 16px/18px 'Roboto Mono', monospace;\n}\n.pa-date-picker :deep(.vc-day.is-not-in-month .vc-day-content),\n.pa-date-picker :deep(.vc-day.is-disabled .vc-day-content) {\n color: var(--pa-color-text-disabled, #5b6571);\n pointer-events: none;\n}\n.pa-date-picker :deep(.vc-pane-layout) { gap: 0; }\n.pa-date-picker :deep(.vc-arrow) { display: none; }\n</style>\n"],"names":["props","__props","model","_useModel","rootRef","ref","triggerRef","open","popoverId","useId","generatedId","triggerId","computed","messageId","dateFormatter","displayValue","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","v","y","m","d","localMidnight","addDays","n","isDisabledDate","disabledDatesForVCalendar","list","anchorYear","winStart","winEnd","cursor","day","openPopover","closePopover","returnFocus","_a","togglePopover","onDayClick","picked","onDocumentMousedown","event","onWindowKeydown","watch","isOpen","onBeforeUnmount","_createElementBlock","_normalizeClass","_hoisted_2","_createElementVNode","_hoisted_4","_toDisplayString","_renderSlot","_ctx","_createVNode","PaIcon","_unref","VDatePicker","_withCtx","click","_vShow","_hoisted_8"],"mappings":"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"}

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

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