bitboss-ui 0.2.76 → 1.0.0

package/dist/index91.js

@@ -1,158 +1,2 @@
-import { defineComponent as m, openBlock as c, createBlock as b, withCtx as n, renderSlot as a, normalizeProps as l, guardReactiveProps as t, createVNode as h, mergeProps as y } from "vue";
-import f from "./index21.js";
-import "./index22.js";
-import g from "./index31.js";
-import "./index32.js";
-const S = /* @__PURE__ */ m({
-  __name: "BbSelect",
-  props: {
-    addOptions: { type: Boolean },
-    allowWriting: { type: Boolean, default: !0 },
-    autocomplete: {},
-    autofocus: {},
-    comma: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
-    direction: {},
-    disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    id: {},
-    items: {},
-    itemText: {},
-    itemValue: {},
-    label: {},
-    labelPosition: {},
-    loadingText: {},
-    matchStrategy: {},
-    modelValue: {},
-    modelValueDebounceTime: {},
-    multiple: { type: Boolean },
-    name: {},
-    noDataText: {},
-    placeholder: {},
-    prefill: { type: [Boolean, String], default: "focus" },
-    queryDebounceTime: {},
-    readonly: {},
-    resetQueryOnOptionSelected: { type: Boolean },
-    reverse: { type: Boolean },
-    stash: { type: Boolean },
-    transitionDuration: {},
-    updateOnAnimationFrame: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(B, { emit: s }) {
-    const i = s, p = {
-      onBlur: (e) => i("blur", e),
-      onChange: (e) => i("change", e),
-      onClick: (e) => i("click", e),
-      onFocus: (e) => i("focus", e),
-      onInactive: () => i("inactive"),
-      onInput: (e) => i("input", e),
-      "onUpdate:modelValue": (e) => i("update:modelValue", e)
-    };
-    return (e, v) => (c(), b(f, {
-      id: e.id,
-      class: "bb-select",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse
-    }, {
-      label: n((r) => [
-        a(e.$slots, "label", l(t(r)))
-      ]),
-      input: n(({ id: r, name: d, hasErrors: u }) => [
-        h(g, y({
-          id: r,
-          "add-options": e.addOptions,
-          "allow-writing": e.allowWriting,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          comma: e.comma,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "filter-by": e.filterBy,
-          "has-errors": u,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          "loading-text": e.loadingText,
-          "match-strategy": e.matchStrategy,
-          "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          multiple: e.multiple,
-          name: d,
-          "no-data-text": e.noDataText,
-          placeholder: e.placeholder,
-          prefill: e.prefill,
-          "query-debounce-time": e.queryDebounceTime,
-          readonly: e.readonly,
-          "reset-query-on-option-selected": e.resetQueryOnOptionSelected,
-          stash: e.stash,
-          "transition-duration": e.transitionDuration,
-          "update-on-animation-frame": e.updateOnAnimationFrame
-        }, p), {
-          "append-outer": n((o) => [
-            a(e.$slots, "append-outer", l(t(o)))
-          ]),
-          append: n((o) => [
-            a(e.$slots, "append", l(t(o)))
-          ]),
-          chevron: n((o) => [
-            a(e.$slots, "chevron", l(t(o)))
-          ]),
-          loading: n((o) => [
-            a(e.$slots, "loading", l(t(o)))
-          ]),
-          "no-data": n((o) => [
-            a(e.$slots, "no-data", l(t(o)))
-          ]),
-          "option:append": n((o) => [
-            a(e.$slots, "option:append", l(t(o)))
-          ]),
-          "option:prepend": n((o) => [
-            a(e.$slots, "option:prepend", l(t(o)))
-          ]),
-          option: n((o) => [
-            a(e.$slots, "option", l(t(o)))
-          ]),
-          "options:append": n((o) => [
-            a(e.$slots, "options:append", l(t(o)))
-          ]),
-          "options:prepend": n((o) => [
-            a(e.$slots, "options:prepend", l(t(o)))
-          ]),
-          "prepend-outer": n((o) => [
-            a(e.$slots, "prepend-outer", l(t(o)))
-          ]),
-          prepend: n((o) => [
-            a(e.$slots, "prepend", l(t(o)))
-          ]),
-          spinner: n((o) => [
-            a(e.$slots, "spinner", l(t(o)))
-          ]),
-          chip: n((o) => [
-            a(e.$slots, "chip", l(t(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "add-options", "allow-writing", "autocomplete", "autofocus", "comma", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading-text", "match-strategy", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "query-debounce-time", "readonly", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "label", "label-position", "model-value", "name", "reverse"]));
-  }
-});
-export {
-  S as default
-};
+
 //# sourceMappingURL=index91.js.map

package/dist/index91.js.map

@@ -1 +1 @@
-{"version":3,"file":"index91.js","sources":["../src/components/BbSelect/BbSelect.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-select\"\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: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>\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<BaseSelect\n\t\t\t\t:id=\"id\"\n\t\t\t\t:add-options=\"addOptions\"\n\t\t\t\t:allow-writing=\"allowWriting\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:comma=\"comma\"\n\t\t\t\t:dependencies=\"dependencies\"\n\t\t\t\t:deps-debounce-time=\"depsDebounceTime\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:enforce-coherence=\"enforceCoherence\"\n\t\t\t\t:filter-by=\"filterBy\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:item-text=\"<any>itemText\"\n\t\t\t\t:item-value=\"<any>itemValue\"\n\t\t\t\t:items=\"items\"\n\t\t\t\t:loading-text=\"loadingText\"\n\t\t\t\t:match-strategy=\"matchStrategy\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:model-value-debounce-time=\"modelValueDebounceTime\"\n\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:no-data-text=\"noDataText\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:prefill=\"prefill\"\n\t\t\t\t:query-debounce-time=\"queryDebounceTime\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:reset-query-on-option-selected=\"resetQueryOnOptionSelected\"\n\t\t\t\t:stash=\"stash\"\n\t\t\t\t:transition-duration=\"transitionDuration\"\n\t\t\t\t:update-on-animation-frame=\"updateOnAnimationFrame\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer=\"data\"\n\t\t\t\t\t><slot name=\"append-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #chevron=\"data\"\n\t\t\t\t\t><slot name=\"chevron\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #loading=\"data\"\n\t\t\t\t\t><slot name=\"loading\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #no-data=\"data\"\n\t\t\t\t\t><slot name=\"no-data\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #option:append=\"data\"\n\t\t\t\t\t><slot name=\"option:append\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #option:prepend=\"data\"\n\t\t\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #option=\"data\"><slot name=\"option\" v-bind=\"data\" /></template>\n\t\t\t\t<template #options:append=\"data\"\n\t\t\t\t\t><slot name=\"options:append\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #options:prepend=\"data\"\n\t\t\t\t\t><slot name=\"options:prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #prepend-outer=\"data\"\n\t\t\t\t\t><slot name=\"prepend-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #spinner=\"data\"\n\t\t\t\t\t><slot name=\"spinner\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #chip=\"data\"><slot name=\"chip\" v-bind=\"data\" /></template>\n\t\t\t</BaseSelect>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T = any\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSelect from '../BaseSelect/BaseSelect.vue';\nimport type { BaseSelectEvents } from '../BaseSelect/BaseSelect.vue';\nimport type { NestedKeyOf } from '@/types/NestedKeyOf';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BbSelectProps<T> = {\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;\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 * 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 * 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 * 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 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: T) => 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 * 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| ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>)\n\t\t| ((query: string, 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 * 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 * String displayed while items are being loaded.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * Defines the strategy used to understand whether an option has been selected.\n\t * `string` is 40% faster but relies on property order.\n\t * `equality` is more reliable but is slower.\n\t */\n\tmatchStrategy?: 'string' | 'equality';\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 * 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?: InputHTMLAttributes['readonly'];\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 * 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 * 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};\n\nexport type BbSelectEvents = BaseSelectEvents;\n\nexport type BbSelectSlots<T> = {\n\tappend?: (props: object) => any;\n\n\t'append-outer'?: (props: object) => any;\n\n\tchevron?: (props: { loading: boolean; shown: boolean }) => any;\n\n\tchip?: (props: {\n\t\tdisabled: boolean;\n\t\thasErrors?: boolean;\n\t\tindex: number;\n\t\titem: T;\n\t\tloading: boolean;\n\t\tmanual: boolean;\n\t\tselected: boolean;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\n\tloading?: (props: { query: string }) => any;\n\n\t'no-data'?: (props: { query: string }) => any;\n\n\toption?: (props: {\n\t\tdisabled: boolean;\n\t\tfocused: boolean;\n\t\thasErrors?: boolean;\n\t\tindex: number;\n\t\titem: T;\n\t\tloading: boolean;\n\t\tmanual: boolean;\n\t\tselected: boolean;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\n\t'option:append'?: (props: { item: T }) => any;\n\n\t'option:prepend'?: (props: { item: T }) => any;\n\n\t'options:append'?: (props: object) => any;\n\n\t'options:prepend'?: (props: object) => any;\n\n\tprepend?: (props: object) => any;\n\n\t'prepend-outer'?: (props: object) => any;\n\n\tspinner?: (props: { loading: boolean }) => any;\n};\n\nwithDefaults(defineProps<BbSelectProps<T>>(), {\n\tallowWriting: true,\n\tprefill: 'focus',\n\tfilterBy: () => [],\n});\n\nconst emit = defineEmits<BbSelectEvents>();\ndefineSlots<BbSelectSlots<T>>();\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonInactive: () => emit('inactive'),\n\tonInput: (event: Event) => emit('input', event),\n\t'onUpdate:modelValue': (value: any) => emit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSelect';\n</style>\n"],"names":["emit","__emit","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2XA,UAAMA,IAAOC,GAGPC,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBH,EAAK,QAAQG,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBH,EAAK,UAAUG,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,YAAY,MAAMH,EAAK,UAAU;AAAA,MACjC,SAAS,CAACG,MAAiBH,EAAK,SAASG,CAAK;AAAA,MAC9C,uBAAuB,CAACC,MAAeJ,EAAK,qBAAqBI,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index91.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index92.js

@@ -1,2 +1,167 @@
-
+import { defineComponent as f, ref as v, computed as g, openBlock as B, createBlock as $, withCtx as n, renderSlot as a, normalizeProps as t, guardReactiveProps as i, createVNode as T, mergeProps as V } from "vue";
+import w from "./index22.js";
+import "./index23.js";
+import D from "./index32.js";
+import "./index33.js";
+const F = /* @__PURE__ */ f({
+  __name: "BbSelect",
+  props: {
+    addOptions: { type: Boolean },
+    allowWriting: { type: Boolean, default: !0 },
+    autocomplete: {},
+    autofocus: {},
+    comma: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: {},
+    direction: {},
+    disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    items: {},
+    itemText: {},
+    itemValue: {},
+    label: {},
+    labelPosition: {},
+    loadingText: {},
+    matchStrategy: {},
+    modelValue: {},
+    modelValueDebounceTime: {},
+    multiple: { type: Boolean },
+    name: {},
+    noDataText: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    prefill: { type: [Boolean, String], default: "focus" },
+    queryDebounceTime: {},
+    readonly: {},
+    resetQueryOnOptionSelected: { type: Boolean },
+    reverse: { type: Boolean },
+    stash: { type: Boolean },
+    transitionDuration: {},
+    updateOnAnimationFrame: { type: Boolean }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
+  setup(p, { emit: d }) {
+    const u = p, l = d, r = v(!1), m = g(() => u.persistentHint || r.value), c = {
+      onBlur: (e) => l("blur", e),
+      onChange: (e) => l("change", e),
+      onClick: (e) => l("click", e),
+      onFocus: (e) => {
+        r.value = !0, l("focus", e);
+      },
+      onInactive: () => {
+        r.value = !1, l("inactive");
+      },
+      onInput: (e) => l("input", e),
+      "onUpdate:modelValue": (e) => l("update:modelValue", e)
+    };
+    return (e, O) => (B(), $(w, {
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      id: e.id,
+      "label-position": e.labelPosition,
+      label: e.label,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value,
+      class: "bb-select"
+    }, {
+      label: n((s) => [
+        a(e.$slots, "label", t(i(s)))
+      ]),
+      input: n(({ id: s, name: h, hasErrors: b, ariaDescribedby: y }) => [
+        T(D, V({
+          "add-options": e.addOptions,
+          "allow-writing": e.allowWriting,
+          "aria-describedby": y,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          comma: e.comma,
+          dependencies: e.dependencies,
+          "deps-debounce-time": e.depsDebounceTime,
+          disabled: e.disabled,
+          "enforce-coherence": e.enforceCoherence,
+          "filter-by": e.filterBy,
+          "has-errors": b,
+          id: s,
+          "item-text": e.itemText,
+          "item-value": e.itemValue,
+          items: e.items,
+          "loading-text": e.loadingText,
+          "match-strategy": e.matchStrategy,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          "model-value": e.modelValue,
+          multiple: e.multiple,
+          name: h,
+          "no-data-text": e.noDataText,
+          placeholder: e.placeholder,
+          prefill: e.prefill,
+          "query-debounce-time": e.queryDebounceTime,
+          readonly: e.readonly,
+          "reset-query-on-option-selected": e.resetQueryOnOptionSelected,
+          stash: e.stash,
+          "transition-duration": e.transitionDuration,
+          "update-on-animation-frame": e.updateOnAnimationFrame
+        }, c), {
+          "append-outer": n((o) => [
+            a(e.$slots, "append-outer", t(i(o)))
+          ]),
+          append: n((o) => [
+            a(e.$slots, "append", t(i(o)))
+          ]),
+          chevron: n((o) => [
+            a(e.$slots, "chevron", t(i(o)))
+          ]),
+          loading: n((o) => [
+            a(e.$slots, "loading", t(i(o)))
+          ]),
+          "no-data": n((o) => [
+            a(e.$slots, "no-data", t(i(o)))
+          ]),
+          "option:append": n((o) => [
+            a(e.$slots, "option:append", t(i(o)))
+          ]),
+          "option:prepend": n((o) => [
+            a(e.$slots, "option:prepend", t(i(o)))
+          ]),
+          option: n((o) => [
+            a(e.$slots, "option", t(i(o)))
+          ]),
+          "options:append": n((o) => [
+            a(e.$slots, "options:append", t(i(o)))
+          ]),
+          "options:prepend": n((o) => [
+            a(e.$slots, "options:prepend", t(i(o)))
+          ]),
+          "prepend-outer": n((o) => [
+            a(e.$slots, "prepend-outer", t(i(o)))
+          ]),
+          prepend: n((o) => [
+            a(e.$slots, "prepend", t(i(o)))
+          ]),
+          spinner: n((o) => [
+            a(e.$slots, "spinner", t(i(o)))
+          ]),
+          chip: n((o) => [
+            a(e.$slots, "chip", t(i(o)))
+          ]),
+          _: 2
+        }, 1040, ["add-options", "allow-writing", "aria-describedby", "autocomplete", "autofocus", "comma", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "id", "item-text", "item-value", "items", "loading-text", "match-strategy", "model-value-debounce-time", "model-value", "multiple", "name", "no-data-text", "placeholder", "prefill", "query-debounce-time", "readonly", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
+      ]),
+      _: 3
+    }, 8, ["direction", "errors", "has-errors", "hide-label", "hint", "id", "label-position", "label", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  F as default
+};
 //# sourceMappingURL=index92.js.map

package/dist/index92.js.map

@@ -1 +1 @@
-{"version":3,"file":"index92.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index92.js","sources":["../src/components/BbSelect/BbSelect.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\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:id=\"id\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label=\"label\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\tclass=\"bb-select\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseSelect\n\t\t\t\t:add-options=\"addOptions\"\n\t\t\t\t:allow-writing=\"allowWriting\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:comma=\"comma\"\n\t\t\t\t:dependencies=\"dependencies\"\n\t\t\t\t:deps-debounce-time=\"depsDebounceTime\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:enforce-coherence=\"enforceCoherence\"\n\t\t\t\t:filter-by=\"filterBy\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:id=\"id\"\n\t\t\t\t:item-text=\"<any>itemText\"\n\t\t\t\t:item-value=\"<any>itemValue\"\n\t\t\t\t:items=\"items\"\n\t\t\t\t:loading-text=\"loadingText\"\n\t\t\t\t:match-strategy=\"matchStrategy\"\n\t\t\t\t:model-value-debounce-time=\"modelValueDebounceTime\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:no-data-text=\"noDataText\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:prefill=\"prefill\"\n\t\t\t\t:query-debounce-time=\"queryDebounceTime\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:reset-query-on-option-selected=\"resetQueryOnOptionSelected\"\n\t\t\t\t:stash=\"stash\"\n\t\t\t\t:transition-duration=\"transitionDuration\"\n\t\t\t\t:update-on-animation-frame=\"updateOnAnimationFrame\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append-outer=\"data\"\n\t\t\t\t\t><slot name=\"append-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #chevron=\"data\"\n\t\t\t\t\t><slot name=\"chevron\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #loading=\"data\"\n\t\t\t\t\t><slot name=\"loading\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #no-data=\"data\"\n\t\t\t\t\t><slot name=\"no-data\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #option:append=\"data\"\n\t\t\t\t\t><slot name=\"option:append\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #option:prepend=\"data\"\n\t\t\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #option=\"data\"><slot name=\"option\" v-bind=\"data\" /></template>\n\t\t\t\t<template #options:append=\"data\"\n\t\t\t\t\t><slot name=\"options:append\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #options:prepend=\"data\"\n\t\t\t\t\t><slot name=\"options:prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #prepend-outer=\"data\"\n\t\t\t\t\t><slot name=\"prepend-outer\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #spinner=\"data\"\n\t\t\t\t\t><slot name=\"spinner\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #chip=\"data\"><slot name=\"chip\" v-bind=\"data\" /></template>\n\t\t\t</BaseSelect>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T = any\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSelect from '../BaseSelect/BaseSelect.vue';\nimport type { BaseSelectEvents } from '../BaseSelect/BaseSelect.vue';\nimport type { NestedKeyOf } from '@/types/NestedKeyOf';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} from 'vue';\n\nexport type BbSelectProps<T> = {\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;\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 * 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 * 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 * 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 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: T) => 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 * 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 * Used to retrieve items can be an array or a function.\n\t */\n\titems:\n\t\t| T[]\n\t\t| ((query: string, prefill: boolean, modelValue: any) => Promise<T[]>)\n\t\t| ((query: string, 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 * 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 * String displayed while items are being loaded.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * Defines the strategy used to understand whether an option has been selected.\n\t * `string` is 40% faster but relies on property order.\n\t * `equality` is more reliable but is slower.\n\t */\n\tmatchStrategy?: 'string' | 'equality';\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 * 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 * 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 * 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?: InputHTMLAttributes['readonly'];\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 * 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 * 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};\n\nexport type BbSelectEvents = BaseSelectEvents;\n\nexport type BbSelectSlots<T> = {\n\tappend?: (props: object) => any;\n\n\t'append-outer'?: (props: object) => any;\n\n\tchevron?: (props: { loading: boolean; shown: boolean }) => any;\n\n\tchip?: (props: {\n\t\tdisabled: boolean;\n\t\thasErrors?: boolean;\n\t\tindex: number;\n\t\titem: T;\n\t\tloading: boolean;\n\t\tmanual: boolean;\n\t\tselected: boolean;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\n\tloading?: (props: { query: string }) => any;\n\n\t'no-data'?: (props: { query: string }) => any;\n\n\toption?: (props: {\n\t\tdisabled: boolean;\n\t\tfocused: boolean;\n\t\thasErrors?: boolean;\n\t\tindex: number;\n\t\titem: T;\n\t\tloading: boolean;\n\t\tmanual: boolean;\n\t\tselected: boolean;\n\t\ttext: string;\n\t\tvalue: any;\n\t}) => any;\n\n\t'option:append'?: (props: { item: T }) => any;\n\n\t'option:prepend'?: (props: { item: T }) => any;\n\n\t'options:append'?: (props: object) => any;\n\n\t'options:prepend'?: (props: object) => any;\n\n\tprepend?: (props: object) => any;\n\n\t'prepend-outer'?: (props: object) => any;\n\n\tspinner?: (props: { loading: boolean }) => any;\n};\n\nconst props = withDefaults(defineProps<BbSelectProps<T>>(), {\n\tallowWriting: true,\n\tprefill: 'focus',\n\tfilterBy: () => [],\n});\n\nconst emit = defineEmits<BbSelectEvents>();\ndefineSlots<BbSelectSlots<T>>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\n\tonInput: (event: Event) => emit('input', event),\n\t'onUpdate:modelValue': (value: any) => emit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSelect';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuYA,UAAMA,IAAQC,GAMRC,IAAOC,GAGPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAE9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBP,EAAK,QAAQO,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,YAAY,MAAM;AACjB,QAAAL,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAACO,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,uBAAuB,CAACC,MAAeR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index93.js

@@ -1,87 +1,2 @@
-import { defineComponent as u, openBlock as b, createBlock as c, withCtx as r, renderSlot as l, normalizeProps as i, guardReactiveProps as s, createVNode as v, mergeProps as f } from "vue";
-import h from "./index21.js";
-import "./index22.js";
-import y from "./index33.js";
-import "./index34.js";
-const E = /* @__PURE__ */ u({
-  __name: "BbSlider",
-  props: {
-    autofocus: {},
-    color: {},
-    direction: {},
-    disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    id: {},
-    label: {},
-    labelPosition: {},
-    max: {},
-    min: {},
-    modelValue: {},
-    name: {},
-    readonly: {},
-    reverse: { type: Boolean },
-    step: {}
-  },
-  emits: ["click", "end", "focus", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "start", "update:modelValue"],
-  setup(P, { emit: d }) {
-    const o = d, t = {
-      onClick: (e) => o("click", e),
-      onEnd: (e) => o("end", e),
-      onFocus: (e) => o("focus", e),
-      onInactive: () => o("inactive"),
-      onKeydown: (e) => o("keydown", e),
-      onPointerdown: (e) => o("pointerdown", e),
-      onPointermove: (e) => o("pointermove", e),
-      onPointerup: (e) => o("pointerup", e),
-      onStart: (e) => o("start", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return (e, k) => (b(), c(h, {
-      id: e.id,
-      class: "bb-slider",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse
-    }, {
-      label: r((a) => [
-        l(e.$slots, "label", i(s(a)))
-      ]),
-      input: r(({ id: a, name: p, hasErrors: m }) => [
-        v(y, f({
-          id: a,
-          autofocus: e.autofocus,
-          color: e.color,
-          disabled: e.disabled,
-          "has-errors": m,
-          max: e.max,
-          min: e.min,
-          "model-value": e.modelValue,
-          name: p,
-          readonly: e.readonly,
-          step: e.step
-        }, t), {
-          append: r((n) => [
-            l(e.$slots, "append", i(s(n)))
-          ]),
-          prepend: r((n) => [
-            l(e.$slots, "prepend", i(s(n)))
-          ]),
-          _: 2
-        }, 1040, ["id", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "readonly", "step"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "label", "label-position", "model-value", "name", "reverse"]));
-  }
-});
-export {
-  E as default
-};
+
 //# sourceMappingURL=index93.js.map

package/dist/index93.js.map

@@ -1 +1 @@
-{"version":3,"file":"index93.js","sources":["../src/components/BbSlider/BbSlider.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-slider\"\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: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>\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<BaseSlider\n\t\t\t\t:id=\"id\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\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:readonly=\"readonly\"\n\t\t\t\t:step=\"step\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t</BaseSlider>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSlider from '../BaseSlider/BaseSlider.vue';\nimport type {\n\tBaseSliderEvents,\n\tBaseSliderSlots,\n} from '../BaseSlider/BaseSlider.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BbSliderProps = {\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 * 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 * 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 * 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 * Maximum value cap.\n\t */\n\tmax?: number;\n\n\t/**\n\t * Minimum value cap.\n\t */\n\tmin?: number;\n\n\t/**\n\t * Used by v-model.\n\t */\n\tmodelValue: number | string | null;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\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 * The step attribute is a number that specifies the granularity that the value must adhere to.\n\t */\n\tstep?: number;\n};\ndefineProps<BbSliderProps>();\n\nexport type BbSliderEvents = BaseSliderEvents;\n\nconst emit = defineEmits<BbSliderEvents>();\n\ntype BbSliderSlots = BaseSliderSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbSliderSlots>();\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonEnd: (value: BbSliderProps['modelValue']) => emit('end', value),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonInactive: () => emit('inactive'),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonPointerdown: (event: PointerEvent) => emit('pointerdown', event),\n\tonPointermove: (event: PointerEvent) => emit('pointermove', event),\n\tonPointerup: (event: PointerEvent) => emit('pointerup', event),\n\tonStart: (value: BbSliderProps['modelValue']) => emit('start', value),\n\t'onUpdate:modelValue': (value: number) => emit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSlider';\n</style>\n"],"names":["emit","__emit","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6IA,UAAMA,IAAOC,GAWPC,IAAiB;AAAA,MACtB,SAAS,CAACC,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,OAAO,CAACC,MAAuCJ,EAAK,OAAOI,CAAK;AAAA,MAChE,SAAS,CAACD,MAAsBH,EAAK,SAASG,CAAK;AAAA,MACnD,YAAY,MAAMH,EAAK,UAAU;AAAA,MACjC,WAAW,CAACG,MAAyBH,EAAK,WAAWG,CAAK;AAAA,MAC1D,eAAe,CAACA,MAAwBH,EAAK,eAAeG,CAAK;AAAA,MACjE,eAAe,CAACA,MAAwBH,EAAK,eAAeG,CAAK;AAAA,MACjE,aAAa,CAACA,MAAwBH,EAAK,aAAaG,CAAK;AAAA,MAC7D,SAAS,CAACC,MAAuCJ,EAAK,SAASI,CAAK;AAAA,MACpE,uBAAuB,CAACA,MAAkBJ,EAAK,qBAAqBI,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index93.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index94.js

@@ -1,2 +1,113 @@
-
+import { defineComponent as f, ref as y, computed as k, openBlock as w, createBlock as B, withCtx as a, renderSlot as n, normalizeProps as l, guardReactiveProps as i, createVNode as $, mergeProps as g } from "vue";
+import P from "./index22.js";
+import "./index23.js";
+import V from "./index34.js";
+import "./index35.js";
+const z = /* @__PURE__ */ f({
+  __name: "BbSlider",
+  props: {
+    autofocus: {},
+    color: {},
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    range: { type: Boolean },
+    readonly: {},
+    reverse: { type: Boolean },
+    step: {},
+    thumbTranslate: { type: Boolean, default: !0 },
+    ticks: { type: Boolean }
+  },
+  emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
+  setup(d, { emit: m }) {
+    const p = d, r = m, s = y(!1), u = k(() => p.persistentHint || s.value), b = {
+      onClick: (e) => r("click", e),
+      onFocus: (e) => r("focus", e),
+      onActive: () => {
+        s.value = !0, r("active");
+      },
+      onInactive: () => {
+        s.value = !1, r("inactive");
+      },
+      onKeydown: (e) => r("keydown", e),
+      onPointerdown: (e) => r("pointerdown", e),
+      onPointermove: (e) => r("pointermove", e),
+      onPointerup: (e) => r("pointerup", e),
+      "onUpdate:modelValue": (e) => r("update:modelValue", e)
+    };
+    return (e, C) => (w(), B(P, {
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      id: e.id,
+      "label-position": e.labelPosition,
+      label: e.label,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": u.value,
+      class: "bb-slider"
+    }, {
+      label: a((t) => [
+        n(e.$slots, "label", l(i(t)))
+      ]),
+      input: a(({ id: t, name: h, hasErrors: c, ariaDescribedby: v }) => [
+        $(V, g({
+          "aria-describedby": v,
+          autofocus: e.autofocus,
+          color: e.color,
+          disabled: e.disabled,
+          "has-errors": c,
+          id: t,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: h,
+          range: e.range,
+          readonly: e.readonly,
+          step: e.step,
+          "thumb-translate": e.thumbTranslate,
+          ticks: e.ticks
+        }, b), {
+          append: a((o) => [
+            n(e.$slots, "append", l(i(o)))
+          ]),
+          prepend: a((o) => [
+            n(e.$slots, "prepend", l(i(o)))
+          ]),
+          thumb: a((o) => [
+            n(e.$slots, "thumb", l(i(o)))
+          ]),
+          "thumb:lower": a((o) => [
+            n(e.$slots, "thumb:lower", l(i(o)))
+          ]),
+          "thumb:higher": a((o) => [
+            n(e.$slots, "thumb:higher", l(i(o)))
+          ]),
+          tick: a((o) => [
+            n(e.$slots, "tick", l(i(o)))
+          ]),
+          _: 2
+        }, 1040, ["aria-describedby", "autofocus", "color", "disabled", "has-errors", "id", "max", "min", "model-value", "name", "range", "readonly", "step", "thumb-translate", "ticks"])
+      ]),
+      _: 3
+    }, 8, ["direction", "errors", "has-errors", "hide-label", "hint", "id", "label-position", "label", "model-value", "name", "reverse", "show-hint"]));
+  }
+});
+export {
+  z as default
+};
 //# sourceMappingURL=index94.js.map

package/dist/index94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index94.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index94.js","sources":["../src/components/BbSlider/BbSlider.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\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:id=\"id\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label=\"label\"\n\t\t:model-value=\"modelValue\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\tclass=\"bb-slider\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseSlider\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:id=\"id\"\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:range=\"range\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:step=\"step\"\n\t\t\t\t:thumb-translate=\"thumbTranslate\"\n\t\t\t\t:ticks=\"ticks\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #thumb=\"data\"><slot name=\"thumb\" v-bind=\"data\" /></template>\n\t\t\t\t<template #thumb:lower=\"data\"\n\t\t\t\t\t><slot name=\"thumb:lower\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #thumb:higher=\"data\"\n\t\t\t\t\t><slot name=\"thumb:higher\" v-bind=\"data\"\n\t\t\t\t/></template>\n\t\t\t\t<template #tick=\"data\"><slot name=\"tick\" v-bind=\"data\" /></template>\n\t\t\t</BaseSlider>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSlider from '../BaseSlider/BaseSlider.vue';\nimport type {\n\tBaseSliderEvents,\n\tBaseSliderSlots,\n} from '../BaseSlider/BaseSlider.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} from 'vue';\n\nexport type BbSliderProps = {\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 * 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 * 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 * Maximum value cap.\n\t */\n\tmax?: number;\n\n\t/**\n\t * Minimum value cap.\n\t */\n\tmin?: number;\n\n\t/**\n\t * Used by v-model.\n\t */\n\tmodelValue: number[] | number | 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 * Set the input as range.\n\t * modelValue must be an array\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 * 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 * The step attribute is a number that specifies the granularity that the value must adhere to.\n\t */\n\tstep?: number;\n\n\t/**\n\t * Proportionally translates the thumb so it remains on track. Set it to false when displaying ticks so they align with less effort.\n\t */\n\tthumbTranslate?: boolean;\n\n\t/**\n\t * Displays ticks on step\n\t */\n\tticks?: boolean;\n};\n\nconst props = withDefaults(defineProps<BbSliderProps>(), {\n\tthumbTranslate: true,\n});\n\nexport type BbSliderEvents = BaseSliderEvents;\n\nconst emit = defineEmits<BbSliderEvents>();\n\ntype BbSliderSlots = BaseSliderSlots & {\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BbSliderSlots>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonClick: (event: MouseEvent) => emit('click', event),\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\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonPointerdown: (event: PointerEvent) => emit('pointerdown', event),\n\tonPointermove: (event: PointerEvent) => emit('pointermove', event),\n\tonPointerup: (event: PointerEvent) => emit('pointerup', event),\n\t'onUpdate:modelValue': (value: number | number[]) =>\n\t\temit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSlider';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuLA,UAAMA,IAAQC,GAMRC,IAAOC,GAQPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAK9DI,IAAiB;AAAA,MACtB,SAAS,CAACC,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,UAAU,MAAM;AACf,QAAAL,EAAO,QAAQ,IACfF,EAAK,QAAQ;AAAA,MACd;AAAA,MACA,YAAY,MAAM;AACjB,QAAAE,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,WAAW,CAACO,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,eAAe,CAACA,MAAwBP,EAAK,eAAeO,CAAK;AAAA,MACjE,eAAe,CAACA,MAAwBP,EAAK,eAAeO,CAAK;AAAA,MACjE,aAAa,CAACA,MAAwBP,EAAK,aAAaO,CAAK;AAAA,MAC7D,uBAAuB,CAACC,MACvBR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}