bitboss-ui 0.2.41 → 0.2.43

package/dist/index31.js

@@ -1,26 +1,25 @@
-import { defineComponent as Ne, ref as f, computed as y, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as x, renderSlot as b, createElementVNode as w, Fragment as D, renderList as H, toDisplayString as L, createBlock as ue, withModifiers as I, withCtx as Le, createTextVNode as ee, createCommentVNode as ie, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as se } from "vue";
+import { defineComponent as Ne, ref as v, computed as y, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as w, Fragment as L, renderList as P, toDisplayString as F, createBlock as ie, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as se, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as le } from "vue";
 import ze from "./index115.js";
 import "./index158.js";
-import Pe from "./index119.js";
+import He from "./index119.js";
 import "./index185.js";
-import { autoUpdate as He, computePosition as Ue, flip as je, shift as Qe } from "./index214.js";
+import { autoUpdate as Pe, computePosition as Ue, flip as je, shift as Qe } from "./index199.js";
 import { deepEqual as re } from "./index123.js";
-import { head as le } from "./index221.js";
-import { isNotNil as B } from "./index124.js";
-import { last as We } from "./index212.js";
+import { head as te } from "./index200.js";
+import { isNotNil as E } from "./index124.js";
+import { last as We } from "./index201.js";
 import { useItemText as Ke } from "./index125.js";
 import { useItemValue as Ye } from "./index126.js";
 import { wait as J } from "./index122.js";
-import { waitFor as Ze } from "./index199.js";
-import { when as Ge } from "./index202.js";
-import { offset as Xe } from "./index219.js";
-const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], tl = {
+import { when as Ze } from "./index198.js";
+import { offset as Ge } from "./index202.js";
+const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], ll = {
   key: 0,
   class: "bb-base-select__loading-container"
-}, al = {
+}, tl = {
   key: 1,
   class: "bb-base-select__no-data-container"
-}, nl = ["id", "aria-selected"], ol = { class: "bb-base-select-option__content" }, ul = { class: "bb-base-select-option__text" }, il = { class: "bb-base-select__chevron" }, sl = /* @__PURE__ */ w("svg", {
+}, al = ["id", "aria-selected"], nl = { class: "bb-base-select-option__content" }, ol = { class: "bb-base-select-option__text" }, ul = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ w("svg", {
   fill: "none",
   viewBox: "0 0 16 8",
   xmlns: "http://www.w3.org/2000/svg"
@@ -31,7 +30,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
     fill: "currentColor",
     "fill-rule": "evenodd"
   })
-], -1), _l = /* @__PURE__ */ Ne({
+], -1), Cl = /* @__PURE__ */ Ne({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: Boolean, default: !0 },
@@ -68,15 +67,15 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
   setup(de, { emit: ce }) {
-    const e = de, c = ce;
+    const e = de, f = ce;
     if (e.multiple && !Array.isArray(e.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const F = f(null), E = f(null), v = f(null), S = f(null), u = f(""), fe = y(() => s.value.length ? "" : e.placeholder), d = f(0), ve = e.transitionDuration / 1e3 + "s";
-    let te;
+    const S = v(null), N = v(null), d = v(null), T = v(null), u = v(""), fe = y(() => s.value.length ? "" : e.placeholder), c = v(0), ve = e.transitionDuration / 1e3 + "s";
+    let ae;
     $e(async () => {
-      e.debug && console.log("Calling onMounted"), E.value && v.value && (te = He(
-        E.value,
-        v.value,
+      e.debug && console.log("Calling onMounted"), N.value && d.value && (ae = Pe(
+        N.value,
+        d.value,
         ye,
         {
           ancestorResize: !0,
@@ -86,11 +85,11 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         }
       ));
     }), De(() => {
-      e.debug && console.log("Calling onBeforeUnMount"), te();
+      e.debug && console.log("Calling onBeforeUnMount"), ae();
     });
-    const ae = f([]), p = f([]), V = f([]), { getItemText: pe } = Ke(), { getItemValue: me } = Ye(), ge = y(() => ae.value.map((l, a) => {
+    const ne = v([]), m = v([]), V = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = y(() => ne.value.map((l, a) => {
       e.debug && console.log("Mapping items in internalOptions", { item: l });
-      const t = pe(l, e.itemText), n = me(l, e.itemValue);
+      const t = me(l, e.itemText), n = pe(l, e.itemValue);
       if (n === void 0)
         throw new Error(
           'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(l) + " please check itemValue property is correct."
@@ -113,7 +112,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       const a = V.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         l
-      ), t = p.value.reduce(
+      ), t = m.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         a
       );
@@ -124,7 +123,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       }), Object.values(t).map(
         (n, o) => ({
           ...n,
-          selected: B(be.value.get(n.value)),
+          selected: E(be.value.get(n.value)),
           index: o
         })
       );
@@ -141,8 +140,8 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           else if (e.filterBy.length) {
             const n = [].concat(e.filterBy);
             for (let o = 0; o < n.length; o++) {
-              const T = n[o];
-              t = t || a.original[T] && a.original[T].toLowerCase().includes(u.value.toLowerCase());
+              const x = n[o];
+              t = t || a.original[x] && a.original[x].toLowerCase().includes(u.value.toLowerCase());
             }
           }
         } else
@@ -160,7 +159,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         }),
         {}
       )
-    ), m = y(() => {
+    ), p = y(() => {
       if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
         let l = O.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
@@ -191,7 +190,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           get: (a) => l[JSON.stringify(a)]
         };
       } else if (e.matchStrategy === "equality") {
-        const l = [].concat(e.modelValue).filter(B).map((a, t) => [a, t]);
+        const l = [].concat(e.modelValue).filter(E).map((a, t) => [a, t]);
         return {
           get: (a) => {
             var t;
@@ -201,7 +200,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       } else
         throw new Error("No match strategy has been defined");
     }), s = y(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
-      const t = m.value.get(a);
+      const t = p.value.get(a);
       return t && l.push(t), l;
     }, []))), M = (l) => {
       e.debug && console.log("Running onOptionSelected", { option: l });
@@ -210,15 +209,15 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         (t) => t.id !== l.id
       )), a = e.modelValue.filter(
         (t) => JSON.stringify(t) !== l.jsonValue
-      ), e.stash && (e.debug && console.log("onOptionSelected: inside multiple > selected > stash"), p.value = p.value.filter((t) => t.id !== l.id))) : (e.debug && console.log("onOptionSelected: inside multiple > not selected"), a = e.modelValue.concat(l.value), e.stash && (e.debug && console.log(
+      ), e.stash && (e.debug && console.log("onOptionSelected: inside multiple > selected > stash"), m.value = m.value.filter((t) => t.id !== l.id))) : (e.debug && console.log("onOptionSelected: inside multiple > not selected"), a = e.modelValue.concat(l.value), e.stash && (e.debug && console.log(
         "onOptionSelected: inside multiple > not selected > stash"
-      ), p.value = p.value.concat(l))), e.resetQueryOnOptionSelected && (e.debug && console.log("onOptionSelected: resetting query"), u.value = "")) : l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside single > selected > manual"), V.value = V.value.filter(
+      ), m.value = m.value.concat(l))), e.resetQueryOnOptionSelected && (e.debug && console.log("onOptionSelected: resetting query"), u.value = "")) : l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside single > selected > manual"), V.value = V.value.filter(
         (t) => t.id !== l.id
-      )), a = null, e.stash && (e.debug && console.log("onOptionSelected: inside single > selected > stash"), p.value = []), u.value = "") : (e.debug && console.log("onOptionSelected: inside single > not selected"), a = l.value, e.stash && (e.debug && console.log("onOptionSelected: inside single > not selected > stash"), p.value = [l]), u.value = l.text), c("update:modelValue", a);
-    }, N = async ({ prefill: l = !1 }) => {
+      )), a = null, e.stash && (e.debug && console.log("onOptionSelected: inside single > selected > stash"), m.value = []), u.value = "") : (e.debug && console.log("onOptionSelected: inside single > not selected"), a = l.value, e.stash && (e.debug && console.log("onOptionSelected: inside single > not selected > stash"), m.value = [l]), u.value = l.text), f("update:modelValue", a);
+    }, $ = async ({ prefill: l = !1 }) => {
       e.debug && console.log("running getOptions");
       let a = [];
-      Array.isArray(e.items) ? a = e.items : typeof e.items == "function" && (d.value++, a = await e.items(u.value, l, e.modelValue), d.value--), ae.value = a;
+      Array.isArray(e.items) ? a = e.items : typeof e.items == "function" && (c.value++, a = await e.items(u.value, l, e.modelValue), c.value--), ne.value = a;
     }, he = () => {
       e.debug && console.log("running addOption");
       const l = u.value, a = u.value, t = JSON.stringify(a), n = {
@@ -231,7 +230,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         disabled: !1
       };
       V.value = V.value.concat(n), u.value = "";
-    }, z = e.prefill === !0 || !e.multiple && B(e.modelValue) || e.multiple && !!e.modelValue.length;
+    }, z = e.prefill === !0 || !e.multiple && E(e.modelValue) || e.multiple && !!e.modelValue.length;
     let U;
     X(
       () => e.modelValue,
@@ -242,31 +241,31 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
               if (!Array.isArray(e.modelValue))
                 throw new Error("props.modelValue is not an array.");
               let t = e.modelValue.every(
-                (n) => m.value.get(n)
+                (n) => p.value.get(n)
               );
-              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = e.modelValue.every(
-                (n) => m.value.get(n)
+              if ((!t || a === void 0) && (await $({ prefill: !0 }), t = e.modelValue.every(
+                (n) => p.value.get(n)
               )), t)
-                e.stash && (p.value = e.modelValue.map(
-                  (n) => m.value.get(n)
+                e.stash && (m.value = e.modelValue.map(
+                  (n) => p.value.get(n)
                 ));
               else {
                 let n = [];
-                const o = l.filter((T) => {
-                  let q = m.value.get(T);
+                const o = l.filter((x) => {
+                  let q = p.value.get(x);
                   return q && n.push(q), q;
                 });
-                e.stash && (p.value = n), e.enforceCoherence && c("update:modelValue", o);
+                e.stash && (m.value = n), e.enforceCoherence && f("update:modelValue", o);
               }
             } else {
               e.debug && console.log("watch.modelValue >> single");
-              let t = m.value.get(e.modelValue);
-              if (!t && B(e.modelValue) || a === void 0) {
+              let t = p.value.get(e.modelValue);
+              if (!t && E(e.modelValue) || a === void 0) {
                 e.debug && console.log("watch.modelValue >> not found line 895");
                 const n = u.value;
-                u.value = "", await N({ prefill: !0 }), u.value = n;
+                u.value = "", await $({ prefill: !0 }), u.value = n;
               }
-              t = m.value.get(e.modelValue), t ? (e.debug && console.log("watch.modelValue >> found"), u.value = t.text, e.debug && console.log("watch.modelValue assigned to query"), e.stash && (p.value = [t], e.debug && console.log("watch.modelValue assigned to stash"))) : e.enforceCoherence && B(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (p.value = []), c("update:modelValue", null)) : u.value = "";
+              t = p.value.get(e.modelValue), t ? (e.debug && console.log("watch.modelValue >> found"), u.value = t.text, e.debug && console.log("watch.modelValue assigned to query"), e.stash && (m.value = [t], e.debug && console.log("watch.modelValue assigned to stash")), e.debug && console.log("watch.modelValue end of found")) : e.enforceCoherence && E(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (m.value = []), f("update:modelValue", null)) : u.value = "";
             }
           },
           z ? 0 : e.modelValueDebounceTime
@@ -279,15 +278,15 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       async (l, a) => {
         if (typeof l == "function" || // Circumvent arrays defined in the template by the parent
         JSON.stringify(l) !== JSON.stringify(a))
-          if (e.debug && console.log("watch.items"), await N({ prefill: !1 }), e.multiple) {
+          if (e.debug && console.log("watch.items"), await $({ prefill: !1 }), e.multiple) {
             if (!e.modelValue.every(
-              (n) => m.value.get(n)
+              (n) => p.value.get(n)
             ) && e.enforceCoherence) {
-              const n = e.modelValue.filter((o) => m.value.get(o));
-              c("update:modelValue", n);
+              const n = e.modelValue.filter((o) => p.value.get(o));
+              f("update:modelValue", n);
             }
           } else
-            !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && c("update:modelValue", null), r.value = null;
+            !p.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && f("update:modelValue", null), r.value = null;
       }
     );
     let j;
@@ -296,19 +295,19 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       (l, a) => {
         !z && e.prefill === "focus" && Y || JSON.stringify(l) !== JSON.stringify(a) && (j && clearTimeout(j), j = setTimeout(async () => {
           if (JSON.stringify(l) !== JSON.stringify(a)) {
-            e.enforceCoherence && e.stash && (p.value = []);
+            e.enforceCoherence && e.stash && (m.value = []);
             let t = u.value;
-            if (u.value = "", await N({ prefill: !0 }), u.value = t, !e.multiple)
-              !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && (u.value = "", e.stash && (p.value = []), c("update:modelValue", null));
+            if (u.value = "", await $({ prefill: !0 }), u.value = t, !e.multiple)
+              !p.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && (u.value = "", e.stash && (m.value = []), f("update:modelValue", null));
             else if (!e.modelValue.every(
-              (o) => m.value.get(o)
+              (o) => p.value.get(o)
             ) && e.enforceCoherence) {
               let o = [];
-              const T = e.modelValue.filter((q) => {
-                let G = m.value.get(q);
+              const x = e.modelValue.filter((q) => {
+                let G = p.value.get(q);
                 return G && o.push(G), G;
               });
-              e.stash && (p.value = o), c("update:modelValue", T);
+              e.stash && (m.value = o), f("update:modelValue", x);
             }
           }
         }, e.depsDebounceTime));
@@ -316,72 +315,60 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       { deep: !0 }
     );
     const ye = () => {
-      e.debug && console.log("Running display options"), E.value && v.value && Ue(E.value, v.value, {
+      e.debug && console.log("Running display options"), N.value && d.value && Ue(N.value, d.value, {
         placement: "bottom",
-        middleware: [Xe(6), je(), Qe()]
+        middleware: [Ge(6), je(), Qe()]
       }).then((l) => {
         var a;
-        v.value && (v.value.style.left = `${l.x}px`, v.value.style.top = `${l.y}px`, v.value.style.width = `${(a = E.value) == null ? void 0 : a.offsetWidth}px`);
+        d.value && (d.value.style.left = `${l.x}px`, d.value.style.top = `${l.y}px`, d.value.style.width = `${(a = N.value) == null ? void 0 : a.offsetWidth}px`);
       });
-    }, k = f(!1), Q = f(!1), W = f(!1), K = f(!0), $ = async () => {
+    }, k = v(!1), Q = v(!1), W = v(!1), K = v(!0), D = async () => {
       K.value = !1, Q.value = !0, await J(e.transitionDuration), Q.value = !1, k.value = !0;
     }, A = async () => {
       k.value = !1, W.value = !0, await J(e.transitionDuration), W.value = !1, K.value = !0;
-    }, P = f(!1);
+    }, H = v(!1);
     let Y = !0;
     const we = async (l) => {
-      e.debug && console.log("Running onInputFocus"), c("focus", l), P.value = !0, document.addEventListener("click", oe), document.addEventListener("focusin", ne), S.value instanceof HTMLInputElement && S.value.select(), e.prefill === "focus" && Y && !z && (await N({ prefill: !0 }), Y = !1);
-    }, ne = (l) => {
-      if (e.debug && console.log("Running onFocusOutside"), l.target instanceof Node && F.value && v.value && !F.value.contains(l.target) && !v.value.contains(l.target)) {
-        A(), c("inactive"), document.removeEventListener("focusin", ne), P.value = !1, e.multiple && J(500).then(() => {
-          u.value = "";
-        });
+      e.debug && console.log("Running onInputFocus"), f("focus", l), H.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", oe), T.value instanceof HTMLInputElement && T.value.select(), e.prefill === "focus" && Y && !z && (await $({ prefill: !0 }), Y = !1);
+    }, oe = async (l) => {
+      if (e.debug && console.log("Running onFocusOutside"), l.target instanceof Node && S.value && d.value && !S.value.contains(l.target) && !d.value.contains(l.target)) {
+        A(), f("inactive"), document.removeEventListener("focusin", oe), H.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
     }, Ve = async (l) => {
-      if (e.debug && console.log("Running onInputBlur"), c("blur", l), !e.multiple) {
-        let a = !1;
-        const t = e.modelValue;
-        if (await Promise.race([
-          J(250),
-          Ze(() => t !== e.modelValue).then(() => {
-            a = !0;
-          })
-        ]), !a) {
-          const n = m.value.get(e.modelValue);
-          n && (u.value = n.text);
+      if (e.debug && console.log("Running onInputBlur"), f("blur", l), !e.multiple && (e.modelValue, await le(), await J(300), S.value && d.value)) {
+        const a = document.activeElement;
+        if (!S.value.contains(a) && !d.value.contains(a)) {
+          const t = p.value.get(e.modelValue);
+          t && (u.value = t.text);
         }
       }
-    }, Oe = (l) => c("change", l), Ce = (l) => {
-      e.debug && console.log("Running onInputInput"), c("input", l), u.value === "" && (e.multiple || c("update:modelValue", null)), typeof e.items == "function" && Te();
-    }, r = f(null), _ = y(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = C.value.length - 1), r.value % C.value.length) : r.value), i = f(null), ke = () => {
-      r.value !== null ? r.value++ : r.value = 0, se().then(() => {
-        var l;
-        if (_.value !== null) {
-          const a = (l = v.value) == null ? void 0 : l.querySelector(
-            `#${O.value[_.value].id}`
-          );
-          a instanceof HTMLElement && a.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "start"
-          });
-        }
-      });
-    }, _e = () => {
-      r.value !== null ? r.value-- : r.value = O.value.length - 1, se().then(() => {
-        var l;
-        if (_.value !== null) {
-          const a = (l = v.value) == null ? void 0 : l.querySelector(
-            `#${O.value[_.value].id}`
-          );
-          a instanceof HTMLElement && a.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "start"
-          });
-        }
-      });
+    }, Oe = (l) => f("change", l), Ce = (l) => {
+      e.debug && console.log("Running onInputInput"), f("input", l), u.value === "" && (e.multiple || f("update:modelValue", null)), typeof e.items == "function" && Te();
+    }, r = v(null), _ = y(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = C.value.length - 1), r.value % C.value.length) : r.value), i = v(null), ke = async () => {
+      var l;
+      if (r.value !== null ? r.value++ : r.value = 0, await le(), _.value !== null) {
+        const a = (l = d.value) == null ? void 0 : l.querySelector(
+          `#${O.value[_.value].id}`
+        );
+        a instanceof HTMLElement && a.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "start"
+        });
+      }
+    }, _e = async () => {
+      var l;
+      if (r.value !== null ? r.value-- : r.value = O.value.length - 1, await le(), _.value !== null) {
+        const a = (l = d.value) == null ? void 0 : l.querySelector(
+          `#${O.value[_.value].id}`
+        );
+        a instanceof HTMLElement && a.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "start"
+        });
+      }
     }, Se = async (l) => {
       var a, t;
       if (e.readonly || e.disabled) {
@@ -391,24 +378,24 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       switch (l.key) {
         case "ArrowUp":
           {
-            if (l.preventDefault(), d.value)
+            if (l.preventDefault(), c.value)
               return;
-            i.value = null, k.value ? _e() : (s.value.length && (r.value = le(s.value).index), await $());
+            i.value = null, k.value ? _e() : (s.value.length && (r.value = te(s.value).index), await D());
           }
           break;
         case "ArrowDown":
           {
-            if (l.preventDefault(), d.value)
+            if (l.preventDefault(), c.value)
               return;
-            i.value = null, k.value ? ke() : (s.value.length && (r.value = le(s.value).index), await $());
+            i.value = null, k.value ? ke() : (s.value.length && (r.value = te(s.value).index), await D());
           }
           break;
         case "ArrowLeft":
           {
-            if (d.value)
+            if (c.value)
               return;
             if (!u.value && s.value.length && (i.value === null ? i.value = s.value.length - 1 : i.value > 0 ? i.value-- : i.value = null, i.value !== null)) {
-              let n = s.value[i.value], o = (a = v.value) == null ? void 0 : a.querySelector(
+              let n = s.value[i.value], o = (a = d.value) == null ? void 0 : a.querySelector(
                 `#${n.id}`
               );
               o && (o.scrollIntoView({
@@ -421,10 +408,10 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           break;
         case "ArrowRight":
           {
-            if (d.value)
+            if (c.value)
               return;
             if (!u.value && s.value.length && (i.value === null ? i.value = 0 : i.value < s.value.length - 1 ? i.value++ : i.value = null, i.value !== null)) {
-              let n = s.value[i.value], o = (t = v.value) == null ? void 0 : t.querySelector(
+              let n = s.value[i.value], o = (t = d.value) == null ? void 0 : t.querySelector(
                 `#${n.id}`
               );
               o && (o.scrollIntoView({
@@ -437,10 +424,10 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           break;
         case "Enter":
           {
-            if (l.preventDefault(), d.value)
+            if (l.preventDefault(), c.value)
               return;
             if (!k.value)
-              C.value.length && s.value.length && (r.value = le(s.value).index), await $();
+              C.value.length && s.value.length && (r.value = te(s.value).index), await D();
             else if (_.value !== null) {
               if (C.value[_.value].disabled)
                 return;
@@ -462,15 +449,15 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           break;
         case "Tab":
         case "Escape":
-          k.value && await A(), c("inactive"), i.value = null, r.value = null;
+          k.value && await A(), f("inactive"), i.value = null, r.value = null;
           break;
         case "Shift":
-          if (d.value)
+          if (c.value)
             return;
           break;
         case "Backspace":
           {
-            if (d.value)
+            if (c.value)
               return;
             u.value || s.value.length && (i.value === null ? i.value = s.value.length - 1 : (M(
               s.value[i.value]
@@ -480,11 +467,11 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                 s.value.length - 2
               ),
               0
-            ) : i.value = null)), await $();
+            ) : i.value = null)), await D();
           }
           break;
         default:
-          i.value = null, r.value = null, await $();
+          i.value = null, r.value = null, await D();
           break;
       }
     };
@@ -492,28 +479,26 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
     const Te = () => {
       Z && clearTimeout(Z), Z = setTimeout(async () => {
         try {
-          await N({ prefill: !1 });
+          await $({ prefill: !1 });
         } catch (l) {
           console.error(l);
         }
       }, e.queryDebounceTime);
     }, xe = (l) => {
-      c("click", l), !(e.disabled || e.readonly) && (S.value instanceof HTMLElement && S.value.focus(), $());
+      f("click", l), !(e.disabled || e.readonly) && (T.value instanceof HTMLElement && T.value.focus(), D());
     }, Ie = (l) => {
       if (l.currentTarget instanceof HTMLElement && l.currentTarget.classList.contains("bb-base-select-option")) {
         const a = R.value[l.currentTarget.id];
         if (a.disabled)
           return;
-        M(a), S.value instanceof HTMLInputElement && S.value.focus(), e.multiple || A();
+        M(a), T.value instanceof HTMLInputElement && T.value.focus(), e.multiple || A();
       }
-    }, oe = (l) => {
-      if (l.target instanceof Node && F.value && !F.value.contains(l.target)) {
-        A(), c("inactive"), document.removeEventListener("click", oe), P.value = !1, e.multiple && J(500).then(() => {
-          u.value = "";
-        });
+    }, ue = async (l) => {
+      if (l.target instanceof Node && S.value && !S.value.contains(l.target)) {
+        A(), f("inactive"), document.removeEventListener("click", ue), H.value = !1, e.multiple && (await J(500), u.value = "");
         return;
       }
-    }, Be = Ge(
+    }, Be = Ze(
       (l) => typeof l != "string",
       JSON.stringify
     ), Ee = y(() => [].concat(e.modelValue).map((l) => {
@@ -527,11 +512,11 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
     }));
     return (l, a) => (g(), h("span", {
       ref_key: "outerContainer",
-      ref: F,
-      class: x({
+      ref: S,
+      class: I({
         "bb-base-select": !0,
-        "bb-base-select--active": P.value,
-        "bb-base-select--loading": d.value,
+        "bb-base-select--active": H.value,
+        "bb-base-select--loading": c.value,
         "bb-base-select--disabled": l.disabled,
         "bb-base-select--errors": l.hasErrors,
         "bb-base-select--readonly": l.readonly
@@ -541,29 +526,29 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       b(l.$slots, "prepend-outer"),
       w("span", {
         ref_key: "innerContainer",
-        ref: E,
+        ref: N,
         class: "bb-base-select__inner-container"
       }, [
         b(l.$slots, "prepend"),
-        w("span", el, [
-          l.multiple ? (g(), h(D, { key: 0 }, [
-            l.comma ? (g(!0), h(D, { key: 0 }, H(s.value, (t, n) => (g(), h("span", {
+        w("span", Xe, [
+          l.multiple ? (g(), h(L, { key: 0 }, [
+            l.comma ? (g(!0), h(L, { key: 0 }, P(s.value, (t, n) => (g(), h("span", {
               key: t.id,
-              class: x({
+              class: I({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--comma": !0,
                 "bb-base-select__selected--focused": n === i.value
               })
-            }, L(t.text) + L(n < s.value.length - 1 ? "," : ""), 3))), 128)) : (g(!0), h(D, { key: 1 }, H(s.value, (t, n) => (g(), ue(ze, {
+            }, F(t.text) + F(n < s.value.length - 1 ? "," : ""), 3))), 128)) : (g(!0), h(L, { key: 1 }, P(s.value, (t, n) => (g(), ie(ze, {
               key: t.id,
-              class: x({
+              class: I({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--chip": !0,
                 "bb-base-select__selected--focused": n === i.value
               }),
               clearable: !0,
               text: t.text,
-              "onClick:clear": I((o) => M(t), ["stop"])
+              "onClick:clear": B((o) => M(t), ["stop"])
             }, {
               default: Le(() => [
                 b(l.$slots, "chip", {
@@ -571,43 +556,43 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                   hasErrors: l.hasErrors,
                   index: t.index,
                   item: t.original,
-                  loading: !!d.value,
+                  loading: !!c.value,
                   manual: t.manual,
                   selected: t.selected,
                   text: t.text,
                   value: t.value
                 }, () => [
-                  ee(L(t.text), 1)
+                  ee(F(t.text), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
-          ], 64)) : ie("", !0),
+          ], 64)) : se("", !0),
           Fe(w("input", {
             id: l.id,
             ref_key: "input",
-            ref: S,
+            ref: T,
             "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
             autocomplete: l.autocomplete,
             autofocus: l.autofocus,
-            class: x("bb-base-select__text-input"),
+            class: I("bb-base-select__text-input"),
             disabled: l.disabled,
             placeholder: fe.value,
             readonly: l.readonly || !l.allowWriting,
             type: "text",
-            onBlur: I(Ve, ["stop"]),
-            onChange: I(Oe, ["stop"]),
-            onFocus: I(we, ["stop"]),
-            onInput: I(Ce, ["stop"]),
-            onKeydown: I(Se, ["stop"])
-          }, null, 40, ll), [
+            onBlur: B(Ve, ["stop"]),
+            onChange: B(Oe, ["stop"]),
+            onFocus: B(we, ["stop"]),
+            onInput: B(Ce, ["stop"]),
+            onKeydown: B(Se, ["stop"])
+          }, null, 40, el), [
             [Me, u.value]
           ]),
-          (g(), ue(Ae, { to: "body" }, [
+          (g(), ie(Ae, { to: "body" }, [
             w("span", {
               ref_key: "optionsContainer",
-              ref: v,
-              class: x({
+              ref: d,
+              class: I({
                 "bb-base-select__options-container": !0,
                 "bb-base-select__options-container--shown": k.value,
                 "bb-base-select__options-container--showing": Q.value,
@@ -619,16 +604,16 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
               tabindex: -1
             }, [
               b(l.$slots, "options:prepend"),
-              !C.value.length && d.value ? (g(), h("span", tl, [
+              !C.value.length && c.value ? (g(), h("span", ll, [
                 b(l.$slots, "loading", { query: u.value }, () => [
-                  ee(L(l.loadingText), 1)
+                  ee(F(l.loadingText), 1)
                 ])
-              ])) : C.value.length ? ie("", !0) : (g(), h("span", al, [
+              ])) : C.value.length ? se("", !0) : (g(), h("span", tl, [
                 b(l.$slots, "no-data", { query: u.value }, () => [
-                  ee(L(l.noDataText), 1)
+                  ee(F(l.noDataText), 1)
                 ])
               ])),
-              (g(!0), h(D, null, H(C.value, (t) => (g(), h(D, {
+              (g(!0), h(L, null, P(C.value, (t) => (g(), h(L, {
                 key: t.id
               }, [
                 b(l.$slots, "option:prepend", {
@@ -637,14 +622,14 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                 w("span", {
                   id: t.id,
                   "aria-selected": t.selected,
-                  class: x({
+                  class: I({
                     "bb-base-select-option": !0,
                     "bb-base-select-option--selected": t.selected,
                     "bb-base-select-option--focused": t.focused,
                     "bb-base-select-option--disabled": t.disabled
                   }),
                   role: "option",
-                  onClick: I(Ie, ["stop"])
+                  onClick: B(Ie, ["stop"])
                 }, [
                   b(l.$slots, "option", {
                     disabled: t.disabled,
@@ -652,17 +637,17 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                     hasErrors: l.hasErrors,
                     index: t.index,
                     item: t.original,
-                    loading: !!d.value,
+                    loading: !!c.value,
                     manual: t.manual,
                     selected: t.selected,
                     text: t.text,
                     value: t.value
                   }, () => [
-                    w("span", ol, [
-                      w("span", ul, L(t.text), 1)
+                    w("span", nl, [
+                      w("span", ol, F(t.text), 1)
                     ])
                   ])
-                ], 10, nl),
+                ], 10, al),
                 b(l.$slots, "option:append", {
                   item: t.original
                 })
@@ -671,36 +656,36 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
             ], 6)
           ]))
         ]),
-        w("span", il, [
+        w("span", ul, [
           b(l.$slots, "chevron", {
-            loading: !!d.value,
+            loading: !!c.value,
             shown: k.value
           }, () => [
-            sl
+            il
           ])
         ]),
-        d.value ? (g(), h("span", {
+        c.value ? (g(), h("span", {
           key: 1,
-          class: x({
+          class: I({
             "bb-base-select__spinner": !0,
-            "bb-base-select__spinner--loading": d.value
+            "bb-base-select__spinner--loading": c.value
           })
         }, [
           b(l.$slots, "spinner", {
-            loading: !!d.value
+            loading: !!c.value
           }, () => [
-            Je(Pe, { size: "sm" })
+            Je(He, { size: "sm" })
           ])
         ], 2)) : b(l.$slots, "append", { key: 0 })
       ], 512),
       b(l.$slots, "append-outer"),
-      (g(!0), h(D, null, H(Ee.value, (t) => (g(), h("input", Re({
+      (g(!0), h(L, null, P(Ee.value, (t) => (g(), h("input", Re({
         key: t.value
       }, t), null, 16))), 128))
     ], 2));
   }
 });
 export {
-  _l as default
+  Cl as default
 };
 //# sourceMappingURL=index31.js.map