bitboss-ui 2.0.4 → 2.0.7

package/dist/{index16.js.map → index17.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue"],"sourcesContent":["<template>\n\t<OptionsContainer\n\t\tclass=\"bb-base-checkbox-group\"\n\t\t:direction=\"direction\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:loading=\"!!loading\"\n\t\t:loading-text=\"loadingText\"\n\t\t:no-data-text=\"noDataText\"\n\t\t:options=\"options\"\n\t>\n\t\t<template #prepend><slot name=\"prepend\"></slot></template>\n\t\t<template #loading><slot name=\"loading\"></slot></template>\n\t\t<template #no-data><slot name=\"no-data\"></slot></template>\n\t\t<template #option:prepend=\"data\"\n\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"></slot\n\t\t></template>\n\t\t<template #input=\"{ option, index }\">\n\t\t\t<BaseCheckbox\n\t\t\t\t:id=\"option.valueHash\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus && !index\"\n\t\t\t\t:checked=\"option.selected\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"option.disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:true-value=\"option.value\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t@change=\"(event: Event) => onChange(event, option)\"\n\t\t\t\t><template #icon=\"data\"\n\t\t\t\t\t><slot\n\t\t\t\t\t\t:item=\"option.item\"\n\t\t\t\t\t\tname=\"icon\"\n\t\t\t\t\t\t:text=\"option.text\"\n\t\t\t\t\t\tv-bind=\"data\" /></template\n\t\t\t></BaseCheckbox>\n\t\t</template>\n\t\t<template #option:append=\"data\"\n\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"></slot\n\t\t></template>\n\t\t<template #append><slot name=\"prepend\"></slot></template>\n\t</OptionsContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T = any\">\nimport { ref, toRef } from 'vue';\nimport { useOptions } from '@/composables/useOptions';\nimport BaseCheckbox from '../BaseCheckbox/BaseCheckbox.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport type { NestedKeyOf } from '@/types/NestedKeyOf';\nimport type { Option } from '@/types/Option';\nimport type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';\nimport OptionsContainer from '../OptionsContainer.vue';\n\nexport type BaseCheckboxGroupProps<T> = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tariaDescribedby?: InputHTMLAttributes['aria-describedby'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\n\t/**\n\t * Defines an array of dependencies that will trigger actions in the component upon change.\n\t */\n\tdependencies?: any[];\n\n\t/**\n\t * Timeout used to debounce response to changes to dependencies.\n\t */\n\tdepsDebounceTime?: number;\n\n\t/**\n\t * Direction of the layout of the inputs inside the fieldset. It can be either `horizontal` or `vertical`\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.\n\t *\n\t * e.g. You cannot set v-model to a user that is not present in the items passed.\n\t *\n\t * modelValue will be reset upon incoherence.\n\t */\n\tenforceCoherence?: boolean;\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Used to retrieve items can be an array or a function.\n\t */\n\titems:\n\t\t| T[]\n\t\t| ((prefill: boolean, modelValue?: any[]) => Promise<T[]>)\n\t\t| ((prefill: boolean, modelValue?: any[]) => T[]);\n\n\t/**\n\t * Defines a path that returns a property of the object to use as text or a function that returns a string\n\t */\n\titemText?: T extends object\n\t\t? NestedKeyOf<T> | ((item: T) => string)\n\t\t: ((item: T) => string) | undefined;\n\n\t/**\n\t * Defines a path that returns a property of the object to use as value or a function that returns any value\n\t */\n\titemValue?: T extends object\n\t\t? NestedKeyOf<T> | ((item: T) => string)\n\t\t: ((item: T) => any) | undefined;\n\n\t/**\n\t * String displayed while items are being loaded.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * Used by v-model. Can be an array of any serializable type.\n\t */\n\tmodelValue: any[];\n\n\t/**\n\t * Timeout used to debounce response to changes to modelValue.\n\t */\n\tmodelValueDebounceTime?: number;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there are no items to display.\n\t */\n\tnoDataText?: string;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n};\n\nexport type BaseCheckboxGroupEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'inactive'): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: any): void;\n};\n\nconst props = withDefaults(defineProps<BaseCheckboxGroupProps<T>>(), {\n\tdepsDebounceTime: 0,\n\tdirection: 'horizontal',\n\titems: () => [],\n\tloadingText: 'Caricamento...',\n\tmodelValueDebounceTime: 0,\n\tnoDataText: 'Nessun elemento da visualizzare',\n});\n\nconst emit = defineEmits<BaseCheckboxGroupEvents>();\n\ndefineSlots<{\n\tprepend?: (props: object) => any;\n\tloading?: (props: object) => any;\n\t'no-data'?: (props: object) => any;\n\t'option:prepend'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\ticon?: (\n\t\tprops: SlotAttributes & {\n\t\t\titem: T;\n\t\t\ttext: string;\n\t\t}\n\t) => any;\n\tlabel?: (props: { item: T; text: string; checked: boolean }) => any;\n\t'option:append'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\tappend?: (props: object) => any;\n}>();\n\nconst container = ref<HTMLElement>();\nconst active = ref(false);\n\nconst {\n\tinnerLoading: loading,\n\toptions,\n\tselectOption,\n\tunselectOption,\n} = useOptions({\n\tdependencies: toRef(props, 'dependencies'),\n\tdepsDebounceTime: props.depsDebounceTime,\n\tdisabled: toRef(props, 'disabled'),\n\temit,\n\tenforceCoherence: props.enforceCoherence,\n\titems: toRef(props, 'items'),\n\titemText: props.itemText,\n\titemValue: props.itemValue,\n\tmodelValue: toRef(props, 'modelValue'),\n\tmodelValueDebounceTime: props.modelValueDebounceTime,\n\tmultiple: true,\n\tprefill: true,\n\tqueryDebounceTime: 0,\n\tresetQueryOnOptionSelected: false,\n\tstash: false,\n});\n\nconst onChange = (event: Event, option: Option) => {\n\temit('change', event);\n\tif (!option.selected) {\n\t\tselectOption(option);\n\t} else {\n\t\tunselectOption(option);\n\t}\n};\n\nconst onFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tif (!active.value) {\n\t\tdocument.addEventListener('focusin', onDocumentFocus, { passive: true });\n\t\tdocument.addEventListener('click', onDocumentClick, { passive: true });\n\t\tactive.value = true;\n\t}\n};\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus,\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseCheckboxGroup';\n</style>\n"],"names":["props","__props","emit","__emit","container","ref","active","loading","options","selectOption","unselectOption","useOptions","toRef","onChange","event","option","eventListeners","onDocumentFocus","onDocumentClick","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyLA,UAAMA,IAAQC,GASRC,IAAOC,GA8BPC,IAAYC,KACZC,IAASD,EAAI,EAAK,GAElB;AAAA,MACL,cAAcE;AAAA,MACd,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,QACGC,EAAW;AAAA,MACd,cAAcC,EAAMZ,GAAO,cAAc;AAAA,MACzC,kBAAkBA,EAAM;AAAA,MACxB,UAAUY,EAAMZ,GAAO,UAAU;AAAA,MACjC,MAAAE;AAAA,MACA,kBAAkBF,EAAM;AAAA,MACxB,OAAOY,EAAMZ,GAAO,OAAO;AAAA,MAC3B,UAAUA,EAAM;AAAA,MAChB,WAAWA,EAAM;AAAA,MACjB,YAAYY,EAAMZ,GAAO,YAAY;AAAA,MACrC,wBAAwBA,EAAM;AAAA,MAC9B,UAAU;AAAA,MACV,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,4BAA4B;AAAA,MAC5B,OAAO;AAAA,IAAA,CACP,GAEKa,IAAW,CAACC,GAAcC,MAAmB;AAClD,MAAAb,EAAK,UAAUY,CAAK,GACfC,EAAO,WAGXL,EAAeK,CAAM,IAFrBN,EAAaM,CAAM;AAAA,IAGpB,GAYKC,IAAiB;AAAA,MACtB,QAAQ,CAACF,MAAsBZ,EAAK,QAAQY,CAAK;AAAA,MACjD,SAAS,CAACA,MAAsBZ,EAAK,SAASY,CAAK;AAAA,MACnD,SAZe,CAACA,MAAsB;AACtC,QAAAZ,EAAK,SAASY,CAAK,GACdR,EAAO,UACX,SAAS,iBAAiB,WAAWW,GAAiB,EAAE,SAAS,IAAM,GACvE,SAAS,iBAAiB,SAASC,GAAiB,EAAE,SAAS,IAAM,GACrEZ,EAAO,QAAQ;AAAA,MAChB;AAAA,MAOA,SAAS,CAACQ,MAAiBZ,EAAK,SAASY,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBZ,EAAK,WAAWY,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBZ,EAAK,aAAaY,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBZ,EAAK,WAAWY,CAAK;AAAA,IAAA,GAGlDG,IAAkB,CAACH,MAAsB;;AAC1C,MAAAA,EAAM,kBAAkB,iBACtBK,IAAAf,EAAU,UAAV,QAAAe,EAAiB,SAASL,EAAM,YACpCZ,EAAK,UAAU,GACfI,EAAO,QAAQ,IACN,SAAA,oBAAoB,WAAWW,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEvD,GAGKA,IAAkB,CAACJ,MAAsB;;AAC1C,MAAAA,EAAM,kBAAkB,iBACtBK,IAAAf,EAAU,UAAV,QAAAe,EAAiB,SAASL,EAAM,YACpCZ,EAAK,UAAU,GACfI,EAAO,QAAQ,IACN,SAAA,oBAAoB,WAAWW,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index17.js","sources":["../src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue"],"sourcesContent":["<template>\n\t<OptionsContainer\n\t\tclass=\"bb-base-checkbox-group\"\n\t\t:direction=\"direction\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:loading=\"!!loading\"\n\t\t:loading-text=\"loadingText\"\n\t\t:no-data-text=\"noDataText\"\n\t\t:options=\"options\"\n\t>\n\t\t<template #prepend><slot name=\"prepend\"></slot></template>\n\t\t<template #loading><slot name=\"loading\"></slot></template>\n\t\t<template #no-data><slot name=\"no-data\"></slot></template>\n\t\t<template #option:prepend=\"data\"\n\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"></slot\n\t\t></template>\n\t\t<template #input=\"{ option, index }\">\n\t\t\t<BaseCheckbox\n\t\t\t\t:id=\"option.valueHash\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus && !index\"\n\t\t\t\t:checked=\"option.selected\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"option.disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:true-value=\"option.value\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t@change=\"(event: Event) => onChange(event, option)\"\n\t\t\t\t><template #icon=\"data\"\n\t\t\t\t\t><slot\n\t\t\t\t\t\t:item=\"option.item\"\n\t\t\t\t\t\tname=\"icon\"\n\t\t\t\t\t\t:text=\"option.text\"\n\t\t\t\t\t\tv-bind=\"data\" /></template\n\t\t\t></BaseCheckbox>\n\t\t</template>\n\t\t<template #option:append=\"data\"\n\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"></slot\n\t\t></template>\n\t\t<template #append><slot name=\"prepend\"></slot></template>\n\t</OptionsContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T = any\">\nimport { ref, toRef } from 'vue';\nimport { useOptions } from '@/composables/useOptions';\nimport BaseCheckbox from '../BaseCheckbox/BaseCheckbox.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport type { NestedKeyOf } from '@/types/NestedKeyOf';\nimport type { Option } from '@/types/Option';\nimport type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';\nimport OptionsContainer from '../OptionsContainer.vue';\n\nexport type BaseCheckboxGroupProps<T> = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tariaDescribedby?: InputHTMLAttributes['aria-describedby'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\n\t/**\n\t * Defines an array of dependencies that will trigger actions in the component upon change.\n\t */\n\tdependencies?: any[];\n\n\t/**\n\t * Timeout used to debounce response to changes to dependencies.\n\t */\n\tdepsDebounceTime?: number;\n\n\t/**\n\t * Direction of the layout of the inputs inside the fieldset. It can be either `horizontal` or `vertical`\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * If coherence is enforce the input cannot have a modelValue the is incoherent with its current items.\n\t *\n\t * e.g. You cannot set v-model to a user that is not present in the items passed.\n\t *\n\t * modelValue will be reset upon incoherence.\n\t */\n\tenforceCoherence?: boolean;\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Used to retrieve items can be an array or a function.\n\t */\n\titems:\n\t\t| T[]\n\t\t| ((prefill: boolean, modelValue?: any[]) => Promise<T[]>)\n\t\t| ((prefill: boolean, modelValue?: any[]) => T[]);\n\n\t/**\n\t * Defines a path that returns a property of the object to use as text or a function that returns a string\n\t */\n\titemText?: T extends object\n\t\t? NestedKeyOf<T> | ((item: T) => string)\n\t\t: ((item: T) => string) | undefined;\n\n\t/**\n\t * Defines a path that returns a property of the object to use as value or a function that returns any value\n\t */\n\titemValue?: T extends object\n\t\t? NestedKeyOf<T> | ((item: T) => string)\n\t\t: ((item: T) => any) | undefined;\n\n\t/**\n\t * String displayed while items are being loaded.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * Used by v-model. Can be an array of any serializable type.\n\t */\n\tmodelValue: any[];\n\n\t/**\n\t * Timeout used to debounce response to changes to modelValue.\n\t */\n\tmodelValueDebounceTime?: number;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there are no items to display.\n\t */\n\tnoDataText?: string;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n};\n\nexport type BaseCheckboxGroupEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'inactive'): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: any): void;\n};\n\nconst props = withDefaults(defineProps<BaseCheckboxGroupProps<T>>(), {\n\tdepsDebounceTime: 0,\n\tdirection: 'horizontal',\n\titems: () => [],\n\tloadingText: 'Caricamento...',\n\tmodelValueDebounceTime: 0,\n\tnoDataText: 'Nessun elemento da visualizzare',\n});\n\nconst emit = defineEmits<BaseCheckboxGroupEvents>();\n\ndefineSlots<{\n\tprepend?: (props: object) => any;\n\tloading?: (props: object) => any;\n\t'no-data'?: (props: object) => any;\n\t'option:prepend'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\ticon?: (\n\t\tprops: SlotAttributes & {\n\t\t\titem: T;\n\t\t\ttext: string;\n\t\t}\n\t) => any;\n\tlabel?: (props: { item: T; text: string; checked: boolean }) => any;\n\t'option:append'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\tappend?: (props: object) => any;\n}>();\n\nconst container = ref<HTMLElement>();\nconst active = ref(false);\n\nconst {\n\tinnerLoading: loading,\n\toptions,\n\tselectOption,\n\tunselectOption,\n} = useOptions({\n\tdependencies: toRef(props, 'dependencies'),\n\tdepsDebounceTime: props.depsDebounceTime,\n\tdisabled: toRef(props, 'disabled'),\n\temit,\n\tenforceCoherence: props.enforceCoherence,\n\titems: toRef(props, 'items'),\n\titemText: props.itemText,\n\titemValue: props.itemValue,\n\tmodelValue: toRef(props, 'modelValue'),\n\tmodelValueDebounceTime: props.modelValueDebounceTime,\n\tmultiple: true,\n\tprefill: true,\n\tqueryDebounceTime: 0,\n\tresetQueryOnOptionSelected: false,\n\tstash: false,\n});\n\nconst onChange = (event: Event, option: Option) => {\n\temit('change', event);\n\tif (!option.selected) {\n\t\tselectOption(option);\n\t} else {\n\t\tunselectOption(option);\n\t}\n};\n\nconst onFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tif (!active.value) {\n\t\tdocument.addEventListener('focusin', onDocumentFocus, { passive: true });\n\t\tdocument.addEventListener('click', onDocumentClick, { passive: true });\n\t\tactive.value = true;\n\t}\n};\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus,\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseCheckboxGroup';\n</style>\n"],"names":["props","__props","emit","__emit","container","ref","active","loading","options","selectOption","unselectOption","useOptions","toRef","onChange","event","option","eventListeners","onDocumentFocus","onDocumentClick","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyLA,UAAMA,IAAQC,GASRC,IAAOC,GA8BPC,IAAYC,KACZC,IAASD,EAAI,EAAK,GAElB;AAAA,MACL,cAAcE;AAAA,MACd,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,QACGC,EAAW;AAAA,MACd,cAAcC,EAAMZ,GAAO,cAAc;AAAA,MACzC,kBAAkBA,EAAM;AAAA,MACxB,UAAUY,EAAMZ,GAAO,UAAU;AAAA,MACjC,MAAAE;AAAA,MACA,kBAAkBF,EAAM;AAAA,MACxB,OAAOY,EAAMZ,GAAO,OAAO;AAAA,MAC3B,UAAUA,EAAM;AAAA,MAChB,WAAWA,EAAM;AAAA,MACjB,YAAYY,EAAMZ,GAAO,YAAY;AAAA,MACrC,wBAAwBA,EAAM;AAAA,MAC9B,UAAU;AAAA,MACV,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,4BAA4B;AAAA,MAC5B,OAAO;AAAA,IAAA,CACP,GAEKa,IAAW,CAACC,GAAcC,MAAmB;AAClD,MAAAb,EAAK,UAAUY,CAAK,GACfC,EAAO,WAGXL,EAAeK,CAAM,IAFrBN,EAAaM,CAAM;AAAA,IAGpB,GAYKC,IAAiB;AAAA,MACtB,QAAQ,CAACF,MAAsBZ,EAAK,QAAQY,CAAK;AAAA,MACjD,SAAS,CAACA,MAAsBZ,EAAK,SAASY,CAAK;AAAA,MACnD,SAZe,CAACA,MAAsB;AACtC,QAAAZ,EAAK,SAASY,CAAK,GACdR,EAAO,UACX,SAAS,iBAAiB,WAAWW,GAAiB,EAAE,SAAS,IAAM,GACvE,SAAS,iBAAiB,SAASC,GAAiB,EAAE,SAAS,IAAM,GACrEZ,EAAO,QAAQ;AAAA,MAChB;AAAA,MAOA,SAAS,CAACQ,MAAiBZ,EAAK,SAASY,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBZ,EAAK,WAAWY,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBZ,EAAK,aAAaY,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBZ,EAAK,WAAWY,CAAK;AAAA,IAAA,GAGlDG,IAAkB,CAACH,MAAsB;;AAC1C,MAAAA,EAAM,kBAAkB,iBACtBK,IAAAf,EAAU,UAAV,QAAAe,EAAiB,SAASL,EAAM,YACpCZ,EAAK,UAAU,GACfI,EAAO,QAAQ,IACN,SAAA,oBAAoB,WAAWW,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEvD,GAGKA,IAAkB,CAACJ,MAAsB;;AAC1C,MAAAA,EAAM,kBAAkB,iBACtBK,IAAAf,EAAU,UAAV,QAAAe,EAAiB,SAASL,EAAM,YACpCZ,EAAK,UAAU,GACfI,EAAO,QAAQ,IACN,SAAA,oBAAoB,WAAWW,CAAe,GAC9C,SAAA,oBAAoB,SAASC,CAAe;AAAA,IAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index170.js

@@ -0,0 +1,6 @@
+import o from "./index122.js";
+/* empty css         */
+export {
+  o as default
+};
+//# sourceMappingURL=index170.js.map

package/dist/index170.js.map

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

package/dist/index172.js

@@ -1,6 +1,5 @@
-import o from "./index77.js";
-/* empty css        */
+import f from "./index77.js";
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=index172.js.map

package/dist/index172.js.map

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

package/dist/index173.js

@@ -1,4 +1,4 @@
-import o from "./index79.js";
+import o from "./index78.js";
 /* empty css        */
 export {
   o as default

package/dist/index174.js

@@ -1,4 +1,4 @@
-import o from "./index81.js";
+import o from "./index80.js";
 /* empty css        */
 export {
   o as default

package/dist/index175.js

@@ -1,4 +1,4 @@
-import o from "./index83.js";
+import o from "./index82.js";
 /* empty css        */
 export {
   o as default

package/dist/index176.js

@@ -1,4 +1,4 @@
-import o from "./index85.js";
+import o from "./index84.js";
 /* empty css        */
 export {
   o as default

package/dist/index177.js

@@ -1,4 +1,4 @@
-import o from "./index87.js";
+import o from "./index86.js";
 /* empty css        */
 export {
   o as default

package/dist/index178.js

@@ -1,4 +1,4 @@
-import o from "./index89.js";
+import o from "./index88.js";
 /* empty css        */
 export {
   o as default

package/dist/index179.js

@@ -1,4 +1,4 @@
-import o from "./index91.js";
+import o from "./index90.js";
 /* empty css        */
 export {
   o as default

package/dist/index180.js

@@ -1,4 +1,4 @@
-import o from "./index93.js";
+import o from "./index92.js";
 /* empty css        */
 export {
   o as default

package/dist/index181.js

@@ -1,4 +1,4 @@
-import o from "./index95.js";
+import o from "./index94.js";
 /* empty css        */
 export {
   o as default

package/dist/index182.js

@@ -1,4 +1,4 @@
-import o from "./index97.js";
+import o from "./index96.js";
 /* empty css        */
 export {
   o as default

package/dist/index183.js

@@ -1,5 +1,5 @@
-import o from "./index122.js";
-/* empty css         */
+import o from "./index98.js";
+/* empty css        */
 export {
   o as default
 };

package/dist/{index185.js → index184.js}

@@ -3,4 +3,4 @@ import o from "./index123.js";
 export {
   o as default
 };
-//# sourceMappingURL=index185.js.map
+//# sourceMappingURL=index184.js.map

package/dist/index184.js.map

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

package/dist/index186.js

@@ -0,0 +1,6 @@
+import o from "./index124.js";
+/* empty css         */
+export {
+  o as default
+};
+//# sourceMappingURL=index186.js.map

package/dist/index186.js.map

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

package/dist/index188.js

@@ -1,4 +1,4 @@
-import o from "./index101.js";
+import o from "./index100.js";
 /* empty css         */
 export {
   o as default

package/dist/index189.js

@@ -1,4 +1,4 @@
-import o from "./index103.js";
+import o from "./index102.js";
 /* empty css         */
 export {
   o as default

package/dist/{index18.js → index19.js}

@@ -1,23 +1,23 @@
-import { defineComponent as $, ref as f, watch as N, openBlock as u, createElementBlock as _, createVNode as n, createElementVNode as l, unref as m, withCtx as i, createTextVNode as Y, toDisplayString as x, createBlock as h, createCommentVNode as k } from "vue";
+import { defineComponent as $, ref as f, watch as x, openBlock as u, createElementBlock as _, createVNode as i, createElementVNode as l, unref as m, withCtx as n, createTextVNode as N, toDisplayString as Y, createBlock as h, createCommentVNode as k } from "vue";
 /* empty css       */
-import p from "./index12.js";
+/* empty css       */
+import p from "./index13.js";
 /* empty css        */
-import s from "./index206.js";
-import z from "./index209.js";
-import U from "./index210.js";
-import W from "./index208.js";
-import E from "./index224.js";
-import T from "./index225.js";
-import { hash as g } from "./index226.js";
-import { last as j } from "./index212.js";
-import { useLogger as H } from "./index221.js";
-import P from "./index227.js";
-/* empty css         */
-import Z from "./index229.js";
-import q from "./index230.js";
-import w from "./index231.js";
-import F from "./index232.js";
-const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__body" }, J = { class: "bb-base-date-picker__controls" }, K = /* @__PURE__ */ l("span", null, "Seleziona un mese", -1), Q = /* @__PURE__ */ l("svg", {
+import r from "./index205.js";
+import z from "./index208.js";
+import U from "./index209.js";
+import W from "./index207.js";
+import E from "./index220.js";
+import T from "./index221.js";
+import { hash as g } from "./index222.js";
+import { last as j } from "./index211.js";
+import { useLogger as H } from "./index203.js";
+import P from "./index223.js";
+import Z from "./index224.js";
+import q from "./index225.js";
+import w from "./index226.js";
+import F from "./index227.js";
+const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__body" }, J = { class: "bb-base-date-picker__controls" }, K = /* @__PURE__ */ l("span", { class: "sr-only" }, "Seleziona un mese", -1), Q = /* @__PURE__ */ l("svg", {
   fill: "none",
   height: "6",
   viewBox: "0 0 10 6",
@@ -28,24 +28,26 @@ const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__b
     d: "M5.24124 5.81871L9.52771 1.39839C9.79517 1.12257 9.63305 0.595276 9.28077 0.595276H0.707839C0.355562 0.595276 0.193433 1.12257 0.460901 1.39839L4.74736 5.81871C4.88946 5.96524 5.09914 5.96524 5.24124 5.81871Z",
     fill: "currentColor"
   })
-], -1), R = /* @__PURE__ */ l("span", null, "Seleziona anno", -1), X = /* @__PURE__ */ l("svg", {
+], -1), R = /* @__PURE__ */ l("span", { class: "sr-only" }, "Seleziona anno", -1), X = /* @__PURE__ */ l("svg", {
   viewBox: "0 0 24 24",
+  width: "24px",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ l("path", {
     d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
     fill: "currentColor"
   })
-], -1), ee = /* @__PURE__ */ l("span", null, "Vai indietro di un mese", -1), te = {
+], -1), ee = /* @__PURE__ */ l("span", { class: "sr-only" }, "Vai indietro di un mese", -1), ae = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",
+  width: "24px",
   xmlns: "http://www.w3.org/2000/svg"
-}, ae = /* @__PURE__ */ l("path", {
+}, te = /* @__PURE__ */ l("path", {
   d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
   fill: "currentColor"
 }, null, -1), oe = [
-  ae
-], le = /* @__PURE__ */ l("span", null, "Vai avanti di un mese", -1), re = { class: "bb-base-date-picker__content" }, Me = /* @__PURE__ */ $({
+  te
+], le = /* @__PURE__ */ l("span", { class: "sr-only" }, "Vai avanti di un mese", -1), se = { class: "bb-base-date-picker__content" }, Me = /* @__PURE__ */ $({
   __name: "BaseDatePicker",
   props: {
     disabled: { type: Boolean },
@@ -61,107 +63,107 @@ const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__b
   },
   emits: ["update:modelValue"],
   setup(V, { expose: C, emit: B }) {
-    s.extend(T), s.extend(E), s.extend(z), s.extend(U), s.locale(W);
-    const M = B, a = V;
-    s.updateLocale("it", {
-      weekStart: a.firstDayOfWeek
+    r.extend(T), r.extend(E), r.extend(z), r.extend(U), r.locale(W);
+    const M = B, t = V;
+    r.updateLocale("it", {
+      weekStart: t.firstDayOfWeek
     });
     const b = H();
-    a.multiple && a.range && b.throw("Date picker cannot be both multiple and range."), (a.multiple || a.range) && (Array.isArray(a.modelValue) || b.throw(
+    t.multiple && t.range && b.throw("Date picker cannot be both multiple and range."), (t.multiple || t.range) && (Array.isArray(t.modelValue) || b.throw(
       "Date picker is set to select multiple dates but modelValue is not an array."
     ));
-    const t = f(s()), v = (e) => {
+    const a = f(r()), v = (e) => {
       if (e)
         if (Array.isArray(e)) {
           if (e.length) {
-            if (e.map((d) => s(d).valueOf()).includes(t.value.valueOf()))
+            if (e.map((d) => r(d).valueOf()).includes(a.value.valueOf()))
               return;
-            t.value = s(j(e)).startOf("day");
+            a.value = r(j(e)).startOf("day");
             return;
           }
         } else
-          t.value = s(e).startOf("day");
+          a.value = r(e).startOf("day");
       else
-        t.value = s().startOf("day");
+        a.value = r().startOf("day");
     };
-    v(a.modelValue);
+    v(t.modelValue);
     const o = f("day"), y = (e) => {
       o.value === e ? o.value = "day" : o.value = e;
     }, O = (e) => {
-      t.value = t.value.set("month", e);
+      a.value = a.value.set("month", e);
     }, S = () => {
-      t.value = t.value.add(1, "month");
+      a.value = a.value.add(1, "month");
     }, A = () => {
-      t.value = t.value.subtract(1, "month");
+      a.value = a.value.subtract(1, "month");
     }, D = (e) => {
-      t.value = t.value.set("year", e);
-    }, c = f(a.modelValue), L = (e) => {
+      a.value = a.value.set("year", e);
+    }, c = f(t.modelValue), L = (e) => {
       c.value = e, M("update:modelValue", e);
     };
-    return N(
-      () => a.modelValue,
+    return x(
+      () => t.modelValue,
       () => {
-        g(a.modelValue) !== g(c.value) && (c.value = a.modelValue, v(a.modelValue));
+        g(t.modelValue) !== g(c.value) && (c.value = t.modelValue, v(t.modelValue));
       }
     ), C({
       resetStatus: () => {
         o.value = "day";
       }
-    }), (e, r) => (u(), _("div", G, [
-      n(Z, {
-        cursor: t.value,
+    }), (e, s) => (u(), _("div", G, [
+      i(Z, {
+        cursor: a.value,
         disabled: !!e.disabled,
         hidden: !e.header
       }, null, 8, ["cursor", "disabled", "hidden"]),
       l("div", I, [
         l("div", J, [
-          n(m(p), {
-            class: "bb-base-date-picker__left-control bb-base-date-picker__month-control",
-            onClick: r[0] || (r[0] = (d) => y("month"))
+          i(m(p), {
+            class: "bb-base-date-picker__control bb-base-date-picker__month-control",
+            onClick: s[0] || (s[0] = (d) => y("month"))
           }, {
-            default: i(() => [
-              Y(x(t.value.format("MMMM YYYY")) + " ", 1),
+            default: n(() => [
+              N(Y(a.value.format("MMMM YYYY")) + " ", 1),
               K
             ]),
             _: 1
           }),
-          n(m(p), {
-            class: "bb-base-date-picker__left-control bb-base-date-picker__year-control",
-            onClick: r[1] || (r[1] = (d) => y("year"))
+          i(m(p), {
+            class: "bb-base-date-picker__control bb-base-date-picker__year-control",
+            onClick: s[1] || (s[1] = (d) => y("year"))
           }, {
-            default: i(() => [
+            default: n(() => [
               Q,
               R
             ]),
             _: 1
           }),
-          n(m(p), {
-            class: "bb-base-date-picker__previous-month-button",
+          i(m(p), {
+            class: "bb-base-date-picker__control",
             disabled: e.disabled || o.value !== "day",
             onClick: A
           }, {
-            default: i(() => [
+            default: n(() => [
               X,
               ee
             ]),
             _: 1
           }, 8, ["disabled"]),
-          n(m(p), {
-            class: "bb-base-date-picker__next-month-button",
+          i(m(p), {
+            class: "bb-base-date-picker__control",
             disabled: e.disabled || o.value !== "day",
             onClick: S
           }, {
-            default: i(() => [
-              (u(), _("svg", te, oe)),
+            default: n(() => [
+              (u(), _("svg", ae, oe)),
               le
             ]),
             _: 1
           }, 8, ["disabled"])
         ]),
-        l("div", re, [
-          n(P, {
+        l("div", se, [
+          i(P, {
             current: o.value === "day",
-            cursor: t.value,
+            cursor: a.value,
             disabled: !!e.disabled,
             "first-day-of-week": e.firstDayOfWeek,
             inert: o.value !== "day",
@@ -172,37 +174,37 @@ const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__b
             range: e.range,
             readonly: e.readonly,
             selectable: e.selectable,
-            "onUpdate:cursor": r[2] || (r[2] = (d) => t.value = d),
+            "onUpdate:cursor": s[2] || (s[2] = (d) => a.value = d),
             "onUpdate:modelValue": L
           }, null, 8, ["current", "cursor", "disabled", "first-day-of-week", "inert", "max", "min", "model-value", "multiple", "range", "readonly", "selectable"]),
-          n(w, {
+          i(w, {
             direction: "right",
             duration: 500,
             gap: 30
           }, {
-            default: i(() => [
+            default: n(() => [
               o.value === "month" ? (u(), h(q, {
                 key: 0,
-                cursor: t.value,
+                cursor: a.value,
                 disabled: !!e.disabled,
-                "onUpdate:month": r[3] || (r[3] = (d) => {
+                "onUpdate:month": s[3] || (s[3] = (d) => {
                   O(d), o.value = "day";
                 })
               }, null, 8, ["cursor", "disabled"])) : k("", !0)
             ]),
             _: 1
           }),
-          n(w, {
+          i(w, {
             direction: "top",
             duration: 500,
             gap: 30
           }, {
-            default: i(() => [
+            default: n(() => [
               o.value === "year" ? (u(), h(F, {
                 key: 0,
-                cursor: t.value,
+                cursor: a.value,
                 disabled: !!e.disabled,
-                "onUpdate:year": r[4] || (r[4] = (d) => {
+                "onUpdate:year": s[4] || (s[4] = (d) => {
                   D(d), o.value = "day";
                 })
               }, null, 8, ["cursor", "disabled"])) : k("", !0)
@@ -217,4 +219,4 @@ const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__b
 export {
   Me as default
 };
-//# sourceMappingURL=index18.js.map
+//# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index19.js","sources":["../src/components/BaseDatePicker/BaseDatePicker.vue"],"sourcesContent":["<template>\n\t<div class=\"bb-base-date-picker\">\n\t\t<Header :cursor=\"cursor\" :disabled=\"!!disabled\" :hidden=\"!header\" />\n\t\t<div class=\"bb-base-date-picker__body\">\n\t\t\t<div class=\"bb-base-date-picker__controls\">\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control bb-base-date-picker__month-control\"\n\t\t\t\t\t@click=\"toggleMode('month')\"\n\t\t\t\t>\n\t\t\t\t\t{{ cursor.format('MMMM YYYY') }}\n\t\t\t\t\t<span class=\"sr-only\">Seleziona un mese</span>\n\t\t\t\t</BaseButton>\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control bb-base-date-picker__year-control\"\n\t\t\t\t\t@click=\"toggleMode('year')\"\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\theight=\"6\"\n\t\t\t\t\t\tviewBox=\"0 0 10 6\"\n\t\t\t\t\t\twidth=\"10\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M5.24124 5.81871L9.52771 1.39839C9.79517 1.12257 9.63305 0.595276 9.28077 0.595276H0.707839C0.355562 0.595276 0.193433 1.12257 0.460901 1.39839L4.74736 5.81871C4.88946 5.96524 5.09914 5.96524 5.24124 5.81871Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"sr-only\">Seleziona anno</span>\n\t\t\t\t</BaseButton>\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control\"\n\t\t\t\t\t:disabled=\"disabled || mode !== 'day'\"\n\t\t\t\t\t@click=\"decreaseMonth\"\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"sr-only\">Vai indietro di un mese</span>\n\t\t\t\t</BaseButton>\n\t\t\t\t<BaseButton\n\t\t\t\t\tclass=\"bb-base-date-picker__control\"\n\t\t\t\t\t:disabled=\"disabled || mode !== 'day'\"\n\t\t\t\t\t@click=\"increaseMonth\"\n\t\t\t\t>\n\t\t\t\t\t<svg\n\t\t\t\t\t\tstyle=\"transform: rotate(180deg)\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\twidth=\"24px\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"sr-only\">Vai avanti di un mese</span>\n\t\t\t\t</BaseButton>\n\t\t\t</div>\n\t\t\t<div class=\"bb-base-date-picker__content\">\n\t\t\t\t<DaySelector\n\t\t\t\t\t:current=\"mode === 'day'\"\n\t\t\t\t\t:cursor=\"cursor\"\n\t\t\t\t\t:disabled=\"!!disabled\"\n\t\t\t\t\t:first-day-of-week=\"firstDayOfWeek!\"\n\t\t\t\t\t:inert=\"mode !== 'day'\"\n\t\t\t\t\t:max=\"max\"\n\t\t\t\t\t:min=\"min\"\n\t\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t\t:range=\"range\"\n\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t@update:cursor=\"(value) => (cursor = value)\"\n\t\t\t\t\t@update:model-value=\"updateModelValue\"\n\t\t\t\t/>\n\t\t\t\t<SlideTransition direction=\"right\" :duration=\"500\" :gap=\"30\">\n\t\t\t\t\t<MonthSelector\n\t\t\t\t\t\tv-if=\"mode === 'month'\"\n\t\t\t\t\t\t:cursor=\"cursor\"\n\t\t\t\t\t\t:disabled=\"!!disabled\"\n\t\t\t\t\t\t@update:month=\"\n\t\t\t\t\t\t\t(month) => {\n\t\t\t\t\t\t\t\tupdateMonth(month);\n\t\t\t\t\t\t\t\tmode = 'day';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\"\n\t\t\t\t\t/>\n\t\t\t\t</SlideTransition>\n\t\t\t\t<SlideTransition direction=\"top\" :duration=\"500\" :gap=\"30\">\n\t\t\t\t\t<YearSelector\n\t\t\t\t\t\tv-if=\"mode === 'year'\"\n\t\t\t\t\t\t:cursor=\"cursor\"\n\t\t\t\t\t\t:disabled=\"!!disabled\"\n\t\t\t\t\t\t@update:year=\"\n\t\t\t\t\t\t\t(year) => {\n\t\t\t\t\t\t\t\tupdateYear(year);\n\t\t\t\t\t\t\t\tmode = 'day';\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\"\n\t\t\t\t\t/>\n\t\t\t\t</SlideTransition>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { BaseButton } from '@/index';\nimport { Dayjs, default as dayjs } from 'dayjs';\nimport { default as isSameOrAfter } from 'dayjs/plugin/isSameOrAfter';\nimport { default as isSameOrBefore } from 'dayjs/plugin/isSameOrBefore';\nimport { default as it } from 'dayjs/locale/it';\nimport { default as updateLocale } from 'dayjs/plugin/updateLocale';\nimport { default as weekOfYear } from 'dayjs/plugin/weekOfYear';\nimport { hash } from '@/utilities/functions/hash';\nimport { last } from '@/utilities/functions/last';\nimport { ref } from 'vue';\nimport { useLogger } from '@/composables/useLogger';\nimport { watch } from 'vue';\nimport DaySelector from './BaseDatePickerInputDaySelector.vue';\nimport Header from './BaseDatePickerHeader.vue';\nimport MonthSelector from './BaseDatePickerMonthSelector.vue';\nimport SlideTransition from '@/components/Transitions/Slide.vue';\nimport YearSelector from './BaseDatePickerYearSelector.vue';\n\ndayjs.extend(weekOfYear);\ndayjs.extend(updateLocale);\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\ndayjs.locale(it);\n\nexport type BaseDatePickerProps = {\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Shows or hides the header of the component\n\t */\n\theader?: boolean;\n\n\t/**\n\t * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday\n\t */\n\tfirstDayOfWeek?: (typeof it)['weekStart'];\n\n\t/**\n\t * Maximum selectable date\n\t */\n\tmax?: Date | string | number;\n\n\t/**\n\t * Minimum selectable date\n\t */\n\tmin?: Date | string | number;\n\n\t/**\n\t * Used by v-model. Can be null, a single string, or an array of strings based on whether a range or single date is needed\n\t */\n\tmodelValue: string | string[] | null;\n\n\t/**\n\t * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Selects a range of dates between two dates. It selects all of the days between start and end\n\t */\n\trange?: boolean;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: boolean;\n\n\t/**\n\t * Function that accepts a `Date` object and returns a boolean. `false` meaning the date cannot be selected\n\t * @param date\n\t */\n\tselectable?: (date: Date) => boolean;\n};\n\nconst emit = defineEmits<{\n\t(event: 'update:modelValue', value: any): void;\n}>();\n\nconst props = withDefaults(defineProps<BaseDatePickerProps>(), {\n\tfirstDayOfWeek: 1,\n});\n\ndayjs.updateLocale('it', {\n\tweekStart: props.firstDayOfWeek,\n});\n\nconst logger = useLogger();\nif (props.multiple && props.range) {\n\tlogger.throw('Date picker cannot be both multiple and range.');\n}\nif (props.multiple || props.range) {\n\tif (!Array.isArray(props.modelValue)) {\n\t\tlogger.throw(\n\t\t\t'Date picker is set to select multiple dates but modelValue is not an array.'\n\t\t);\n\t}\n}\n\nconst cursor = ref<Dayjs>(dayjs());\nconst setCursor = (value: typeof props.modelValue) => {\n\tif (value) {\n\t\tif (Array.isArray(value)) {\n\t\t\tif (value.length) {\n\t\t\t\tconst datesAsNumber = value.map((el) => dayjs(el).valueOf());\n\t\t\t\tif (datesAsNumber.includes(cursor.value.valueOf())) {\n\t\t\t\t\treturn;\n\t\t\t\t} else {\n\t\t\t\t\tcursor.value = dayjs(last(value)).startOf('day');\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tcursor.value = dayjs(value).startOf('day');\n\t\t}\n\t} else {\n\t\tcursor.value = dayjs().startOf('day');\n\t}\n};\nsetCursor(props.modelValue);\ntype Mode = 'day' | 'month' | 'year';\nconst mode = ref<Mode>('day');\nconst toggleMode = (target: Mode) => {\n\tif (mode.value === target) mode.value = 'day';\n\telse mode.value = target;\n};\n\nconst updateMonth = (monthNumber: number) => {\n\tcursor.value = cursor.value.set('month', monthNumber);\n};\n\nconst increaseMonth = () => {\n\tcursor.value = cursor.value.add(1, 'month');\n};\nconst decreaseMonth = () => {\n\tcursor.value = cursor.value.subtract(1, 'month');\n};\n\nconst updateYear = (yearNumber: number) => {\n\tcursor.value = cursor.value.set('year', yearNumber);\n};\n\nconst lastValue = ref(props.modelValue);\nconst updateModelValue = (value: any) => {\n\tlastValue.value = value;\n\temit('update:modelValue', value);\n};\n\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\tif (hash(props.modelValue) !== hash(lastValue.value)) {\n\t\t\tlastValue.value = props.modelValue;\n\t\t\tsetCursor(props.modelValue);\n\t\t}\n\t}\n);\n\nconst resetStatus = () => {\n\tmode.value = 'day';\n};\n\ndefineExpose({\n\tresetStatus,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseDatePicker';\n</style>\n"],"names":["dayjs","weekOfYear","updateLocale","isSameOrAfter","isSameOrBefore","it","emit","__emit","props","__props","logger","useLogger","cursor","ref","setCursor","value","el","last","mode","toggleMode","target","updateMonth","monthNumber","increaseMonth","decreaseMonth","updateYear","yearNumber","lastValue","updateModelValue","watch","hash","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIA,IAAAA,EAAM,OAAOC,CAAU,GACvBD,EAAM,OAAOE,CAAY,GACzBF,EAAM,OAAOG,CAAa,GAC1BH,EAAM,OAAOI,CAAc,GAC3BJ,EAAM,OAAOK,CAAE;AAuDf,UAAMC,IAAOC,GAIPC,IAAQC;AAId,IAAAT,EAAM,aAAa,MAAM;AAAA,MACxB,WAAWQ,EAAM;AAAA,IAAA,CACjB;AAED,UAAME,IAASC;AACX,IAAAH,EAAM,YAAYA,EAAM,SAC3BE,EAAO,MAAM,gDAAgD,IAE1DF,EAAM,YAAYA,EAAM,WACtB,MAAM,QAAQA,EAAM,UAAU,KAC3BE,EAAA;AAAA,MACN;AAAA,IAAA;AAKG,UAAAE,IAASC,EAAWb,EAAA,CAAO,GAC3Bc,IAAY,CAACC,MAAmC;AACrD,UAAIA;AACC,YAAA,MAAM,QAAQA,CAAK;AACtB,cAAIA,EAAM,QAAQ;AAEjB,gBADsBA,EAAM,IAAI,CAACC,MAAOhB,EAAMgB,CAAE,EAAE,QAAA,CAAS,EACzC,SAASJ,EAAO,MAAM,QAAS,CAAA;AAChD;AAEA,YAAAA,EAAO,QAAQZ,EAAMiB,EAAKF,CAAK,CAAC,EAAE,QAAQ,KAAK;AAC/C;AAAA,UAEF;AAAA;AAEA,UAAAH,EAAO,QAAQZ,EAAMe,CAAK,EAAE,QAAQ,KAAK;AAAA;AAG1C,QAAAH,EAAO,QAAQZ,EAAQ,EAAA,QAAQ,KAAK;AAAA,IACrC;AAED,IAAAc,EAAUN,EAAM,UAAU;AAEpB,UAAAU,IAAOL,EAAU,KAAK,GACtBM,IAAa,CAACC,MAAiB;AACpC,MAAIF,EAAK,UAAUE,IAAQF,EAAK,QAAQ,UAC9B,QAAQE;AAAA,IAAA,GAGbC,IAAc,CAACC,MAAwB;AAC5C,MAAAV,EAAO,QAAQA,EAAO,MAAM,IAAI,SAASU,CAAW;AAAA,IAAA,GAG/CC,IAAgB,MAAM;AAC3B,MAAAX,EAAO,QAAQA,EAAO,MAAM,IAAI,GAAG,OAAO;AAAA,IAAA,GAErCY,IAAgB,MAAM;AAC3B,MAAAZ,EAAO,QAAQA,EAAO,MAAM,SAAS,GAAG,OAAO;AAAA,IAAA,GAG1Ca,IAAa,CAACC,MAAuB;AAC1C,MAAAd,EAAO,QAAQA,EAAO,MAAM,IAAI,QAAQc,CAAU;AAAA,IAAA,GAG7CC,IAAYd,EAAIL,EAAM,UAAU,GAChCoB,IAAmB,CAACb,MAAe;AACxC,MAAAY,EAAU,QAAQZ,GAClBT,EAAK,qBAAqBS,CAAK;AAAA,IAAA;AAGhC,WAAAc;AAAA,MACC,MAAMrB,EAAM;AAAA,MACZ,MAAM;AACL,QAAIsB,EAAKtB,EAAM,UAAU,MAAMsB,EAAKH,EAAU,KAAK,MAClDA,EAAU,QAAQnB,EAAM,YACxBM,EAAUN,EAAM,UAAU;AAAA,MAE5B;AAAA,IAAA,GAOYuB,EAAA;AAAA,MACZ,aALmB,MAAM;AACzB,QAAAb,EAAK,QAAQ;AAAA,MAAA;AAAA,IAIb,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index190.js

@@ -1,4 +1,4 @@
-import o from "./index105.js";
+import o from "./index104.js";
 /* empty css         */
 export {
   o as default

package/dist/index191.js

@@ -1,4 +1,4 @@
-import o from "./index107.js";
+import o from "./index106.js";
 /* empty css         */
 export {
   o as default

package/dist/index192.js

@@ -1,4 +1,4 @@
-import o from "./index109.js";
+import o from "./index108.js";
 /* empty css         */
 export {
   o as default

package/dist/index193.js

@@ -1,4 +1,4 @@
-import o from "./index111.js";
+import o from "./index110.js";
 /* empty css         */
 export {
   o as default

package/dist/index194.js

@@ -1,4 +1,4 @@
-import o from "./index113.js";
+import o from "./index112.js";
 /* empty css         */
 export {
   o as default

package/dist/index195.js

@@ -1,4 +1,4 @@
-import o from "./index115.js";
+import o from "./index114.js";
 /* empty css         */
 export {
   o as default

package/dist/index196.js

@@ -1,4 +1,4 @@
-import o from "./index117.js";
+import o from "./index116.js";
 /* empty css         */
 export {
   o as default

package/dist/index197.js

@@ -1,5 +1,6 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+import o from "./index118.js";
+/* empty css         */
 export {
-  n as clamp
+  o as default
 };
 //# sourceMappingURL=index197.js.map

package/dist/index197.js.map

@@ -1 +1 @@
-{"version":3,"file":"index197.js","sources":["../src/utilities/functions/clamp.ts"],"sourcesContent":["/**\n * Returns value ensuring it doesn't go below min and exceed max.\n * EXAMPLE: clamp(5, 7, 20) === 7\n * @param value The value to clamp\n * @param min Minimum bound\n * @param max Maximum bound\n * @returns\n */\n\nexport const clamp = (value: number, min: number, max: number) => {\n\treturn Math.min(Math.max(value, min), max);\n};\n"],"names":["clamp","value","min","max"],"mappings":"AASO,MAAMA,IAAQ,CAACC,GAAeC,GAAaC,MAC1C,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;"}
+{"version":3,"file":"index197.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}