bitboss-ui 0.2.53 → 0.2.55

package/dist/index31.js

@@ -1,18 +1,18 @@
-import { defineComponent as Ne, ref as v, computed as g, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as b, createElementBlock as y, normalizeClass as B, renderSlot as h, createElementVNode as w, Fragment as L, renderList as j, toDisplayString as F, createBlock as ie, withModifiers as E, withCtx as Le, createTextVNode as ee, createCommentVNode as oe, withDirectives as Fe, vModelDynamic as Ae, Teleport as Je, normalizeStyle as Me, createVNode as qe, mergeProps as ze, nextTick as le } from "vue";
-import He from "./index115.js";
+import { defineComponent as Ie, ref as f, computed as g, onMounted as Ne, onBeforeUnmount as $e, watch as X, openBlock as p, createElementBlock as h, normalizeClass as B, renderSlot as b, createElementVNode as w, Fragment as L, renderList as j, toDisplayString as F, createBlock as se, withModifiers as E, withCtx as De, createTextVNode as ee, createCommentVNode as ie, withDirectives as Le, vModelDynamic as Fe, Teleport as Ae, normalizeStyle as Je, createVNode as Me, mergeProps as qe, 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 je, computePosition as Qe, flip as Ue, shift as We } from "./index212.js";
-import { deepEqual as re } from "./index123.js";
-import { head as te } from "./index220.js";
+import { autoUpdate as Pe, computePosition as je, flip as Qe, shift as Ue } from "./index201.js";
+import { deepEqual as oe } from "./index123.js";
+import { head as We } from "./index212.js";
 import { isNotNil as I } from "./index124.js";
-import { last as Re } from "./index205.js";
+import { last as Re } from "./index206.js";
 import { useItemText as Ke } from "./index125.js";
 import { useItemValue as Ye } from "./index126.js";
 import { wait as q } from "./index122.js";
-import { when as Ze } from "./index219.js";
-import { offset as Ge } from "./index217.js";
+import { when as Ze } from "./index200.js";
+import { offset as Ge } from "./index209.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"
@@ -30,7 +30,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
     fill: "currentColor",
     "fill-rule": "evenodd"
   })
-], -1), kl = /* @__PURE__ */ Ne({
+], -1), kl = /* @__PURE__ */ Ie({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: Boolean, default: !0 },
@@ -66,17 +66,17 @@ 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(ce, { emit: de }) {
-    const l = ce, f = de;
+  setup(re, { emit: ce }) {
+    const l = re, d = ce;
     if (l.multiple && !Array.isArray(l.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const T = v(null), N = v(null), c = v(null), S = v(null), u = v(""), fe = g(() => o.value.length ? "" : l.placeholder), d = v(0), ve = l.transitionDuration / 1e3 + "s";
-    let ae;
-    $e(async () => {
-      N.value && c.value && (ae = je(
+    const _ = f(null), N = f(null), r = f(null), O = f(null), u = f(""), de = g(() => o.value.length ? "" : l.placeholder), c = f(0), fe = l.transitionDuration / 1e3 + "s";
+    let te;
+    Ne(async () => {
+      N.value && r.value && (te = Pe(
         N.value,
-        c.value,
-        ge,
+        r.value,
+        ye,
         {
           ancestorResize: !0,
           ancestorScroll: !0,
@@ -84,11 +84,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           elementResize: !0
         }
       ));
-    }), De(() => {
-      ae();
+    }), $e(() => {
+      te();
     });
-    const ne = v([]), m = v([]), V = v([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), be = g(() => ne.value.map((e) => {
-      const a = me(e, l.itemText), t = pe(e, l.itemValue);
+    const ae = f([]), v = f([]), V = f([]), { getItemText: ve } = Ke(), { getItemValue: me } = Ye(), pe = g(() => ae.value.map((e) => {
+      const a = ve(e, l.itemText), t = me(e, l.itemValue);
       if (t === 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."
@@ -103,30 +103,30 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         text: a,
         value: t
       };
-    })), C = g(() => {
-      let e = be.value.reduce(
+    })), T = g(() => {
+      let e = pe.value.reduce(
         (n, s) => (n[s.id] = s, n),
         {}
       );
       const a = V.value.reduce(
         (n, s) => (n[s.id] || (n[s.id] = s), n),
         e
-      ), t = m.value.reduce(
+      ), t = v.value.reduce(
         (n, s) => (n[s.id] || (n[s.id] = s), n),
         a
       );
       return Object.values(t).map(
         (n, s) => ({
           ...n,
-          selected: I(he.value.get(n.value)),
+          selected: I(be.value.get(n.value)),
           index: s
         })
       );
-    }), k = g(() => {
+    }), S = g(() => {
       let e = [];
       return u.value && !o.value.some(
         (a) => a.text === u.value
-      ) ? e = C.value.filter((a) => {
+      ) ? e = T.value.filter((a) => {
         let t = !1;
         if (l.filterBy) {
           if (typeof l.filterBy == "function")
@@ -141,21 +141,21 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         } else
           return !0;
         return t || a.text.toLowerCase().includes(u.value.toLowerCase());
-      }) : e = C.value, e.map((a, t) => ({
+      }) : e = T.value, e.map((a, t) => ({
         ...a,
-        focused: O.value === t
+        focused: k.value === t
       }));
     }), z = g(
-      () => C.value.reduce(
+      () => T.value.reduce(
         (e, a) => ({
           ...e,
           [a.id]: a
         }),
         {}
       )
-    ), p = g(() => {
+    ), m = g(() => {
       if (l.matchStrategy === "string") {
-        let e = C.value.reduce(
+        let e = T.value.reduce(
           (a, t) => (a[t.jsonValue] = t, a),
           {}
         );
@@ -163,19 +163,19 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           get: (a) => e[JSON.stringify(a)]
         };
       } else if (l.matchStrategy === "equality") {
-        let e = C.value.map((a) => [
+        let e = T.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 = e.find((n) => oe(n[0], a))) == null ? void 0 : t[1];
           }
         };
       } else
         throw new Error("No match strategy has been defined");
-    }), he = g(() => {
+    }), be = g(() => {
       if (l.matchStrategy === "string") {
         let e = {};
         return [].concat(l.modelValue).forEach((a, t) => {
@@ -188,27 +188,27 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         return {
           get: (a) => {
             var t;
-            return (t = e.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+            return (t = e.find((n) => oe(n[0], a))) == null ? void 0 : t[1];
           }
         };
       } else
         throw new Error("No match strategy has been defined");
     }), o = g(() => [].concat(l.modelValue).reduce((e, a) => {
-      const t = p.value.get(a);
+      const t = m.value.get(a);
       return t && e.push(t), e;
     }, [])), A = (e) => {
       let a;
-      r.value = e.index, l.multiple ? (e.selected ? (e.manual && (V.value = V.value.filter(
+      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 && (u.value = "")) : e.selected ? (e.manual && (V.value = V.value.filter(
+      ), l.stash && (v.value = v.value.filter((t) => t.id !== e.id))) : (a = l.modelValue.concat(e.value), l.stash && (v.value = v.value.concat(e))), l.resetQueryOnOptionSelected && (u.value = "")) : e.selected ? (e.manual && (V.value = V.value.filter(
         (t) => t.id !== e.id
-      )), a = null, l.stash && (m.value = []), u.value = "") : (a = e.value, l.stash && (m.value = [e]), u.value = e.text), f("update:modelValue", a);
+      )), a = null, l.stash && (v.value = []), u.value = "") : (a = e.value, l.stash && (v.value = [e]), u.value = e.text), d("update:modelValue", a);
     }, $ = async ({ prefill: e = !1 }) => {
       let a = [];
-      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (d.value++, a = await l.items(u.value, e, l.modelValue), d.value--), ne.value = a;
-    }, ye = () => {
+      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (c.value++, a = await l.items(u.value, e, l.modelValue), c.value--), ae.value = a;
+    }, he = () => {
       const e = u.value, a = u.value, t = JSON.stringify(a), n = {
         text: e,
         value: a,
@@ -230,29 +230,29 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               if (!Array.isArray(l.modelValue))
                 throw new Error("props.modelValue is not an array.");
               let t = l.modelValue.every(
-                (n) => p.value.get(n)
+                (n) => m.value.get(n)
               );
               if ((!t || a === void 0) && (await $({ prefill: !0 }), t = l.modelValue.every(
-                (n) => p.value.get(n)
+                (n) => m.value.get(n)
               )), t)
-                l.stash && (m.value = l.modelValue.map(
-                  (n) => p.value.get(n)
+                l.stash && (v.value = l.modelValue.map(
+                  (n) => m.value.get(n)
                 ));
               else {
                 let n = [];
                 const s = e.filter((x) => {
-                  let M = p.value.get(x);
+                  let M = m.value.get(x);
                   return M && n.push(M), M;
                 });
-                l.stash && (m.value = n), l.enforceCoherence && f("update:modelValue", s);
+                l.stash && (v.value = n), l.enforceCoherence && d("update:modelValue", s);
               }
             } else {
-              let t = p.value.get(l.modelValue);
+              let t = m.value.get(l.modelValue);
               if (!t && I(l.modelValue) || a === void 0) {
                 const n = u.value;
                 u.value = "", await $({ prefill: !0 }), u.value = n;
               }
-              t = p.value.get(l.modelValue), t ? (u.value = t.text, l.stash && (m.value = [t])) : l.enforceCoherence && I(e) ? (u.value = "", l.stash && (m.value = []), f("update:modelValue", null)) : u.value = "";
+              t = m.value.get(l.modelValue), t ? (u.value = t.text, l.stash && (v.value = [t])) : l.enforceCoherence && I(e) ? (u.value = "", l.stash && (v.value = []), d("update:modelValue", null)) : u.value = "";
             }
           },
           H ? 0 : l.modelValueDebounceTime
@@ -267,13 +267,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         JSON.stringify(e) !== JSON.stringify(a))
           if (await $({ prefill: !1 }), l.multiple) {
             if (!l.modelValue.every(
-              (n) => p.value.get(n)
+              (n) => m.value.get(n)
             ) && l.enforceCoherence) {
-              const n = l.modelValue.filter((s) => p.value.get(s));
-              f("update:modelValue", n);
+              const n = l.modelValue.filter((s) => m.value.get(s));
+              d("update:modelValue", n);
             }
           } else
-            !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && f("update:modelValue", null), r.value = null;
+            !m.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && d("update:modelValue", null), y.value = null;
       }
     );
     let U;
@@ -282,61 +282,61 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       (e, a) => {
         !H && 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 = []);
+            l.enforceCoherence && l.stash && (v.value = []);
             let t = u.value;
             if (u.value = "", await $({ prefill: !0 }), u.value = t, !l.multiple)
-              !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && (u.value = "", l.stash && (m.value = []), f("update:modelValue", null));
+              !m.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && (u.value = "", l.stash && (v.value = []), d("update:modelValue", null));
             else if (!l.modelValue.every(
-              (s) => p.value.get(s)
+              (s) => m.value.get(s)
             ) && l.enforceCoherence) {
               let s = [];
               const x = l.modelValue.filter((M) => {
-                let G = p.value.get(M);
+                let G = m.value.get(M);
                 return G && s.push(G), G;
               });
-              l.stash && (m.value = s), f("update:modelValue", x);
+              l.stash && (v.value = s), d("update:modelValue", x);
             }
           }
         }, l.depsDebounceTime));
       },
       { deep: !0 }
     );
-    const ge = () => {
-      N.value && c.value && Qe(N.value, c.value, {
+    const ye = () => {
+      N.value && r.value && je(N.value, r.value, {
         placement: "bottom",
-        middleware: [Ge(6), Ue(), We()]
+        middleware: [Ge(6), Qe(), Ue()]
       }).then((e) => {
         var a;
-        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`);
+        r.value && (r.value.style.left = `${e.x}px`, r.value.style.top = `${e.y}px`, r.value.style.width = `${(a = N.value) == null ? void 0 : a.offsetWidth}px`);
       });
-    }, _ = v(!1), W = v(!1), R = v(!1), K = v(!0), D = async () => {
-      K.value = !1, W.value = !0, await q(l.transitionDuration), W.value = !1, _.value = !0;
+    }, C = f(!1), W = f(!1), R = f(!1), K = f(!0), D = async () => {
+      K.value = !1, W.value = !0, await q(l.transitionDuration), W.value = !1, C.value = !0;
     }, J = async () => {
-      _.value = !1, R.value = !0, await q(l.transitionDuration), R.value = !1, K.value = !0;
-    }, P = v(!1);
+      C.value = !1, R.value = !0, await q(l.transitionDuration), R.value = !1, K.value = !0;
+    }, P = f(!1);
     let Y = !0;
-    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" && Y && !H && (await $({ prefill: !0 }), Y = !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), u.value = "");
+    const ge = async (e) => {
+      d("focus", e), P.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", ne), O.value instanceof HTMLInputElement && O.value.select(), l.prefill === "focus" && Y && !H && (await $({ prefill: !0 }), Y = !1);
+    }, ne = async (e) => {
+      if (e.target instanceof Node && _.value && r.value && !_.value.contains(e.target) && !r.value.contains(e.target)) {
+        J(), d("inactive"), document.removeEventListener("focusin", ne), P.value = !1, l.multiple && (await q(500), u.value = "");
         return;
       }
-    }, Ve = async (e) => {
-      if (f("blur", e), !l.multiple && (await le(), await q(300), T.value && c.value)) {
+    }, we = async (e) => {
+      if (d("blur", e), !l.multiple && (await le(), await q(300), _.value && r.value)) {
         const a = document.activeElement;
-        if (!T.value.contains(a) && !c.value.contains(a)) {
-          const t = p.value.get(l.modelValue);
+        if (!_.value.contains(a) && !r.value.contains(a)) {
+          const t = m.value.get(l.modelValue);
           t && (u.value = t.text);
         }
       }
-    }, Ce = (e) => f("change", e), ke = (e) => {
-      f("input", e), u.value === "" && (l.multiple || f("update:modelValue", null)), typeof l.items == "function" && Se();
-    }, r = v(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), i = v(null), _e = async () => {
+    }, Ve = (e) => d("change", e), Ce = (e) => {
+      d("input", e), u.value === "" && (l.multiple || d("update:modelValue", null)), typeof l.items == "function" && Te();
+    }, y = f(null), k = g(() => Number.isInteger(y.value) && y.value ? y.value % S.value.length : y.value), i = f(null), ke = async () => {
       var e;
-      if (r.value !== null ? r.value++ : r.value = 0, await le(), O.value !== null) {
-        const a = (e = c.value) == null ? void 0 : e.querySelector(
-          `#${C.value[O.value].id}`
+      if (await le(), k.value !== null) {
+        const a = (e = r.value) == null ? void 0 : e.querySelector(
+          `#${T.value[k.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -344,11 +344,11 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           inline: "start"
         });
       }
-    }, Oe = async () => {
+    }, _e = async () => {
       var e;
-      if (r.value !== null ? r.value-- : r.value = C.value.length - 1, await le(), O.value !== null) {
-        const a = (e = c.value) == null ? void 0 : e.querySelector(
-          `#${C.value[O.value].id}`
+      if (await le(), k.value !== null) {
+        const a = (e = r.value) == null ? void 0 : e.querySelector(
+          `#${T.value[k.value].id}`
         );
         a instanceof HTMLElement && a.scrollIntoView({
           behavior: "smooth",
@@ -356,7 +356,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           inline: "start"
         });
       }
-    }, Te = async (e) => {
+    }, Oe = async (e) => {
       var a, t;
       if (l.readonly || l.disabled) {
         e.preventDefault();
@@ -365,61 +365,61 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
       switch (e.key) {
         case "ArrowUp":
           {
-            if (e.preventDefault(), d.value)
+            if (e.preventDefault(), c.value)
               return;
-            i.value = null, _.value ? Oe() : (o.value.length && (r.value = te(o.value).index), await D());
+            i.value = null, C.value ? _e() : (o.value.length, await D());
           }
           break;
         case "ArrowDown":
           {
-            if (e.preventDefault(), d.value)
+            if (e.preventDefault(), c.value)
               return;
-            i.value = null, _.value ? _e() : (o.value.length && (r.value = te(o.value).index), await D());
+            i.value = null, C.value ? ke() : (o.value.length, await D());
           }
           break;
         case "ArrowLeft":
           {
-            if (d.value)
+            if (c.value)
               return;
             if (!u.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], s = (a = c.value) == null ? void 0 : a.querySelector(
+              let n = o.value[i.value], s = (a = r.value) == null ? void 0 : a.querySelector(
                 `#${n.id}`
               );
               s && (s.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[o.value[i.value].id].index);
+              }), y.value = z.value[o.value[i.value].id].index);
             }
           }
           break;
         case "ArrowRight":
           {
-            if (d.value)
+            if (c.value)
               return;
             if (!u.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], s = (t = c.value) == null ? void 0 : t.querySelector(
+              let n = o.value[i.value], s = (t = r.value) == null ? void 0 : t.querySelector(
                 `#${n.id}`
               );
               s && (s.scrollIntoView({
                 behavior: "smooth",
                 block: "nearest",
                 inline: "start"
-              }), r.value = z.value[o.value[i.value].id].index);
+              }), y.value = z.value[o.value[i.value].id].index);
             }
           }
           break;
         case "Enter":
           {
-            if (e.preventDefault(), d.value)
+            if (e.preventDefault(), c.value)
               return;
-            if (!_.value)
-              k.value.length && o.value.length && (r.value = te(o.value).index), await D();
-            else if (O.value !== null) {
-              if (k.value[O.value].disabled)
+            if (!C.value)
+              S.value.length && o.value.length && (y.value = We(o.value).index), await D();
+            else if (k.value !== null) {
+              if (S.value[k.value].disabled)
                 return;
               l.multiple || await J(), A(
-                k.value[O.value]
+                S.value[k.value]
               );
             } else if (l.addOptions) {
               if (l.itemText || l.itemValue) {
@@ -428,7 +428,7 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                 );
                 return;
               }
-              ye();
+              he();
               const n = Re(V.value);
               A(z.value[n.id]);
             }
@@ -436,15 +436,15 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           break;
         case "Tab":
         case "Escape":
-          _.value && await J(), f("inactive"), i.value = null, r.value = null;
+          C.value && await J(), d("inactive"), i.value = null, y.value = null;
           break;
         case "Shift":
-          if (d.value)
+          if (c.value)
             return;
           break;
         case "Backspace":
           {
-            if (d.value)
+            if (c.value)
               return;
             u.value || o.value.length && (i.value === null ? i.value = o.value.length - 1 : (A(
               o.value[i.value]
@@ -458,12 +458,12 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           }
           break;
         default:
-          i.value = null, r.value = null, await D();
+          i.value = null, y.value = null, await D();
           break;
       }
     };
     let Z;
-    const Se = () => {
+    const Te = () => {
       Z && clearTimeout(Z), Z = setTimeout(async () => {
         try {
           await $({ prefill: !1 });
@@ -471,25 +471,25 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
           console.error(e);
         }
       }, l.queryDebounceTime);
+    }, Se = (e) => {
+      d("click", e), !(l.disabled || l.readonly) && (O.value instanceof HTMLElement && O.value.focus(), D());
     }, xe = (e) => {
-      f("click", e), !(l.disabled || l.readonly) && (S.value instanceof HTMLElement && S.value.focus(), D());
-    }, Be = (e) => {
       if (e.currentTarget instanceof HTMLElement && e.currentTarget.classList.contains("bb-base-select-option")) {
         const a = z.value[e.currentTarget.id];
         if (a.disabled)
           return;
-        A(a), S.value instanceof HTMLInputElement && S.value.focus(), l.multiple || J();
+        A(a), O.value instanceof HTMLInputElement && O.value.focus(), l.multiple || J();
       }
-    }, 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), u.value = "");
+    }, ue = async (e) => {
+      if (e.target instanceof Node && _.value && !_.value.contains(e.target)) {
+        J(), d("inactive"), document.removeEventListener("click", ue), P.value = !1, l.multiple && (await q(500), u.value = "");
         return;
       }
-    }, Ee = Ze(
+    }, Be = Ze(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Ie = g(() => [].concat(l.modelValue).map((e) => {
-      const a = Ee(e);
+    ), Ee = g(() => [].concat(l.modelValue).map((e) => {
+      const a = Be(e);
       return {
         disabled: l.disabled,
         name: l.name,
@@ -497,36 +497,36 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
         value: a
       };
     }));
-    return (e, a) => (b(), y("span", {
+    return (e, a) => (p(), h("span", {
       ref_key: "outerContainer",
-      ref: T,
+      ref: _,
       class: B({
         "bb-base-select": !0,
         "bb-base-select--active": P.value,
-        "bb-base-select--loading": d.value,
+        "bb-base-select--loading": c.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly
       }),
-      onClick: xe
+      onClick: Se
     }, [
-      h(e.$slots, "prepend-outer"),
+      b(e.$slots, "prepend-outer"),
       w("span", {
         ref_key: "innerContainer",
         ref: N,
         class: "bb-base-select__inner-container"
       }, [
-        h(e.$slots, "prepend"),
+        b(e.$slots, "prepend"),
         w("span", Xe, [
-          e.multiple ? (b(), y(L, { key: 0 }, [
-            e.comma ? (b(!0), y(L, { key: 0 }, j(o.value, (t, n) => (b(), y("span", {
+          e.multiple ? (p(), h(L, { key: 0 }, [
+            e.comma ? (p(!0), h(L, { key: 0 }, j(o.value, (t, n) => (p(), h("span", {
               key: t.id,
               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 < o.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(L, { key: 1 }, j(o.value, (t, n) => (b(), ie(He, {
+            }, F(t.text) + F(n < o.value.length - 1 ? "," : ""), 3))), 128)) : (p(!0), h(L, { key: 1 }, j(o.value, (t, n) => (p(), se(ze, {
               key: t.id,
               class: B({
                 "bb-base-select__selected": !0,
@@ -537,13 +537,13 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               text: t.text,
               "onClick:clear": E((s) => A(t), ["stop"])
             }, {
-              default: Le(() => [
-                h(e.$slots, "chip", {
+              default: De(() => [
+                b(e.$slots, "chip", {
                   disabled: t.disabled,
                   hasErrors: e.hasErrors,
                   index: t.index,
                   item: t.original,
-                  loading: !!d.value,
+                  loading: !!c.value,
                   manual: t.manual,
                   selected: t.selected,
                   text: t.text,
@@ -554,56 +554,56 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
               ]),
               _: 2
             }, 1032, ["class", "text", "onClick:clear"]))), 128))
-          ], 64)) : oe("", !0),
-          Fe(w("input", {
+          ], 64)) : ie("", !0),
+          Le(w("input", {
             id: e.id,
             ref_key: "input",
-            ref: S,
+            ref: O,
             "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
             autocomplete: e.autocomplete,
             autofocus: e.autofocus,
             class: B("bb-base-select__text-input"),
             disabled: e.disabled,
-            placeholder: fe.value,
+            placeholder: de.value,
             readonly: e.readonly || !e.allowWriting,
             type: "text",
-            onBlur: E(Ve, ["stop"]),
-            onChange: E(Ce, ["stop"]),
-            onFocus: E(we, ["stop"]),
-            onInput: E(ke, ["stop"]),
-            onKeydown: E(Te, ["stop"])
+            onBlur: E(we, ["stop"]),
+            onChange: E(Ve, ["stop"]),
+            onFocus: E(ge, ["stop"]),
+            onInput: E(Ce, ["stop"]),
+            onKeydown: E(Oe, ["stop"])
           }, null, 40, el), [
-            [Ae, u.value]
+            [Fe, u.value]
           ]),
-          (b(), ie(Je, { to: "body" }, [
+          (p(), se(Ae, { to: "body" }, [
             w("span", {
               ref_key: "optionsContainer",
-              ref: c,
+              ref: r,
               class: B({
                 "bb-base-select__options-container": !0,
-                "bb-base-select__options-container--shown": _.value,
+                "bb-base-select__options-container--shown": C.value,
                 "bb-base-select__options-container--showing": W.value,
                 "bb-base-select__options-container--hiding": R.value,
                 "bb-base-select__options-container--hidden": K.value
               }),
               role: "listbox",
-              style: Me({ transitionDuration: ve }),
+              style: Je({ transitionDuration: fe }),
               tabindex: -1
             }, [
-              h(e.$slots, "options:prepend"),
-              !k.value.length && d.value ? (b(), y("span", ll, [
-                h(e.$slots, "loading", { query: u.value }, () => [
+              b(e.$slots, "options:prepend"),
+              !S.value.length && c.value ? (p(), h("span", ll, [
+                b(e.$slots, "loading", { query: u.value }, () => [
                   ee(F(e.loadingText), 1)
                 ])
-              ])) : k.value.length ? oe("", !0) : (b(), y("span", tl, [
-                h(e.$slots, "no-data", { query: u.value }, () => [
+              ])) : S.value.length ? ie("", !0) : (p(), h("span", tl, [
+                b(e.$slots, "no-data", { query: u.value }, () => [
                   ee(F(e.noDataText), 1)
                 ])
               ])),
-              (b(!0), y(L, null, j(k.value, (t) => (b(), y(L, {
+              (p(!0), h(L, null, j(S.value, (t) => (p(), h(L, {
                 key: t.id
               }, [
-                h(e.$slots, "option:prepend", {
+                b(e.$slots, "option:prepend", {
                   item: t.original
                 }),
                 w("span", {
@@ -616,15 +616,15 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                     "bb-base-select-option--disabled": t.disabled
                   }),
                   role: "option",
-                  onClick: E(Be, ["stop"])
+                  onClick: E(xe, ["stop"])
                 }, [
-                  h(e.$slots, "option", {
+                  b(e.$slots, "option", {
                     disabled: t.disabled,
                     focused: t.focused,
                     hasErrors: e.hasErrors,
                     index: t.index,
                     item: t.original,
-                    loading: !!d.value,
+                    loading: !!c.value,
                     manual: t.manual,
                     selected: t.selected,
                     text: t.text,
@@ -635,38 +635,38 @@ const Xe = { class: "bb-base-select__input-container" }, el = ["id", "autocomple
                     ])
                   ])
                 ], 10, al),
-                h(e.$slots, "option:append", {
+                b(e.$slots, "option:append", {
                   item: t.original
                 })
               ], 64))), 128)),
-              h(e.$slots, "options:append")
+              b(e.$slots, "options:append")
             ], 6)
           ]))
         ]),
         w("span", sl, [
-          h(e.$slots, "chevron", {
-            loading: !!d.value,
-            shown: _.value
+          b(e.$slots, "chevron", {
+            loading: !!c.value,
+            shown: C.value
           }, () => [
             il
           ])
         ]),
-        d.value ? (b(), y("span", {
+        c.value ? (p(), h("span", {
           key: 1,
           class: B({
             "bb-base-select__spinner": !0,
-            "bb-base-select__spinner--loading": d.value
+            "bb-base-select__spinner--loading": c.value
           })
         }, [
-          h(e.$slots, "spinner", {
-            loading: !!d.value
+          b(e.$slots, "spinner", {
+            loading: !!c.value
           }, () => [
-            qe(Pe, { size: "sm" })
+            Me(He, { size: "sm" })
           ])
-        ], 2)) : h(e.$slots, "append", { key: 0 })
+        ], 2)) : b(e.$slots, "append", { key: 0 })
       ], 512),
-      h(e.$slots, "append-outer"),
-      (b(!0), y(L, null, j(Ie.value, (t) => (b(), y("input", ze({
+      b(e.$slots, "append-outer"),
+      (p(!0), h(L, null, j(Ee.value, (t) => (p(), h("input", qe({
         key: t.value
       }, t), null, 16))), 128))
     ], 2));