bitboss-ui 0.2.49 → 0.2.51

package/dist/index31.js

@@ -1,25 +1,25 @@
-import { defineComponent as Ne, ref as v, computed as w, onMounted as $e, onBeforeUnmount as De, watch as ee, openBlock as g, createElementBlock as h, normalizeClass as I, renderSlot as b, createElementVNode as V, Fragment as L, renderList as P, toDisplayString as F, createBlock as ie, withModifiers as B, withCtx as Le, createTextVNode as le, createCommentVNode as se, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as qe, createVNode as Je, mergeProps as Re, nextTick as U } from "vue";
-import ze from "./index115.js";
+import { defineComponent as Ne, ref as v, computed as w, onMounted as $e, onBeforeUnmount as De, watch as ee, openBlock as b, createElementBlock as y, normalizeClass as B, renderSlot as h, createElementVNode as V, Fragment as L, renderList as j, toDisplayString as F, createBlock as ie, withModifiers as E, withCtx as Le, createTextVNode as le, createCommentVNode as oe, withDirectives as Fe, vModelDynamic as Ae, Teleport as Je, normalizeStyle as Me, createVNode as qe, mergeProps as ze, nextTick as Q } from "vue";
+import He from "./index115.js";
 import "./index158.js";
-import He from "./index119.js";
+import Pe from "./index119.js";
 import "./index185.js";
-import { autoUpdate as Pe, computePosition as Ue, flip as je, shift as Qe } from "./index206.js";
+import { autoUpdate as je, computePosition as Qe, flip as Ue, shift as We } from "./index197.js";
 import { deepEqual as re } from "./index123.js";
-import { head as te } from "./index215.js";
-import { isNotNil as E } from "./index124.js";
-import { last as We } from "./index205.js";
+import { head as te } from "./index198.js";
+import { isNotNil as I } from "./index124.js";
+import { last as Re } from "./index199.js";
 import { useItemText as Ke } from "./index125.js";
 import { useItemValue as Ye } from "./index126.js";
-import { wait as J } from "./index122.js";
-import { when as Ze } from "./index213.js";
-import { offset as Ge } from "./index211.js";
+import { wait as q } from "./index122.js";
+import { when as Ze } from "./index200.js";
+import { offset as Ge } from "./index201.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"
 }, tl = {
   key: 1,
   class: "bb-base-select__no-data-container"
-}, 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__ */ V("svg", {
+}, al = ["id", "aria-selected"], nl = { class: "bb-base-select-option__content" }, ul = { class: "bb-base-select-option__text" }, sl = { class: "bb-base-select__chevron" }, il = /* @__PURE__ */ V("svg", {
   fill: "none",
   viewBox: "0 0 16 8",
   xmlns: "http://www.w3.org/2000/svg"
@@ -30,7 +30,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     fill: "currentColor",
     "fill-rule": "evenodd"
   })
-], -1), Cl = /* @__PURE__ */ Ne({
+], -1), kl = /* @__PURE__ */ Ne({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: Boolean, default: !0 },
@@ -66,162 +66,151 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(de, { emit: ce }) {
-    const e = de, f = ce;
-    if (e.multiple && !Array.isArray(e.modelValue))
+  setup(ce, { emit: de }) {
+    const l = ce, f = de;
+    if (l.multiple && !Array.isArray(l.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const S = v(null), N = v(null), d = v(null), T = v(null), u = v(""), fe = w(() => s.value.length ? "" : e.placeholder), c = v(0), ve = e.transitionDuration / 1e3 + "s";
+    const T = v(null), N = v(null), c = v(null), S = v(null), s = v(""), fe = w(() => o.value.length ? "" : l.placeholder), d = v(0), ve = l.transitionDuration / 1e3 + "s";
     let ae;
     $e(async () => {
-      e.debug && console.log("Calling onMounted"), N.value && d.value && (ae = Pe(
+      N.value && c.value && (ae = je(
         N.value,
-        d.value,
-        ye,
+        c.value,
+        ge,
         {
           ancestorResize: !0,
           ancestorScroll: !0,
-          animationFrame: e.updateOnAnimationFrame,
+          animationFrame: l.updateOnAnimationFrame,
           elementResize: !0
         }
       ));
     }), De(() => {
-      e.debug && console.log("Calling onBeforeUnMount"), ae();
+      ae();
     });
-    const ne = v([]), m = v([]), C = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), ge = w(() => 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);
+    const ne = v([]), m = v([]), k = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), be = w(() => ne.value.map((e, a) => {
+      const t = me(e, l.itemText), n = pe(e, l.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."
+          'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
         );
-      const o = JSON.stringify(n);
+      const u = JSON.stringify(n);
       return {
-        disabled: !!l.disabled,
-        id: "option_" + o.replace(/\W/g, "_"),
-        jsonValue: o,
+        disabled: !!e.disabled,
+        id: "option_" + u.replace(/\W/g, "_"),
+        jsonValue: u,
         manual: !1,
-        original: l,
+        original: e,
         text: t,
         value: n
       };
-    })), y = w(() => {
-      let l = ge.value.reduce(
-        (n, o) => (n[o.id] = o, n),
+    })), g = w(() => {
+      let e = be.value.reduce(
+        (n, u) => (n[u.id] = u, n),
         {}
       );
-      const a = C.value.reduce(
-        (n, o) => (n[o.id] || (n[o.id] = o), n),
-        l
+      const a = k.value.reduce(
+        (n, u) => (n[u.id] || (n[u.id] = u), n),
+        e
       ), t = m.value.reduce(
-        (n, o) => (n[o.id] || (n[o.id] = o), n),
+        (n, u) => (n[u.id] || (n[u.id] = u), n),
         a
       );
-      return e.debug && console.log("Computing options in options", {
-        fromOptions: l,
-        withManual: a,
-        withStash: t
-      }), Object.values(t).map(
-        (n, o) => ({
+      return Object.values(t).map(
+        (n, u) => ({
           ...n,
-          selected: E(be.value.get(n.value)),
-          index: o
+          selected: I(he.value.get(n.value)),
+          index: u
         })
       );
-    }), O = w(() => {
-      e.debug && console.log("Computing filtered options");
-      let l = [];
-      return u.value && !s.value.some(
-        (a) => a.text === u.value
-      ) ? l = y.value.filter((a) => {
+    }), C = w(() => {
+      let e = [];
+      return s.value && !o.value.some(
+        (a) => a.text === s.value
+      ) ? e = g.value.filter((a) => {
         let t = !1;
-        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 x = n[o];
-              t = t || a.original[x] && a.original[x].toLowerCase().includes(u.value.toLowerCase());
+        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 x = n[u];
+              t = t || a.original[x] && a.original[x].toLowerCase().includes(s.value.toLowerCase());
             }
           }
         } else
           return !0;
-        return t || a.text.toLowerCase().includes(u.value.toLowerCase());
-      }) : l = y.value, l.map((a, t) => ({
+        return t || a.text.toLowerCase().includes(s.value.toLowerCase());
+      }) : e = g.value, e.map((a, t) => ({
         ...a,
-        focused: _.value === t
+        focused: O.value === t
       }));
-    }), R = w(
-      () => y.value.reduce(
-        (l, a) => ({
-          ...l,
+    }), z = w(
+      () => g.value.reduce(
+        (e, a) => ({
+          ...e,
           [a.id]: a
         }),
         {}
       )
     ), p = w(() => {
-      if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
-        let l = y.value.reduce(
+      if (l.matchStrategy === "string") {
+        let e = g.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
           {}
         );
         return {
-          get: (a) => l[JSON.stringify(a)]
+          get: (a) => e[JSON.stringify(a)]
         };
-      } else if (e.matchStrategy === "equality") {
-        let l = y.value.map((a) => [
+      } else if (l.matchStrategy === "equality") {
+        let e = g.value.map((a) => [
           a.value,
           a
         ]);
         return {
           get: (a) => {
             var t;
-            return (t = l.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+            return (t = e.find((n) => re(n[0], a))) == null ? void 0 : t[1];
           }
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), be = w(() => {
-      if (e.debug && console.log("Computing modelValueIndexed"), e.matchStrategy === "string") {
-        let l = {};
-        return [].concat(e.modelValue).forEach((a, t) => {
-          l[JSON.stringify(a)] = t;
+    }), he = w(() => {
+      if (l.matchStrategy === "string") {
+        let e = {};
+        return [].concat(l.modelValue).forEach((a, t) => {
+          e[JSON.stringify(a)] = t;
         }), {
-          get: (a) => l[JSON.stringify(a)]
+          get: (a) => e[JSON.stringify(a)]
         };
-      } else if (e.matchStrategy === "equality") {
-        const l = [].concat(e.modelValue).filter(E).map((a, t) => [a, t]);
+      } else if (l.matchStrategy === "equality") {
+        const e = [].concat(l.modelValue).filter(I).map((a, t) => [a, t]);
         return {
           get: (a) => {
             var t;
-            return (t = l.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+            return (t = e.find((n) => re(n[0], a))) == null ? void 0 : t[1];
           }
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), s = w(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
+    }), o = w(() => [].concat(l.modelValue).reduce((e, a) => {
       const t = p.value.get(a);
-      return t && l.push(t), l;
-    }, []))), M = async (l) => {
-      e.debug && console.log("Running onOptionSelected", { option: l });
+      return t && e.push(t), e;
+    }, [])), A = async (e) => {
       let a;
-      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"), 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), f("update:modelValue", a);
-    }, $ = async ({ prefill: l = !1 }) => {
-      e.debug && console.log("running getOptions");
+      l.multiple ? (e.selected ? (e.manual && (k.value = k.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 && (k.value = k.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), f("update:modelValue", a);
+    }, $ = async ({ prefill: e = !1 }) => {
       let 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 = {
-        text: l,
+      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (d.value++, a = await l.items(s.value, e, l.modelValue), d.value--), ne.value = a;
+    }, ye = () => {
+      const e = s.value, a = s.value, t = JSON.stringify(a), n = {
+        text: e,
         value: a,
         jsonValue: t,
         id: "option_" + t.replace(/\W/g, "_"),
@@ -229,127 +218,125 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         manual: !0,
         disabled: !1
       };
-      C.value = C.value.concat(n), u.value = "";
-    }, z = e.prefill === !0 || !e.multiple && E(e.modelValue) || e.multiple && !!e.modelValue.length;
-    let j;
+      k.value = k.value.concat(n), s.value = "";
+    }, H = l.prefill === !0 || !l.multiple && I(l.modelValue) || l.multiple && !!l.modelValue.length;
+    let U;
     ee(
-      () => e.modelValue,
-      (l, a) => {
-        e.debug && console.log("running watch.modelValue"), j && clearTimeout(j), j = setTimeout(
+      () => l.modelValue,
+      (e, a) => {
+        U && clearTimeout(U), U = setTimeout(
           async () => {
-            if (e.multiple) {
-              if (!Array.isArray(e.modelValue))
+            if (l.multiple) {
+              if (!Array.isArray(l.modelValue))
                 throw new Error("props.modelValue is not an array.");
-              let t = e.modelValue.every(
+              let t = l.modelValue.every(
                 (n) => p.value.get(n)
               );
-              if ((!t || a === void 0) && (await $({ prefill: !0 }), t = e.modelValue.every(
+              if ((!t || a === void 0) && (await $({ prefill: !0 }), t = l.modelValue.every(
                 (n) => p.value.get(n)
               )), t)
-                e.stash && (m.value = e.modelValue.map(
+                l.stash && (m.value = l.modelValue.map(
                   (n) => p.value.get(n)
                 ));
               else {
                 let n = [];
-                const o = l.filter((x) => {
-                  let q = p.value.get(x);
-                  return q && n.push(q), q;
+                const u = e.filter((x) => {
+                  let M = p.value.get(x);
+                  return M && n.push(M), M;
                 });
-                e.stash && (m.value = n), e.enforceCoherence && f("update:modelValue", o);
+                l.stash && (m.value = n), l.enforceCoherence && f("update:modelValue", u);
               }
             } else {
-              e.debug && console.log("watch.modelValue >> single");
-              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 $({ prefill: !0 }), u.value = n;
+              let t = p.value.get(l.modelValue);
+              if (!t && I(l.modelValue) || a === void 0) {
+                const n = s.value;
+                s.value = "", await $({ prefill: !0 }), s.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 && E(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (m.value = []), f("update:modelValue", null)) : u.value = "";
+              t = p.value.get(l.modelValue), t ? (s.value = t.text, l.stash && (m.value = [t])) : l.enforceCoherence && I(e) ? (s.value = "", l.stash && (m.value = []), f("update:modelValue", null)) : s.value = "";
             }
           },
-          z ? 0 : e.modelValueDebounceTime
+          H ? 0 : l.modelValueDebounceTime
         );
       },
       // Prefill when asked or when items are static
-      { immediate: z, deep: !0 }
+      { immediate: H, deep: !0 }
     ), ee(
-      () => 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 $({ prefill: !1 }), e.multiple) {
-            if (!e.modelValue.every(
+      () => 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 $({ prefill: !1 }), l.multiple) {
+            if (!l.modelValue.every(
               (n) => p.value.get(n)
-            ) && e.enforceCoherence) {
-              const n = e.modelValue.filter((o) => p.value.get(o));
+            ) && l.enforceCoherence) {
+              const n = l.modelValue.filter((u) => p.value.get(u));
               f("update:modelValue", n);
             }
           } else
-            !p.value.get(e.modelValue) && e.enforceCoherence && E(e.modelValue) && f("update:modelValue", null), r.value = null;
+            !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && f("update:modelValue", null), r.value = null;
       }
     );
-    let Q;
+    let W;
     ee(
-      () => e.dependencies,
-      (l, a) => {
-        !z && e.prefill === "focus" && Z || JSON.stringify(l) !== JSON.stringify(a) && (Q && clearTimeout(Q), Q = setTimeout(async () => {
-          if (JSON.stringify(l) !== JSON.stringify(a)) {
-            e.enforceCoherence && e.stash && (m.value = []);
-            let t = u.value;
-            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 x = e.modelValue.filter((q) => {
-                let X = p.value.get(q);
-                return X && o.push(X), X;
+      () => l.dependencies,
+      (e, a) => {
+        !H && l.prefill === "focus" && Z || JSON.stringify(e) !== JSON.stringify(a) && (W && clearTimeout(W), W = setTimeout(async () => {
+          if (JSON.stringify(e) !== JSON.stringify(a)) {
+            l.enforceCoherence && l.stash && (m.value = []);
+            let t = s.value;
+            if (s.value = "", await $({ prefill: !0 }), s.value = t, !l.multiple)
+              !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && (s.value = "", l.stash && (m.value = []), f("update:modelValue", null));
+            else if (!l.modelValue.every(
+              (u) => p.value.get(u)
+            ) && l.enforceCoherence) {
+              let u = [];
+              const x = l.modelValue.filter((M) => {
+                let X = p.value.get(M);
+                return X && u.push(X), X;
               });
-              e.stash && (m.value = o), f("update:modelValue", x);
+              l.stash && (m.value = u), f("update:modelValue", x);
             }
           }
-        }, e.depsDebounceTime));
+        }, l.depsDebounceTime));
       },
       { deep: !0 }
     );
-    const ye = () => {
-      e.debug && console.log("Running display options"), N.value && d.value && Ue(N.value, d.value, {
+    const ge = () => {
+      N.value && c.value && Qe(N.value, c.value, {
         placement: "bottom",
-        middleware: [Ge(6), je(), Qe()]
-      }).then((l) => {
+        middleware: [Ge(6), Ue(), We()]
+      }).then((e) => {
         var a;
-        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`);
+        c.value && (c.value.style.left = `${e.x}px`, c.value.style.top = `${e.y}px`, c.value.style.width = `${(a = N.value) == null ? void 0 : a.offsetWidth}px`);
       });
-    }, k = v(!1), W = v(!1), K = v(!1), Y = v(!0), D = async () => {
-      Y.value = !1, W.value = !0, await J(e.transitionDuration), W.value = !1, k.value = !0;
-    }, A = async () => {
-      k.value = !1, K.value = !0, await J(e.transitionDuration), K.value = !1, Y.value = !0;
-    }, H = v(!1);
+    }, _ = v(!1), R = v(!1), K = v(!1), Y = v(!0), D = async () => {
+      Y.value = !1, R.value = !0, await q(l.transitionDuration), R.value = !1, _.value = !0;
+    }, J = async () => {
+      _.value = !1, K.value = !0, await q(l.transitionDuration), K.value = !1, Y.value = !0;
+    }, P = v(!1);
     let Z = !0;
-    const we = async (l) => {
-      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" && Z && !z && (await $({ prefill: !0 }), Z = !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 = "");
+    const we = async (e) => {
+      f("focus", e), P.value = !0, document.addEventListener("click", se), document.addEventListener("focusin", ue), S.value instanceof HTMLInputElement && S.value.select(), l.prefill === "focus" && Z && !H && (await $({ prefill: !0 }), Z = !1);
+    }, ue = async (e) => {
+      if (e.target instanceof Node && T.value && c.value && !T.value.contains(e.target) && !c.value.contains(e.target)) {
+        J(), f("inactive"), document.removeEventListener("focusin", ue), P.value = !1, l.multiple && (await q(500), s.value = "");
         return;
       }
-    }, Ve = async (l) => {
-      if (e.debug && console.log("Running onInputBlur"), f("blur", l), !e.multiple && (e.modelValue, await U(), await J(300), S.value && d.value)) {
+    }, Ve = async (e) => {
+      if (f("blur", e), !l.multiple && (l.modelValue, await Q(), await q(300), T.value && c.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);
+        if (!T.value.contains(a) && !c.value.contains(a)) {
+          const t = p.value.get(l.modelValue);
+          t && (s.value = t.text);
         }
       }
-    }, 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), _ = w(() => Number.isInteger(r.value) && r.value ? r.value % O.value.length : r.value), i = v(null), ke = async () => {
-      var l;
-      if (r.value !== null ? r.value = (r.value + 1) % y.value.length : r.value = 0, await U(), _.value !== null) {
-        const a = (l = d.value) == null ? void 0 : l.querySelector(
-          `#${y.value[_.value].id}`
+    }, Ce = (e) => f("change", e), ke = (e) => {
+      f("input", e), s.value === "" && (l.multiple || f("update:modelValue", null)), typeof l.items == "function" && Se();
+    }, r = v(null), O = w(() => Number.isInteger(r.value) && r.value ? r.value % C.value.length : r.value), i = v(null), _e = async () => {
+      var e;
+      if (r.value !== null ? r.value = (r.value + 1) % g.value.length : r.value = 0, await Q(), O.value !== null) {
+        const a = (e = c.value) == null ? void 0 : e.querySelector(
+          `#${g.value[O.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -357,11 +344,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           inline: "start"
         });
       }
-    }, _e = async () => {
-      var l;
-      if (r.value !== null ? r.value = r.value === 0 ? y.value.length - 1 : r.value - 1 : r.value = y.value.length - 1, await U(), _.value !== null) {
-        const a = (l = d.value) == null ? void 0 : l.querySelector(
-          `#${y.value[_.value].id}`
+    }, Oe = async () => {
+      var e;
+      if (r.value !== null ? r.value = r.value === 0 ? g.value.length - 1 : r.value - 1 : r.value = g.value.length - 1, await Q(), O.value !== null) {
+        const a = (e = c.value) == null ? void 0 : e.querySelector(
+          `#${g.value[O.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -369,112 +356,112 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           inline: "start"
         });
       }
-    }, Se = async (l) => {
+    }, Te = async (e) => {
       var a, t;
-      if (e.readonly || e.disabled) {
-        l.preventDefault();
+      if (l.readonly || l.disabled) {
+        e.preventDefault();
         return;
       }
-      switch (l.key) {
+      switch (e.key) {
         case "ArrowUp":
           {
-            if (l.preventDefault(), c.value)
+            if (e.preventDefault(), d.value)
               return;
-            if (i.value = null, k.value) {
-              if (!O.value.length)
+            if (i.value = null, _.value) {
+              if (!C.value.length)
                 return;
-              _e();
+              Oe();
             } else
-              s.value.length && (r.value = te(s.value).index), await D();
+              o.value.length && (r.value = te(o.value).index), await D();
           }
           break;
         case "ArrowDown":
           {
-            if (l.preventDefault(), c.value)
+            if (e.preventDefault(), d.value)
               return;
-            if (i.value = null, k.value) {
-              if (!O.value.length)
+            if (i.value = null, _.value) {
+              if (!C.value.length)
                 return;
-              ke();
+              _e();
             } else
-              s.value.length && (r.value = te(s.value).index), await D();
+              o.value.length && (r.value = te(o.value).index), await D();
           }
           break;
         case "ArrowLeft":
           {
-            if (c.value)
+            if (d.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 = d.value) == null ? void 0 : a.querySelector(
+            if (!s.value && o.value.length && (i.value === null ? i.value = o.value.length - 1 : i.value > 0 ? i.value-- : i.value = null, i.value !== null)) {
+              let n = o.value[i.value], u = (a = c.value) == null ? void 0 : a.querySelector(
                 `#${n.id}`
               );
-              o && (o.scrollIntoView({
+              u && (u.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = R.value[s.value[i.value].id].index);
+              }), r.value = z.value[o.value[i.value].id].index);
             }
           }
           break;
         case "ArrowRight":
           {
-            if (c.value)
+            if (d.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 = d.value) == null ? void 0 : t.querySelector(
+            if (!s.value && o.value.length && (i.value === null ? i.value = 0 : i.value < o.value.length - 1 ? i.value++ : i.value = null, i.value !== null)) {
+              let n = o.value[i.value], u = (t = c.value) == null ? void 0 : t.querySelector(
                 `#${n.id}`
               );
-              o && (o.scrollIntoView({
+              u && (u.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = R.value[s.value[i.value].id].index);
+              }), r.value = z.value[o.value[i.value].id].index);
             }
           }
           break;
         case "Enter":
           {
-            if (l.preventDefault(), c.value)
+            if (e.preventDefault(), d.value)
               return;
-            if (!k.value)
-              O.value.length && s.value.length && (r.value = te(s.value).index), await D();
-            else if (_.value !== null) {
-              if (O.value[_.value].disabled)
+            if (!_.value)
+              C.value.length && o.value.length && (r.value = te(o.value).index), await D();
+            else if (O.value !== null) {
+              if (C.value[O.value].disabled)
                 return;
-              e.multiple || await A(), M(
-                O.value[_.value]
+              l.multiple || await J(), A(
+                C.value[O.value]
               );
-            } else if (e.addOptions) {
-              if (e.itemText || e.itemValue) {
+            } else if (l.addOptions) {
+              if (l.itemText || l.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;
               }
-              he();
-              const n = We(C.value);
-              M(R.value[n.id]);
+              ye();
+              const n = Re(k.value);
+              A(z.value[n.id]);
             }
           }
           break;
         case "Tab":
         case "Escape":
-          k.value && await A(), f("inactive"), i.value = null, r.value = null;
+          _.value && await J(), f("inactive"), i.value = null, r.value = null;
           break;
         case "Shift":
-          if (c.value)
+          if (d.value)
             return;
           break;
         case "Backspace":
           {
-            if (c.value)
+            if (d.value)
               return;
-            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(
+            s.value || o.value.length && (i.value === null ? i.value = o.value.length - 1 : (A(
+              o.value[i.value]
+            ), o.value.length ? i.value = Math.max(
               Math.min(
                 i.value,
-                s.value.length - 2
+                o.value.length - 2
               ),
               0
             ) : i.value = null)), await D();
@@ -486,87 +473,87 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       }
     };
     let G;
-    const Te = () => {
+    const Se = () => {
       G && clearTimeout(G), G = setTimeout(async () => {
         try {
           await $({ prefill: !1 });
-        } catch (l) {
-          console.error(l);
+        } catch (e) {
+          console.error(e);
         }
-      }, e.queryDebounceTime);
-    }, xe = (l) => {
-      f("click", l), !(e.disabled || e.readonly) && (T.value instanceof HTMLElement && T.value.focus(), D());
-    }, Ie = async (l) => {
-      if (l.currentTarget instanceof HTMLElement && l.currentTarget.classList.contains("bb-base-select-option")) {
-        const a = R.value[l.currentTarget.id];
+      }, l.queryDebounceTime);
+    }, xe = (e) => {
+      f("click", e), !(l.disabled || l.readonly) && (S.value instanceof HTMLElement && S.value.focus(), D());
+    }, Be = async (e) => {
+      if (e.currentTarget instanceof HTMLElement && e.currentTarget.classList.contains("bb-base-select-option")) {
+        const a = z.value[e.currentTarget.id];
         if (a.disabled)
           return;
-        await M(a), await U(), T.value instanceof HTMLInputElement && T.value.focus(), e.multiple || A();
+        await A(a), await Q(), S.value instanceof HTMLInputElement && S.value.focus(), l.multiple || J();
       }
-    }, 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 = "");
+    }, se = async (e) => {
+      if (e.target instanceof Node && T.value && !T.value.contains(e.target)) {
+        J(), f("inactive"), document.removeEventListener("click", se), P.value = !1, l.multiple && (await q(500), s.value = "");
         return;
       }
-    }, Be = Ze(
-      (l) => typeof l != "string",
+    }, Ee = Ze(
+      (e) => typeof e != "string",
       JSON.stringify
-    ), Ee = w(() => [].concat(e.modelValue).map((l) => {
-      const a = Be(l);
+    ), Ie = w(() => [].concat(l.modelValue).map((e) => {
+      const a = Ee(e);
       return {
-        disabled: e.disabled,
-        name: e.name,
+        disabled: l.disabled,
+        name: l.name,
         type: "hidden",
         value: a
       };
     }));
-    return (l, a) => (g(), h("span", {
+    return (e, a) => (b(), y("span", {
       ref_key: "outerContainer",
-      ref: S,
-      class: I({
+      ref: T,
+      class: B({
         "bb-base-select": !0,
-        "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
+        "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
       }),
       onClick: xe
     }, [
-      b(l.$slots, "prepend-outer"),
+      h(e.$slots, "prepend-outer"),
       V("span", {
         ref_key: "innerContainer",
         ref: N,
         class: "bb-base-select__inner-container"
       }, [
-        b(l.$slots, "prepend"),
+        h(e.$slots, "prepend"),
         V("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", {
+          e.multiple ? (b(), y(L, { key: 0 }, [
+            e.comma ? (b(!0), y(L, { key: 0 }, j(o.value, (t, n) => (b(), y("span", {
               key: t.id,
-              class: I({
+              class: B({
                 "bb-base-select__selected": !0,
                 "bb-base-select__selected--comma": !0,
                 "bb-base-select__selected--focused": n === i.value
               })
-            }, 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, {
+            }, F(t.text) + F(n < o.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(L, { key: 1 }, j(o.value, (t, n) => (b(), ie(He, {
               key: t.id,
-              class: I({
+              class: B({
                 "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": B((o) => M(t), ["stop"])
+              "onClick:clear": E((u) => A(t), ["stop"])
             }, {
               default: Le(() => [
-                b(l.$slots, "chip", {
+                h(e.$slots, "chip", {
                   disabled: t.disabled,
-                  hasErrors: l.hasErrors,
+                  hasErrors: e.hasErrors,
                   index: t.index,
                   item: t.original,
-                  loading: !!c.value,
+                  loading: !!d.value,
                   manual: t.manual,
                   selected: t.selected,
                   text: t.text,
@@ -577,125 +564,125 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               ]),
               _: 2
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
-          ], 64)) : se("", !0),
+          ], 64)) : oe("", !0),
           Fe(V("input", {
-            id: l.id,
+            id: e.id,
             ref_key: "input",
-            ref: T,
-            "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
-            autocomplete: l.autocomplete,
-            autofocus: l.autofocus,
-            class: I("bb-base-select__text-input"),
-            disabled: l.disabled,
+            ref: S,
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
+            autocomplete: e.autocomplete,
+            autofocus: e.autofocus,
+            class: B("bb-base-select__text-input"),
+            disabled: e.disabled,
             placeholder: fe.value,
-            readonly: l.readonly || !l.allowWriting,
+            readonly: e.readonly || !e.allowWriting,
             type: "text",
-            onBlur: B(Ve, ["stop"]),
-            onChange: B(Oe, ["stop"]),
-            onFocus: B(we, ["stop"]),
-            onInput: B(Ce, ["stop"]),
-            onKeydown: B(Se, ["stop"])
+            onBlur: E(Ve, ["stop"]),
+            onChange: E(Ce, ["stop"]),
+            onFocus: E(we, ["stop"]),
+            onInput: E(ke, ["stop"]),
+            onKeydown: E(Te, ["stop"])
           }, null, 40, el), [
-            [Me, u.value]
+            [Ae, s.value]
           ]),
-          (g(), ie(Ae, { to: "body" }, [
+          (b(), ie(Je, { to: "body" }, [
             V("span", {
               ref_key: "optionsContainer",
-              ref: d,
-              class: I({
+              ref: c,
+              class: B({
                 "bb-base-select__options-container": !0,
-                "bb-base-select__options-container--shown": k.value,
-                "bb-base-select__options-container--showing": W.value,
+                "bb-base-select__options-container--shown": _.value,
+                "bb-base-select__options-container--showing": R.value,
                 "bb-base-select__options-container--hiding": K.value,
                 "bb-base-select__options-container--hidden": Y.value
               }),
               role: "listbox",
-              style: qe({ transitionDuration: ve }),
+              style: Me({ transitionDuration: ve }),
               tabindex: -1
             }, [
-              b(l.$slots, "options:prepend"),
-              !O.value.length && c.value ? (g(), h("span", ll, [
-                b(l.$slots, "loading", { query: u.value }, () => [
-                  le(F(l.loadingText), 1)
+              h(e.$slots, "options:prepend"),
+              !C.value.length && d.value ? (b(), y("span", ll, [
+                h(e.$slots, "loading", { query: s.value }, () => [
+                  le(F(e.loadingText), 1)
                 ])
-              ])) : O.value.length ? se("", !0) : (g(), h("span", tl, [
-                b(l.$slots, "no-data", { query: u.value }, () => [
-                  le(F(l.noDataText), 1)
+              ])) : C.value.length ? oe("", !0) : (b(), y("span", tl, [
+                h(e.$slots, "no-data", { query: s.value }, () => [
+                  le(F(e.noDataText), 1)
                 ])
               ])),
-              (g(!0), h(L, null, P(O.value, (t) => (g(), h(L, {
+              (b(!0), y(L, null, j(C.value, (t) => (b(), y(L, {
                 key: t.id
               }, [
-                b(l.$slots, "option:prepend", {
+                h(e.$slots, "option:prepend", {
                   item: t.original
                 }),
                 V("span", {
                   id: t.id,
                   "aria-selected": t.selected,
-                  class: I({
+                  class: B({
                     "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: B(Ie, ["stop"])
+                  onClick: E(Be, ["stop"])
                 }, [
-                  b(l.$slots, "option", {
+                  h(e.$slots, "option", {
                     disabled: t.disabled,
                     focused: t.focused,
-                    hasErrors: l.hasErrors,
+                    hasErrors: e.hasErrors,
                     index: t.index,
                     item: t.original,
-                    loading: !!c.value,
+                    loading: !!d.value,
                     manual: t.manual,
                     selected: t.selected,
                     text: t.text,
                     value: t.value
                   }, () => [
                     V("span", nl, [
-                      V("span", ol, F(t.text), 1)
+                      V("span", ul, F(t.text), 1)
                     ])
                   ])
                 ], 10, al),
-                b(l.$slots, "option:append", {
+                h(e.$slots, "option:append", {
                   item: t.original
                 })
               ], 64))), 128)),
-              b(l.$slots, "options:append")
+              h(e.$slots, "options:append")
             ], 6)
           ]))
         ]),
-        V("span", ul, [
-          b(l.$slots, "chevron", {
-            loading: !!c.value,
-            shown: k.value
+        V("span", sl, [
+          h(e.$slots, "chevron", {
+            loading: !!d.value,
+            shown: _.value
           }, () => [
             il
           ])
         ]),
-        c.value ? (g(), h("span", {
+        d.value ? (b(), y("span", {
           key: 1,
-          class: I({
+          class: B({
             "bb-base-select__spinner": !0,
-            "bb-base-select__spinner--loading": c.value
+            "bb-base-select__spinner--loading": d.value
           })
         }, [
-          b(l.$slots, "spinner", {
-            loading: !!c.value
+          h(e.$slots, "spinner", {
+            loading: !!d.value
           }, () => [
-            Je(He, { size: "sm" })
+            qe(Pe, { size: "sm" })
           ])
-        ], 2)) : b(l.$slots, "append", { key: 0 })
+        ], 2)) : h(e.$slots, "append", { key: 0 })
       ], 512),
-      b(l.$slots, "append-outer"),
-      (g(!0), h(L, null, P(Ee.value, (t) => (g(), h("input", Re({
+      h(e.$slots, "append-outer"),
+      (b(!0), y(L, null, j(Ie.value, (t) => (b(), y("input", ze({
         key: t.value
       }, t), null, 16))), 128))
     ], 2));
   }
 });
 export {
-  Cl as default
+  kl as default
 };
 //# sourceMappingURL=index31.js.map