bitboss-ui 0.2.42 → 0.2.44

package/dist/index31.js

@@ -1,37 +1,36 @@
-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 V, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as O, 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 "./index212.js";
+import { autoUpdate as Pe, computePosition as Ue, flip as je, shift as Qe } from "./index211.js";
 import { deepEqual as re } from "./index123.js";
-import { head as le } from "./index223.js";
-import { isNotNil as B } from "./index124.js";
-import { last as We } from "./index209.js";
+import { head as te } from "./index219.js";
+import { isNotNil as E } from "./index124.js";
+import { last as We } from "./index207.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 "./index201.js";
-import { when as Ge } from "./index211.js";
-import { offset as Xe } from "./index217.js";
-const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], tl = {
+import { when as Ze } from "./index217.js";
+import { offset as Ge } from "./index215.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__ */ O("svg", {
   fill: "none",
   viewBox: "0 0 16 8",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
-  /* @__PURE__ */ w("path", {
+  /* @__PURE__ */ O("path", {
     "clip-rule": "evenodd",
     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",
     "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 = V(() => 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,9 +85,9 @@ 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([]), m = f([]), V = f([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = y(() => ae.value.map((l, a) => {
+    const ne = v([]), m = v([]), C = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = V(() => ne.value.map((l, a) => {
       e.debug && console.log("Mapping items in internalOptions", { item: l });
       const t = me(l, e.itemText), n = pe(l, e.itemValue);
       if (n === void 0)
@@ -105,12 +104,12 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         text: t,
         value: n
       };
-    })), O = y(() => {
+    })), y = V(() => {
       let l = ge.value.reduce(
         (n, o) => (n[o.id] = o, n),
         {}
       );
-      const a = V.value.reduce(
+      const a = C.value.reduce(
         (n, o) => (n[o.id] || (n[o.id] = o), n),
         l
       ), t = m.value.reduce(
@@ -124,16 +123,16 @@ 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
         })
       );
-    }), C = y(() => {
+    }), w = V(() => {
       e.debug && console.log("Computing filtered options");
       let l = [];
       return u.value && !s.value.some(
         (a) => a.text === u.value
-      ) ? l = O.value.filter((a) => {
+      ) ? l = y.value.filter((a) => {
         let t = !1;
         if (e.filterBy) {
           if (typeof e.filterBy == "function")
@@ -141,28 +140,28 @@ 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
           return !0;
         return t || a.text.toLowerCase().includes(u.value.toLowerCase());
-      }) : l = O.value, l.map((a, t) => ({
+      }) : l = y.value, l.map((a, t) => ({
         ...a,
         focused: _.value === t
       }));
-    }), R = y(
-      () => O.value.reduce(
+    }), R = V(
+      () => y.value.reduce(
         (l, a) => ({
           ...l,
           [a.id]: a
         }),
         {}
       )
-    ), p = y(() => {
+    ), p = V(() => {
       if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
-        let l = O.value.reduce(
+        let l = y.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
           {}
         );
@@ -170,7 +169,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           get: (a) => l[JSON.stringify(a)]
         };
       } else if (e.matchStrategy === "equality") {
-        let l = O.value.map((a) => [
+        let l = y.value.map((a) => [
           a.value,
           a
         ]);
@@ -182,7 +181,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), be = y(() => {
+    }), be = V(() => {
       if (e.debug && console.log("Computing modelValueIndexed"), e.matchStrategy === "string") {
         let l = {};
         return [].concat(e.modelValue).forEach((a, t) => {
@@ -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;
@@ -200,25 +199,25 @@ 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) => {
+    }), s = V(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
       const t = p.value.get(a);
       return t && l.push(t), l;
     }, []))), M = (l) => {
       e.debug && console.log("Running onOptionSelected", { option: l });
       let a;
-      r.value = l.index, e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), V.value = V.value.filter(
+      r.value = l.index, e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), C.value = C.value.filter(
         (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"), 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"
-      ), 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(
+      ), 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"), C.value = C.value.filter(
         (t) => t.id !== l.id
-      )), 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), 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 = {
@@ -230,8 +229,8 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         manual: !0,
         disabled: !1
       };
-      V.value = V.value.concat(n), u.value = "";
-    }, z = e.prefill === !0 || !e.multiple && B(e.modelValue) || e.multiple && !!e.modelValue.length;
+      C.value = C.value.concat(n), u.value = "";
+    }, z = e.prefill === !0 || !e.multiple && E(e.modelValue) || e.multiple && !!e.modelValue.length;
     let U;
     X(
       () => e.modelValue,
@@ -244,7 +243,7 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
               let t = e.modelValue.every(
                 (n) => p.value.get(n)
               );
-              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = e.modelValue.every(
+              if ((!t || a === void 0) && (await $({ prefill: !0 }), t = e.modelValue.every(
                 (n) => p.value.get(n)
               )), t)
                 e.stash && (m.value = e.modelValue.map(
@@ -252,21 +251,21 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                 ));
               else {
                 let n = [];
-                const o = l.filter((T) => {
-                  let q = p.value.get(T);
+                const o = l.filter((x) => {
+                  let q = p.value.get(x);
                   return q && n.push(q), q;
                 });
-                e.stash && (m.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 = p.value.get(e.modelValue);
-              if (!t && B(e.modelValue) || a === void 0) {
+              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 = 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 && B(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (m.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) => p.value.get(n)
             ) && e.enforceCoherence) {
               const n = e.modelValue.filter((o) => p.value.get(o));
-              c("update:modelValue", n);
+              f("update:modelValue", n);
             }
           } else
-            !p.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;
@@ -298,17 +297,17 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           if (JSON.stringify(l) !== JSON.stringify(a)) {
             e.enforceCoherence && e.stash && (m.value = []);
             let t = u.value;
-            if (u.value = "", await N({ prefill: !0 }), u.value = t, !e.multiple)
-              !p.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && (u.value = "", e.stash && (m.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) => p.value.get(o)
             ) && e.enforceCoherence) {
               let o = [];
-              const T = e.modelValue.filter((q) => {
+              const x = e.modelValue.filter((q) => {
                 let G = p.value.get(q);
                 return G && o.push(G), G;
               });
-              e.stash && (m.value = o), c("update:modelValue", T);
+              e.stash && (m.value = o), f("update:modelValue", x);
             }
           }
         }, e.depsDebounceTime));
@@ -316,47 +315,41 @@ 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 = async (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 && (await J(500), 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 = p.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 = async () => {
+    }, 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), _ = V(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = w.value.length - 1), r.value % w.value.length) : r.value), i = v(null), ke = async () => {
       var l;
-      if (r.value !== null ? r.value++ : r.value = 0, await se(), _.value !== null) {
-        const a = (l = v.value) == null ? void 0 : l.querySelector(
-          `#${O.value[_.value].id}`
+      if (r.value !== null ? r.value = r.value % y.value.length : r.value = 0, await le(), _.value !== null) {
+        const a = (l = d.value) == null ? void 0 : l.querySelector(
+          `#${y.value[_.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -366,9 +359,9 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       }
     }, _e = async () => {
       var l;
-      if (r.value !== null ? r.value-- : r.value = O.value.length - 1, await se(), _.value !== null) {
-        const a = (l = v.value) == null ? void 0 : l.querySelector(
-          `#${O.value[_.value].id}`
+      if (r.value !== null ? r.value = r.value === 0 ? y.value.length - 1 : r.value - 1 : r.value = y.value.length - 1, await le(), _.value !== null) {
+        const a = (l = d.value) == null ? void 0 : l.querySelector(
+          `#${y.value[_.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -385,24 +378,34 @@ 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 $());
+            if (i.value = null, k.value) {
+              if (!w.value.length)
+                return;
+              _e();
+            } else
+              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 $());
+            if (i.value = null, k.value) {
+              if (!w.value.length)
+                return;
+              ke();
+            } else
+              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({
@@ -415,10 +418,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({
@@ -431,15 +434,15 @@ 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 $();
+              w.value.length && s.value.length && (r.value = te(s.value).index), await D();
             else if (_.value !== null) {
-              if (C.value[_.value].disabled)
+              if (w.value[_.value].disabled)
                 return;
               e.multiple || await A(), M(
-                C.value[_.value]
+                w.value[_.value]
               );
             } else if (e.addOptions) {
               if (e.itemText || e.itemValue) {
@@ -449,22 +452,22 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                 return;
               }
               he();
-              const n = We(V.value);
+              const n = We(C.value);
               M(R.value[n.id]);
             }
           }
           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]
@@ -474,11 +477,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;
       }
     };
@@ -486,29 +489,29 @@ 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 = async (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 && (await J(500), 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) => {
+    ), Ee = V(() => [].concat(e.modelValue).map((l) => {
       const a = Be(l);
       return {
         disabled: e.disabled,
@@ -519,11 +522,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
@@ -531,31 +534,31 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
       onClick: xe
     }, [
       b(l.$slots, "prepend-outer"),
-      w("span", {
+      O("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", {
+        O("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", {
@@ -563,43 +566,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),
-          Fe(w("input", {
+          ], 64)) : se("", !0),
+          Fe(O("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" }, [
-            w("span", {
+          (g(), ie(Ae, { to: "body" }, [
+            O("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,
@@ -611,32 +614,32 @@ 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, [
+              !w.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, [
+              ])) : w.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(w.value, (t) => (g(), h(L, {
                 key: t.id
               }, [
                 b(l.$slots, "option:prepend", {
                   item: t.original
                 }),
-                w("span", {
+                O("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,
@@ -644,17 +647,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)
+                    O("span", nl, [
+                      O("span", ol, F(t.text), 1)
                     ])
                   ])
-                ], 10, nl),
+                ], 10, al),
                 b(l.$slots, "option:append", {
                   item: t.original
                 })
@@ -663,36 +666,36 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
             ], 6)
           ]))
         ]),
-        w("span", il, [
+        O("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