bitboss-ui 0.1.80 → 0.1.82

package/dist/index28.js

@@ -1,26 +1,26 @@
-import { defineComponent as Ee, ref as f, computed as g, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as b, createElementBlock as y, normalizeClass as B, renderSlot as h, createElementVNode as w, Fragment as D, renderList as j, toDisplayString as J, createBlock as ue, withModifiers as I, createCommentVNode as oe, withDirectives as Le, vModelDynamic as Fe, Teleport as Ae, normalizeStyle as Me, createTextVNode as se, createVNode as Je, mergeProps as qe, nextTick as ie } from "vue";
-import { autoUpdate as ze, computePosition as Pe } from "./index197.js";
+import { defineComponent as Ne, ref as f, computed as g, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as b, createElementBlock as y, normalizeClass as x, renderSlot as h, createElementVNode as w, Fragment as D, renderList as j, toDisplayString as L, createBlock as se, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as oe, withDirectives as Fe, vModelDynamic as Ae, Teleport as Me, normalizeStyle as Je, createVNode as qe, mergeProps as ze, nextTick as ie } from "vue";
+import { autoUpdate as Pe, computePosition as He } from "./index206.js";
 import { deepEqual as re } from "./index124.js";
-import { head as ee } from "./index206.js";
-import { isNotNil as T } from "./index123.js";
-import { last as He } from "./index201.js";
-import { useItemText as je } from "./index121.js";
-import { useItemValue as Qe } from "./index122.js";
+import { head as le } from "./index213.js";
+import { isNotNil as I } from "./index123.js";
+import { last as je } from "./index205.js";
+import { useItemText as Qe } from "./index121.js";
+import { useItemValue as Ue } from "./index122.js";
 import { wait as q } from "./index119.js";
-import { waitFor as Ue } from "./index196.js";
-import { when as We } from "./index190.js";
-import Ke from "./index112.js";
+import { waitFor as We } from "./index197.js";
+import { when as Ke } from "./index194.js";
+import Re from "./index112.js";
 import "./index151.js";
-import Re from "./index116.js";
+import Ye from "./index116.js";
 import "./index178.js";
-import { offset as Ye, flip as Ze, shift as Ge } from "./index204.js";
-const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "disabled", "id", "placeholder", "readonly", "onBlur", "onFocus", "onChange", "onInput", "onKeydown"], ll = {
+import { offset as Ze, flip as Ge, shift as Xe } from "./index211.js";
+const el = { class: "bb-base-select__input-container" }, ll = ["autofocus", "disabled", "id", "placeholder", "readonly", "onBlur", "onFocus", "onChange", "onInput", "onKeydown"], tl = {
   key: 0,
   class: "bb-base-select__loading-container"
-}, tl = {
+}, al = {
   key: 1,
   class: "bb-base-select__no-data-container"
-}, al = ["aria-selected", "id", "onClick"], nl = { class: "bb-base-select-option__content" }, ul = { class: "bb-base-select-option__text" }, ol = { class: "bb-base-select__chevron" }, sl = /* @__PURE__ */ w("svg", {
+}, nl = ["aria-selected", "id", "onClick"], ul = { class: "bb-base-select-option__content" }, sl = { class: "bb-base-select-option__text" }, ol = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ w("svg", {
   viewBox: "0 0 16 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
@@ -31,7 +31,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
     d: "M0.851779 0.225802C0.90403 0.173418 0.966103 0.131858 1.03444 0.1035C1.10278 0.0751431 1.17604 0.0605469 1.25003 0.0605469C1.32402 0.0605469 1.39728 0.0751431 1.46562 0.1035C1.53396 0.131858 1.59603 0.173418 1.64828 0.225802L8.00003 6.57868L14.3518 0.225802C14.4041 0.173503 14.4662 0.132017 14.5345 0.103713C14.6028 0.0754093 14.6761 0.0608414 14.75 0.0608414C14.824 0.0608414 14.8972 0.0754093 14.9656 0.103713C15.0339 0.132017 15.096 0.173503 15.1483 0.225802C15.2006 0.278101 15.2421 0.340189 15.2704 0.408521C15.2987 0.476852 15.3132 0.55009 15.3132 0.624052C15.3132 0.698014 15.2987 0.771252 15.2704 0.839584C15.2421 0.907916 15.2006 0.970003 15.1483 1.0223L8.39828 7.7723C8.34603 7.82469 8.28395 7.86625 8.21562 7.8946C8.14728 7.92296 8.07402 7.93756 8.00003 7.93756C7.92604 7.93756 7.85278 7.92296 7.78444 7.8946C7.7161 7.86625 7.65403 7.82469 7.60178 7.7723L0.851779 1.0223C0.799395 0.970051 0.757835 0.907978 0.729477 0.83964C0.70112 0.771302 0.686523 0.69804 0.686523 0.624052C0.686523 0.550064 0.70112 0.476803 0.729477 0.408464C0.757835 0.340126 0.799395 0.278053 0.851779 0.225802Z",
     fill: "currentColor"
   })
-], -1), _l = /* @__PURE__ */ Ee({
+], -1), Ol = /* @__PURE__ */ Ne({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: Boolean, default: !0 },
@@ -45,6 +45,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
     itemText: {},
     itemValue: {},
     loadingText: { default: "Caricamento..." },
+    matchStrategy: { default: "string" },
     modelValueDebounceTime: { default: 0 },
     multiple: { type: Boolean },
     name: {},
@@ -61,19 +62,18 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
     queryDebounceTime: { default: 500 },
     resetQueryOnOptionSelected: { type: Boolean },
     stash: { type: Boolean },
-    updateOnAnimationFrame: { type: Boolean, default: !1 },
-    matchStrategy: { default: "string" }
+    updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
   setup(de, { emit: ce }) {
-    const l = de, d = ce;
+    const l = de, c = ce;
     if (l.multiple && !Array.isArray(l.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const L = f(null), N = f(null), v = f(null), S = f(null), o = f(""), fe = g(() => i.value.length ? "" : l.placeholder), c = f(0), ve = l.transitionDuration / 1e3 + "s";
-    let le;
+    const F = f(null), E = f(null), v = f(null), T = f(null), s = f(""), fe = g(() => i.value.length ? "" : l.placeholder), d = f(0), ve = l.transitionDuration / 1e3 + "s";
+    let te;
     $e(async () => {
-      N.value && v.value && (le = ze(
-        N.value,
+      E.value && v.value && (te = Pe(
+        E.value,
         v.value,
         ge,
         {
@@ -84,9 +84,9 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
         }
       ));
     }), De(() => {
-      le();
+      te();
     });
-    const te = f([]), m = f([]), V = f([]), { getItemText: me } = je(), { getItemValue: pe } = Qe(), be = g(() => te.value.map((e, a) => {
+    const ae = f([]), m = f([]), V = f([]), { getItemText: me } = Qe(), { getItemValue: pe } = Ue(), be = g(() => ae.value.map((e, a) => {
       const t = me(e, l.itemText), n = pe(e, l.itemValue);
       if (n === void 0)
         throw new Error(
@@ -116,12 +116,12 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
       );
       return Object.values(t).map((n, u) => ({
         ...n,
-        selected: T(he.value.get(n.value)),
+        selected: I(he.value.get(n.value)),
         index: u
       }));
     }), k = g(() => {
       let e = [];
-      return o.value && !i.value.some((a) => a.text === o.value) ? e = C.value.filter((a) => {
+      return s.value && !i.value.some((a) => a.text === s.value) ? e = C.value.filter((a) => {
         let t = !1;
         if (l.filterBy) {
           if (typeof l.filterBy == "function")
@@ -129,13 +129,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
           else if (l.filterBy.length) {
             const n = [].concat(l.filterBy);
             for (let u = 0; u < n.length; u++) {
-              const x = n[u];
-              t = t || a.original[x] && a.original[x].toLowerCase().includes(o.value.toLowerCase());
+              const S = n[u];
+              t = t || a.original[S] && a.original[S].toLowerCase().includes(s.value.toLowerCase());
             }
           }
         } else
           return !0;
-        return t || a.text.toLowerCase().includes(o.value.toLowerCase());
+        return t || a.text.toLowerCase().includes(s.value.toLowerCase());
       }) : e = C.value, e.map((a, t) => ({
         ...a,
         focused: O.value === t
@@ -173,13 +173,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
     }), he = g(() => {
       if (l.matchStrategy === "string") {
         let e = {};
-        return [].concat(l.modelValue).filter(T).forEach((a, t) => {
+        return [].concat(l.modelValue).forEach((a, t) => {
           e[JSON.stringify(a)] = t;
         }), {
           get: (a) => e[JSON.stringify(a)]
         };
       } else if (l.matchStrategy === "equality") {
-        const e = [].concat(l.modelValue).filter(T).map((a, t) => [a, t]);
+        const e = [].concat(l.modelValue).filter(I).map((a, t) => [a, t]);
         return {
           get: (a) => {
             var t;
@@ -191,20 +191,20 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
     }), i = g(() => [].concat(l.modelValue).reduce((e, a) => {
       const t = p.value.get(a);
       return t && e.push(t), e;
-    }, [])), F = (e) => {
+    }, [])), A = (e) => {
       let a;
       r.value = e.index, l.multiple ? (e.selected ? (e.manual && (V.value = V.value.filter(
         (t) => t.id !== e.id
       )), a = l.modelValue.filter(
         (t) => JSON.stringify(t) !== e.jsonValue
-      ), l.stash && (m.value = m.value.filter((t) => t.id !== e.id))) : (a = l.modelValue.concat(e.value), l.stash && (m.value = m.value.concat(e))), l.resetQueryOnOptionSelected && (o.value = "")) : e.selected ? (e.manual && (V.value = V.value.filter(
+      ), l.stash && (m.value = m.value.filter((t) => t.id !== e.id))) : (a = l.modelValue.concat(e.value), l.stash && (m.value = m.value.concat(e))), l.resetQueryOnOptionSelected && (s.value = "")) : e.selected ? (e.manual && (V.value = V.value.filter(
         (t) => t.id !== e.id
-      )), a = null, l.stash && (m.value = []), o.value = "") : (a = e.value, l.stash && (m.value = [e]), o.value = e.text), d("update:modelValue", a);
-    }, E = async ({ prefill: e = !1 }) => {
+      )), a = null, l.stash && (m.value = []), s.value = "") : (a = e.value, l.stash && (m.value = [e]), s.value = e.text), c("update:modelValue", a);
+    }, N = async ({ prefill: e = !1 }) => {
       let a = [];
-      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (c.value++, a = await l.items(o.value, e, l.modelValue), c.value--), te.value = a;
+      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (d.value++, a = await l.items(s.value, e, l.modelValue), d.value--), ae.value = a;
     }, ye = () => {
-      const e = o.value, a = o.value, t = JSON.stringify(a), n = {
+      const e = s.value, a = s.value, t = JSON.stringify(a), n = {
         text: e,
         value: a,
         jsonValue: t,
@@ -213,8 +213,8 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
         manual: !0,
         disabled: !1
       };
-      V.value = V.value.concat(n), o.value = "";
-    }, P = l.prefill === !0 || !l.multiple && T(l.modelValue) || l.multiple && !!l.modelValue.length;
+      V.value = V.value.concat(n), s.value = "";
+    }, P = l.prefill === !0 || !l.multiple && I(l.modelValue) || l.multiple && !!l.modelValue.length;
     let Q;
     X(
       () => l.modelValue,
@@ -227,7 +227,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
               let t = l.modelValue.every(
                 (n) => p.value.get(n)
               );
-              if ((!t || a === void 0) && (await E({ prefill: !0 }), t = l.modelValue.every(
+              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = l.modelValue.every(
                 (n) => p.value.get(n)
               )), t)
                 l.stash && (m.value = l.modelValue.map(
@@ -235,19 +235,19 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
                 ));
               else {
                 let n = [];
-                const u = e.filter((x) => {
-                  let M = p.value.get(x);
-                  return M && n.push(M), M;
+                const u = e.filter((S) => {
+                  let J = p.value.get(S);
+                  return J && n.push(J), J;
                 });
-                l.stash && (m.value = n), l.enforceCoherence && d("update:modelValue", u);
+                l.stash && (m.value = n), l.enforceCoherence && c("update:modelValue", u);
               }
             } else {
               let t = p.value.get(l.modelValue);
-              if (!t && T(l.modelValue) || a === void 0) {
-                const n = o.value;
-                o.value = "", await E({ prefill: !0 }), o.value = n;
+              if (!t && I(l.modelValue) || a === void 0) {
+                const n = s.value;
+                s.value = "", await N({ prefill: !0 }), s.value = n;
               }
-              t = p.value.get(l.modelValue), t ? (o.value = t.text, l.stash && (m.value = [t])) : l.enforceCoherence && T(e) ? (o.value = "", l.stash && (m.value = []), d("update:modelValue", null)) : o.value = "";
+              t = p.value.get(l.modelValue), t ? (s.value = t.text, l.stash && (m.value = [t])) : l.enforceCoherence && I(e) ? (s.value = "", l.stash && (m.value = []), c("update:modelValue", null)) : s.value = "";
             }
           },
           P ? 0 : l.modelValueDebounceTime
@@ -260,15 +260,15 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
       async (e, a) => {
         if (typeof e == "function" || // Circumvent arrays defined in the template by the parent
         JSON.stringify(e) !== JSON.stringify(a))
-          if (await E({ prefill: !1 }), l.multiple) {
+          if (await N({ prefill: !1 }), l.multiple) {
             if (!l.modelValue.every(
               (n) => p.value.get(n)
             ) && l.enforceCoherence) {
               const n = l.modelValue.filter((u) => p.value.get(u));
-              d("update:modelValue", n);
+              c("update:modelValue", n);
             }
           } else
-            !p.value.get(l.modelValue) && l.enforceCoherence && T(l.modelValue) && d("update:modelValue", null), r.value = null;
+            !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && c("update:modelValue", null), r.value = null;
       }
     );
     let U;
@@ -278,18 +278,18 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
         !P && l.prefill === "focus" && Y || JSON.stringify(e) !== JSON.stringify(a) && (U && clearTimeout(U), U = setTimeout(async () => {
           if (JSON.stringify(e) !== JSON.stringify(a)) {
             l.enforceCoherence && l.stash && (m.value = []);
-            let t = o.value;
-            if (o.value = "", await E({ prefill: !0 }), o.value = t, !l.multiple)
-              !p.value.get(l.modelValue) && l.enforceCoherence && T(l.modelValue) && (o.value = "", l.stash && (m.value = []), d("update:modelValue", null));
+            let t = s.value;
+            if (s.value = "", await N({ prefill: !0 }), s.value = t, !l.multiple)
+              !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && (s.value = "", l.stash && (m.value = []), c("update:modelValue", null));
             else if (!l.modelValue.every(
               (u) => p.value.get(u)
             ) && l.enforceCoherence) {
               let u = [];
-              const x = l.modelValue.filter((M) => {
-                let G = p.value.get(M);
+              const S = l.modelValue.filter((J) => {
+                let G = p.value.get(J);
                 return G && u.push(G), G;
               });
-              l.stash && (m.value = u), d("update:modelValue", x);
+              l.stash && (m.value = u), c("update:modelValue", S);
             }
           }
         }, l.depsDebounceTime));
@@ -297,45 +297,45 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
       { deep: !0 }
     );
     const ge = () => {
-      N.value && v.value && Pe(N.value, v.value, {
+      E.value && v.value && He(E.value, v.value, {
         placement: "bottom",
-        middleware: [Ye(6), Ze(), Ge()]
+        middleware: [Ze(6), Ge(), Xe()]
       }).then((e) => {
         var a;
-        v.value && (v.value.style.left = `${e.x}px`, v.value.style.top = `${e.y}px`, v.value.style.width = `${(a = N.value) == null ? void 0 : a.offsetWidth}px`);
+        v.value && (v.value.style.left = `${e.x}px`, v.value.style.top = `${e.y}px`, v.value.style.width = `${(a = E.value) == null ? void 0 : a.offsetWidth}px`);
       });
     }, _ = f(!1), W = f(!1), K = f(!1), R = f(!0), $ = async () => {
       R.value = !1, W.value = !0, await q(l.transitionDuration), W.value = !1, _.value = !0;
-    }, A = async () => {
+    }, M = async () => {
       _.value = !1, K.value = !0, await q(l.transitionDuration), K.value = !1, R.value = !0;
     }, H = f(!1);
     let Y = !0;
     const we = async (e) => {
-      d("focus", e), H.value = !0, document.addEventListener("click", ne), document.addEventListener("focusin", ae), S.value instanceof HTMLInputElement && S.value.select(), l.prefill === "focus" && Y && !P && (await E({ prefill: !0 }), Y = !1);
-    }, ae = (e) => {
-      if (e.target instanceof Node && L.value && v.value && !L.value.contains(e.target) && !v.value.contains(e.target)) {
-        A(), d("inactive"), document.removeEventListener("focusin", ae), H.value = !1, l.multiple && q(500).then(() => {
-          o.value = "";
+      c("focus", e), H.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", ne), T.value instanceof HTMLInputElement && T.value.select(), l.prefill === "focus" && Y && !P && (await N({ prefill: !0 }), Y = !1);
+    }, ne = (e) => {
+      if (e.target instanceof Node && F.value && v.value && !F.value.contains(e.target) && !v.value.contains(e.target)) {
+        M(), c("inactive"), document.removeEventListener("focusin", ne), H.value = !1, l.multiple && q(500).then(() => {
+          s.value = "";
         });
         return;
       }
     }, Ve = async (e) => {
-      if (d("blur", e), !l.multiple) {
+      if (c("blur", e), !l.multiple) {
         let a = !1;
         const t = l.modelValue;
         if (await Promise.race([
           q(250),
-          Ue(() => t !== l.modelValue).then(() => {
+          We(() => t !== l.modelValue).then(() => {
             a = !0;
           })
         ]), !a) {
           const n = p.value.get(l.modelValue);
-          n && (o.value = n.text);
+          n && (s.value = n.text);
         }
       }
-    }, Ce = (e) => d("change", e), ke = (e) => {
-      d("input", e), o.value === "" && (l.multiple || d("update:modelValue", null)), typeof l.items == "function" && Se();
-    }, r = f(null), O = g(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = k.value.length - 1), r.value % k.value.length) : r.value), s = f(null), _e = () => {
+    }, Ce = (e) => c("change", e), ke = (e) => {
+      c("input", e), s.value === "" && (l.multiple || c("update:modelValue", null)), typeof l.items == "function" && Se();
+    }, r = f(null), O = g(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = k.value.length - 1), r.value % k.value.length) : r.value), o = f(null), _e = () => {
       r.value !== null ? r.value++ : r.value = 0, ie().then(() => {
         var e;
         if (O.value !== null) {
@@ -372,60 +372,60 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
       switch (e.key) {
         case "ArrowUp":
           {
-            if (e.preventDefault(), c.value)
+            if (e.preventDefault(), d.value)
               return;
-            s.value = null, _.value ? Oe() : (i.value.length && (r.value = ee(i.value).index), await $());
+            o.value = null, _.value ? Oe() : (i.value.length && (r.value = le(i.value).index), await $());
           }
           break;
         case "ArrowDown":
           {
-            if (e.preventDefault(), c.value)
+            if (e.preventDefault(), d.value)
               return;
-            s.value = null, _.value ? _e() : (i.value.length && (r.value = ee(i.value).index), await $());
+            o.value = null, _.value ? _e() : (i.value.length && (r.value = le(i.value).index), await $());
           }
           break;
         case "ArrowLeft":
           {
-            if (c.value)
+            if (d.value)
               return;
-            if (!o.value && i.value.length && (s.value === null ? s.value = i.value.length - 1 : s.value > 0 ? s.value-- : s.value = null, s.value !== null)) {
-              let n = i.value[s.value], u = (a = v.value) == null ? void 0 : a.querySelector(
+            if (!s.value && i.value.length && (o.value === null ? o.value = i.value.length - 1 : o.value > 0 ? o.value-- : o.value = null, o.value !== null)) {
+              let n = i.value[o.value], u = (a = v.value) == null ? void 0 : a.querySelector(
                 `#${n.id}`
               );
               u && (u.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[i.value[s.value].id].index);
+              }), r.value = z.value[i.value[o.value].id].index);
             }
           }
           break;
         case "ArrowRight":
           {
-            if (c.value)
+            if (d.value)
               return;
-            if (!o.value && i.value.length && (s.value === null ? s.value = 0 : s.value < i.value.length - 1 ? s.value++ : s.value = null, s.value !== null)) {
-              let n = i.value[s.value], u = (t = v.value) == null ? void 0 : t.querySelector(
+            if (!s.value && i.value.length && (o.value === null ? o.value = 0 : o.value < i.value.length - 1 ? o.value++ : o.value = null, o.value !== null)) {
+              let n = i.value[o.value], u = (t = v.value) == null ? void 0 : t.querySelector(
                 `#${n.id}`
               );
               u && (u.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[i.value[s.value].id].index);
+              }), r.value = z.value[i.value[o.value].id].index);
             }
           }
           break;
         case "Enter":
           {
-            if (e.preventDefault(), c.value)
+            if (e.preventDefault(), d.value)
               return;
             if (!_.value)
-              k.value.length && i.value.length && (r.value = ee(i.value).index), await $();
+              k.value.length && i.value.length && (r.value = le(i.value).index), await $();
             else if (O.value !== null) {
               if (k.value[O.value].disabled)
                 return;
-              l.multiple || await A(), F(
+              l.multiple || await M(), A(
                 k.value[O.value]
               );
             } else if (l.addOptions) {
@@ -436,36 +436,36 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
                 return;
               }
               ye();
-              const n = He(V.value);
-              F(z.value[n.id]);
+              const n = je(V.value);
+              A(z.value[n.id]);
             }
           }
           break;
         case "Tab":
         case "Escape":
-          _.value && await A(), d("inactive"), s.value = null, r.value = null;
+          _.value && await M(), c("inactive"), o.value = null, r.value = null;
           break;
         case "Shift":
-          if (c.value)
+          if (d.value)
             return;
           break;
         case "Backspace":
           {
-            if (c.value)
+            if (d.value)
               return;
-            o.value || i.value.length && (s.value === null ? s.value = i.value.length - 1 : (F(
-              i.value[s.value]
-            ), i.value.length ? s.value = Math.max(
+            s.value || i.value.length && (o.value === null ? o.value = i.value.length - 1 : (A(
+              i.value[o.value]
+            ), i.value.length ? o.value = Math.max(
               Math.min(
-                s.value,
+                o.value,
                 i.value.length - 2
               ),
               0
-            ) : s.value = null)), await $();
+            ) : o.value = null)), await $();
           }
           break;
         default:
-          s.value = null, r.value = null, await $();
+          o.value = null, r.value = null, await $();
           break;
       }
     };
@@ -473,31 +473,31 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
     const Se = () => {
       Z && clearTimeout(Z), Z = setTimeout(async () => {
         try {
-          await E({ prefill: !1 });
+          await N({ prefill: !1 });
         } catch (e) {
           console.error(e);
         }
       }, l.queryDebounceTime);
     }, xe = (e) => {
-      d("click", e), !(l.disabled || l.readonly) && (S.value instanceof HTMLElement && S.value.focus(), $());
+      c("click", e), !(l.disabled || l.readonly) && (T.value instanceof HTMLElement && T.value.focus(), $());
     }, Be = (e) => {
       if (e.currentTarget instanceof HTMLElement && e.currentTarget.classList.contains("bb-base-select-option")) {
         const a = z.value[e.currentTarget.id];
         if (a.disabled)
           return;
-        F(a), S.value instanceof HTMLInputElement && S.value.focus(), l.multiple || A();
+        A(a), T.value instanceof HTMLInputElement && T.value.focus(), l.multiple || M();
       }
-    }, ne = (e) => {
-      if (e.target instanceof Node && L.value && !L.value.contains(e.target)) {
-        A(), d("inactive"), document.removeEventListener("click", ne), H.value = !1, l.multiple && q(500).then(() => {
-          o.value = "";
+    }, ue = (e) => {
+      if (e.target instanceof Node && F.value && !F.value.contains(e.target)) {
+        M(), c("inactive"), document.removeEventListener("click", ue), H.value = !1, l.multiple && q(500).then(() => {
+          s.value = "";
         });
         return;
       }
-    }, Ie = We(
+    }, Ie = Ke(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Ne = g(() => [].concat(l.modelValue).map((e) => {
+    ), Ee = g(() => [].concat(l.modelValue).map((e) => {
       const a = Ie(e);
       return {
         disabled: l.disabled,
@@ -507,68 +507,85 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
       };
     }));
     return (e, a) => (b(), y("span", {
-      class: B({
+      class: x({
         "bb-base-select": !0,
         "bb-base-select--active": H.value,
-        "bb-base-select--loading": c.value,
+        "bb-base-select--loading": d.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly
       }),
       onClick: xe,
       ref_key: "outerContainer",
-      ref: L
+      ref: F
     }, [
       h(e.$slots, "prepend-outer"),
       w("span", {
         class: "bb-base-select__inner-container",
         ref_key: "innerContainer",
-        ref: N
+        ref: E
       }, [
         h(e.$slots, "prepend"),
-        w("span", Xe, [
+        w("span", el, [
           e.multiple ? (b(), y(D, { key: 0 }, [
             e.comma ? (b(!0), y(D, { key: 0 }, j(i.value, (t, n) => (b(), y("span", {
-              class: B({
+              class: x({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--comma": !0,
-                "bb-base-select__selected--focused": n === s.value
+                "bb-base-select__selected--focused": n === o.value
               }),
               key: t.id
-            }, J(t.text) + J(n < i.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(D, { key: 1 }, j(i.value, (t, n) => (b(), ue(Ke, {
-              class: B({
+            }, L(t.text) + L(n < i.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(D, { key: 1 }, j(i.value, (t, n) => (b(), se(Re, {
+              class: x({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--chip": !0,
-                "bb-base-select__selected--focused": n === s.value
+                "bb-base-select__selected--focused": n === o.value
               }),
               clearable: !0,
               key: t.id,
               text: t.text,
-              "onClick:clear": I((u) => F(t), ["stop"])
-            }, null, 8, ["class", "text", "onClick:clear"]))), 128))
+              "onClick:clear": B((u) => A(t), ["stop"])
+            }, {
+              default: Le(() => [
+                h(e.$slots, "chip", {
+                  disabled: t.disabled,
+                  hasErrors: e.hasErrors,
+                  index: t.index,
+                  item: t.original,
+                  loading: !!d.value,
+                  manual: t.manual,
+                  selected: t.selected,
+                  text: t.text,
+                  value: t.value
+                }, () => [
+                  ee(L(t.text), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "text", "onClick:clear"]))), 128))
           ], 64)) : oe("", !0),
-          Le(w("input", {
+          Fe(w("input", {
             autofocus: e.autofocus,
-            class: B("bb-base-select__text-input"),
+            class: x("bb-base-select__text-input"),
             disabled: e.disabled,
             id: e.id,
             placeholder: fe.value,
             readonly: e.readonly || !e.allowWriting,
             type: "text",
-            onBlur: I(Ve, ["stop"]),
-            onFocus: I(we, ["stop"]),
-            onChange: I(Ce, ["stop"]),
-            onInput: I(ke, ["stop"]),
-            onKeydown: I(Te, ["stop"]),
-            "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
+            onBlur: B(Ve, ["stop"]),
+            onFocus: B(we, ["stop"]),
+            onChange: B(Ce, ["stop"]),
+            onInput: B(ke, ["stop"]),
+            onKeydown: B(Te, ["stop"]),
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
             ref_key: "input",
-            ref: S
-          }, null, 40, el), [
-            [Fe, o.value]
+            ref: T
+          }, null, 40, ll), [
+            [Ae, s.value]
           ]),
-          (b(), ue(Ae, { to: "body" }, [
+          (b(), se(Me, { to: "body" }, [
             w("span", {
-              class: B({
+              class: x({
                 "bb-base-select__options-container": !0,
                 "bb-base-select__options-container--shown": _.value,
                 "bb-base-select__options-container--showing": W.value,
@@ -576,19 +593,19 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
                 "bb-base-select__options-container--hidden": R.value
               }),
               role: "listbox",
-              style: Me({ transitionDuration: ve }),
+              style: Je({ transitionDuration: ve }),
               tabindex: -1,
               ref_key: "optionsContainer",
               ref: v
             }, [
               h(e.$slots, "options:prepend"),
-              !k.value.length && c.value ? (b(), y("span", ll, [
-                h(e.$slots, "loading", { query: o.value }, () => [
-                  se(J(e.loadingText), 1)
+              !k.value.length && d.value ? (b(), y("span", tl, [
+                h(e.$slots, "loading", { query: s.value }, () => [
+                  ee(L(e.loadingText), 1)
                 ])
-              ])) : k.value.length ? oe("", !0) : (b(), y("span", tl, [
-                h(e.$slots, "no-data", { query: o.value }, () => [
-                  se(J(e.noDataText), 1)
+              ])) : k.value.length ? oe("", !0) : (b(), y("span", al, [
+                h(e.$slots, "no-data", { query: s.value }, () => [
+                  ee(L(e.noDataText), 1)
                 ])
               ])),
               (b(!0), y(D, null, j(k.value, (t) => (b(), y(D, {
@@ -599,7 +616,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
                 }),
                 w("span", {
                   "aria-selected": t.selected,
-                  class: B({
+                  class: x({
                     "bb-base-select-option": !0,
                     "bb-base-select-option--selected": t.selected,
                     "bb-base-select-option--focused": t.focused,
@@ -607,7 +624,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
                   }),
                   id: t.id,
                   role: "option",
-                  onClick: I(Be, ["stop"])
+                  onClick: B(Be, ["stop"])
                 }, [
                   h(e.$slots, "option", {
                     disabled: t.disabled,
@@ -615,17 +632,17 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
                     hasErrors: e.hasErrors,
                     index: t.index,
                     item: t.original,
-                    loading: !!c.value,
+                    loading: !!d.value,
                     manual: t.manual,
                     selected: t.selected,
                     text: t.text,
                     value: t.value
                   }, () => [
-                    w("span", nl, [
-                      w("span", ul, J(t.text), 1)
+                    w("span", ul, [
+                      w("span", sl, L(t.text), 1)
                     ])
                   ])
-                ], 10, al),
+                ], 10, nl),
                 h(e.$slots, "option:append", {
                   item: t.original
                 })
@@ -636,34 +653,34 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["autofocus", "dis
         ]),
         w("span", ol, [
           h(e.$slots, "chevron", {
-            loading: !!c.value,
+            loading: !!d.value,
             shown: _.value
           }, () => [
-            sl
+            il
           ])
         ]),
-        c.value ? (b(), y("span", {
+        d.value ? (b(), y("span", {
           key: 1,
-          class: B({
+          class: x({
             "bb-base-select__spinner": !0,
-            "bb-base-select__spinner--loading": c.value
+            "bb-base-select__spinner--loading": d.value
           })
         }, [
           h(e.$slots, "spinner", {
-            loading: !!c.value
+            loading: !!d.value
           }, () => [
-            Je(Re, { size: "sm" })
+            qe(Ye, { size: "sm" })
           ])
         ], 2)) : h(e.$slots, "append", { key: 0 })
       ], 512),
       h(e.$slots, "append-outer"),
-      (b(!0), y(D, null, j(Ne.value, (t) => (b(), y("input", qe({
+      (b(!0), y(D, null, j(Ee.value, (t) => (b(), y("input", ze({
         key: t.value
       }, t), null, 16))), 128))
     ], 2));
   }
 });
 export {
-  _l as default
+  Ol as default
 };
 //# sourceMappingURL=index28.js.map