bitboss-ui 2.1.113 → 2.1.114

package/dist/index38.js

@@ -1,41 +1,42 @@
-import { defineComponent as _e, ref as v, computed as m, toRef as z, createBlock as K, openBlock as y, normalizeClass as ae, withCtx as n, createElementVNode as L, createVNode as F, createElementBlock as S, unref as g, renderSlot as s, createCommentVNode as V, withDirectives as et, Fragment as le, toDisplayString as tt, withKeys as B, withModifiers as f, normalizeStyle as ne, vModelDynamic as ot, normalizeProps as at, guardReactiveProps as lt, mergeProps as ue, renderList as nt, nextTick as U } from "vue";
-import ut from "./index116.js";
+import { defineComponent as et, ref as v, computed as m, toRef as z, createBlock as K, openBlock as y, normalizeClass as ae, withCtx as n, createElementVNode as L, createVNode as F, createElementBlock as S, unref as b, renderSlot as s, createCommentVNode as V, withDirectives as tt, Fragment as le, toDisplayString as ot, withKeys as B, withModifiers as f, normalizeStyle as ne, vModelDynamic as at, normalizeProps as lt, guardReactiveProps as nt, mergeProps as ue, renderList as ut, nextTick as U } from "vue";
+import rt from "./index116.js";
 /* empty css         */
-import { hash as W } from "./index238.js";
-import { isEmpty as rt } from "./index239.js";
-import { last as it } from "./index240.js";
-import { matchAnyKey as re } from "./index241.js";
-import { useArray as st } from "./index242.js";
-import { useBaseOptions as dt } from "./index243.js";
-import { useCoherence as pt } from "./index244.js";
-import { useHashedWatcher as ie } from "./index245.js";
-import { useId as ct } from "./index8.js";
-import { useIndexById as se } from "./index246.js";
-import { useMounted as mt, useElementSize as ft, useIntersectionObserver as vt } from "./index146.js";
-import { useItemsGetter as ht } from "./index247.js";
-import { useLocale as yt } from "./index233.js";
+import { hash as W } from "./index240.js";
+import { isEmpty as it } from "./index252.js";
+import { last as st } from "./index255.js";
+import { matchAnyKey as re } from "./index294.js";
+import { useArray as dt } from "./index295.js";
+import { useBaseOptions as pt } from "./index238.js";
+import { useCoherence as ct } from "./index239.js";
+import { useHashedWatcher as ie } from "./index241.js";
+import { useId as mt } from "./index8.js";
+import { useIndexById as se } from "./index237.js";
+import { useMounted as ft, useElementSize as vt, useIntersectionObserver as ht } from "./index146.js";
+import { useItemsGetter as yt } from "./index236.js";
+import { useLocale as gt } from "./index230.js";
 import { useMobile as bt } from "./index9.js";
-import { usePrefill as gt } from "./index248.js";
+import { usePrefill as Bt } from "./index242.js";
 import { wait as T } from "./index145.js";
-import { when as Bt } from "./index249.js";
-import wt from "./index250.js";
+import { when as wt } from "./index233.js";
+import Vt from "./index256.js";
 /* empty css         */
-import Vt from "./index252.js";
+import kt from "./index258.js";
 /* empty css         */
-import kt from "./index140.js";
+import It from "./index140.js";
 /* empty css         */
-import It from "./index142.js";
+import St from "./index142.js";
 /* empty css         */
-import St from "./index254.js";
+import $t from "./index253.js";
 /* empty css         */
-import $t from "./index256.js";
-import { useUntil as Ct } from "./index257.js";
-import { isNil as Dt } from "./index231.js";
-import { get as Ht } from "./index236.js";
-const Ot = { class: "bb-base-select__input-container" }, Lt = {
+import Ct from "./index296.js";
+import { useUntil as Dt } from "./index285.js";
+import { isNil as Ht } from "./index274.js";
+import { get as Ot } from "./index284.js";
+import { useLogger as Lt } from "./index243.js";
+const Ft = { class: "bb-base-select__input-container" }, Tt = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, Ft = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], fo = /* @__PURE__ */ _e({
+}, At = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], yo = /* @__PURE__ */ et({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -82,53 +83,54 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
   setup(de, { emit: pe }) {
-    const t = de, u = pe;
-    if (t.multiple && !Array.isArray(t.modelValue))
-      throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: ce } = yt(), me = mt(), E = v(null), $ = v(null), r = v(null), G = v(null), R = v(null), d = m(
+    const t = de, u = pe, ce = Lt();
+    t.multiple && !Array.isArray(t.modelValue) && ce.throw(
+      'BaseSelect: multiple is set to "true" but modelValue is not an array.'
+    );
+    const { t: me } = gt(), fe = ft(), A = v(null), $ = v(null), r = v(null), G = v(null), R = v(null), d = m(
       () => t.comma ? G.value : R.value
-    ), { width: fe } = ft($), { isMobile: ve } = bt(), he = m(
-      () => t.allowWriting === "not-mobile" && ve.value ? "none" : void 0
-    ), j = t.id || ct().id.value, { resume: ye, pause: be } = vt(
+    ), { width: ve } = vt($), { isMobile: he } = bt(), ye = m(
+      () => t.allowWriting === "not-mobile" && he.value ? "none" : void 0
+    ), j = t.id || mt().id.value, { resume: ge, pause: be } = ht(
       $,
       async ([{ intersectionRatio: e }]) => {
         e !== 1 && l.value && await I();
       },
       { threshold: [0, 1], immediate: !1 }
-    ), ge = m(() => ({
-      width: `${fe.value ?? 0}px`
-    })), A = v(null), q = v(), h = () => {
-      A.value instanceof HTMLInputElement && A.value.focus();
-    }, Be = async (e) => {
-      u("focus", e), je(), document.addEventListener("click", C), document.addEventListener("focusin", C);
-    }, we = () => {
-      t.prefill === "focus" && !Pe.value && !Y.value && Me();
-    }, Ve = async (e) => {
+    ), Be = m(() => ({
+      width: `${ve.value ?? 0}px`
+    })), E = v(null), q = v(), h = () => {
+      E.value instanceof HTMLInputElement && E.value.focus();
+    }, we = async (e) => {
+      u("focus", e), Je(), document.addEventListener("click", C), document.addEventListener("focusin", C);
+    }, Ve = () => {
+      t.prefill === "focus" && !Me.value && !Y.value && Ne();
+    }, ke = async (e) => {
       u("blur", e);
-    }, ke = (e) => u("change", e), Ie = (e) => {
-      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), d.value?.blur(), N.value && k(), Te(o.value, !1, t.modelValue);
-    }, Se = (e) => {
+    }, Ie = (e) => u("change", e), Se = (e) => {
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), d.value?.blur(), N.value && k(), Ae(o.value, !1, t.modelValue);
+    }, $e = (e) => {
       q.value = e;
     }, C = async (e) => {
-      if (e.target instanceof Node && E.value && !E.value.$el.contains(e.target) && !r.value?.$el?.contains(e.target)) {
-        I(), Je(), document.removeEventListener("click", C), document.removeEventListener("focusin", C), await T(t.transitionDuration), b();
+      if (e.target instanceof Node && A.value && !A.value.$el.contains(e.target) && !r.value?.$el?.contains(e.target)) {
+        I(), Qe(), document.removeEventListener("click", C), document.removeEventListener("focusin", C), await T(t.transitionDuration), g();
         return;
       }
-    }, w = m(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && p.value.length <= t.maxSelectedLabels)), $e = async () => {
+    }, w = m(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && p.value.length <= t.maxSelectedLabels)), Ce = async () => {
       w.value && (d.value?.blur(), l.value ? r.value?.focusPrevious() : (await k(), await T(t.transitionDuration), r.value?.focusLastSelected()));
-    }, Ce = async () => {
+    }, De = async () => {
       w.value && (d.value?.blur(), l.value ? r.value?.focusNext() : (await k(), await T(t.transitionDuration), r.value?.focusFirstSelected()));
-    }, De = (e) => {
+    }, He = (e) => {
       if (!w.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
       d.value?.focusPrevious();
       const a = d.value?.getHighlighted();
       a && r.value?.focusByHash(a.valueHash);
-    }, He = (e) => {
+    }, Oe = (e) => {
       if (!w.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
       d.value?.focusNext();
       const a = d.value?.getHighlighted();
       a && r.value?.focusByHash(a.valueHash);
-    }, Oe = async () => {
+    }, Le = async () => {
       if (!w.value)
         return;
       if (l.value) {
@@ -141,39 +143,39 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
         return;
       }
       const e = o.value.trim();
-      Ne(e) || (u("option:add", e), o.value = "");
-    }, Le = async () => {
-      l.value && await I();
+      xe(e) || (u("option:add", e), o.value = "");
     }, Fe = async () => {
+      l.value && await I();
+    }, Te = async () => {
       !w.value || o.value || !p.value.length || (d.value?.getHighlighted() && d.value.confirmOption(), await U(), d.value?.focusPrevious());
     }, o = v(""), {
       getter: P,
-      debouncedGetter: Te,
+      debouncedGetter: Ae,
       items: Ee,
       loading: J
-    } = ht({
+    } = yt({
       items: z(t, "items"),
       debounce: t.queryDebounceTime
     }), {
       array: Q,
       add: X,
-      remove: Ae,
-      set: qe
-    } = st(), {
+      remove: qe,
+      set: Pe
+    } = dt(), {
       hasPrefilled: Y,
-      isPrefilling: Pe,
-      prefill: Me
-    } = gt({
+      isPrefilling: Me,
+      prefill: Ne
+    } = Bt({
       trigger: t.prefill === !0,
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async (e) => {
-        await P(o.value, e, t.modelValue), t.stash && X(...D.value.map((a) => a.item)), b();
+        await P(o.value, e, t.modelValue), t.stash && X(...D.value.map((a) => a.item)), g();
       }
-    }), { data: Z, get: Ne } = se({
+    }), { data: Z, get: xe } = se({
       // Force model value to be an array
       items: m(() => [].concat(t.modelValue))
-    }), { options: D } = dt({
+    }), { options: D } = pt({
       disabled: z(t, "disabled"),
       items: m(() => [...Ee.value, ...Q.value]),
       itemText: t.itemText,
@@ -184,7 +186,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
     }), { data: _ } = se({
       items: D,
       key: "valueHash"
-    }), { coherent: ee, coherentValue: te } = pt({
+    }), { coherent: ee, coherentValue: te } = ct({
       modelValue: z(t, "modelValue"),
       multiple: t.multiple,
       iteratee: (e) => !!_.value[W(e)]
@@ -194,31 +196,31 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
     ie(
       () => t.modelValue,
       async () => {
-        ee.value || (await P(o.value, !0, t.modelValue), t.enforceCoherence && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur())), b();
+        ee.value || (await P(o.value, !0, t.modelValue), t.enforceCoherence && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur())), g();
       },
       { debounce: t.modelValueDebounceTime }
     ), ie(
       () => [t.dependencies, t.items],
       async () => {
-        Y.value && (await P(o.value, !0, t.modelValue), t.enforceCoherence && !ee.value && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur()), b());
+        Y.value && (await P(o.value, !0, t.modelValue), t.enforceCoherence && !ee.value && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur()), g());
       },
       { debounce: t.depsDebounceTime }
     );
-    const b = () => {
+    const g = () => {
       if (t.multiple) {
         o.value = "";
         return;
       }
       let e;
-      p.value && (e = it(p.value)), o.value = e?.text || "";
-    }, xe = m(() => p.value.length ? "" : t.placeholder), ze = async (e) => {
-      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && X(e.item), b()) : (t.stash && qe(e.item), u("update:modelValue", e.value), await U(), b()), h(), t.multiple || I();
+      p.value && (e = st(p.value)), o.value = e?.text || "";
+    }, ze = m(() => p.value.length ? "" : t.placeholder), Ke = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && X(e.item), g()) : (t.stash && Pe(e.item), u("update:modelValue", e.value), await U(), g()), h(), t.multiple || I();
     }, M = async (e) => {
-      if (Ae((a) => a.valueHash !== e.valueHash), t.multiple) {
+      if (qe((a) => a.valueHash !== e.valueHash), t.multiple) {
         const a = { ...Z.value };
         delete a[e.valueHash], u("update:modelValue", Object.values(a));
       } else
-        u("update:modelValue", null), await U(), b();
+        u("update:modelValue", null), await U(), g();
       h();
     }, oe = m(() => {
       const e = p.value.some(
@@ -234,10 +236,10 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
           o.value.trim()
         )), O || re(c, ["text"], o.value.trim());
       });
-    }), Ke = Symbol("default"), Ue = (e) => Dt(t.groupBy) ? Ke : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ht(e.item, t.groupBy), We = m(() => {
+    }), Ue = Symbol("default"), We = (e) => Ht(t.groupBy) ? Ue : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ot(e.item, t.groupBy), Ge = m(() => {
       const e = {};
       for (const a of oe.value) {
-        const i = Ue(a), c = W(i);
+        const i = We(a), c = W(i);
         e[c] || (e[c] = {
           id: c,
           data: i ?? null,
@@ -245,34 +247,34 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
         }), e[c].options.push(a);
       }
       return Object.values(e).filter((a) => a.options.length);
-    }), l = v(!1), N = v(!0), Ge = Ct(l), k = async () => {
-      ye(), N.value = !1, l.value = !0;
+    }), l = v(!1), N = v(!0), Re = Dt(l), k = async () => {
+      ge(), N.value = !1, l.value = !0;
     }, I = async () => {
       l.value = !1, N.value = !0, q.value = void 0, d.value?.blur(), be();
-    }, Re = () => l.value ? I() : k(), x = v(!1), je = () => {
+    }, je = () => l.value ? I() : k(), x = v(!1), Je = () => {
       x.value = !0;
-    }, Je = () => {
+    }, Qe = () => {
       x.value = !1, u("inactive");
-    }, Qe = (e) => {
-      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (h(), Re());
-    }, Xe = Bt(
+    }, Xe = (e) => {
+      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (h(), je());
+    }, Ye = wt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Ye = m(() => [].concat(t.modelValue).map((e) => {
-      const a = Xe(e);
+    ), Ze = m(() => [].concat(t.modelValue).map((e) => {
+      const a = Ye(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
         value: a
       };
-    })), Ze = () => {
+    })), _e = () => {
       let e = null;
       t.multiple && (e = []), u("update:modelValue", e);
     };
-    return (e, a) => (y(), K(It, {
+    return (e, a) => (y(), K(St, {
       ref_key: "outerContainer",
-      ref: E,
+      ref: A,
       class: ae({
         "bb-base-select": !0,
         "bb-base-select--active": x.value,
@@ -283,7 +285,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
         "bb-base-select--readonly": e.readonly,
         "bb-base-select--compact": e.compact
       }),
-      onClick: Qe
+      onClick: Xe
     }, {
       "prepend-outer": n(() => [
         s(e.$slots, "prepend-outer", { query: o.value })
@@ -297,12 +299,12 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
           ref: $,
           class: "bb-base-select__inner-wrapper"
         }, [
-          F(kt, {
+          F(It, {
             "append:icon": t["append:icon"],
-            clearable: e.clearable && !g(rt)(e.modelValue),
+            clearable: e.clearable && !b(it)(e.modelValue),
             "prepend:icon": t["prepend:icon"],
             "prevent-focus": !0,
-            "onClick:clear": Ze
+            "onClick:clear": _e
           }, {
             prepend: n(() => [
               s(e.$slots, "prepend", {
@@ -323,63 +325,63 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               s(e.$slots, "suffix")
             ]),
             default: n(() => [
-              F(ut, { tag: "span" }, {
+              F(rt, { tag: "span" }, {
                 default: n(() => [
-                  L("span", Ot, [
+                  L("span", Ft, [
                     e.multiple && p.value.length <= e.maxSelectedLabels ? (y(), S(le, { key: 0 }, [
-                      e.comma ? (y(), K(Vt, {
+                      e.comma ? (y(), K(kt, {
                         key: 0,
                         ref_key: "commaBox",
                         ref: G,
                         options: p.value,
                         "onOption:unselected": M
-                      }, null, 8, ["options"])) : (y(), K(wt, {
+                      }, null, 8, ["options"])) : (y(), K(Vt, {
                         key: 1,
                         ref_key: "chipsBox",
                         ref: R,
                         options: p.value,
                         "onOption:unselected": M
                       }, null, 8, ["options"]))
-                    ], 64)) : e.multiple ? (y(), S("span", Lt, tt(e.selectedLabelsFn ? e.selectedLabelsFn(p.value.length) : g(ce)("select.multipleMaxReached", p.value.length)), 1)) : V("", !0),
-                    et((y(), S("input", {
-                      id: g(j),
-                      key: `${g(me)}`,
+                    ], 64)) : e.multiple ? (y(), S("span", Tt, ot(e.selectedLabelsFn ? e.selectedLabelsFn(p.value.length) : b(me)("select.multipleMaxReached", p.value.length)), 1)) : V("", !0),
+                    tt((y(), S("input", {
+                      id: b(j),
+                      key: `${b(fe)}`,
                       ref_key: "input",
-                      ref: A,
+                      ref: E,
                       "onUpdate:modelValue": a[0] || (a[0] = (i) => o.value = i),
                       "aria-activedescendant": l.value ? q.value : void 0,
                       "aria-autocomplete": "list",
-                      "aria-controls": g(Ge) ? `${g(j)}_listbox` : void 0,
+                      "aria-controls": b(Re) ? `${b(j)}_listbox` : void 0,
                       "aria-describedby": e.ariaDescribedby,
                       "aria-expanded": l.value,
                       autocomplete: e.autocomplete,
                       autofocus: e.autofocus,
                       class: ae("bb-base-select__text-input"),
                       disabled: e.disabled,
-                      inputmode: he.value,
-                      placeholder: xe.value,
+                      inputmode: ye.value,
+                      placeholder: ze.value,
                       readonly: e.readonly || !e.allowWriting,
                       required: e.required && (!e.multiple || !e.modelValue.length),
                       role: "combobox",
                       size: "1",
                       style: ne({ "--characters": o.value.length }),
                       type: "text",
-                      onBlur: f(Ve, ["stop"]),
-                      onChange: f(ke, ["stop"]),
-                      onFocusOnce: f(we, ["stop"]),
-                      onFocus: f(Be, ["stop"]),
-                      onInput: f(Ie, ["stop"]),
+                      onBlur: f(ke, ["stop"]),
+                      onChange: f(Ie, ["stop"]),
+                      onFocusOnce: f(Ve, ["stop"]),
+                      onFocus: f(we, ["stop"]),
+                      onInput: f(Se, ["stop"]),
                       onKeydown: [
-                        B(f(Fe, ["stop"]), ["delete"]),
-                        B(f(De, ["stop"]), ["left"]),
-                        B(f(Ce, ["stop", "prevent"]), ["down"]),
-                        B(f(Oe, ["stop", "prevent"]), ["enter"]),
-                        B(f(Le, ["stop", "prevent"]), ["esc"]),
-                        B(f($e, ["stop", "prevent"]), ["up"]),
-                        B(f(He, ["stop"]), ["right"])
+                        B(f(Te, ["stop"]), ["delete"]),
+                        B(f(He, ["stop"]), ["left"]),
+                        B(f(De, ["stop", "prevent"]), ["down"]),
+                        B(f(Le, ["stop", "prevent"]), ["enter"]),
+                        B(f(Fe, ["stop", "prevent"]), ["esc"]),
+                        B(f(Ce, ["stop", "prevent"]), ["up"]),
+                        B(f(Oe, ["stop"]), ["right"])
                       ]
-                    }, null, 44, Ft)), [
-                      [ot, o.value]
+                    }, null, 44, At)), [
+                      [at, o.value]
                     ])
                   ])
                 ]),
@@ -387,7 +389,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               }),
               e.showChevron ? s(e.$slots, "chevron", {
                 key: 0,
-                loading: !!g(J),
+                loading: !!b(J),
                 shown: l.value
               }, () => [
                 a[2] || (a[2] = L("svg", {
@@ -405,7 +407,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
             _: 3
           }, 8, ["append:icon", "clearable", "prepend:icon"])
         ], 512),
-        F(St, {
+        F($t, {
           modelValue: l.value,
           "onUpdate:modelValue": a[1] || (a[1] = (i) => l.value = i),
           anchor: $.value,
@@ -417,7 +419,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               key: 0,
               focus: h
             }) : V("", !0),
-            F($t, {
+            F(Ct, {
               ref_key: "optionsContainer",
               ref: r,
               compact: e.compact,
@@ -427,12 +429,12 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
               "no-data-text": e.noDataText,
               open: l.value,
               options: e.groupBy ? void 0 : oe.value,
-              groups: e.groupBy ? We.value : void 0,
+              groups: e.groupBy ? Ge.value : void 0,
               "header-height": e.headerHeight,
-              style: ne(ge.value),
+              style: ne(Be.value),
               "option-height": e.itemHeight,
-              "onFocused:change": Se,
-              "onOption:selected": ze,
+              "onFocused:change": $e,
+              "onOption:selected": Ke,
               "onOption:unselected": M
             }, {
               "options:prepend": n(() => [
@@ -463,7 +465,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
                 }, i))
               ]),
               group: n((i) => [
-                s(e.$slots, "group", at(lt(i)))
+                s(e.$slots, "group", lt(nt(i)))
               ]),
               _: 3
             }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "style", "option-height"]),
@@ -474,7 +476,7 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
           ]),
           _: 3
         }, 8, ["modelValue", "anchor", "transition-duration"]),
-        (y(!0), S(le, null, nt(Ye.value, (i) => (y(), S("input", ue({
+        (y(!0), S(le, null, ut(Ze.value, (i) => (y(), S("input", ue({
           key: i.value,
           ref_for: !0
         }, i), null, 16))), 128))
@@ -484,5 +486,5 @@ const Ot = { class: "bb-base-select__input-container" }, Lt = {
   }
 });
 export {
-  fo as default
+  yo as default
 };

package/dist/index40.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
-import { head as ce } from "./index258.js";
-import { isCssColor as K } from "./index235.js";
-import { isNil as x } from "./index231.js";
+import { head as ce } from "./index277.js";
+import { isCssColor as K } from "./index232.js";
+import { isNil as x } from "./index274.js";
 import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index144.js";
-import { snapToStep as ve } from "./index259.js";
-import { last as fe } from "./index240.js";
-import { transpose as Q } from "./index260.js";
-import { clamp as m } from "./index221.js";
+import { snapToStep as ve } from "./index278.js";
+import { last as fe } from "./index255.js";
+import { transpose as Q } from "./index279.js";
+import { clamp as m } from "./index222.js";
 const pe = {
   key: 0,
   class: "bb-base-slider__ticks-container"

package/dist/index42.js

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
-import { isCssColor as p } from "./index235.js";
-import { when as x } from "./index249.js";
+import { isCssColor as p } from "./index232.js";
+import { when as x } from "./index233.js";
 const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
   __name: "BaseSwitch",
   props: {

package/dist/index44.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
 import K from "./index42.js";
 /* empty css        */
-import N from "./index261.js";
+import N from "./index234.js";
 /* empty css         */
-import { useItemsGetter as U } from "./index247.js";
-import { useIndexById as T } from "./index246.js";
-import { useBaseOptions as q } from "./index243.js";
-import { useCoherence as J } from "./index244.js";
-import { hash as Q } from "./index238.js";
-import { useHashedWatcher as $ } from "./index245.js";
-import { usePrefill as X } from "./index248.js";
+import { useItemsGetter as U } from "./index236.js";
+import { useIndexById as T } from "./index237.js";
+import { useBaseOptions as q } from "./index238.js";
+import { useCoherence as J } from "./index239.js";
+import { hash as Q } from "./index240.js";
+import { useHashedWatcher as $ } from "./index241.js";
+import { usePrefill as X } from "./index242.js";
 const ue = /* @__PURE__ */ j({
   __name: "BaseSwitchGroup",
   props: {
@@ -30,6 +30,7 @@ const ue = /* @__PURE__ */ j({
     loadingText: {},
     max: { default: 1 / 0 },
     modelValue: {},
+    multiple: { type: Boolean },
     modelValueDebounceTime: { default: 0 },
     name: {},
     noDataText: {},
@@ -40,7 +41,7 @@ const ue = /* @__PURE__ */ j({
     const o = E, a = C;
     if (!Array.isArray(o.modelValue))
       throw new Error("Model value must be an array in checkbox group.");
-    const u = k(), l = k(!1), {
+    const u = k(), r = k(!1), {
       getter: c,
       items: L,
       loading: D
@@ -77,11 +78,11 @@ const ue = /* @__PURE__ */ j({
       multiple: !0,
       iteratee: (e) => !!P.value[Q(e)]
     });
-    let r = 0;
+    let l = 0;
     $(
       () => o.modelValue,
       async () => {
-        r++, V.value || (await c(!1, o.modelValue), m()), r--;
+        l++, V.value || (await c(!1, o.modelValue), m()), l--;
       },
       {
         debounce: o.modelValueDebounceTime
@@ -89,7 +90,7 @@ const ue = /* @__PURE__ */ j({
     ), $(
       () => [o.dependencies, o.items],
       async () => {
-        I.value && (r++, await c(!1, o.modelValue), r === 1 && m(), r--);
+        I.value && (l++, await c(!1, o.modelValue), l === 1 && m(), l--);
       },
       {
         debounce: o.depsDebounceTime
@@ -104,16 +105,16 @@ const ue = /* @__PURE__ */ j({
       onBlur: (e) => a("blur", e),
       onClick: (e) => a("click", e),
       onFocus: (e) => {
-        a("focus", e), l.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), l.value = !0);
+        a("focus", e), r.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), r.value = !0);
       },
       onInput: (e) => a("input", e),
       onKeydown: (e) => a("keydown", e),
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
     }, p = (e) => {
-      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), l.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
+      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
     }, f = (e) => {
-      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), l.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
+      e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
     };
     return (e, i) => (G(), z(N, {
       ref_key: "container",

package/dist/index46.js

@@ -1,18 +1,18 @@
 import { defineComponent as j, ref as u, computed as f, toRef as C, watch as Q, createBlock as h, openBlock as m, normalizeClass as Z, withCtx as l, createVNode as E, unref as G, createElementVNode as $, createElementBlock as J, createCommentVNode as W, withDirectives as X, Fragment as Y, mergeProps as ee, withModifiers as s, withKeys as v, vModelText as te, renderSlot as d, nextTick as oe } from "vue";
 import ae from "./index116.js";
 /* empty css         */
-import { last as le } from "./index240.js";
-import { useBaseOptions as ne } from "./index243.js";
-import { useIndexById as re } from "./index246.js";
-import ie from "./index250.js";
+import { last as le } from "./index255.js";
+import { useBaseOptions as ne } from "./index238.js";
+import { useIndexById as re } from "./index237.js";
+import ie from "./index256.js";
 /* empty css         */
-import ue from "./index252.js";
+import ue from "./index258.js";
 /* empty css         */
 import se from "./index140.js";
 /* empty css         */
 import de from "./index142.js";
 /* empty css         */
-import { isEmpty as pe } from "./index239.js";
+import { isEmpty as pe } from "./index252.js";
 const ce = { class: "bb-base-tag__input-container" }, fe = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], Oe = /* @__PURE__ */ j({
   __name: "BaseTag",
   props: {