bitboss-ui 2.0.3 → 2.0.5

package/dist/index34.js

@@ -1,27 +1,27 @@
-import { defineComponent as Me, defineAsyncComponent as Ne, ref as m, computed as y, toRef as I, openBlock as b, createBlock as $, normalizeClass as W, withCtx as s, renderSlot as p, unref as r, createVNode as F, createElementVNode as S, createElementBlock as M, Fragment as R, createCommentVNode as J, withDirectives as xe, isRef as He, withModifiers as c, withKeys as g, vModelDynamic as Pe, renderList as _e, mergeProps as Y, Teleport as ze, normalizeStyle as Qe, nextTick as Ke } from "vue";
+import { defineComponent as Me, defineAsyncComponent as Ne, ref as m, computed as y, toRef as I, openBlock as b, createBlock as $, normalizeClass as W, withCtx as r, renderSlot as p, unref as s, createVNode as F, createElementVNode as S, createElementBlock as M, Fragment as R, createCommentVNode as J, withDirectives as xe, isRef as He, withModifiers as c, withKeys as g, vModelDynamic as Pe, renderList as _e, mergeProps as Y, Teleport as ze, normalizeStyle as Qe, nextTick as Ke } from "vue";
 /* empty css       */
 import { useId as Ue } from "./index7.js";
 import { useMobile as We } from "./index8.js";
 import Re from "./index122.js";
 /* empty css         */
 import { isNotNil as Je } from "./index129.js";
-import { last as Ye } from "./index213.js";
-import { matchAnyKey as j } from "./index230.js";
-import { useFloating as je } from "./index208.js";
+import { last as Ye } from "./index206.js";
+import { matchAnyKey as j } from "./index235.js";
+import { useFloating as je } from "./index228.js";
 import { useIntersectionObserver as Ge } from "./index127.js";
-import { useLogger as Xe } from "./index198.js";
-import { useOptions as Ze } from "./index199.js";
+import { useLogger as Xe } from "./index207.js";
+import { useOptions as Ze } from "./index221.js";
 import { wait as T } from "./index126.js";
-import { when as et } from "./index220.js";
-import tt from "./index231.js";
+import { when as et } from "./index215.js";
+import tt from "./index236.js";
 /* empty css         */
-import ot from "./index233.js";
+import ot from "./index238.js";
 /* empty css         */
-import nt from "./index215.js";
+import nt from "./index218.js";
 /* empty css         */
-import lt from "./index217.js";
-import { waitFor as at } from "./index205.js";
-import { autoUpdate as it, flip as rt, offset as st, shift as ut } from "./index218.js";
+import lt from "./index220.js";
+import { waitFor as at } from "./index226.js";
+import { autoUpdate as it, flip as rt, offset as st, shift as ut } from "./index233.js";
 const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], dt = /* @__PURE__ */ S("svg", {
   class: "bb-base-select__chevron",
   viewBox: "0 0 24 24",
@@ -74,7 +74,7 @@ const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-contr
     const t = G, h = X;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const Z = Ne(() => import("./index229.js")), A = m(null), B = m(null), a = m(null), N = m(null), x = m(null), u = y(
+    const Z = Ne(() => import("./index234.js")), A = m(null), B = m(null), a = m(null), N = m(null), x = m(null), u = y(
       () => t.comma ? N.value : x.value
     ), { isMobile: ee } = We(), te = y(
       () => t.allowWriting === "not-mobile" && ee.value ? "none" : void 0
@@ -242,53 +242,56 @@ const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-contr
       }),
       onClick: Ee
     }, {
-      "prepend-outer": s(() => [
-        p(e.$slots, "prepend-outer", { query: r(l) })
+      "prepend-outer": r(() => [
+        p(e.$slots, "prepend-outer", { query: s(l) })
       ]),
-      "append-outer": s(() => [
-        p(e.$slots, "append-outer", { query: r(l) })
+      "append-outer": r(() => [
+        p(e.$slots, "append-outer", { query: s(l) })
       ]),
-      default: s(() => [
+      default: r(() => [
         F(nt, {
           ref_key: "innerContainer",
           ref: B,
           "append:icon": t["append:icon"],
           "prepend:icon": t["prepend:icon"]
         }, {
-          prepend: s(() => [
-            p(e.$slots, "prepend", { query: r(l) })
+          prepend: r(() => [
+            p(e.$slots, "prepend", { query: s(l) })
           ]),
-          prefix: s(() => [
+          prefix: r(() => [
             p(e.$slots, "prefix")
           ]),
-          suffix: s(() => [
+          append: r(() => [
+            p(e.$slots, "append", { query: s(l) })
+          ]),
+          suffix: r(() => [
             p(e.$slots, "suffix")
           ]),
-          default: s(() => [
-            F(r(Re), { tag: "span" }, {
-              default: s(() => [
+          default: r(() => [
+            F(s(Re), { tag: "span" }, {
+              default: r(() => [
                 S("span", pt, [
                   e.multiple ? (b(), M(R, { key: 0 }, [
                     e.comma ? (b(), $(ot, {
                       key: 0,
                       ref_key: "commaBox",
                       ref: N,
-                      options: r(v)
+                      options: s(v)
                     }, null, 8, ["options"])) : (b(), $(tt, {
                       key: 1,
                       ref_key: "chipsBox",
                       ref: x,
-                      options: r(v),
+                      options: s(v),
                       "onOption:unselected": Q
                     }, null, 8, ["options"]))
                   ], 64)) : J("", !0),
                   xe(S("input", {
-                    id: r(H),
+                    id: s(H),
                     ref_key: "input",
                     ref: q,
                     "onUpdate:modelValue": o[0] || (o[0] = (n) => He(l) ? l.value = n : null),
                     "aria-autocomplete": "list",
-                    "aria-controls": `${r(H)}_listbox`,
+                    "aria-controls": `${s(H)}_listbox`,
                     "aria-describedby": e.ariaDescribedby,
                     "aria-expanded": d.value,
                     autocomplete: e.autocomplete,
@@ -316,19 +319,18 @@ const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-contr
                       g(c(de, ["stop"]), ["right"])
                     ]
                   }, null, 40, ct), [
-                    [Pe, r(l)]
+                    [Pe, s(l)]
                   ])
                 ])
               ]),
               _: 1
             }),
             p(e.$slots, "chevron", {
-              loading: !!r(P),
+              loading: !!s(P),
               shown: d.value
             }, () => [
               dt
-            ]),
-            p(e.$slots, "append", { query: r(l) })
+            ])
           ]),
           _: 3
         }, 8, ["append:icon", "prepend:icon"]),
@@ -340,7 +342,7 @@ const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-contr
           key: 0,
           to: "body"
         }, [
-          F(r(Z), {
+          F(s(Z), {
             ref_key: "optionsContainer",
             ref: a,
             loading: D.value,
@@ -350,19 +352,19 @@ const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-contr
             "onOption:selected": z,
             "onOption:unselected": Q
           }, {
-            "options:prepend": s(() => [
+            "options:prepend": r(() => [
               p(e.$slots, "options:prepend")
             ]),
-            loading: s(() => [
-              p(e.$slots, "loading", { query: r(l) })
+            loading: r(() => [
+              p(e.$slots, "loading", { query: s(l) })
             ]),
-            "no-data": s(() => [
-              p(e.$slots, "no-data", { query: r(l) })
+            "no-data": r(() => [
+              p(e.$slots, "no-data", { query: s(l) })
             ]),
-            "options:append": s(() => [
+            "options:append": r(() => [
               p(e.$slots, "options:append")
             ]),
-            option: s((n) => [
+            option: r((n) => [
               p(e.$slots, "option", Y({
                 hasErrors: e.hasErrors,
                 loading: D.value

package/dist/index34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index34.js","sources":["../src/components/BaseSelect/BaseSelect.vue"],"sourcesContent":["<template>\n\t<CommonInputOuterContainer\n\t\tref=\"outerContainer\"\n\t\t:class=\"{\n\t\t\t'bb-base-select': true,\n\t\t\t'bb-base-select--active': active,\n\t\t\t'bb-base-select--shown': shown,\n\t\t\t'bb-base-select--loading': computedLoading,\n\t\t\t'bb-base-select--disabled': disabled,\n\t\t\t'bb-base-select--errors': hasErrors,\n\t\t\t'bb-base-select--readonly': readonly,\n\t\t}\"\n\t\t@click=\"onOuterContainerClick\"\n\t>\n\t\t<template #prepend-outer\n\t\t\t><slot name=\"prepend-outer\" :query=\"query\"></slot\n\t\t></template>\n\n\t\t<CommonInputInnerContainer\n\t\t\tref=\"innerContainer\"\n\t\t\t:append:icon=\"props['append:icon']\"\n\t\t\t:prepend:icon=\"props['prepend:icon']\"\n\t\t>\n\t\t\t<template #prepend><slot name=\"prepend\" :query=\"query\"></slot></template>\n\t\t\t<template #prefix><slot name=\"prefix\" /></template>\n\t\t\t<BbSmoothHeight tag=\"span\">\n\t\t\t\t<span class=\"bb-base-select__input-container\">\n\t\t\t\t\t<template v-if=\"multiple\">\n\t\t\t\t\t\t<template v-if=\"comma\">\n\t\t\t\t\t\t\t<CommaBox ref=\"commaBox\" :options=\"selectedOptions\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<ChipsBox\n\t\t\t\t\t\t\t\tref=\"chipsBox\"\n\t\t\t\t\t\t\t\t:options=\"selectedOptions\"\n\t\t\t\t\t\t\t\t@option:unselected=\"onOptionUnselected\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</template>\n\t\t\t\t\t<input\n\t\t\t\t\t\t:id=\"id\"\n\t\t\t\t\t\tref=\"input\"\n\t\t\t\t\t\tv-model=\"query\"\n\t\t\t\t\t\t:aria-autocomplete=\"'list'\"\n\t\t\t\t\t\t:aria-controls=\"`${id}_listbox`\"\n\t\t\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t\t\t:aria-expanded=\"shown\"\n\t\t\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t\t\t:class=\"'bb-base-select__text-input'\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t:inputmode=\"inputmode\"\n\t\t\t\t\t\t:placeholder=\"computedPlaceholder\"\n\t\t\t\t\t\t:readonly=\"readonly || !allowWriting\"\n\t\t\t\t\t\t:required=\"\n\t\t\t\t\t\t\t(required && !multiple) || (multiple && !modelValue.length)\n\t\t\t\t\t\t\"\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t:type=\"'text'\"\n\t\t\t\t\t\t@blur.stop=\"onInputBlur\"\n\t\t\t\t\t\t@change.stop=\"onInputChange\"\n\t\t\t\t\t\t@focus.once.stop=\"onInputFirstFocus\"\n\t\t\t\t\t\t@focus.stop=\"onInputFocus\"\n\t\t\t\t\t\t@input.stop=\"onInputInput\"\n\t\t\t\t\t\t@keydown.stop.delete=\"onBackspace\"\n\t\t\t\t\t\t@keydown.stop.left=\"onArrowLeft\"\n\t\t\t\t\t\t@keydown.stop.prevent.down=\"onArrowDown\"\n\t\t\t\t\t\t@keydown.stop.prevent.enter=\"onEnter\"\n\t\t\t\t\t\t@keydown.stop.prevent.esc=\"onEscape\"\n\t\t\t\t\t\t@keydown.stop.prevent.up=\"onArrowUp\"\n\t\t\t\t\t\t@keydown.stop.right=\"onArrowRight\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</BbSmoothHeight>\n\t\t\t<slot :loading=\"!!innerLoading\" name=\"chevron\" :shown=\"shown\">\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"bb-base-select__chevron\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</slot>\n\t\t\t<slot name=\"append\" :query=\"query\"></slot>\n\t\t\t<template #suffix><slot name=\"suffix\" /></template>\n\t\t</CommonInputInnerContainer>\n\t\t<template #append-outer\n\t\t\t><slot name=\"append-outer\" :query=\"query\"></slot\n\t\t></template>\n\t\t<input v-for=\"input in hiddenInputs\" :key=\"input.value\" v-bind=\"input\" />\n\n\t\t<teleport v-if=\"renderListBox\" to=\"body\">\n\t\t\t<ListBox\n\t\t\t\tref=\"optionsContainer\"\n\t\t\t\t:loading=\"computedLoading\"\n\t\t\t\t:open=\"shown\"\n\t\t\t\t:options=\"filteredOptions\"\n\t\t\t\t:style=\"optionsContainerStyles\"\n\t\t\t\t@option:selected=\"onOptionSelected\"\n\t\t\t\t@option:unselected=\"onOptionUnselected\"\n\t\t\t>\n\t\t\t\t<template #options:prepend><slot name=\"options:prepend\" /></template>\n\t\t\t\t<template #loading><slot name=\"loading\" :query=\"query\" /></template>\n\t\t\t\t<template #no-data><slot name=\"no-data\" :query=\"query\" /></template>\n\t\t\t\t<template #options:append><slot name=\"options:append\" /></template>\n\t\t\t\t<template #option=\"data\"\n\t\t\t\t\t><slot\n\t\t\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t\t\t:loading=\"computedLoading\"\n\t\t\t\t\t\tname=\"option\"\n\t\t\t\t\t\tv-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t</ListBox>\n\t\t</teleport>\n\t</CommonInputOuterContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { BbSmoothHeight } from '@/index';\nimport { computed, ref, nextTick, defineAsyncComponent } from 'vue';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { last } from '@/utilities/functions/last';\nimport { matchAnyKey } from '@/utilities/functions/matchAnyKey';\nimport { toRef } from 'vue';\nimport { useFloating, autoUpdate, flip, shift, offset } from '@floating-ui/vue';\nimport { useId } from '@/composables/useId';\nimport { useIntersectionObserver } from '@vueuse/core';\nimport { useLogger } from '@/composables/useLogger';\nimport { useMobile } from '@/composables/useMobile';\nimport { useOptions } from '@/composables/useOptions';\nimport { wait } from '@/utilities/functions/wait';\nimport { when } from '@/utilities/functions/when';\nimport ChipsBox from '../ChipsBox.vue';\nimport CommaBox from '../CommaBox.vue';\nimport CommonInputInnerContainer from '../CommonInputInnerContainer.vue';\nimport CommonInputOuterContainer from '../CommonInputOuterContainer.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport type { Option as BaseOption } from '@/types/Option';\nimport { waitFor } from '@/utilities/functions/waitFor';\n\nexport type BaseSelectProps = {\n\t/**\n\t * Allows the user to add options to the list by\n\t * inserting text in the input and pressing ENTER.\n\t * The value and text of the option generated is a\n\t * string equal to what has been inserted.\n\t */\n\taddOptions?: boolean;\n\n\t/**\n\t * Allows typing into the input.\n\t */\n\tallowWriting?: boolean | 'not-mobile';\n\n\t/**\n\t * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\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 * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Sets the display model for selected values to a list\n\t * of comma separated string. In this mode the user\n\t * cannot deselect an option by pressing the close button.\n\t */\n\tcomma?: boolean;\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 * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * If coherence is enforce the input cannot have a modelValue that 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 * Defines how the filtering should work.\n\t * In any case options are always filtered by the text displayed but\n\t * they can also take into account other properties of the\n\t * passed elements when this property is a string or an array of string.\n\t * E.g. items could be a list of users and you can filter users by email or phone by passing `['email', 'phone']`\n\t * You can also pass false to not filter anything or a function for more granular control.\n\t *\n\t */\n\tfilterBy?:\n\t\t| string\n\t\t| string[]\n\t\t| false\n\t\t| ((value: any, item: any) => boolean)\n\t\t| null;\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 * 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| any[]\n\t\t| ((query: string, prefill: boolean, modelValue: any) => Promise<any[]>)\n\t\t| ((query: string, prefill: boolean, modelValue: any) => any[]);\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?: string | ((item: any) => 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?: string | ((item: any) => string) | undefined;\n\n\t/**\n\t * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 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 * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\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 * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Defines the prefill strategy for the input. By default the input will prefill\n\t * on focus. It can also always prefill with `true` and only prefill on search with `false`.\n\t */\n\tprefill?: boolean | 'focus';\n\n\t/**\n\t * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\n\n\t/**\n\t * Time to wait when the users stops writing in the input before querying data.\n\t * Especially useful when searching live data on big datasets.\n\t */\n\tqueryDebounceTime?: number;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: boolean;\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * If `true` when in multiple selection, reset the query immediately\n\t * upon selecting an option. By default the query is\n\t * not reset until focus is lost so the user can search\n\t * for \"Cath\" and select \"Cathy\" and then write more to\n\t * search for \"Catherine\"\n\t */\n\tresetQueryOnOptionSelected?: boolean;\n\n\t/**\n\t * Adds a stash to accumulate selected values. Especially\n\t * useful when searching in a big database of items.\n\t * E.g. if you search for \"John\" and then search for \"Richard\"\n\t * you either always return the previous items or you stash them passing `true` to this option.\n\t */\n\tstash?: boolean;\n\n\t/**\n\t * How long the transition has to last in milliseconds\n\t */\n\ttransitionDuration?: number;\n\n\t/**\n\t * Pass `true` if the dropdown is not updating following movement in the UI, like in modals. Very expensive so use with care.\n\t */\n\tupdateOnAnimationFrame?: boolean;\n};\nexport type BaseSelectEvents = {\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: 'update:modelValue', value: any): void;\n};\n\nexport type BaseSelectSlots = {\n\tappend?: (props: { query: string }) => any;\n\t'append-outer'?: (props: { query: string }) => any;\n\tchevron?: (props: { loading: boolean; shown: boolean }) => any;\n\tchip?: (props: {\n\t\tdisabled: boolean | undefined;\n\t\thasErrors?: boolean;\n\t\tindex: number;\n\t\titem: any;\n\t\tloading: boolean;\n\t\tmanual: boolean;\n\t\tselected: boolean | undefined;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\tloading?: (props: { query: string }) => any;\n\t'no-data'?: (props: { query: string }) => any;\n\toption?: (props: {\n\t\tdisabled: boolean;\n\t\tfocused: boolean;\n\t\tindex: number;\n\t\thasErrors?: boolean;\n\t\titem: any;\n\t\tloading: boolean;\n\t\tselected: boolean;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\t'option:append'?: (props: { item: any }) => any;\n\t'option:prepend'?: (props: { item: any }) => any;\n\t'options:append'?: (props: object) => any;\n\t'options:prepend'?: (props: object) => any;\n\tprefix?: (props: object) => any;\n\tprepend?: (props: { query: string }) => any;\n\t'prepend-outer'?: (props: { query: string }) => any;\n\tsuffix?: (props: object) => any;\n};\n\nconst props = withDefaults(defineProps<BaseSelectProps>(), {\n\tallowWriting: true,\n\tdepsDebounceTime: 0,\n\tdependencies: () => [],\n\tfilterBy: () => [],\n\tloadingText: 'Caricamento...',\n\tmodelValueDebounceTime: 0,\n\tnoDataText: 'Nessun elemento da visualizzare',\n\tprefill: 'focus',\n\tqueryDebounceTime: 500,\n\ttransitionDuration: 300,\n\tupdateOnAnimationFrame: false,\n});\n\nconst emit = defineEmits<BaseSelectEvents>();\n\ndefineSlots<BaseSelectSlots>();\n\nif (props.multiple && !Array.isArray(props.modelValue)) {\n\tthrow new Error('Multiple is set to \"true\" but modelValue is not an array.');\n}\n\n/**\n * START ELEMENT REFERENCES\n */\nconst ListBox = defineAsyncComponent(() => import('../ListBox.vue'));\nconst outerContainer = ref<InstanceType<\n\ttypeof CommonInputOuterContainer\n> | null>(null);\nconst innerContainer = ref<InstanceType<\n\ttypeof CommonInputInnerContainer\n> | null>(null);\nconst optionsContainer = ref<InstanceType<typeof ListBox> | null>(null);\nconst commaBox = ref<InstanceType<typeof CommaBox> | null>(null);\nconst chipsBox = ref<InstanceType<typeof ChipsBox> | null>(null);\nconst selectedBox = computed(() =>\n\tprops.comma ? commaBox.value : chipsBox.value\n);\n/**\n * END ELEMENT REFERENCES\n */\n\nconst { isMobile } = useMobile();\nconst inputmode = computed(() =>\n\tprops.allowWriting === 'not-mobile' && isMobile.value ? 'none' : undefined\n);\n\n// Always provide an id so that inputs can be focussed by clicking oin the label\nconst id = props.id || useId().id.value;\n\nuseIntersectionObserver(\n\tinnerContainer,\n\t([{ intersectionRatio }]) => {\n\t\tif (intersectionRatio !== 1) {\n\t\t\tclose();\n\t\t}\n\t},\n\t{ threshold: [0, 1] }\n);\n\nconst { floatingStyles } = useFloating(\n\tinnerContainer,\n\toptionsContainer as any,\n\t{\n\t\tplacement: 'bottom',\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [flip(), offset(5), shift()],\n\t}\n);\n\nconst optionsContainerStyles = computed(() => {\n\tconst base: Record<string, any> = {\n\t\t...floatingStyles.value,\n\t\tzIndex: '10',\n\t};\n\tif (innerContainer.value) {\n\t\tbase.width = `${innerContainer.value?.$el.clientWidth}px`;\n\t}\n\n\treturn base;\n});\n\n/**\n * START INPUT HANDLING\n */\nconst input = ref<HTMLElement | null>(null);\nconst focusInput = () => {\n\tif (input.value instanceof HTMLInputElement) {\n\t\tinput.value.focus();\n\t}\n};\n\n/**\n * When the focus goes to the input we select the current text\n * so the user can replace or delete it.\n * On top of that if the prefill strategy is to prefill on first focus and options\n * weren't already retrieved by the watcher on mount, we do that\n */\nconst onInputFocus = async (event: FocusEvent) => {\n\temit('focus', event);\n\tsetActive();\n\tdocument.addEventListener('click', onOutsideInteraction);\n\tdocument.addEventListener('focusin', onOutsideInteraction);\n};\n\nconst onInputFirstFocus = () => {\n\tif (props.prefill === 'focus' && !isPrefilling.value && !hasPrefilled.value) {\n\t\tprefillItems();\n\t}\n};\n\nconst onInputBlur = async (event: FocusEvent) => {\n\temit('blur', event);\n};\n\nconst onInputChange = (event: Event) => emit('change', event);\n\n/**\n * Search at every input by the user.\n * When the user deletes the query unselect the current option\n */\nconst onInputInput = (event: Event) => {\n\temit('input', event);\n\tif (query.value === '') {\n\t\tif (!props.multiple) {\n\t\t\tupdateModelValue(null);\n\t\t}\n\t}\n\tselectedBox.value?.blur();\n\tsearchByQuery();\n};\n\n/**\n * On click outside of the container close the panel, remove active state.\n * In multiple selection clear query after a timeout\n */\nconst onOutsideInteraction = async (event: Event) => {\n\tif (event.target instanceof Node) {\n\t\tif (outerContainer.value && optionsContainer.value) {\n\t\t\tif (\n\t\t\t\t!outerContainer.value.$el.contains(event.target) &&\n\t\t\t\t!optionsContainer.value.$el.contains(event.target)\n\t\t\t) {\n\t\t\t\tclose();\n\t\t\t\tsetInactive();\n\t\t\t\tdocument.removeEventListener('click', onOutsideInteraction);\n\t\t\t\tdocument.removeEventListener('focusin', onOutsideInteraction);\n\t\t\t\tawait wait(props.transitionDuration);\n\t\t\t\talignQueryToState();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst canProcessKeyboardBindings = computed(() => {\n\tif (props.readonly) return false;\n\tif (props.disabled) return false;\n\tif (computedLoading.value) return false;\n\tif (!selectedBox.value && props.multiple) return false;\n\treturn true;\n});\n\n/**\n * On arrow prevent the page from scrolling.\n * Reset horizontal focus\n * When the panel is open\n * - Focus on the previous option\n * When the panel is closed\n * - focus on the first selected option\n */\nconst onArrowUp = async () => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\t// Reset horizontal focus while moving vertically\n\tselectedBox.value?.blur();\n\tif (shown.value) {\n\t\toptionsContainer.value?.focusPrevious();\n\t} else {\n\t\tawait open();\n\t\tawait wait(props.transitionDuration);\n\t\toptionsContainer.value?.focusLastSelected();\n\t}\n};\n\nconst onArrowDown = async () => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\t// Reset horizontal focus while moving vertically\n\tselectedBox.value?.blur();\n\tif (shown.value) {\n\t\toptionsContainer.value?.focusNext();\n\t} else {\n\t\tawait open();\n\t\tawait wait(props.transitionDuration);\n\t\toptionsContainer.value?.focusFirstSelected();\n\t}\n};\n\nconst onArrowLeft = (event: KeyboardEvent) => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\tif (!props.multiple || query.value) {\n\t\treturn;\n\t}\n\tevent.preventDefault();\n\t// Reset vertical focus while moving horizontally\n\toptionsContainer.value?.blur();\n\tif (!selectedOptions.value.length) return;\n\tselectedBox.value?.focusPrevious();\n\tconst highlightedOption = selectedBox.value?.getHighlighted();\n\tif (highlightedOption) {\n\t\toptionsContainer.value?.focusByHash(highlightedOption.valueHash);\n\t}\n};\n\nconst onArrowRight = (event: KeyboardEvent) => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\tif (!props.multiple || query.value) {\n\t\treturn;\n\t}\n\tevent.preventDefault();\n\t// Reset vertical focus while moving horizontally\n\toptionsContainer.value?.blur();\n\tif (!selectedOptions.value.length) return;\n\tselectedBox.value?.focusNext();\n\tconst highlightedOption = selectedBox.value?.getHighlighted();\n\tif (highlightedOption) {\n\t\toptionsContainer.value?.focusByHash(highlightedOption.valueHash);\n\t}\n};\n\nconst onEnter = async () => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\tif (!shown.value) {\n\t\tawait open();\n\t\tawait wait(props.transitionDuration);\n\t\tif (selectedOptions.value.length) {\n\t\t\toptionsContainer.value?.focusFirstSelected();\n\t\t}\n\t} else if (optionsContainer.value?.getHighlighted()) {\n\t\toptionsContainer.value.confirmOption();\n\t} else if (props.addOptions) {\n\t\tif (props.itemText || props.itemValue) {\n\t\t\tconst { error } = useLogger();\n\t\t\terror(\n\t\t\t\t`Adding an option for mapped items is not supported. You can't create an option while passing \"item-text\" or \"item-value\".`\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tconst text = query.value.trim();\n\t\t// Do not add manual items that are already present\n\t\tif (valueIsSelected(text)) return;\n\t\taddCurrentQueryToManualItems();\n\t\tonOptionSelected(last(manualItems.value)!);\n\t}\n};\n\nconst onEscape = async () => {\n\tif (shown.value) {\n\t\tawait close();\n\t}\n};\n\n/**\n * Delete behavior is different when query is empty\n * If query is empty\n * If no chip is selected - select rightmost chip\n * If a chip is selected - deselect that option\n * If any option remains move focus to that or reset\n */\nconst onBackspace = async () => {\n\tif (\n\t\t!canProcessKeyboardBindings.value ||\n\t\tquery.value ||\n\t\t!selectedOptions.value.length\n\t) {\n\t\treturn;\n\t}\n\tif (selectedBox.value?.getHighlighted()) {\n\t\tselectedBox.value.confirmOption();\n\t}\n\tawait nextTick();\n\tselectedBox.value?.focusPrevious();\n};\n\n/**\n * It should prefill if asked, or\n * when single if modelValue is not null\n * when multiple if modelValue is not empty\n */\nconst shouldPrefill =\n\tprops.prefill === true ||\n\t(!props.multiple && isNotNil(props.modelValue)) ||\n\t(props.multiple && !!props.modelValue.length);\n\nconst {\n\tquery,\n\talignQueryToState,\n\taddCurrentQueryToManualItems,\n\tinnerLoading,\n\toptions,\n\tselectedOptions,\n\tselectOption,\n\tunselectOption,\n\tprefillItems,\n\tisPrefilling,\n\thasPrefilled,\n\tupdateModelValue,\n\tvalueIsSelected,\n\tmanualItems,\n\tsearchByQuery,\n} = useOptions({\n\temit,\n\titemText: props.itemText,\n\titemValue: props.itemValue,\n\tmodelValue: toRef(props, 'modelValue'),\n\tmultiple: props.multiple,\n\tresetQueryOnOptionSelected: props.resetQueryOnOptionSelected,\n\tstash: props.stash,\n\titems: toRef(props, 'items'),\n\tenforceCoherence: props.enforceCoherence,\n\tprefill: shouldPrefill,\n\tmodelValueDebounceTime: props.modelValueDebounceTime,\n\tdependencies: toRef(props, 'dependencies'),\n\tdepsDebounceTime: props.depsDebounceTime,\n\tqueryDebounceTime: props.queryDebounceTime,\n\tdisabled: toRef(props, 'disabled'),\n});\n\nconst computedPlaceholder = computed(() => {\n\tif (selectedOptions.value.length) return '';\n\telse return props.placeholder;\n});\n\nconst computedLoading = computed(() => !!(innerLoading.value || props.loading));\n\n/**\n * Filter options to be displayed based on the current query.\n * If no query is used or when query is set from the inside (after a selection) display all possible options\n */\nconst filteredOptions = computed<BaseOption[]>(() => {\n\tlet base = [];\n\t/** Only filter when a value is being searched not when the query is fully set on a selected option text */\n\tconst queryMatchesASelectedOption = selectedOptions.value.some(\n\t\t(option: BaseOption) => option.text === query.value\n\t);\n\tconst shouldFilter =\n\t\t(props.multiple && query.value) ||\n\t\t(query.value && !queryMatchesASelectedOption && !props.multiple);\n\n\tif (shouldFilter && props.filterBy) {\n\t\tbase = options.value.filter((item: BaseOption) => {\n\t\t\tlet matchedAnything = false;\n\t\t\tif (typeof props.filterBy === 'function')\n\t\t\t\tmatchedAnything = props.filterBy(item.value, item.item);\n\t\t\telse if (Array.isArray(props.filterBy) && props.filterBy.length) {\n\t\t\t\tmatchedAnything =\n\t\t\t\t\tmatchedAnything ||\n\t\t\t\t\tmatchAnyKey(item.item, props.filterBy, query.value.trim());\n\t\t\t}\n\t\t\treturn matchedAnything || matchAnyKey(item, ['text'], query.value.trim());\n\t\t});\n\t\t/** Otherwise default to the whole set of options */\n\t} else base = options.value;\n\n\t/** This is done here so that only visible options are highlighted */\n\treturn base;\n});\n\nconst onOptionSelected = (option: BaseOption) => {\n\tselectOption(option);\n\tfocusInput();\n\tif (!props.multiple) {\n\t\tclose();\n\t}\n};\n\nconst onOptionUnselected = (option: BaseOption) => {\n\tunselectOption(option);\n\tfocusInput();\n};\n\n/**\n * We need the transitions because elements must be hidden and shown\n * to accessibility tools when they are fully closed or fully open,\n * while still being animated for sighted users.\n */\n\n// Option panel is open\nconst shown = ref(false);\n// Option panel il closed\nconst hidden = ref(true);\n\nconst renderListBox = ref(false);\n\nconst open = async () => {\n\trenderListBox.value = true;\n\tawait waitFor(() => !!optionsContainer.value);\n\thidden.value = false;\n\tshown.value = true;\n};\n\nconst close = async () => {\n\tshown.value = false;\n\thidden.value = true;\n\tselectedBox.value?.blur();\n};\n\nconst toggle = () => {\n\tif (shown.value) return close();\n\treturn open();\n};\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we physically move focus to the options so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst setActive = () => {\n\tactive.value = true;\n};\nconst setInactive = () => {\n\tactive.value = false;\n\temit('inactive');\n};\n\n/**\n * When clicking on the outside container seamlessly move focus to the input and open the panel\n */\nconst onOuterContainerClick = (event: MouseEvent) => {\n\tevent.preventDefault();\n\temit('click', event);\n\tif (props.disabled || props.readonly) return;\n\tfocusInput();\n\ttoggle();\n};\n\n/**\n * When using this component for submission we add a bunch of hidden\n * inputs so the submitted inputs are on par with v-model\n */\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputs = computed(() => {\n\treturn [].concat(props.modelValue).map((current) => {\n\t\tconst value = makeInputValue(current);\n\t\treturn {\n\t\t\tdisabled: props.disabled,\n\t\t\tname: props.name,\n\t\t\ttype: 'hidden',\n\t\t\tvalue: value,\n\t\t};\n\t});\n});\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseSelect';\n</style>\n"],"names":["props","__props","emit","__emit","ListBox","defineAsyncComponent","outerContainer","ref","innerContainer","optionsContainer","commaBox","chipsBox","selectedBox","computed","isMobile","useMobile","inputmode","id","useId","useIntersectionObserver","intersectionRatio","close","floatingStyles","useFloating","autoUpdate","flip","offset","shift","optionsContainerStyles","base","_a","input","focusInput","onInputFocus","event","setActive","onOutsideInteraction","onInputFirstFocus","isPrefilling","hasPrefilled","prefillItems","onInputBlur","onInputChange","onInputInput","query","updateModelValue","searchByQuery","setInactive","wait","alignQueryToState","canProcessKeyboardBindings","computedLoading","onArrowUp","shown","_b","open","_c","onArrowDown","onArrowLeft","selectedOptions","highlightedOption","_d","onArrowRight","onEnter","error","useLogger","text","valueIsSelected","addCurrentQueryToManualItems","onOptionSelected","last","manualItems","onEscape","onBackspace","nextTick","shouldPrefill","isNotNil","innerLoading","options","selectOption","unselectOption","useOptions","toRef","computedPlaceholder","filteredOptions","queryMatchesASelectedOption","option","item","matchedAnything","matchAnyKey","onOptionUnselected","hidden","renderListBox","waitFor","toggle","active","onOuterContainerClick","makeInputValue","when","hiddenInputs","current","value"],"mappings":"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"}
+{"version":3,"file":"index34.js","sources":["../src/components/BaseSelect/BaseSelect.vue"],"sourcesContent":["<template>\n\t<CommonInputOuterContainer\n\t\tref=\"outerContainer\"\n\t\t:class=\"{\n\t\t\t'bb-base-select': true,\n\t\t\t'bb-base-select--active': active,\n\t\t\t'bb-base-select--shown': shown,\n\t\t\t'bb-base-select--loading': computedLoading,\n\t\t\t'bb-base-select--disabled': disabled,\n\t\t\t'bb-base-select--errors': hasErrors,\n\t\t\t'bb-base-select--readonly': readonly,\n\t\t}\"\n\t\t@click=\"onOuterContainerClick\"\n\t>\n\t\t<template #prepend-outer\n\t\t\t><slot name=\"prepend-outer\" :query=\"query\"></slot\n\t\t></template>\n\n\t\t<CommonInputInnerContainer\n\t\t\tref=\"innerContainer\"\n\t\t\t:append:icon=\"props['append:icon']\"\n\t\t\t:prepend:icon=\"props['prepend:icon']\"\n\t\t>\n\t\t\t<template #prepend><slot name=\"prepend\" :query=\"query\"></slot></template>\n\t\t\t<template #prefix><slot name=\"prefix\" /></template>\n\t\t\t<BbSmoothHeight tag=\"span\">\n\t\t\t\t<span class=\"bb-base-select__input-container\">\n\t\t\t\t\t<template v-if=\"multiple\">\n\t\t\t\t\t\t<template v-if=\"comma\">\n\t\t\t\t\t\t\t<CommaBox ref=\"commaBox\" :options=\"selectedOptions\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<ChipsBox\n\t\t\t\t\t\t\t\tref=\"chipsBox\"\n\t\t\t\t\t\t\t\t:options=\"selectedOptions\"\n\t\t\t\t\t\t\t\t@option:unselected=\"onOptionUnselected\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</template>\n\t\t\t\t\t<input\n\t\t\t\t\t\t:id=\"id\"\n\t\t\t\t\t\tref=\"input\"\n\t\t\t\t\t\tv-model=\"query\"\n\t\t\t\t\t\t:aria-autocomplete=\"'list'\"\n\t\t\t\t\t\t:aria-controls=\"`${id}_listbox`\"\n\t\t\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t\t\t:aria-expanded=\"shown\"\n\t\t\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t\t\t:class=\"'bb-base-select__text-input'\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t:inputmode=\"inputmode\"\n\t\t\t\t\t\t:placeholder=\"computedPlaceholder\"\n\t\t\t\t\t\t:readonly=\"readonly || !allowWriting\"\n\t\t\t\t\t\t:required=\"\n\t\t\t\t\t\t\t(required && !multiple) || (multiple && !modelValue.length)\n\t\t\t\t\t\t\"\n\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t:type=\"'text'\"\n\t\t\t\t\t\t@blur.stop=\"onInputBlur\"\n\t\t\t\t\t\t@change.stop=\"onInputChange\"\n\t\t\t\t\t\t@focus.once.stop=\"onInputFirstFocus\"\n\t\t\t\t\t\t@focus.stop=\"onInputFocus\"\n\t\t\t\t\t\t@input.stop=\"onInputInput\"\n\t\t\t\t\t\t@keydown.stop.delete=\"onBackspace\"\n\t\t\t\t\t\t@keydown.stop.left=\"onArrowLeft\"\n\t\t\t\t\t\t@keydown.stop.prevent.down=\"onArrowDown\"\n\t\t\t\t\t\t@keydown.stop.prevent.enter=\"onEnter\"\n\t\t\t\t\t\t@keydown.stop.prevent.esc=\"onEscape\"\n\t\t\t\t\t\t@keydown.stop.prevent.up=\"onArrowUp\"\n\t\t\t\t\t\t@keydown.stop.right=\"onArrowRight\"\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</BbSmoothHeight>\n\t\t\t<slot :loading=\"!!innerLoading\" name=\"chevron\" :shown=\"shown\">\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"bb-base-select__chevron\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</slot>\n\t\t\t<template #append><slot name=\"append\" :query=\"query\"></slot></template>\n\n\t\t\t<template #suffix><slot name=\"suffix\" /></template>\n\t\t</CommonInputInnerContainer>\n\t\t<template #append-outer\n\t\t\t><slot name=\"append-outer\" :query=\"query\"></slot\n\t\t></template>\n\t\t<input v-for=\"input in hiddenInputs\" :key=\"input.value\" v-bind=\"input\" />\n\n\t\t<teleport v-if=\"renderListBox\" to=\"body\">\n\t\t\t<ListBox\n\t\t\t\tref=\"optionsContainer\"\n\t\t\t\t:loading=\"computedLoading\"\n\t\t\t\t:open=\"shown\"\n\t\t\t\t:options=\"filteredOptions\"\n\t\t\t\t:style=\"optionsContainerStyles\"\n\t\t\t\t@option:selected=\"onOptionSelected\"\n\t\t\t\t@option:unselected=\"onOptionUnselected\"\n\t\t\t>\n\t\t\t\t<template #options:prepend><slot name=\"options:prepend\" /></template>\n\t\t\t\t<template #loading><slot name=\"loading\" :query=\"query\" /></template>\n\t\t\t\t<template #no-data><slot name=\"no-data\" :query=\"query\" /></template>\n\t\t\t\t<template #options:append><slot name=\"options:append\" /></template>\n\t\t\t\t<template #option=\"data\"\n\t\t\t\t\t><slot\n\t\t\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t\t\t:loading=\"computedLoading\"\n\t\t\t\t\t\tname=\"option\"\n\t\t\t\t\t\tv-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t</ListBox>\n\t\t</teleport>\n\t</CommonInputOuterContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { BbSmoothHeight } from '@/index';\nimport { computed, ref, nextTick, defineAsyncComponent } from 'vue';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { last } from '@/utilities/functions/last';\nimport { matchAnyKey } from '@/utilities/functions/matchAnyKey';\nimport { toRef } from 'vue';\nimport { useFloating, autoUpdate, flip, shift, offset } from '@floating-ui/vue';\nimport { useId } from '@/composables/useId';\nimport { useIntersectionObserver } from '@vueuse/core';\nimport { useLogger } from '@/composables/useLogger';\nimport { useMobile } from '@/composables/useMobile';\nimport { useOptions } from '@/composables/useOptions';\nimport { wait } from '@/utilities/functions/wait';\nimport { when } from '@/utilities/functions/when';\nimport ChipsBox from '../ChipsBox.vue';\nimport CommaBox from '../CommaBox.vue';\nimport CommonInputInnerContainer from '../CommonInputInnerContainer.vue';\nimport CommonInputOuterContainer from '../CommonInputOuterContainer.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\nimport type { Option as BaseOption } from '@/types/Option';\nimport { waitFor } from '@/utilities/functions/waitFor';\n\nexport type BaseSelectProps = {\n\t/**\n\t * Allows the user to add options to the list by\n\t * inserting text in the input and pressing ENTER.\n\t * The value and text of the option generated is a\n\t * string equal to what has been inserted.\n\t */\n\taddOptions?: boolean;\n\n\t/**\n\t * Allows typing into the input.\n\t */\n\tallowWriting?: boolean | 'not-mobile';\n\n\t/**\n\t * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\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 * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Sets the display model for selected values to a list\n\t * of comma separated string. In this mode the user\n\t * cannot deselect an option by pressing the close button.\n\t */\n\tcomma?: boolean;\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 * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * If coherence is enforce the input cannot have a modelValue that 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 * Defines how the filtering should work.\n\t * In any case options are always filtered by the text displayed but\n\t * they can also take into account other properties of the\n\t * passed elements when this property is a string or an array of string.\n\t * E.g. items could be a list of users and you can filter users by email or phone by passing `['email', 'phone']`\n\t * You can also pass false to not filter anything or a function for more granular control.\n\t *\n\t */\n\tfilterBy?:\n\t\t| string\n\t\t| string[]\n\t\t| false\n\t\t| ((value: any, item: any) => boolean)\n\t\t| null;\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 * 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| any[]\n\t\t| ((query: string, prefill: boolean, modelValue: any) => Promise<any[]>)\n\t\t| ((query: string, prefill: boolean, modelValue: any) => any[]);\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?: string | ((item: any) => 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?: string | ((item: any) => string) | undefined;\n\n\t/**\n\t * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 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 * Allows the selection of multiple items.\n\t */\n\tmultiple?: boolean;\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 * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Defines the prefill strategy for the input. By default the input will prefill\n\t * on focus. It can also always prefill with `true` and only prefill on search with `false`.\n\t */\n\tprefill?: boolean | 'focus';\n\n\t/**\n\t * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\n\n\t/**\n\t * Time to wait when the users stops writing in the input before querying data.\n\t * Especially useful when searching live data on big datasets.\n\t */\n\tqueryDebounceTime?: number;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: boolean;\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * If `true` when in multiple selection, reset the query immediately\n\t * upon selecting an option. By default the query is\n\t * not reset until focus is lost so the user can search\n\t * for \"Cath\" and select \"Cathy\" and then write more to\n\t * search for \"Catherine\"\n\t */\n\tresetQueryOnOptionSelected?: boolean;\n\n\t/**\n\t * Adds a stash to accumulate selected values. Especially\n\t * useful when searching in a big database of items.\n\t * E.g. if you search for \"John\" and then search for \"Richard\"\n\t * you either always return the previous items or you stash them passing `true` to this option.\n\t */\n\tstash?: boolean;\n\n\t/**\n\t * How long the transition has to last in milliseconds\n\t */\n\ttransitionDuration?: number;\n\n\t/**\n\t * Pass `true` if the dropdown is not updating following movement in the UI, like in modals. Very expensive so use with care.\n\t */\n\tupdateOnAnimationFrame?: boolean;\n};\nexport type BaseSelectEvents = {\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: 'update:modelValue', value: any): void;\n};\n\nexport type BaseSelectSlots = {\n\tappend?: (props: { query: string }) => any;\n\t'append-outer'?: (props: { query: string }) => any;\n\tchevron?: (props: { loading: boolean; shown: boolean }) => any;\n\tchip?: (props: {\n\t\tdisabled: boolean | undefined;\n\t\thasErrors?: boolean;\n\t\tindex: number;\n\t\titem: any;\n\t\tloading: boolean;\n\t\tmanual: boolean;\n\t\tselected: boolean | undefined;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\tloading?: (props: { query: string }) => any;\n\t'no-data'?: (props: { query: string }) => any;\n\toption?: (props: {\n\t\tdisabled: boolean;\n\t\tfocused: boolean;\n\t\tindex: number;\n\t\thasErrors?: boolean;\n\t\titem: any;\n\t\tloading: boolean;\n\t\tselected: boolean;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\t'option:append'?: (props: { item: any }) => any;\n\t'option:prepend'?: (props: { item: any }) => any;\n\t'options:append'?: (props: object) => any;\n\t'options:prepend'?: (props: object) => any;\n\tprefix?: (props: object) => any;\n\tprepend?: (props: { query: string }) => any;\n\t'prepend-outer'?: (props: { query: string }) => any;\n\tsuffix?: (props: object) => any;\n};\n\nconst props = withDefaults(defineProps<BaseSelectProps>(), {\n\tallowWriting: true,\n\tdepsDebounceTime: 0,\n\tdependencies: () => [],\n\tfilterBy: () => [],\n\tloadingText: 'Caricamento...',\n\tmodelValueDebounceTime: 0,\n\tnoDataText: 'Nessun elemento da visualizzare',\n\tprefill: 'focus',\n\tqueryDebounceTime: 500,\n\ttransitionDuration: 300,\n\tupdateOnAnimationFrame: false,\n});\n\nconst emit = defineEmits<BaseSelectEvents>();\n\ndefineSlots<BaseSelectSlots>();\n\nif (props.multiple && !Array.isArray(props.modelValue)) {\n\tthrow new Error('Multiple is set to \"true\" but modelValue is not an array.');\n}\n\n/**\n * START ELEMENT REFERENCES\n */\nconst ListBox = defineAsyncComponent(() => import('../ListBox.vue'));\nconst outerContainer = ref<InstanceType<\n\ttypeof CommonInputOuterContainer\n> | null>(null);\nconst innerContainer = ref<InstanceType<\n\ttypeof CommonInputInnerContainer\n> | null>(null);\nconst optionsContainer = ref<InstanceType<typeof ListBox> | null>(null);\nconst commaBox = ref<InstanceType<typeof CommaBox> | null>(null);\nconst chipsBox = ref<InstanceType<typeof ChipsBox> | null>(null);\nconst selectedBox = computed(() =>\n\tprops.comma ? commaBox.value : chipsBox.value\n);\n/**\n * END ELEMENT REFERENCES\n */\n\nconst { isMobile } = useMobile();\nconst inputmode = computed(() =>\n\tprops.allowWriting === 'not-mobile' && isMobile.value ? 'none' : undefined\n);\n\n// Always provide an id so that inputs can be focussed by clicking oin the label\nconst id = props.id || useId().id.value;\n\nuseIntersectionObserver(\n\tinnerContainer,\n\t([{ intersectionRatio }]) => {\n\t\tif (intersectionRatio !== 1) {\n\t\t\tclose();\n\t\t}\n\t},\n\t{ threshold: [0, 1] }\n);\n\nconst { floatingStyles } = useFloating(\n\tinnerContainer,\n\toptionsContainer as any,\n\t{\n\t\tplacement: 'bottom',\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [flip(), offset(5), shift()],\n\t}\n);\n\nconst optionsContainerStyles = computed(() => {\n\tconst base: Record<string, any> = {\n\t\t...floatingStyles.value,\n\t\tzIndex: '10',\n\t};\n\tif (innerContainer.value) {\n\t\tbase.width = `${innerContainer.value?.$el.clientWidth}px`;\n\t}\n\n\treturn base;\n});\n\n/**\n * START INPUT HANDLING\n */\nconst input = ref<HTMLElement | null>(null);\nconst focusInput = () => {\n\tif (input.value instanceof HTMLInputElement) {\n\t\tinput.value.focus();\n\t}\n};\n\n/**\n * When the focus goes to the input we select the current text\n * so the user can replace or delete it.\n * On top of that if the prefill strategy is to prefill on first focus and options\n * weren't already retrieved by the watcher on mount, we do that\n */\nconst onInputFocus = async (event: FocusEvent) => {\n\temit('focus', event);\n\tsetActive();\n\tdocument.addEventListener('click', onOutsideInteraction);\n\tdocument.addEventListener('focusin', onOutsideInteraction);\n};\n\nconst onInputFirstFocus = () => {\n\tif (props.prefill === 'focus' && !isPrefilling.value && !hasPrefilled.value) {\n\t\tprefillItems();\n\t}\n};\n\nconst onInputBlur = async (event: FocusEvent) => {\n\temit('blur', event);\n};\n\nconst onInputChange = (event: Event) => emit('change', event);\n\n/**\n * Search at every input by the user.\n * When the user deletes the query unselect the current option\n */\nconst onInputInput = (event: Event) => {\n\temit('input', event);\n\tif (query.value === '') {\n\t\tif (!props.multiple) {\n\t\t\tupdateModelValue(null);\n\t\t}\n\t}\n\tselectedBox.value?.blur();\n\tsearchByQuery();\n};\n\n/**\n * On click outside of the container close the panel, remove active state.\n * In multiple selection clear query after a timeout\n */\nconst onOutsideInteraction = async (event: Event) => {\n\tif (event.target instanceof Node) {\n\t\tif (outerContainer.value && optionsContainer.value) {\n\t\t\tif (\n\t\t\t\t!outerContainer.value.$el.contains(event.target) &&\n\t\t\t\t!optionsContainer.value.$el.contains(event.target)\n\t\t\t) {\n\t\t\t\tclose();\n\t\t\t\tsetInactive();\n\t\t\t\tdocument.removeEventListener('click', onOutsideInteraction);\n\t\t\t\tdocument.removeEventListener('focusin', onOutsideInteraction);\n\t\t\t\tawait wait(props.transitionDuration);\n\t\t\t\talignQueryToState();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst canProcessKeyboardBindings = computed(() => {\n\tif (props.readonly) return false;\n\tif (props.disabled) return false;\n\tif (computedLoading.value) return false;\n\tif (!selectedBox.value && props.multiple) return false;\n\treturn true;\n});\n\n/**\n * On arrow prevent the page from scrolling.\n * Reset horizontal focus\n * When the panel is open\n * - Focus on the previous option\n * When the panel is closed\n * - focus on the first selected option\n */\nconst onArrowUp = async () => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\t// Reset horizontal focus while moving vertically\n\tselectedBox.value?.blur();\n\tif (shown.value) {\n\t\toptionsContainer.value?.focusPrevious();\n\t} else {\n\t\tawait open();\n\t\tawait wait(props.transitionDuration);\n\t\toptionsContainer.value?.focusLastSelected();\n\t}\n};\n\nconst onArrowDown = async () => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\t// Reset horizontal focus while moving vertically\n\tselectedBox.value?.blur();\n\tif (shown.value) {\n\t\toptionsContainer.value?.focusNext();\n\t} else {\n\t\tawait open();\n\t\tawait wait(props.transitionDuration);\n\t\toptionsContainer.value?.focusFirstSelected();\n\t}\n};\n\nconst onArrowLeft = (event: KeyboardEvent) => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\tif (!props.multiple || query.value) {\n\t\treturn;\n\t}\n\tevent.preventDefault();\n\t// Reset vertical focus while moving horizontally\n\toptionsContainer.value?.blur();\n\tif (!selectedOptions.value.length) return;\n\tselectedBox.value?.focusPrevious();\n\tconst highlightedOption = selectedBox.value?.getHighlighted();\n\tif (highlightedOption) {\n\t\toptionsContainer.value?.focusByHash(highlightedOption.valueHash);\n\t}\n};\n\nconst onArrowRight = (event: KeyboardEvent) => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\tif (!props.multiple || query.value) {\n\t\treturn;\n\t}\n\tevent.preventDefault();\n\t// Reset vertical focus while moving horizontally\n\toptionsContainer.value?.blur();\n\tif (!selectedOptions.value.length) return;\n\tselectedBox.value?.focusNext();\n\tconst highlightedOption = selectedBox.value?.getHighlighted();\n\tif (highlightedOption) {\n\t\toptionsContainer.value?.focusByHash(highlightedOption.valueHash);\n\t}\n};\n\nconst onEnter = async () => {\n\tif (!canProcessKeyboardBindings.value) {\n\t\treturn;\n\t}\n\tif (!shown.value) {\n\t\tawait open();\n\t\tawait wait(props.transitionDuration);\n\t\tif (selectedOptions.value.length) {\n\t\t\toptionsContainer.value?.focusFirstSelected();\n\t\t}\n\t} else if (optionsContainer.value?.getHighlighted()) {\n\t\toptionsContainer.value.confirmOption();\n\t} else if (props.addOptions) {\n\t\tif (props.itemText || props.itemValue) {\n\t\t\tconst { error } = useLogger();\n\t\t\terror(\n\t\t\t\t`Adding an option for mapped items is not supported. You can't create an option while passing \"item-text\" or \"item-value\".`\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tconst text = query.value.trim();\n\t\t// Do not add manual items that are already present\n\t\tif (valueIsSelected(text)) return;\n\t\taddCurrentQueryToManualItems();\n\t\tonOptionSelected(last(manualItems.value)!);\n\t}\n};\n\nconst onEscape = async () => {\n\tif (shown.value) {\n\t\tawait close();\n\t}\n};\n\n/**\n * Delete behavior is different when query is empty\n * If query is empty\n * If no chip is selected - select rightmost chip\n * If a chip is selected - deselect that option\n * If any option remains move focus to that or reset\n */\nconst onBackspace = async () => {\n\tif (\n\t\t!canProcessKeyboardBindings.value ||\n\t\tquery.value ||\n\t\t!selectedOptions.value.length\n\t) {\n\t\treturn;\n\t}\n\tif (selectedBox.value?.getHighlighted()) {\n\t\tselectedBox.value.confirmOption();\n\t}\n\tawait nextTick();\n\tselectedBox.value?.focusPrevious();\n};\n\n/**\n * It should prefill if asked, or\n * when single if modelValue is not null\n * when multiple if modelValue is not empty\n */\nconst shouldPrefill =\n\tprops.prefill === true ||\n\t(!props.multiple && isNotNil(props.modelValue)) ||\n\t(props.multiple && !!props.modelValue.length);\n\nconst {\n\tquery,\n\talignQueryToState,\n\taddCurrentQueryToManualItems,\n\tinnerLoading,\n\toptions,\n\tselectedOptions,\n\tselectOption,\n\tunselectOption,\n\tprefillItems,\n\tisPrefilling,\n\thasPrefilled,\n\tupdateModelValue,\n\tvalueIsSelected,\n\tmanualItems,\n\tsearchByQuery,\n} = useOptions({\n\temit,\n\titemText: props.itemText,\n\titemValue: props.itemValue,\n\tmodelValue: toRef(props, 'modelValue'),\n\tmultiple: props.multiple,\n\tresetQueryOnOptionSelected: props.resetQueryOnOptionSelected,\n\tstash: props.stash,\n\titems: toRef(props, 'items'),\n\tenforceCoherence: props.enforceCoherence,\n\tprefill: shouldPrefill,\n\tmodelValueDebounceTime: props.modelValueDebounceTime,\n\tdependencies: toRef(props, 'dependencies'),\n\tdepsDebounceTime: props.depsDebounceTime,\n\tqueryDebounceTime: props.queryDebounceTime,\n\tdisabled: toRef(props, 'disabled'),\n});\n\nconst computedPlaceholder = computed(() => {\n\tif (selectedOptions.value.length) return '';\n\telse return props.placeholder;\n});\n\nconst computedLoading = computed(() => !!(innerLoading.value || props.loading));\n\n/**\n * Filter options to be displayed based on the current query.\n * If no query is used or when query is set from the inside (after a selection) display all possible options\n */\nconst filteredOptions = computed<BaseOption[]>(() => {\n\tlet base = [];\n\t/** Only filter when a value is being searched not when the query is fully set on a selected option text */\n\tconst queryMatchesASelectedOption = selectedOptions.value.some(\n\t\t(option: BaseOption) => option.text === query.value\n\t);\n\tconst shouldFilter =\n\t\t(props.multiple && query.value) ||\n\t\t(query.value && !queryMatchesASelectedOption && !props.multiple);\n\n\tif (shouldFilter && props.filterBy) {\n\t\tbase = options.value.filter((item: BaseOption) => {\n\t\t\tlet matchedAnything = false;\n\t\t\tif (typeof props.filterBy === 'function')\n\t\t\t\tmatchedAnything = props.filterBy(item.value, item.item);\n\t\t\telse if (Array.isArray(props.filterBy) && props.filterBy.length) {\n\t\t\t\tmatchedAnything =\n\t\t\t\t\tmatchedAnything ||\n\t\t\t\t\tmatchAnyKey(item.item, props.filterBy, query.value.trim());\n\t\t\t}\n\t\t\treturn matchedAnything || matchAnyKey(item, ['text'], query.value.trim());\n\t\t});\n\t\t/** Otherwise default to the whole set of options */\n\t} else base = options.value;\n\n\t/** This is done here so that only visible options are highlighted */\n\treturn base;\n});\n\nconst onOptionSelected = (option: BaseOption) => {\n\tselectOption(option);\n\tfocusInput();\n\tif (!props.multiple) {\n\t\tclose();\n\t}\n};\n\nconst onOptionUnselected = (option: BaseOption) => {\n\tunselectOption(option);\n\tfocusInput();\n};\n\n/**\n * We need the transitions because elements must be hidden and shown\n * to accessibility tools when they are fully closed or fully open,\n * while still being animated for sighted users.\n */\n\n// Option panel is open\nconst shown = ref(false);\n// Option panel il closed\nconst hidden = ref(true);\n\nconst renderListBox = ref(false);\n\nconst open = async () => {\n\trenderListBox.value = true;\n\tawait waitFor(() => !!optionsContainer.value);\n\thidden.value = false;\n\tshown.value = true;\n};\n\nconst close = async () => {\n\tshown.value = false;\n\thidden.value = true;\n\tselectedBox.value?.blur();\n};\n\nconst toggle = () => {\n\tif (shown.value) return close();\n\treturn open();\n};\n\n/**\n * Applies a class when the user is inside this whole component.\n * We cannot use focus within as it doesn't work for elements that are teleported.\n * Also we cannot use the <input/> if we physically move focus to the options so\n * we track it manually.\n */\nconst active = ref(false);\n\nconst setActive = () => {\n\tactive.value = true;\n};\nconst setInactive = () => {\n\tactive.value = false;\n\temit('inactive');\n};\n\n/**\n * When clicking on the outside container seamlessly move focus to the input and open the panel\n */\nconst onOuterContainerClick = (event: MouseEvent) => {\n\tevent.preventDefault();\n\temit('click', event);\n\tif (props.disabled || props.readonly) return;\n\tfocusInput();\n\ttoggle();\n};\n\n/**\n * When using this component for submission we add a bunch of hidden\n * inputs so the submitted inputs are on par with v-model\n */\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputs = computed(() => {\n\treturn [].concat(props.modelValue).map((current) => {\n\t\tconst value = makeInputValue(current);\n\t\treturn {\n\t\t\tdisabled: props.disabled,\n\t\t\tname: props.name,\n\t\t\ttype: 'hidden',\n\t\t\tvalue: value,\n\t\t};\n\t});\n});\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseSelect';\n</style>\n"],"names":["props","__props","emit","__emit","ListBox","defineAsyncComponent","outerContainer","ref","innerContainer","optionsContainer","commaBox","chipsBox","selectedBox","computed","isMobile","useMobile","inputmode","id","useId","useIntersectionObserver","intersectionRatio","close","floatingStyles","useFloating","autoUpdate","flip","offset","shift","optionsContainerStyles","base","_a","input","focusInput","onInputFocus","event","setActive","onOutsideInteraction","onInputFirstFocus","isPrefilling","hasPrefilled","prefillItems","onInputBlur","onInputChange","onInputInput","query","updateModelValue","searchByQuery","setInactive","wait","alignQueryToState","canProcessKeyboardBindings","computedLoading","onArrowUp","shown","_b","open","_c","onArrowDown","onArrowLeft","selectedOptions","highlightedOption","_d","onArrowRight","onEnter","error","useLogger","text","valueIsSelected","addCurrentQueryToManualItems","onOptionSelected","last","manualItems","onEscape","onBackspace","nextTick","shouldPrefill","isNotNil","innerLoading","options","selectOption","unselectOption","useOptions","toRef","computedPlaceholder","filteredOptions","queryMatchesASelectedOption","option","item","matchedAnything","matchAnyKey","onOptionUnselected","hidden","renderListBox","waitFor","toggle","active","onOuterContainerClick","makeInputValue","when","hiddenInputs","current","value"],"mappings":"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"}

package/dist/index36.js

@@ -1,11 +1,11 @@
 import { defineComponent as U, ref as d, computed as h, onMounted as W, watch as Z, openBlock as g, createElementBlock as w, mergeProps as T, renderSlot as f, createElementVNode as b, Fragment as ee, renderList as ae, createCommentVNode as H, normalizeProps as re, guardReactiveProps as te, unref as c, normalizeClass as F, normalizeStyle as I } from "vue";
-import { clamp as le } from "./index207.js";
-import { head as O } from "./index227.js";
-import { isCssColor as Y } from "./index219.js";
+import { clamp as le } from "./index217.js";
+import { head as O } from "./index240.js";
+import { isCssColor as Y } from "./index214.js";
 import { isNil as P } from "./index124.js";
 import { isNotNil as ne } from "./index129.js";
 import { transposeValue as y } from "./index125.js";
-import { hash as J } from "./index228.js";
+import { hash as J } from "./index205.js";
 const oe = { class: "bb-base-slider__slider-container" }, ie = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index38.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as p, computed as n, watch as S, openBlock as h, createElementBlock as f, normalizeProps as r, guardReactiveProps as c, mergeProps as y, createCommentVNode as q, createElementVNode as l, renderSlot as A } from "vue";
-import { isCssColor as d } from "./index219.js";
-import { when as F } from "./index220.js";
+import { isCssColor as d } from "./index214.js";
+import { when as F } from "./index215.js";
 const N = { class: "bb-base-switch-container" }, x = /* @__PURE__ */ l("span", { class: "bb-base-switch-container__icon-thumb" }, null, -1), J = [
   x
 ], L = /* @__PURE__ */ I({

package/dist/index40.js

@@ -1,8 +1,8 @@
 import { defineComponent as $, ref as p, toRef as l, openBlock as w, createBlock as B, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v, createSlots as z } from "vue";
-import { useOptions as F } from "./index199.js";
+import { useOptions as F } from "./index221.js";
 import M from "./index38.js";
 /* empty css        */
-import S from "./index200.js";
+import S from "./index222.js";
 /* empty css         */
 const I = /* @__PURE__ */ $({
   __name: "BaseSwitchGroup",

package/dist/index42.js

@@ -3,15 +3,15 @@ import { defineComponent as Z, ref as r, computed as k, toRef as B, openBlock as
 import ue from "./index122.js";
 /* empty css         */
 import { isNotNil as se } from "./index129.js";
-import { last as de } from "./index213.js";
-import { useOptions as pe } from "./index199.js";
-import ce from "./index231.js";
+import { last as de } from "./index206.js";
+import { useOptions as pe } from "./index221.js";
+import ce from "./index236.js";
 /* empty css         */
-import me from "./index233.js";
+import me from "./index238.js";
 /* empty css         */
-import fe from "./index215.js";
+import fe from "./index218.js";
 /* empty css         */
-import ve from "./index217.js";
+import ve from "./index220.js";
 const ye = { class: "bb-base-tag__input-container" }, be = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Ke = /* @__PURE__ */ Z({
   __name: "BaseTag",
   props: {

package/dist/index44.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index217.js";
-import E from "./index215.js";
+import v from "./index220.js";
+import E from "./index218.js";
 /* empty css         */
 import G from "./index122.js";
 /* empty css         */

package/dist/index46.js

@@ -1,7 +1,7 @@
 import { defineComponent as i, computed as c, openBlock as m, createElementBlock as b, Fragment as f, createVNode as r, normalizeClass as y, withCtx as n, renderSlot as t, createElementVNode as p, mergeProps as h } from "vue";
-import g from "./index215.js";
+import g from "./index218.js";
 /* empty css         */
-import B from "./index217.js";
+import B from "./index220.js";
 const k = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], w = /* @__PURE__ */ p("span", null, null, -1), q = /* @__PURE__ */ i({
   __name: "BaseTextInput",
   props: {

package/dist/index52.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index219.js";
+import { isCssColor as _ } from "./index214.js";
 import { wait as C } from "./index126.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index54.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index219.js";
+import { isCssColor as r } from "./index214.js";
 import { isNil as B } from "./index124.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index58.js

@@ -6,8 +6,8 @@ import r from "./index121.js";
 /* empty css         */
 import N from "./index123.js";
 /* empty css         */
-import { pickBy as $ } from "./index235.js";
-import { noop as P } from "./index236.js";
+import { pickBy as $ } from "./index241.js";
+import { noop as P } from "./index242.js";
 const T = { class: "bb-button__content" }, W = {
   key: 2,
   class: "bb-button__loading-label"

package/dist/index66.js

@@ -1,9 +1,9 @@
-import { defineComponent as v, ref as y, computed as w, openBlock as g, createBlock as B, withCtx as l, renderSlot as n, normalizeProps as s, guardReactiveProps as t, createVNode as k, mergeProps as V, createSlots as $, renderList as P } from "vue";
-import q from "./index20.js";
+import { defineComponent as m, ref as c, computed as h, openBlock as f, createBlock as b, withCtx as l, renderSlot as v, normalizeProps as y, guardReactiveProps as w, createVNode as g, mergeProps as B } from "vue";
+import k from "./index20.js";
 /* empty css        */
-import L from "./index24.js";
+import V from "./index24.js";
 /* empty css        */
-const O = /* @__PURE__ */ v({
+const H = /* @__PURE__ */ m({
   __name: "BbDatePickerInput",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -29,15 +29,15 @@ const O = /* @__PURE__ */ v({
     placeholder: {},
     "prepend:icon": {},
     range: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean },
     selectable: {},
     width: {}
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, o = p, a = y(!1), m = w(() => u.persistentHint || a.value), c = {
+  setup(i, { emit: n }) {
+    const t = i, o = n, a = c(!1), s = h(() => t.persistentHint || a.value), d = {
       onError: (e) => o("error", e),
       onFocus: (e) => o("focus", e),
       onActive: () => {
@@ -48,7 +48,7 @@ const O = /* @__PURE__ */ v({
       },
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, W) => (g(), B(L, {
+    return (e, P) => (f(), b(V, {
       id: e.id,
       class: "bb-date-picker-input",
       direction: e.direction,
@@ -61,13 +61,13 @@ const O = /* @__PURE__ */ v({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": m.value
+      "show-hint": s.value
     }, {
       label: l((r) => [
-        n(e.$slots, "label", s(t(r)))
+        v(e.$slots, "label", y(w(r)))
       ]),
-      input: l(({ id: r, name: h, hasErrors: f }) => [
-        k(q, V({
+      input: l(({ id: r, name: p, hasErrors: u }) => [
+        g(k, B({
           id: r,
           "allow-writing": e.allowWriting,
           "append:icon": e.$props["append:icon"],
@@ -75,12 +75,12 @@ const O = /* @__PURE__ */ v({
           autofocus: e.autofocus,
           disabled: e.disabled,
           "first-day-of-week": e.firstDayOfWeek,
-          "has-errors": f,
+          "has-errors": u,
           loading: e.loading,
           max: e.max,
           min: e.min,
           "model-value": e.modelValue,
-          name: h,
+          name: p,
           placeholder: e.placeholder,
           "prepend:icon": e.$props["prepend:icon"],
           range: e.range,
@@ -88,20 +88,13 @@ const O = /* @__PURE__ */ v({
           required: e.required,
           selectable: e.selectable,
           width: e.width
-        }, c), $({ _: 2 }, [
-          P(e.$slots, (D, i) => ({
-            name: i,
-            fn: l((b) => [
-              n(e.$slots, i, s(t(b)))
-            ])
-          }))
-        ]), 1040, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
+        }, d), null, 16, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
       ]),
       _: 3
     }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  O as default
+  H as default
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index66.js","sources":["../src/components/BbDatePickerInput/BbDatePickerInput.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-date-picker-input\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors }\">\n\t\t\t<BaseDatePickerInput\n\t\t\t\t:id=\"id\"\n\t\t\t\t:allow-writing=\"allowWriting\"\n\t\t\t\t:append:icon=\"$props['append:icon']\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:first-day-of-week=\"firstDayOfWeek\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:loading=\"loading\"\n\t\t\t\t:max=\"max\"\n\t\t\t\t:min=\"min\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:prepend:icon=\"$props['prepend:icon']\"\n\t\t\t\t:range=\"range\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t:width=\"width\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template v-for=\"(_, name) in $slots\" #[name]=\"data\">\n\t\t\t\t\t<slot :name=\"name\" v-bind=\"data\" />\n\t\t\t\t</template>\n\t\t\t</BaseDatePickerInput>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseDatePickerInput from '../BaseDatePickerInput/BaseDatePickerInput.vue';\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport type { BaseDatePickerInputEvents } from '../BaseDatePickerInput/BaseDatePickerInput.vue';\nimport type { BaseDatePickerSlots } from '../BaseDatePicker/BaseDatePicker.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} from 'vue';\nimport type { Locale } from 'dayjs/locale/it';\n\nexport type BbDatePickerInputProps = {\n\t/**\n\t * Allows typing into the input.\n\t */\n\tallowWriting?: boolean | 'not-mobile';\n\n\t/**\n\t * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n\t */\n\tdirection?: 'horizontal' | 'vertical' | 'auto' | string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Can be a string or an array of string containing the messages to display.\n\t */\n\terrors?: string | string[];\n\n\t/**\n\t * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday\n\t */\n\tfirstDayOfWeek?: Locale['weekStart'];\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 * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Text content of the label of the element.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Sets the text alignment of the label.\n\t */\n\tlabelPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: 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\t/**\n\t * Width of the calendar\n\t */\n\twidth?: number | string;\n};\n\nconst props = withDefaults(defineProps<BbDatePickerInputProps>(), {\n\tallowWriting: true,\n});\n\nexport type BbDatePickerInputEvents = BaseDatePickerInputEvents;\n\nconst emit = defineEmits<BbDatePickerInputEvents>();\n\ndefineSlots<\n\t{\n\t\t'prepend-outer'?: (props: object) => any;\n\t\tprepend?: (props: object) => any;\n\t\tappend?: (props: object) => any;\n\t\t'append-outer'?: (props: object) => any;\n\t\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\t} & BaseDatePickerSlots\n>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonError: (message: string) => emit('error', message),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonActive: () => {\n\t\tactive.value = true;\n\t\temit('active');\n\t},\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\n\t'onUpdate:modelValue': (value: BbDatePickerInputProps['modelValue']) =>\n\t\temit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbDatePickerInput';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","message","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgNA,UAAMA,IAAQC,GAMRC,IAAOC,GAYPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,SAAS,CAACC,MAAoBP,EAAK,SAASO,CAAO;AAAA,MACnD,SAAS,CAACC,MAAsBR,EAAK,SAASQ,CAAK;AAAA,MACnD,UAAU,MAAM;AACf,QAAAN,EAAO,QAAQ,IACfF,EAAK,QAAQ;AAAA,MACd;AAAA,MACA,YAAY,MAAM;AACjB,QAAAE,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,uBAAuB,CAACS,MACvBT,EAAK,qBAAqBS,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index66.js","sources":["../src/components/BbDatePickerInput/BbDatePickerInput.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-date-picker-input\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors }\">\n\t\t\t<BaseDatePickerInput\n\t\t\t\t:id=\"id\"\n\t\t\t\t:allow-writing=\"allowWriting\"\n\t\t\t\t:append:icon=\"$props['append:icon']\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:first-day-of-week=\"firstDayOfWeek\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:loading=\"loading\"\n\t\t\t\t:max=\"max\"\n\t\t\t\t:min=\"min\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:prepend:icon=\"$props['prepend:icon']\"\n\t\t\t\t:range=\"range\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t:width=\"width\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t</BaseDatePickerInput>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseDatePickerInput from '../BaseDatePickerInput/BaseDatePickerInput.vue';\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport type { BaseDatePickerInputEvents } from '../BaseDatePickerInput/BaseDatePickerInput.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} from 'vue';\nimport type { Locale } from 'dayjs/locale/it';\n\nexport type BbDatePickerInputProps = {\n\t/**\n\t * Allows typing into the input.\n\t */\n\tallowWriting?: boolean | 'not-mobile';\n\n\t/**\n\t * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\n\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n\t */\n\tdirection?: 'horizontal' | 'vertical' | 'auto' | string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Can be a string or an array of string containing the messages to display.\n\t */\n\terrors?: string | string[];\n\n\t/**\n\t * Defines the first day of the week with `0` meaning Sunday and `6` meaning Saturday\n\t */\n\tfirstDayOfWeek?: Locale['weekStart'];\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 * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Text content of the label of the element.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Sets the text alignment of the label.\n\t */\n\tlabelPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * Sets the component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\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 * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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 * Sets the input as required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: 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\t/**\n\t * Width of the calendar\n\t */\n\twidth?: number | string;\n};\n\nconst props = withDefaults(defineProps<BbDatePickerInputProps>(), {\n\tallowWriting: true,\n});\n\nexport type BbDatePickerInputEvents = BaseDatePickerInputEvents;\n\nconst emit = defineEmits<BbDatePickerInputEvents>();\n\ndefineSlots<{\n\t'prepend-outer'?: (props: object) => any;\n\tprepend?: (props: object) => any;\n\tappend?: (props: object) => any;\n\t'append-outer'?: (props: object) => any;\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n}>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonError: (message: string) => emit('error', message),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonActive: () => {\n\t\tactive.value = true;\n\t\temit('active');\n\t},\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\n\t'onUpdate:modelValue': (value: BbDatePickerInputProps['modelValue']) =>\n\t\temit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbDatePickerInput';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","message","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MA,UAAMA,IAAQC,GAMRC,IAAOC,GAUPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,SAAS,CAACC,MAAoBP,EAAK,SAASO,CAAO;AAAA,MACnD,SAAS,CAACC,MAAsBR,EAAK,SAASQ,CAAK;AAAA,MACnD,UAAU,MAAM;AACf,QAAAN,EAAO,QAAQ,IACfF,EAAK,QAAQ;AAAA,MACd;AAAA,MACA,YAAY,MAAM;AACjB,QAAAE,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,uBAAuB,CAACS,MACvBT,EAAK,qBAAqBS,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}