bitboss-ui 0.2.32 → 0.2.34

package/dist/index31.js

@@ -1,26 +1,26 @@
-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 Pe from "./index115.js";
+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 Je, createVNode as qe, mergeProps as Re, nextTick as se } from "vue";
+import ze from "./index115.js";
 import "./index158.js";
-import He from "./index119.js";
+import Pe from "./index119.js";
 import "./index185.js";
-import { autoUpdate as je, computePosition as Qe, flip as Ue, shift as We } from "./index212.js";
+import { autoUpdate as He, computePosition as Ue, flip as je, shift as Qe } from "./index202.js";
 import { deepEqual as re } from "./index123.js";
 import { head as le } from "./index220.js";
-import { isNotNil as I } from "./index124.js";
-import { last as Re } from "./index206.js";
+import { isNotNil as B } 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 q } from "./index122.js";
-import { waitFor as Ze } from "./index210.js";
+import { waitFor as Ze } from "./index218.js";
 import { when as Ge } from "./index198.js";
-import { offset as Xe } from "./index217.js";
+import { offset as Xe } from "./index210.js";
 const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], tl = {
   key: 0,
   class: "bb-base-select__loading-container"
 }, al = {
   key: 1,
   class: "bb-base-select__no-data-container"
-}, nl = ["id", "aria-selected"], ul = { class: "bb-base-select-option__content" }, sl = { class: "bb-base-select-option__text" }, ol = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ w("svg", {
+}, 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", {
   fill: "none",
   viewBox: "0 0 16 8",
   xmlns: "http://www.w3.org/2000/svg"
@@ -31,12 +31,13 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
     fill: "currentColor",
     "fill-rule": "evenodd"
   })
-], -1), Ol = /* @__PURE__ */ Ne({
+], -1), _l = /* @__PURE__ */ Ne({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: Boolean, default: !0 },
     autocomplete: {},
     autofocus: {},
+    debug: { type: Boolean },
     dependencies: {},
     depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
@@ -67,150 +68,161 @@ 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 l = de, c = ce;
-    if (l.multiple && !Array.isArray(l.modelValue))
+    const e = de, c = 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), T = f(null), s = f(""), fe = g(() => i.value.length ? "" : l.placeholder), d = f(0), ve = l.transitionDuration / 1e3 + "s";
+    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;
     $e(async () => {
-      E.value && v.value && (te = je(
+      e.debug && console.log("Calling onMounted"), E.value && v.value && (te = He(
         E.value,
         v.value,
-        ge,
+        ye,
         {
           ancestorResize: !0,
           ancestorScroll: !0,
-          animationFrame: l.updateOnAnimationFrame,
+          animationFrame: e.updateOnAnimationFrame,
           elementResize: !0
         }
       ));
     }), De(() => {
-      te();
+      e.debug && console.log("Calling onBeforeUnMount"), te();
     });
-    const ae = f([]), m = f([]), V = f([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), be = g(() => ae.value.map((e, a) => {
-      const t = me(e, l.itemText), n = pe(e, l.itemValue);
+    const ae = f([]), p = f([]), V = f([]), { getItemText: pe } = Ke(), { getItemValue: me } = Ye(), ge = y(() => ae.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);
       if (n === void 0)
         throw new Error(
-          'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
+          'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(l) + " please check itemValue property is correct."
         );
-      const u = JSON.stringify(n);
+      const o = JSON.stringify(n);
       return {
-        disabled: !!e.disabled,
-        id: "option_" + u.replace(/\W/g, "_"),
-        jsonValue: u,
+        disabled: !!l.disabled,
+        id: "option_" + o.replace(/\W/g, "_"),
+        jsonValue: o,
         manual: !1,
-        original: e,
+        original: l,
         text: t,
         value: n
       };
-    })), C = g(() => {
-      let e = be.value.reduce(
-        (n, u) => (n[u.id] = u, n),
+    })), O = y(() => {
+      let l = ge.value.reduce(
+        (n, o) => (n[o.id] = o, n),
         {}
       );
       const a = V.value.reduce(
-        (n, u) => (n[u.id] || (n[u.id] = u), n),
-        e
-      ), t = m.value.reduce(
-        (n, u) => (n[u.id] || (n[u.id] = u), n),
+        (n, o) => (n[o.id] || (n[o.id] = o), n),
+        l
+      ), t = p.value.reduce(
+        (n, o) => (n[o.id] || (n[o.id] = o), n),
         a
       );
-      return Object.values(t).map(
-        (n, u) => ({
+      return e.debug && console.log("Computing options in options", {
+        fromOptions: l,
+        withManual: a,
+        withStash: t
+      }), Object.values(t).map(
+        (n, o) => ({
           ...n,
-          selected: I(he.value.get(n.value)),
-          index: u
+          selected: B(be.value.get(n.value)),
+          index: o
         })
       );
-    }), k = g(() => {
-      let e = [];
-      return s.value && !i.value.some(
-        (a) => a.text === s.value
-      ) ? e = C.value.filter((a) => {
+    }), C = y(() => {
+      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) => {
         let t = !1;
-        if (l.filterBy) {
-          if (typeof l.filterBy == "function")
-            t = l.filterBy(a.value, a.original);
-          else if (l.filterBy.length) {
-            const n = [].concat(l.filterBy);
-            for (let u = 0; u < n.length; u++) {
-              const S = n[u];
-              t = t || a.original[S] && a.original[S].toLowerCase().includes(s.value.toLowerCase());
+        if (e.filterBy) {
+          if (typeof e.filterBy == "function")
+            t = e.filterBy(a.value, a.original);
+          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());
             }
           }
         } else
           return !0;
-        return t || a.text.toLowerCase().includes(s.value.toLowerCase());
-      }) : e = C.value, e.map((a, t) => ({
+        return t || a.text.toLowerCase().includes(u.value.toLowerCase());
+      }) : l = O.value, l.map((a, t) => ({
         ...a,
-        focused: O.value === t
+        focused: _.value === t
       }));
-    }), z = g(
-      () => C.value.reduce(
-        (e, a) => ({
-          ...e,
+    }), R = y(
+      () => O.value.reduce(
+        (l, a) => ({
+          ...l,
           [a.id]: a
         }),
         {}
       )
-    ), p = g(() => {
-      if (l.matchStrategy === "string") {
-        let e = C.value.reduce(
+    ), m = y(() => {
+      if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
+        let l = O.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
           {}
         );
         return {
-          get: (a) => e[JSON.stringify(a)]
+          get: (a) => l[JSON.stringify(a)]
         };
-      } else if (l.matchStrategy === "equality") {
-        let e = C.value.map((a) => [
+      } else if (e.matchStrategy === "equality") {
+        let l = O.value.map((a) => [
           a.value,
           a
         ]);
         return {
           get: (a) => {
             var t;
-            return (t = e.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+            return (t = l.find((n) => re(n[0], a))) == null ? void 0 : t[1];
           }
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), he = g(() => {
-      if (l.matchStrategy === "string") {
-        let e = {};
-        return [].concat(l.modelValue).forEach((a, t) => {
-          e[JSON.stringify(a)] = t;
+    }), be = y(() => {
+      if (e.debug && console.log("Computing modelValueIndexed"), e.matchStrategy === "string") {
+        let l = {};
+        return [].concat(e.modelValue).forEach((a, t) => {
+          l[JSON.stringify(a)] = t;
         }), {
-          get: (a) => e[JSON.stringify(a)]
+          get: (a) => l[JSON.stringify(a)]
         };
-      } else if (l.matchStrategy === "equality") {
-        const e = [].concat(l.modelValue).filter(I).map((a, t) => [a, t]);
+      } else if (e.matchStrategy === "equality") {
+        const l = [].concat(e.modelValue).filter(B).map((a, t) => [a, t]);
         return {
           get: (a) => {
             var t;
-            return (t = e.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+            return (t = l.find((n) => re(n[0], a))) == null ? void 0 : t[1];
           }
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), i = g(() => [].concat(l.modelValue).reduce((e, a) => {
-      const t = p.value.get(a);
-      return t && e.push(t), e;
-    }, [])), A = (e) => {
+    }), s = y(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
+      const t = m.value.get(a);
+      return t && l.push(t), l;
+    }, []))), M = (l) => {
+      e.debug && console.log("Running onOptionSelected", { option: l });
       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 && (s.value = "")) : e.selected ? (e.manual && (V.value = V.value.filter(
-        (t) => t.id !== e.id
-      )), 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 }) => {
+      r.value = l.index, e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), V.value = V.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"), 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(
+        "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(
+        (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 }) => {
+      e.debug && console.log("running getOptions");
       let 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 = s.value, a = s.value, t = JSON.stringify(a), n = {
-        text: e,
+      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;
+    }, he = () => {
+      e.debug && console.log("running addOption");
+      const l = u.value, a = u.value, t = JSON.stringify(a), n = {
+        text: l,
         value: a,
         jsonValue: t,
         id: "option_" + t.replace(/\W/g, "_"),
@@ -218,134 +230,136 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
         manual: !0,
         disabled: !1
       };
-      V.value = V.value.concat(n), s.value = "";
-    }, P = l.prefill === !0 || !l.multiple && I(l.modelValue) || l.multiple && !!l.modelValue.length;
-    let Q;
+      V.value = V.value.concat(n), u.value = "";
+    }, z = e.prefill === !0 || !e.multiple && B(e.modelValue) || e.multiple && !!e.modelValue.length;
+    let U;
     X(
-      () => l.modelValue,
-      (e, a) => {
-        Q && clearTimeout(Q), Q = setTimeout(
+      () => e.modelValue,
+      (l, a) => {
+        e.debug && console.log("running watch.modelValue"), U && clearTimeout(U), U = setTimeout(
           async () => {
-            if (l.multiple) {
-              if (!Array.isArray(l.modelValue))
+            if (e.multiple) {
+              if (!Array.isArray(e.modelValue))
                 throw new Error("props.modelValue is not an array.");
-              let t = l.modelValue.every(
-                (n) => p.value.get(n)
+              let t = e.modelValue.every(
+                (n) => m.value.get(n)
               );
-              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = l.modelValue.every(
-                (n) => p.value.get(n)
+              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = e.modelValue.every(
+                (n) => m.value.get(n)
               )), t)
-                l.stash && (m.value = l.modelValue.map(
-                  (n) => p.value.get(n)
+                e.stash && (p.value = e.modelValue.map(
+                  (n) => m.value.get(n)
                 ));
               else {
                 let n = [];
-                const u = e.filter((S) => {
-                  let J = p.value.get(S);
+                const o = l.filter((T) => {
+                  let J = m.value.get(T);
                   return J && n.push(J), J;
                 });
-                l.stash && (m.value = n), l.enforceCoherence && c("update:modelValue", u);
+                e.stash && (p.value = n), e.enforceCoherence && c("update:modelValue", o);
               }
             } else {
-              let t = p.value.get(l.modelValue);
-              if (!t && I(l.modelValue) || a === void 0) {
-                const n = s.value;
-                s.value = "", await N({ prefill: !0 }), s.value = n;
+              e.debug && console.log("watch.modelValue >> single");
+              let t = m.value.get(e.modelValue);
+              if (!t && B(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;
               }
-              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 = "";
+              t = m.value.get(e.modelValue), t ? (e.debug && console.log("watch.modelValue >> found"), u.value = t.text, e.stash && (p.value = [t])) : 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 = "";
             }
           },
-          P ? 0 : l.modelValueDebounceTime
+          z ? 0 : e.modelValueDebounceTime
         );
       },
       // Prefill when asked or when items are static
-      { immediate: P, deep: !0 }
+      { immediate: z, deep: !0 }
     ), X(
-      () => l.items,
-      async (e, a) => {
-        if (typeof e == "function" || // Circumvent arrays defined in the template by the parent
-        JSON.stringify(e) !== JSON.stringify(a))
-          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));
+      () => e.items,
+      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.modelValue.every(
+              (n) => m.value.get(n)
+            ) && e.enforceCoherence) {
+              const n = e.modelValue.filter((o) => m.value.get(o));
               c("update:modelValue", n);
             }
           } else
-            !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && c("update:modelValue", null), r.value = null;
+            !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && c("update:modelValue", null), r.value = null;
       }
     );
-    let U;
+    let j;
     X(
-      () => l.dependencies,
-      (e, a) => {
-        !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 = 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 S = l.modelValue.filter((J) => {
-                let G = p.value.get(J);
-                return G && u.push(G), G;
+      () => e.dependencies,
+      (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 = []);
+            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));
+            else if (!e.modelValue.every(
+              (o) => m.value.get(o)
+            ) && e.enforceCoherence) {
+              let o = [];
+              const T = e.modelValue.filter((J) => {
+                let G = m.value.get(J);
+                return G && o.push(G), G;
               });
-              l.stash && (m.value = u), c("update:modelValue", S);
+              e.stash && (p.value = o), c("update:modelValue", T);
             }
           }
-        }, l.depsDebounceTime));
+        }, e.depsDebounceTime));
       },
       { deep: !0 }
     );
-    const ge = () => {
-      E.value && v.value && Qe(E.value, v.value, {
+    const ye = () => {
+      e.debug && console.log("Running display options"), E.value && v.value && Ue(E.value, v.value, {
         placement: "bottom",
-        middleware: [Xe(6), Ue(), We()]
-      }).then((e) => {
+        middleware: [Xe(6), je(), Qe()]
+      }).then((l) => {
         var a;
-        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`);
+        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`);
       });
-    }, _ = f(!1), W = f(!1), R = f(!1), K = f(!0), $ = async () => {
-      K.value = !1, W.value = !0, await q(l.transitionDuration), W.value = !1, _.value = !0;
-    }, M = async () => {
-      _.value = !1, R.value = !0, await q(l.transitionDuration), R.value = !1, K.value = !0;
-    }, H = f(!1);
+    }, k = f(!1), Q = f(!1), W = f(!1), K = f(!0), $ = async () => {
+      K.value = !1, Q.value = !0, await q(e.transitionDuration), Q.value = !1, k.value = !0;
+    }, A = async () => {
+      k.value = !1, W.value = !0, await q(e.transitionDuration), W.value = !1, K.value = !0;
+    }, P = f(!1);
     let Y = !0;
-    const we = async (e) => {
-      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 = "";
+    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 && q(500).then(() => {
+          u.value = "";
         });
         return;
       }
-    }, Ve = async (e) => {
-      if (c("blur", e), !l.multiple) {
+    }, Ve = async (l) => {
+      if (e.debug && console.log("Running onInputBlur"), c("blur", l), !e.multiple) {
         let a = !1;
-        const t = l.modelValue;
+        const t = e.modelValue;
         if (await Promise.race([
           q(250),
-          Ze(() => t !== l.modelValue).then(() => {
+          Ze(() => t !== e.modelValue).then(() => {
             a = !0;
           })
         ]), !a) {
-          const n = p.value.get(l.modelValue);
-          n && (s.value = n.text);
+          const n = m.value.get(e.modelValue);
+          n && (u.value = n.text);
         }
       }
-    }, 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) {
-          const a = (e = v.value) == null ? void 0 : e.querySelector(
-            `#${C.value[O.value].id}`
+    }, 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",
@@ -354,12 +368,12 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           });
         }
       });
-    }, Oe = () => {
-      r.value !== null ? r.value-- : r.value = C.value.length - 1, ie().then(() => {
-        var e;
-        if (O.value !== null) {
-          const a = (e = v.value) == null ? void 0 : e.querySelector(
-            `#${C.value[O.value].id}`
+    }, _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",
@@ -368,40 +382,40 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           });
         }
       });
-    }, Te = async (e) => {
+    }, Se = async (l) => {
       var a, t;
-      if (l.readonly || l.disabled) {
-        e.preventDefault();
+      if (e.readonly || e.disabled) {
+        l.preventDefault();
         return;
       }
-      switch (e.key) {
+      switch (l.key) {
         case "ArrowUp":
           {
-            if (e.preventDefault(), d.value)
+            if (l.preventDefault(), d.value)
               return;
-            o.value = null, _.value ? Oe() : (i.value.length && (r.value = le(i.value).index), await $());
+            i.value = null, k.value ? _e() : (s.value.length && (r.value = le(s.value).index), await $());
           }
           break;
         case "ArrowDown":
           {
-            if (e.preventDefault(), d.value)
+            if (l.preventDefault(), d.value)
               return;
-            o.value = null, _.value ? _e() : (i.value.length && (r.value = le(i.value).index), await $());
+            i.value = null, k.value ? ke() : (s.value.length && (r.value = le(s.value).index), await $());
           }
           break;
         case "ArrowLeft":
           {
             if (d.value)
               return;
-            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(
+            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(
                 `#${n.id}`
               );
-              u && (u.scrollIntoView({
+              o && (o.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[i.value[o.value].id].index);
+              }), r.value = R.value[s.value[i.value].id].index);
             }
           }
           break;
@@ -409,46 +423,46 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           {
             if (d.value)
               return;
-            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(
+            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(
                 `#${n.id}`
               );
-              u && (u.scrollIntoView({
+              o && (o.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[i.value[o.value].id].index);
+              }), r.value = R.value[s.value[i.value].id].index);
             }
           }
           break;
         case "Enter":
           {
-            if (e.preventDefault(), d.value)
+            if (l.preventDefault(), d.value)
               return;
-            if (!_.value)
-              k.value.length && i.value.length && (r.value = le(i.value).index), await $();
-            else if (O.value !== null) {
-              if (k.value[O.value].disabled)
+            if (!k.value)
+              C.value.length && s.value.length && (r.value = le(s.value).index), await $();
+            else if (_.value !== null) {
+              if (C.value[_.value].disabled)
                 return;
-              l.multiple || await M(), A(
-                k.value[O.value]
+              e.multiple || await A(), M(
+                C.value[_.value]
               );
-            } else if (l.addOptions) {
-              if (l.itemText || l.itemValue) {
+            } else if (e.addOptions) {
+              if (e.itemText || e.itemValue) {
                 console.error(
                   `Adding an option for mapped items is not supported. You can't create an option while passing "item-text" or "item-value".`
                 );
                 return;
               }
-              ye();
-              const n = Re(V.value);
-              A(z.value[n.id]);
+              he();
+              const n = We(V.value);
+              M(R.value[n.id]);
             }
           }
           break;
         case "Tab":
         case "Escape":
-          _.value && await M(), c("inactive"), o.value = null, r.value = null;
+          k.value && await A(), c("inactive"), i.value = null, r.value = null;
           break;
         case "Shift":
           if (d.value)
@@ -458,103 +472,103 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
           {
             if (d.value)
               return;
-            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(
+            u.value || s.value.length && (i.value === null ? i.value = s.value.length - 1 : (M(
+              s.value[i.value]
+            ), s.value.length ? i.value = Math.max(
               Math.min(
-                o.value,
-                i.value.length - 2
+                i.value,
+                s.value.length - 2
               ),
               0
-            ) : o.value = null)), await $();
+            ) : i.value = null)), await $();
           }
           break;
         default:
-          o.value = null, r.value = null, await $();
+          i.value = null, r.value = null, await $();
           break;
       }
     };
     let Z;
-    const Se = () => {
+    const Te = () => {
       Z && clearTimeout(Z), Z = setTimeout(async () => {
         try {
           await N({ prefill: !1 });
-        } catch (e) {
-          console.error(e);
+        } catch (l) {
+          console.error(l);
         }
-      }, l.queryDebounceTime);
-    }, xe = (e) => {
-      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];
+      }, e.queryDebounceTime);
+    }, xe = (l) => {
+      c("click", l), !(e.disabled || e.readonly) && (S.value instanceof HTMLElement && S.value.focus(), $());
+    }, 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;
-        A(a), T.value instanceof HTMLInputElement && T.value.focus(), l.multiple || M();
+        M(a), S.value instanceof HTMLInputElement && S.value.focus(), e.multiple || A();
       }
-    }, 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 = "";
+    }, 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 && q(500).then(() => {
+          u.value = "";
         });
         return;
       }
-    }, Ie = Ge(
-      (e) => typeof e != "string",
+    }, Be = Ge(
+      (l) => typeof l != "string",
       JSON.stringify
-    ), Ee = g(() => [].concat(l.modelValue).map((e) => {
-      const a = Ie(e);
+    ), Ee = y(() => [].concat(e.modelValue).map((l) => {
+      const a = Be(l);
       return {
-        disabled: l.disabled,
-        name: l.name,
+        disabled: e.disabled,
+        name: e.name,
         type: "hidden",
         value: a
       };
     }));
-    return (e, a) => (b(), y("span", {
+    return (l, a) => (g(), h("span", {
       ref_key: "outerContainer",
       ref: F,
       class: x({
         "bb-base-select": !0,
-        "bb-base-select--active": H.value,
+        "bb-base-select--active": P.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
+        "bb-base-select--disabled": l.disabled,
+        "bb-base-select--errors": l.hasErrors,
+        "bb-base-select--readonly": l.readonly
       }),
       onClick: xe
     }, [
-      h(e.$slots, "prepend-outer"),
+      b(l.$slots, "prepend-outer"),
       w("span", {
         ref_key: "innerContainer",
         ref: E,
         class: "bb-base-select__inner-container"
       }, [
-        h(e.$slots, "prepend"),
+        b(l.$slots, "prepend"),
         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", {
+          l.multiple ? (g(), h(D, { key: 0 }, [
+            l.comma ? (g(!0), h(D, { key: 0 }, H(s.value, (t, n) => (g(), h("span", {
               key: t.id,
               class: x({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--comma": !0,
-                "bb-base-select__selected--focused": n === o.value
+                "bb-base-select__selected--focused": n === i.value
               })
-            }, L(t.text) + L(n < i.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(D, { key: 1 }, j(i.value, (t, n) => (b(), se(Pe, {
+            }, 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, {
               key: t.id,
               class: x({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--chip": !0,
-                "bb-base-select__selected--focused": n === o.value
+                "bb-base-select__selected--focused": n === i.value
               }),
               clearable: !0,
               text: t.text,
-              "onClick:clear": B((u) => A(t), ["stop"])
+              "onClick:clear": I((o) => M(t), ["stop"])
             }, {
               default: Le(() => [
-                h(e.$slots, "chip", {
+                b(l.$slots, "chip", {
                   disabled: t.disabled,
-                  hasErrors: e.hasErrors,
+                  hasErrors: l.hasErrors,
                   index: t.index,
                   item: t.original,
                   loading: !!d.value,
@@ -568,56 +582,56 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
               ]),
               _: 2
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
-          ], 64)) : oe("", !0),
+          ], 64)) : ie("", !0),
           Fe(w("input", {
-            id: e.id,
+            id: l.id,
             ref_key: "input",
-            ref: T,
-            "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
-            autocomplete: e.autocomplete,
-            autofocus: e.autofocus,
+            ref: S,
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
+            autocomplete: l.autocomplete,
+            autofocus: l.autofocus,
             class: x("bb-base-select__text-input"),
-            disabled: e.disabled,
+            disabled: l.disabled,
             placeholder: fe.value,
-            readonly: e.readonly || !e.allowWriting,
+            readonly: l.readonly || !l.allowWriting,
             type: "text",
-            onBlur: B(Ve, ["stop"]),
-            onChange: B(Ce, ["stop"]),
-            onFocus: B(we, ["stop"]),
-            onInput: B(ke, ["stop"]),
-            onKeydown: B(Te, ["stop"])
+            onBlur: I(Ve, ["stop"]),
+            onChange: I(Oe, ["stop"]),
+            onFocus: I(we, ["stop"]),
+            onInput: I(Ce, ["stop"]),
+            onKeydown: I(Se, ["stop"])
           }, null, 40, ll), [
-            [Ae, s.value]
+            [Me, u.value]
           ]),
-          (b(), se(Me, { to: "body" }, [
+          (g(), ue(Ae, { to: "body" }, [
             w("span", {
               ref_key: "optionsContainer",
               ref: v,
               class: x({
                 "bb-base-select__options-container": !0,
-                "bb-base-select__options-container--shown": _.value,
-                "bb-base-select__options-container--showing": W.value,
-                "bb-base-select__options-container--hiding": R.value,
+                "bb-base-select__options-container--shown": k.value,
+                "bb-base-select__options-container--showing": Q.value,
+                "bb-base-select__options-container--hiding": W.value,
                 "bb-base-select__options-container--hidden": K.value
               }),
               role: "listbox",
               style: Je({ transitionDuration: ve }),
               tabindex: -1
             }, [
-              h(e.$slots, "options:prepend"),
-              !k.value.length && d.value ? (b(), y("span", tl, [
-                h(e.$slots, "loading", { query: s.value }, () => [
-                  ee(L(e.loadingText), 1)
+              b(l.$slots, "options:prepend"),
+              !C.value.length && d.value ? (g(), h("span", tl, [
+                b(l.$slots, "loading", { query: u.value }, () => [
+                  ee(L(l.loadingText), 1)
                 ])
-              ])) : k.value.length ? oe("", !0) : (b(), y("span", al, [
-                h(e.$slots, "no-data", { query: s.value }, () => [
-                  ee(L(e.noDataText), 1)
+              ])) : C.value.length ? ie("", !0) : (g(), h("span", al, [
+                b(l.$slots, "no-data", { query: u.value }, () => [
+                  ee(L(l.noDataText), 1)
                 ])
               ])),
-              (b(!0), y(D, null, j(k.value, (t) => (b(), y(D, {
+              (g(!0), h(D, null, H(C.value, (t) => (g(), h(D, {
                 key: t.id
               }, [
-                h(e.$slots, "option:prepend", {
+                b(l.$slots, "option:prepend", {
                   item: t.original
                 }),
                 w("span", {
@@ -630,12 +644,12 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                     "bb-base-select-option--disabled": t.disabled
                   }),
                   role: "option",
-                  onClick: B(Be, ["stop"])
+                  onClick: I(Ie, ["stop"])
                 }, [
-                  h(e.$slots, "option", {
+                  b(l.$slots, "option", {
                     disabled: t.disabled,
                     focused: t.focused,
-                    hasErrors: e.hasErrors,
+                    hasErrors: l.hasErrors,
                     index: t.index,
                     item: t.original,
                     loading: !!d.value,
@@ -644,49 +658,49 @@ const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomple
                     text: t.text,
                     value: t.value
                   }, () => [
-                    w("span", ul, [
-                      w("span", sl, L(t.text), 1)
+                    w("span", ol, [
+                      w("span", ul, L(t.text), 1)
                     ])
                   ])
                 ], 10, nl),
-                h(e.$slots, "option:append", {
+                b(l.$slots, "option:append", {
                   item: t.original
                 })
               ], 64))), 128)),
-              h(e.$slots, "options:append")
+              b(l.$slots, "options:append")
             ], 6)
           ]))
         ]),
-        w("span", ol, [
-          h(e.$slots, "chevron", {
+        w("span", il, [
+          b(l.$slots, "chevron", {
             loading: !!d.value,
-            shown: _.value
+            shown: k.value
           }, () => [
-            il
+            sl
           ])
         ]),
-        d.value ? (b(), y("span", {
+        d.value ? (g(), h("span", {
           key: 1,
           class: x({
             "bb-base-select__spinner": !0,
             "bb-base-select__spinner--loading": d.value
           })
         }, [
-          h(e.$slots, "spinner", {
+          b(l.$slots, "spinner", {
             loading: !!d.value
           }, () => [
-            qe(He, { size: "sm" })
+            qe(Pe, { size: "sm" })
           ])
-        ], 2)) : h(e.$slots, "append", { key: 0 })
+        ], 2)) : b(l.$slots, "append", { key: 0 })
       ], 512),
-      h(e.$slots, "append-outer"),
-      (b(!0), y(D, null, j(Ee.value, (t) => (b(), y("input", ze({
+      b(l.$slots, "append-outer"),
+      (g(!0), h(D, null, H(Ee.value, (t) => (g(), h("input", Re({
         key: t.value
       }, t), null, 16))), 128))
     ], 2));
   }
 });
 export {
-  Ol as default
+  _l as default
 };
 //# sourceMappingURL=index31.js.map