bitboss-ui 2.1.103 → 2.1.105

package/dist/index38.js

@@ -1,41 +1,40 @@
-import { defineComponent as tt, ref as h, computed as c, toRef as W, createBlock as K, openBlock as g, normalizeClass as te, withCtx as n, createElementVNode as L, createVNode as T, createElementBlock as C, unref as B, renderSlot as d, createCommentVNode as oe, withDirectives as ot, Fragment as ae, toDisplayString as at, withKeys as w, withModifiers as m, normalizeStyle as le, vModelDynamic as lt, normalizeProps as nt, guardReactiveProps as ut, mergeProps as ne, renderList as rt, nextTick as U } from "vue";
-import st from "./index114.js";
+import { defineComponent as _e, ref as v, computed as m, toRef as z, createBlock as K, openBlock as y, normalizeClass as ae, withCtx as n, createElementVNode as L, createVNode as F, createElementBlock as C, unref as g, renderSlot as s, createCommentVNode as V, withDirectives as et, Fragment as le, toDisplayString as tt, withKeys as B, withModifiers as f, normalizeStyle as ne, vModelDynamic as ot, normalizeProps as at, guardReactiveProps as lt, mergeProps as ue, renderList as nt, nextTick as U } from "vue";
+import ut from "./index114.js";
 /* empty css         */
-import { hash as ue } from "./index233.js";
-import { isEmpty as it } from "./index258.js";
-import { last as pt } from "./index234.js";
-import { matchAnyKey as re } from "./index276.js";
-import { useArray as dt } from "./index277.js";
-import { useBaseOptions as ct } from "./index249.js";
-import { useCoherence as mt } from "./index250.js";
-import { useHashedWatcher as se } from "./index251.js";
-import { useId as ft } from "./index8.js";
-import { useIndexById as ie } from "./index248.js";
-import { useMounted as vt, useElementSize as ht, useIntersectionObserver as yt } from "./index143.js";
-import { useItemsGetter as gt } from "./index246.js";
-import { useLocale as bt } from "./index242.js";
-import { useMobile as Bt } from "./index9.js";
-import { usePrefill as wt } from "./index247.js";
-import { wait as E } from "./index142.js";
-import { when as Vt } from "./index253.js";
-import St from "./index254.js";
+import { hash as W } from "./index229.js";
+import { isEmpty as rt } from "./index281.js";
+import { last as it } from "./index230.js";
+import { matchAnyKey as re } from "./index282.js";
+import { useArray as st } from "./index283.js";
+import { useBaseOptions as dt } from "./index264.js";
+import { useCoherence as pt } from "./index265.js";
+import { useHashedWatcher as ie } from "./index266.js";
+import { useId as ct } from "./index8.js";
+import { useIndexById as se } from "./index263.js";
+import { useMounted as mt, useElementSize as ft, useIntersectionObserver as vt } from "./index143.js";
+import { useItemsGetter as ht } from "./index262.js";
+import { useLocale as yt } from "./index238.js";
+import { useMobile as bt } from "./index9.js";
+import { usePrefill as gt } from "./index267.js";
+import { wait as T } from "./index142.js";
+import { when as Bt } from "./index276.js";
+import wt from "./index284.js";
 /* empty css         */
-import It from "./index256.js";
+import Vt from "./index286.js";
 /* empty css         */
 import kt from "./index138.js";
 /* empty css         */
-import Ct from "./index140.js";
-import Dt from "./index267.js";
+import It from "./index140.js";
+import Ct from "./index248.js";
 /* empty css         */
-import Ot from "./index278.js";
-import { useUntil as $t } from "./index272.js";
-import { mapValues as Ht } from "./index148.js";
-import { isNil as Lt } from "./index252.js";
-import { get as Tt } from "./index279.js";
-const Et = { class: "bb-base-select__input-container" }, Ft = {
+import St from "./index288.js";
+import { useUntil as Dt } from "./index247.js";
+import { isNil as $t } from "./index254.js";
+import { get as Ht } from "./index269.js";
+const Ot = { class: "bb-base-select__input-container" }, Lt = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, At = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], yo = /* @__PURE__ */ tt({
+}, Ft = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], mo = /* @__PURE__ */ _e({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -81,185 +80,184 @@ const Et = { class: "bb-base-select__input-container" }, Ft = {
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(pe, { emit: de }) {
-    const t = pe, u = de;
+  setup(de, { emit: pe }) {
+    const t = de, u = pe;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: ce } = bt(), me = vt(), F = h(null), D = h(null), s = h(null), G = h(null), R = h(null), p = c(
+    const { t: ce } = yt(), me = mt(), E = v(null), S = v(null), r = v(null), G = v(null), R = v(null), d = m(
       () => t.comma ? G.value : R.value
-    ), { width: fe } = ht(D), { isMobile: ve } = Bt(), he = c(
+    ), { width: fe } = ft(S), { isMobile: ve } = bt(), he = m(
       () => t.allowWriting === "not-mobile" && ve.value ? "none" : void 0
-    ), j = t.id || ft().id.value, { resume: ye, pause: ge } = yt(
-      D,
+    ), j = t.id || ct().id.value, { resume: ye, pause: be } = vt(
+      S,
       async ([{ intersectionRatio: e }]) => {
-        e !== 1 && r.value && await k();
+        e !== 1 && l.value && await I();
       },
       { threshold: [0, 1], immediate: !1 }
-    ), be = c(() => ({
+    ), ge = m(() => ({
       width: `${fe.value ?? 0}px`
-    })), A = h(null), y = () => {
+    })), A = v(null), q = v(), h = () => {
       A.value instanceof HTMLInputElement && A.value.focus();
     }, Be = async (e) => {
-      u("focus", e), je(), document.addEventListener("click", O), document.addEventListener("focusin", O);
+      u("focus", e), je(), document.addEventListener("click", D), document.addEventListener("focusin", D);
     }, we = () => {
-      t.prefill === "focus" && !Fe.value && !Q.value && Ae();
+      t.prefill === "focus" && !Pe.value && !Y.value && Me();
     }, Ve = async (e) => {
       u("blur", e);
-    }, Se = (e) => u("change", e), Ie = (e) => {
-      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), p.value?.blur(), N.value && I(), Te(o.value, !1, t.modelValue);
-    }, O = async (e) => {
-      if (e.target instanceof Node && F.value && !F.value.$el.contains(e.target) && !s.value?.$el?.contains(e.target)) {
-        k(), Je(), document.removeEventListener("click", O), document.removeEventListener("focusin", O), await E(t.transitionDuration), b();
+    }, ke = (e) => u("change", e), Ie = (e) => {
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), d.value?.blur(), N.value && k(), Te(o.value, !1, t.modelValue);
+    }, Ce = (e) => {
+      q.value = e;
+    }, D = async (e) => {
+      if (e.target instanceof Node && E.value && !E.value.$el.contains(e.target) && !r.value?.$el?.contains(e.target)) {
+        I(), Je(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await T(t.transitionDuration), b();
         return;
       }
-    }, V = c(() => !(t.readonly || t.disabled || H.value || !p.value && t.multiple && i.value.length <= t.maxSelectedLabels)), ke = async () => {
-      V.value && (p.value?.blur(), r.value ? s.value?.focusPrevious() : (await I(), await E(t.transitionDuration), s.value?.focusLastSelected()));
-    }, Ce = async () => {
-      V.value && (p.value?.blur(), r.value ? s.value?.focusNext() : (await I(), await E(t.transitionDuration), s.value?.focusFirstSelected()));
-    }, De = (e) => {
-      if (!V.value || !t.multiple || o.value || (e.preventDefault(), s.value?.blur(), !i.value.length)) return;
-      p.value?.focusPrevious();
-      const a = p.value?.getHighlighted();
-      a && s.value?.focusByHash(a.valueHash);
-    }, Oe = (e) => {
-      if (!V.value || !t.multiple || o.value || (e.preventDefault(), s.value?.blur(), !i.value.length)) return;
-      p.value?.focusNext();
-      const a = p.value?.getHighlighted();
-      a && s.value?.focusByHash(a.valueHash);
-    }, $e = async () => {
-      if (!V.value)
+    }, w = m(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && p.value.length <= t.maxSelectedLabels)), Se = async () => {
+      w.value && (d.value?.blur(), l.value ? r.value?.focusPrevious() : (await k(), await T(t.transitionDuration), r.value?.focusLastSelected()));
+    }, De = async () => {
+      w.value && (d.value?.blur(), l.value ? r.value?.focusNext() : (await k(), await T(t.transitionDuration), r.value?.focusFirstSelected()));
+    }, $e = (e) => {
+      if (!w.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
+      d.value?.focusPrevious();
+      const a = d.value?.getHighlighted();
+      a && r.value?.focusByHash(a.valueHash);
+    }, He = (e) => {
+      if (!w.value || !t.multiple || o.value || (e.preventDefault(), r.value?.blur(), !p.value.length)) return;
+      d.value?.focusNext();
+      const a = d.value?.getHighlighted();
+      a && r.value?.focusByHash(a.valueHash);
+    }, Oe = async () => {
+      if (!w.value)
         return;
-      if (r.value) {
-        if (s.value?.getHighlighted()) {
-          s.value.confirmOption();
+      if (l.value) {
+        if (r.value?.getHighlighted()) {
+          r.value.confirmOption();
           return;
         }
       } else {
-        await I(), await E(t.transitionDuration), i.value.length && s.value?.focusFirstSelected();
+        await k(), await T(t.transitionDuration), p.value.length && r.value?.focusFirstSelected();
         return;
       }
       const e = o.value.trim();
-      xe(e) || (u("option:add", e), o.value = "");
-    }, He = async () => {
-      r.value && await k();
+      Ne(e) || (u("option:add", e), o.value = "");
     }, Le = async () => {
-      !V.value || o.value || !i.value.length || (p.value?.getHighlighted() && p.value.confirmOption(), await U(), p.value?.focusPrevious());
-    }, o = h(""), {
-      getter: q,
+      l.value && await I();
+    }, Fe = async () => {
+      !w.value || o.value || !p.value.length || (d.value?.getHighlighted() && d.value.confirmOption(), await U(), d.value?.focusPrevious());
+    }, o = v(""), {
+      getter: P,
       debouncedGetter: Te,
       items: Ee,
       loading: J
-    } = gt({
-      items: W(t, "items"),
+    } = ht({
+      items: z(t, "items"),
       debounce: t.queryDebounceTime
-    }), M = () => {
-      t.enforceCoherence && !ee.value && (t.multiple ? u("update:modelValue", Ue.value.coherent) : u("update:modelValue", null), p.value?.blur(), s.value?.blur());
-    }, {
-      hasPrefilled: Q,
-      isPrefilling: Fe,
-      prefill: Ae
-    } = wt({
-      onStart: t.prefill === !0,
+    }), {
+      array: Q,
+      add: X,
+      remove: Ae,
+      set: qe
+    } = st(), {
+      hasPrefilled: Y,
+      isPrefilling: Pe,
+      prefill: Me
+    } = gt({
+      trigger: t.prefill === !0,
       currentValue: t.modelValue,
       multiple: t.multiple,
-      fn: async ({ prefill: e }) => {
-        await q(o.value, e, t.modelValue), t.stash && Y(...$.value.map((a) => a.item)), M(), b();
+      fn: async (e) => {
+        await P(o.value, e, t.modelValue), t.stash && X(...$.value.map((a) => a.item)), b();
       }
-    }), {
-      array: X,
-      add: Y,
-      remove: qe,
-      set: Me
-    } = dt(), i = c(() => {
-      const e = Ht(P.value, (a, l) => _.value[l]);
-      return Object.values(e).filter(Boolean);
-    }), Pe = c(() => i.value.length ? "" : t.placeholder), { data: P, get: xe } = ie({
+    }), { data: Z, get: Ne } = se({
       // Force model value to be an array
-      items: c(() => [].concat(t.modelValue))
-    }), { options: $ } = ct({
-      disabled: W(t, "disabled"),
-      items: c(() => [...Ee.value, ...X.value]),
+      items: m(() => [].concat(t.modelValue))
+    }), { options: $ } = dt({
+      disabled: z(t, "disabled"),
+      items: m(() => [...Ee.value, ...Q.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
       max: t.max,
       selectable: !0,
-      selectedIndexedByHash: P
-    }), H = c(() => !!(J.value || t.loading)), Z = c(() => {
-      let e = [];
-      const a = i.value.some(
-        (f) => f.text === o.value
-      );
-      return (t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !a && !t.multiple) && t.filterBy ? e = $.value.filter((f) => {
-        let v = !1;
-        return typeof t.filterBy == "function" ? v = t.filterBy(f.value, f.item, o.value) : t.filterBy === "not_stashed" && o.value ? v = !new Set(X.value.map((et) => et.valueHash)).has(f.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (v = v || re(f.item, t.filterBy, o.value.trim())), v || re(f, ["text"], o.value.trim());
-      }) : e = $.value, e;
-    }), Ne = Symbol("default"), ze = (e) => Lt(t.groupBy) ? Ne : typeof t.groupBy == "function" ? t.groupBy(e.item) : Tt(e.item, t.groupBy), We = c(() => {
-      const e = {};
-      for (const l of Z.value) {
-        const f = ze(l), v = ue(f);
-        e[v] || (e[v] = {
-          id: v,
-          data: f ?? null,
-          options: []
-        }), e[v].options.push(l);
-      }
-      return Object.values(e).filter((l) => l.options.length);
-    }), b = () => {
-      if (t.multiple) {
-        o.value = "";
-        return;
-      }
-      let e;
-      i.value && (e = pt(i.value)), o.value = e?.text || "";
-    }, Ke = async (e) => {
-      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && Y(e.item), b()) : (t.stash && Me(e.item), u("update:modelValue", e.value), await U(), b()), y(), t.multiple || k();
-    }, x = async (e) => {
-      if (qe((a) => a.valueHash !== e.valueHash), t.multiple) {
-        const a = { ...P.value };
-        delete a[e.valueHash], u("update:modelValue", Object.values(a));
-      } else
-        u("update:modelValue", null), await U(), b();
-      y();
-    }, { data: _ } = ie({
+      selectedIndexedByHash: Z
+    }), { data: _ } = se({
       items: $,
       key: "valueHash"
-    }), { coherent: ee, status: Ue } = mt({
-      modelValue: W(t, "modelValue"),
+    }), { coherent: ee, coherentValue: te } = pt({
+      modelValue: z(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!_.value[ue(e)]
-    });
-    let S = 0;
-    se(
+      iteratee: (e) => !!_.value[W(e)]
+    }), p = m(
+      () => [].concat(t.modelValue).map((e) => _.value[W(e)]).filter(Boolean)
+    ), H = m(() => !!(J.value || t.loading));
+    ie(
       () => t.modelValue,
       async () => {
-        S++, ee.value || (await q(o.value, !0, t.modelValue), M()), S === 1 && b(), S--;
+        ee.value || (await P(o.value, !0, t.modelValue), t.enforceCoherence && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur())), b();
       },
-      {
-        debounce: t.modelValueDebounceTime
-      }
-    ), se(
+      { debounce: t.modelValueDebounceTime }
+    ), ie(
       () => [t.dependencies, t.items],
       async () => {
-        Q.value && (S++, await q(o.value, !0, t.modelValue), S === 1 && (M(), b()), S--);
+        Y.value && (await P(o.value, !0, t.modelValue), t.enforceCoherence && !ee.value && (u("update:modelValue", te.value), d.value?.blur(), r.value?.blur()), b());
       },
-      {
-        debounce: t.depsDebounceTime
-      }
+      { debounce: t.depsDebounceTime }
     );
-    const r = h(!1), N = h(!0), Ge = $t(r), I = async () => {
-      ye(), N.value = !1, r.value = !0;
-    }, k = async () => {
-      r.value = !1, N.value = !0, p.value?.blur(), ge();
-    }, Re = () => r.value ? k() : I(), z = h(!1), je = () => {
-      z.value = !0;
+    const b = () => {
+      if (t.multiple) {
+        o.value = "";
+        return;
+      }
+      let e;
+      p.value && (e = it(p.value)), o.value = e?.text || "";
+    }, xe = m(() => p.value.length ? "" : t.placeholder), ze = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && X(e.item), b()) : (t.stash && qe(e.item), u("update:modelValue", e.value), await U(), b()), h(), t.multiple || I();
+    }, M = async (e) => {
+      if (Ae((a) => a.valueHash !== e.valueHash), t.multiple) {
+        const a = { ...Z.value };
+        delete a[e.valueHash], u("update:modelValue", Object.values(a));
+      } else
+        u("update:modelValue", null), await U(), b();
+      h();
+    }, oe = m(() => {
+      const e = p.value.some(
+        (c) => c.text === o.value
+      );
+      if (!(t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !e && !t.multiple) || !t.filterBy) return $.value;
+      const i = t.filterBy === "not_stashed" ? new Set(Q.value.map((c) => c.valueHash)) : null;
+      return $.value.filter((c) => {
+        let O = !1;
+        return typeof t.filterBy == "function" ? O = t.filterBy(c.value, c.item, o.value) : t.filterBy === "not_stashed" && o.value ? O = !i.has(c.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (O = re(
+          c.item,
+          t.filterBy,
+          o.value.trim()
+        )), O || re(c, ["text"], o.value.trim());
+      });
+    }), Ke = Symbol("default"), Ue = (e) => $t(t.groupBy) ? Ke : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ht(e.item, t.groupBy), We = m(() => {
+      const e = {};
+      for (const a of oe.value) {
+        const i = Ue(a), c = W(i);
+        e[c] || (e[c] = {
+          id: c,
+          data: i ?? null,
+          options: []
+        }), e[c].options.push(a);
+      }
+      return Object.values(e).filter((a) => a.options.length);
+    }), l = v(!1), N = v(!0), Ge = Dt(l), k = async () => {
+      ye(), N.value = !1, l.value = !0;
+    }, I = async () => {
+      l.value = !1, N.value = !0, q.value = void 0, d.value?.blur(), be();
+    }, Re = () => l.value ? I() : k(), x = v(!1), je = () => {
+      x.value = !0;
     }, Je = () => {
-      z.value = !1, u("inactive");
+      x.value = !1, u("inactive");
     }, Qe = (e) => {
-      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (y(), Re());
-    }, Xe = Vt(
+      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (h(), Re());
+    }, Xe = Bt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Ye = c(() => [].concat(t.modelValue).map((e) => {
+    ), Ye = m(() => [].concat(t.modelValue).map((e) => {
       const a = Xe(e);
       return {
         disabled: t.disabled,
@@ -271,13 +269,13 @@ const Et = { class: "bb-base-select__input-container" }, Ft = {
       let e = null;
       t.multiple && (e = []), u("update:modelValue", e);
     };
-    return (e, a) => (g(), K(Ct, {
+    return (e, a) => (y(), K(It, {
       ref_key: "outerContainer",
-      ref: F,
-      class: te({
+      ref: E,
+      class: ae({
         "bb-base-select": !0,
-        "bb-base-select--active": z.value,
-        "bb-base-select--shown": r.value,
+        "bb-base-select--active": x.value,
+        "bb-base-select--shown": l.value,
         "bb-base-select--loading": H.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
@@ -287,108 +285,109 @@ const Et = { class: "bb-base-select__input-container" }, Ft = {
       onClick: Qe
     }, {
       "prepend-outer": n(() => [
-        d(e.$slots, "prepend-outer", { query: o.value })
+        s(e.$slots, "prepend-outer", { query: o.value })
       ]),
       "append-outer": n(() => [
-        d(e.$slots, "append-outer", { query: o.value })
+        s(e.$slots, "append-outer", { query: o.value })
       ]),
       default: n(() => [
         L("span", {
           ref_key: "innerContainer",
-          ref: D,
+          ref: S,
           class: "bb-base-select__inner-wrapper"
         }, [
-          T(kt, {
+          F(kt, {
             "append:icon": t["append:icon"],
-            clearable: e.clearable && !B(it)(e.modelValue),
+            clearable: e.clearable && !g(rt)(e.modelValue),
             "prepend:icon": t["prepend:icon"],
             "prevent-focus": !0,
             "onClick:clear": Ze
           }, {
             prepend: n(() => [
-              d(e.$slots, "prepend", {
+              s(e.$slots, "prepend", {
                 query: o.value,
-                focus: y
+                focus: h
               })
             ]),
             prefix: n(() => [
-              d(e.$slots, "prefix")
+              s(e.$slots, "prefix")
             ]),
             append: n(() => [
-              d(e.$slots, "append", {
+              s(e.$slots, "append", {
                 query: o.value,
-                focus: y
+                focus: h
               })
             ]),
             suffix: n(() => [
-              d(e.$slots, "suffix")
+              s(e.$slots, "suffix")
             ]),
             default: n(() => [
-              T(st, { tag: "span" }, {
+              F(ut, { tag: "span" }, {
                 default: n(() => [
-                  L("span", Et, [
-                    e.multiple && i.value.length <= e.maxSelectedLabels ? (g(), C(ae, { key: 0 }, [
-                      e.comma ? (g(), K(It, {
+                  L("span", Ot, [
+                    e.multiple && p.value.length <= e.maxSelectedLabels ? (y(), C(le, { key: 0 }, [
+                      e.comma ? (y(), K(Vt, {
                         key: 0,
                         ref_key: "commaBox",
                         ref: G,
-                        options: i.value,
-                        "onOption:unselected": x
-                      }, null, 8, ["options"])) : (g(), K(St, {
+                        options: p.value,
+                        "onOption:unselected": M
+                      }, null, 8, ["options"])) : (y(), K(wt, {
                         key: 1,
                         ref_key: "chipsBox",
                         ref: R,
-                        options: i.value,
-                        "onOption:unselected": x
+                        options: p.value,
+                        "onOption:unselected": M
                       }, null, 8, ["options"]))
-                    ], 64)) : e.multiple ? (g(), C("span", Ft, at(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : B(ce)("select.multipleMaxReached", i.value.length)), 1)) : oe("", !0),
-                    ot((g(), C("input", {
-                      id: B(j),
-                      key: `${B(me)}`,
+                    ], 64)) : e.multiple ? (y(), C("span", Lt, tt(e.selectedLabelsFn ? e.selectedLabelsFn(p.value.length) : g(ce)("select.multipleMaxReached", p.value.length)), 1)) : V("", !0),
+                    et((y(), C("input", {
+                      id: g(j),
+                      key: `${g(me)}`,
                       ref_key: "input",
                       ref: A,
-                      "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
+                      "onUpdate:modelValue": a[0] || (a[0] = (i) => o.value = i),
+                      "aria-activedescendant": l.value ? q.value : void 0,
                       "aria-autocomplete": "list",
-                      "aria-controls": B(Ge) ? `${B(j)}_listbox` : void 0,
+                      "aria-controls": g(Ge) ? `${g(j)}_listbox` : void 0,
                       "aria-describedby": e.ariaDescribedby,
-                      "aria-expanded": r.value,
+                      "aria-expanded": l.value,
                       autocomplete: e.autocomplete,
                       autofocus: e.autofocus,
-                      class: te("bb-base-select__text-input"),
+                      class: ae("bb-base-select__text-input"),
                       disabled: e.disabled,
                       inputmode: he.value,
-                      placeholder: Pe.value,
+                      placeholder: xe.value,
                       readonly: e.readonly || !e.allowWriting,
                       required: e.required && (!e.multiple || !e.modelValue.length),
                       role: "combobox",
                       size: "1",
-                      style: le({ "--characters": o.value.length }),
+                      style: ne({ "--characters": o.value.length }),
                       type: "text",
-                      onBlur: m(Ve, ["stop"]),
-                      onChange: m(Se, ["stop"]),
-                      onFocusOnce: m(we, ["stop"]),
-                      onFocus: m(Be, ["stop"]),
-                      onInput: m(Ie, ["stop"]),
+                      onBlur: f(Ve, ["stop"]),
+                      onChange: f(ke, ["stop"]),
+                      onFocusOnce: f(we, ["stop"]),
+                      onFocus: f(Be, ["stop"]),
+                      onInput: f(Ie, ["stop"]),
                       onKeydown: [
-                        w(m(Le, ["stop"]), ["delete"]),
-                        w(m(De, ["stop"]), ["left"]),
-                        w(m(Ce, ["stop", "prevent"]), ["down"]),
-                        w(m($e, ["stop", "prevent"]), ["enter"]),
-                        w(m(He, ["stop", "prevent"]), ["esc"]),
-                        w(m(ke, ["stop", "prevent"]), ["up"]),
-                        w(m(Oe, ["stop"]), ["right"])
+                        B(f(Fe, ["stop"]), ["delete"]),
+                        B(f($e, ["stop"]), ["left"]),
+                        B(f(De, ["stop", "prevent"]), ["down"]),
+                        B(f(Oe, ["stop", "prevent"]), ["enter"]),
+                        B(f(Le, ["stop", "prevent"]), ["esc"]),
+                        B(f(Se, ["stop", "prevent"]), ["up"]),
+                        B(f(He, ["stop"]), ["right"])
                       ]
-                    }, null, 44, At)), [
-                      [lt, o.value]
+                    }, null, 44, Ft)), [
+                      [ot, o.value]
                     ])
                   ])
                 ]),
                 _: 1
               }),
-              e.showChevron ? d(e.$slots, "chevron", {
+              e.showChevron ? s(e.$slots, "chevron", {
                 key: 0,
-                loading: !!B(J),
-                shown: r.value
+                loading: !!g(J),
+                shown: l.value
               }, () => [
                 a[2] || (a[2] = L("svg", {
                   class: "bb-base-select__chevron",
@@ -400,74 +399,89 @@ const Et = { class: "bb-base-select__input-container" }, Ft = {
                     fill: "currentColor"
                   })
                 ], -1))
-              ]) : oe("", !0)
+              ]) : V("", !0)
             ]),
             _: 3
           }, 8, ["append:icon", "clearable", "prepend:icon"])
         ], 512),
-        T(Dt, {
-          modelValue: r.value,
-          "onUpdate:modelValue": a[1] || (a[1] = (l) => r.value = l),
-          anchor: D.value,
+        F(Ct, {
+          modelValue: l.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (i) => l.value = i),
+          anchor: S.value,
           offset: 4,
           "transition-duration": e.transitionDuration
         }, {
           default: n(() => [
-            T(Ot, {
+            l.value ? s(e.$slots, "options:prepend:outer", {
+              key: 0,
+              focus: h
+            }) : V("", !0),
+            F(St, {
               ref_key: "optionsContainer",
-              ref: s,
+              ref: r,
               compact: e.compact,
               loading: H.value,
               "loading-text": e.loadingText,
               multiple: e.multiple,
               "no-data-text": e.noDataText,
-              open: r.value,
-              options: e.groupBy ? void 0 : Z.value,
+              open: l.value,
+              options: e.groupBy ? void 0 : oe.value,
               groups: e.groupBy ? We.value : void 0,
               "header-height": e.headerHeight,
-              style: le(be.value),
+              style: ne(ge.value),
               "option-height": e.itemHeight,
-              "onOption:selected": Ke,
-              "onOption:unselected": x
+              "onFocused:change": Ce,
+              "onOption:selected": ze,
+              "onOption:unselected": M
             }, {
               "options:prepend": n(() => [
-                d(e.$slots, "options:prepend", { focus: y })
+                l.value ? s(e.$slots, "options:prepend", {
+                  key: 0,
+                  focus: h
+                }) : V("", !0)
               ]),
               loading: n(() => [
-                d(e.$slots, "loading", { query: o.value })
+                s(e.$slots, "loading", { query: o.value })
               ]),
               "no-data": n(() => [
-                d(e.$slots, "no-data", {
+                s(e.$slots, "no-data", {
                   query: o.value,
-                  focus: y
+                  focus: h
                 })
               ]),
               "options:append": n(() => [
-                d(e.$slots, "options:append", { focus: y })
+                l.value ? s(e.$slots, "options:append", {
+                  key: 0,
+                  focus: h
+                }) : V("", !0)
               ]),
-              option: n((l) => [
-                d(e.$slots, "option", ne({
+              option: n((i) => [
+                s(e.$slots, "option", ue({
                   hasErrors: e.hasErrors,
                   loading: H.value
-                }, l))
+                }, i))
               ]),
-              group: n((l) => [
-                d(e.$slots, "group", nt(ut(l)))
+              group: n((i) => [
+                s(e.$slots, "group", at(lt(i)))
               ]),
               _: 3
-            }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "style", "option-height"])
+            }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "style", "option-height"]),
+            l.value ? s(e.$slots, "options:append:outer", {
+              key: 1,
+              focus: h
+            }) : V("", !0)
           ]),
           _: 3
         }, 8, ["modelValue", "anchor", "transition-duration"]),
-        (g(!0), C(ae, null, rt(Ye.value, (l) => (g(), C("input", ne({
-          key: l.value,
+        (y(!0), C(le, null, nt(Ye.value, (i) => (y(), C("input", ue({
+          key: i.value,
           ref_for: !0
-        }, l), null, 16))), 128))
+        }, i), null, 16))), 128))
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  yo as default
+  mo as default
 };