bitboss-ui 2.1.102 → 2.1.104

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 "./index113.js";
+import { defineComponent as _e, ref as v, computed as m, toRef as N, createBlock as z, openBlock as y, normalizeClass as oe, withCtx as n, createElementVNode as $, createVNode as L, createElementBlock as C, unref as g, renderSlot as c, createCommentVNode as ae, 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 K } from "vue";
+import ut from "./index114.js";
 /* empty css         */
-import { hash as ue } from "./index233.js";
-import { isEmpty as it } from "./index247.js";
-import { last as pt } from "./index234.js";
-import { matchAnyKey as re } from "./index273.js";
-import { useArray as dt } from "./index274.js";
-import { useBaseOptions as ct } from "./index263.js";
-import { useCoherence as mt } from "./index264.js";
-import { useHashedWatcher as se } from "./index265.js";
-import { useId as ft } from "./index8.js";
-import { useIndexById as ie } from "./index262.js";
-import { useMounted as vt, useElementSize as ht, useIntersectionObserver as yt } from "./index142.js";
-import { useItemsGetter as gt } from "./index261.js";
-import { useLocale as bt } from "./index225.js";
-import { useMobile as Bt } from "./index9.js";
-import { usePrefill as wt } from "./index266.js";
-import { wait as E } from "./index141.js";
-import { when as Vt } from "./index251.js";
-import St from "./index268.js";
+import { hash as U } from "./index232.js";
+import { isEmpty as it } from "./index243.js";
+import { last as rt } from "./index238.js";
+import { matchAnyKey as ie } from "./index244.js";
+import { useArray as st } from "./index245.js";
+import { useBaseOptions as dt } from "./index230.js";
+import { useCoherence as pt } from "./index231.js";
+import { useHashedWatcher as re } from "./index233.js";
+import { useId as ct } from "./index8.js";
+import { useIndexById as se } from "./index229.js";
+import { useMounted as mt, useElementSize as ft, useIntersectionObserver as vt } from "./index143.js";
+import { useItemsGetter as ht } from "./index228.js";
+import { useLocale as yt } from "./index236.js";
+import { useMobile as bt } from "./index9.js";
+import { usePrefill as gt } from "./index234.js";
+import { wait as F } from "./index142.js";
+import { when as Bt } from "./index246.js";
+import wt from "./index239.js";
 /* empty css         */
-import It from "./index270.js";
+import Vt from "./index241.js";
 /* empty css         */
-import kt from "./index137.js";
+import It from "./index138.js";
 /* empty css         */
-import Ct from "./index139.js";
-import Dt from "./index249.js";
+import Ct from "./index140.js";
+import kt from "./index247.js";
 /* empty css         */
-import Ot from "./index275.js";
-import { useUntil as $t } from "./index276.js";
-import { mapValues as Ht } from "./index147.js";
-import { isNil as Lt } from "./index258.js";
-import { get as Tt } from "./index277.js";
-const Et = { class: "bb-base-select__input-container" }, Ft = {
+import St from "./index249.js";
+import { useUntil as Dt } from "./index237.js";
+import { isNil as Ht } from "./index250.js";
+import { get as Ot } from "./index251.js";
+const $t = { 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(
-      () => t.comma ? G.value : R.value
-    ), { width: fe } = ht(D), { isMobile: ve } = Bt(), he = c(
+    const { t: ce } = yt(), me = mt(), T = v(null), k = v(null), i = v(null), W = v(null), G = v(null), s = m(
+      () => t.comma ? W.value : G.value
+    ), { width: fe } = ft(k), { 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,
+    ), R = t.id || ct().id.value, { resume: ye, pause: be } = vt(
+      k,
       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.value instanceof HTMLInputElement && A.value.focus();
+    })), E = v(null), A = v(), h = () => {
+      E.value instanceof HTMLInputElement && E.value.focus();
     }, Be = async (e) => {
-      u("focus", e), je(), document.addEventListener("click", O), document.addEventListener("focusin", O);
+      u("focus", e), je(), document.addEventListener("click", S), document.addEventListener("focusin", S);
     }, we = () => {
-      t.prefill === "focus" && !Fe.value && !Q.value && Ae();
+      t.prefill === "focus" && !Pe.value && !X.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();
+    }, Ie = (e) => u("change", e), Ce = (e) => {
+      u("input", e), o.value === "" && (t.multiple || u("update:modelValue", null)), s.value?.blur(), M.value && V(), Te(o.value, !1, t.modelValue);
+    }, ke = (e) => {
+      A.value = e;
+    }, S = async (e) => {
+      if (e.target instanceof Node && T.value && !T.value.$el.contains(e.target) && !i.value?.$el?.contains(e.target)) {
+        I(), Je(), document.removeEventListener("click", S), document.removeEventListener("focusin", S), await F(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);
+    }, w = m(() => !(t.readonly || t.disabled || H.value || !s.value && t.multiple && d.value.length <= t.maxSelectedLabels)), Se = async () => {
+      w.value && (s.value?.blur(), l.value ? i.value?.focusPrevious() : (await V(), await F(t.transitionDuration), i.value?.focusLastSelected()));
+    }, De = async () => {
+      w.value && (s.value?.blur(), l.value ? i.value?.focusNext() : (await V(), await F(t.transitionDuration), i.value?.focusFirstSelected()));
+    }, He = (e) => {
+      if (!w.value || !t.multiple || o.value || (e.preventDefault(), i.value?.blur(), !d.value.length)) return;
+      s.value?.focusPrevious();
+      const a = s.value?.getHighlighted();
+      a && i.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);
+      if (!w.value || !t.multiple || o.value || (e.preventDefault(), i.value?.blur(), !d.value.length)) return;
+      s.value?.focusNext();
+      const a = s.value?.getHighlighted();
+      a && i.value?.focusByHash(a.valueHash);
     }, $e = async () => {
-      if (!V.value)
+      if (!w.value)
         return;
-      if (r.value) {
-        if (s.value?.getHighlighted()) {
-          s.value.confirmOption();
+      if (l.value) {
+        if (i.value?.getHighlighted()) {
+          i.value.confirmOption();
           return;
         }
       } else {
-        await I(), await E(t.transitionDuration), i.value.length && s.value?.focusFirstSelected();
+        await V(), await F(t.transitionDuration), d.value.length && i.value?.focusFirstSelected();
         return;
       }
       const e = o.value.trim();
       xe(e) || (u("option:add", e), o.value = "");
-    }, He = async () => {
-      r.value && await k();
     }, Le = async () => {
-      !V.value || o.value || !i.value.length || (p.value?.getHighlighted() && p.value.confirmOption(), await U(), p.value?.focusPrevious());
-    }, o = h(""), {
+      l.value && await I();
+    }, Fe = async () => {
+      !w.value || o.value || !d.value.length || (s.value?.getHighlighted() && s.value.confirmOption(), await K(), s.value?.focusPrevious());
+    }, o = v(""), {
       getter: q,
       debouncedGetter: Te,
       items: Ee,
-      loading: J
-    } = gt({
-      items: W(t, "items"),
+      loading: j
+    } = ht({
+      items: N(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: J,
+      add: Q,
+      remove: Ae,
+      set: qe
+    } = st(), {
+      hasPrefilled: X,
+      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 q(o.value, e, t.modelValue), t.stash && Q(...D.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: Y, get: xe } = 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: D } = dt({
+      disabled: N(t, "disabled"),
+      items: m(() => [...Ee.value, ...J.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({
-      items: $,
+      selectedIndexedByHash: Y
+    }), { data: Z } = se({
+      items: D,
       key: "valueHash"
-    }), { coherent: ee, status: Ue } = mt({
-      modelValue: W(t, "modelValue"),
+    }), { coherent: _, coherentValue: ee } = pt({
+      modelValue: N(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!_.value[ue(e)]
-    });
-    let S = 0;
-    se(
+      iteratee: (e) => !!Z.value[U(e)]
+    }), d = m(
+      () => [].concat(t.modelValue).map((e) => Z.value[U(e)]).filter(Boolean)
+    ), H = m(() => !!(j.value || t.loading));
+    re(
       () => t.modelValue,
       async () => {
-        S++, ee.value || (await q(o.value, !0, t.modelValue), M()), S === 1 && b(), S--;
+        _.value || (await q(o.value, !0, t.modelValue), t.enforceCoherence && (u("update:modelValue", ee.value), s.value?.blur(), i.value?.blur())), b();
       },
-      {
-        debounce: t.modelValueDebounceTime
-      }
-    ), se(
+      { debounce: t.modelValueDebounceTime }
+    ), re(
       () => [t.dependencies, t.items],
       async () => {
-        Q.value && (S++, await q(o.value, !0, t.modelValue), S === 1 && (M(), b()), S--);
+        X.value && (await q(o.value, !0, t.modelValue), t.enforceCoherence && !_.value && (u("update:modelValue", ee.value), s.value?.blur(), i.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;
+      d.value && (e = rt(d.value)), o.value = e?.text || "";
+    }, Ne = m(() => d.value.length ? "" : t.placeholder), ze = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && Q(e.item), b()) : (t.stash && qe(e.item), u("update:modelValue", e.value), await K(), b()), h(), t.multiple || I();
+    }, P = async (e) => {
+      if (Ae((a) => a.valueHash !== e.valueHash), t.multiple) {
+        const a = { ...Y.value };
+        delete a[e.valueHash], u("update:modelValue", Object.values(a));
+      } else
+        u("update:modelValue", null), await K(), b();
+      h();
+    }, te = m(() => {
+      const e = d.value.some(
+        (p) => p.text === o.value
+      );
+      if (!(t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !e && !t.multiple) || !t.filterBy) return D.value;
+      const r = t.filterBy === "not_stashed" ? new Set(J.value.map((p) => p.valueHash)) : null;
+      return D.value.filter((p) => {
+        let O = !1;
+        return typeof t.filterBy == "function" ? O = t.filterBy(p.value, p.item, o.value) : t.filterBy === "not_stashed" && o.value ? O = !r.has(p.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (O = ie(
+          p.item,
+          t.filterBy,
+          o.value.trim()
+        )), O || ie(p, ["text"], o.value.trim());
+      });
+    }), Ke = Symbol("default"), Ue = (e) => Ht(t.groupBy) ? Ke : typeof t.groupBy == "function" ? t.groupBy(e.item) : Ot(e.item, t.groupBy), We = m(() => {
+      const e = {};
+      for (const a of te.value) {
+        const r = Ue(a), p = U(r);
+        e[p] || (e[p] = {
+          id: p,
+          data: r ?? null,
+          options: []
+        }), e[p].options.push(a);
+      }
+      return Object.values(e).filter((a) => a.options.length);
+    }), l = v(!1), M = v(!0), Ge = Dt(l), V = async () => {
+      ye(), M.value = !1, l.value = !0;
+    }, I = async () => {
+      l.value = !1, M.value = !0, A.value = void 0, s.value?.blur(), be();
+    }, Re = () => l.value ? I() : V(), 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(), z(Ct, {
       ref_key: "outerContainer",
-      ref: F,
-      class: te({
+      ref: T,
+      class: oe({
         "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,187 +285,189 @@ const Et = { class: "bb-base-select__input-container" }, Ft = {
       onClick: Qe
     }, {
       "prepend-outer": n(() => [
-        d(e.$slots, "prepend-outer", { query: o.value })
+        c(e.$slots, "prepend-outer", { query: o.value })
       ]),
       "append-outer": n(() => [
-        d(e.$slots, "append-outer", { query: o.value })
+        c(e.$slots, "append-outer", { query: o.value })
       ]),
       default: n(() => [
-        L("span", {
+        $("span", {
           ref_key: "innerContainer",
-          ref: D,
+          ref: k,
           class: "bb-base-select__inner-wrapper"
         }, [
-          T(kt, {
+          L(It, {
             "append:icon": t["append:icon"],
-            clearable: e.clearable && !B(it)(e.modelValue),
+            clearable: e.clearable && !g(it)(e.modelValue),
             "prepend:icon": t["prepend:icon"],
             "prevent-focus": !0,
             "onClick:clear": Ze
           }, {
             prepend: n(() => [
-              d(e.$slots, "prepend", {
+              c(e.$slots, "prepend", {
                 query: o.value,
-                focus: y
+                focus: h
               })
             ]),
             prefix: n(() => [
-              d(e.$slots, "prefix")
+              c(e.$slots, "prefix")
             ]),
             append: n(() => [
-              d(e.$slots, "append", {
+              c(e.$slots, "append", {
                 query: o.value,
-                focus: y
+                focus: h
               })
             ]),
             suffix: n(() => [
-              d(e.$slots, "suffix")
+              c(e.$slots, "suffix")
             ]),
             default: n(() => [
-              T(st, { tag: "span" }, {
+              L(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, {
+                  $("span", $t, [
+                    e.multiple && d.value.length <= e.maxSelectedLabels ? (y(), C(le, { key: 0 }, [
+                      e.comma ? (y(), z(Vt, {
                         key: 0,
                         ref_key: "commaBox",
-                        ref: G,
-                        options: i.value,
-                        "onOption:unselected": x
-                      }, null, 8, ["options"])) : (g(), K(St, {
+                        ref: W,
+                        options: d.value,
+                        "onOption:unselected": P
+                      }, null, 8, ["options"])) : (y(), z(wt, {
                         key: 1,
                         ref_key: "chipsBox",
-                        ref: R,
-                        options: i.value,
-                        "onOption:unselected": x
+                        ref: G,
+                        options: d.value,
+                        "onOption:unselected": P
                       }, 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(d.value.length) : g(ce)("select.multipleMaxReached", d.value.length)), 1)) : ae("", !0),
+                    et((y(), C("input", {
+                      id: g(R),
+                      key: `${g(me)}`,
                       ref_key: "input",
-                      ref: A,
-                      "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
+                      ref: E,
+                      "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
+                      "aria-activedescendant": l.value ? A.value : void 0,
                       "aria-autocomplete": "list",
-                      "aria-controls": B(Ge) ? `${B(j)}_listbox` : void 0,
+                      "aria-controls": g(Ge) ? `${g(R)}_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: oe("bb-base-select__text-input"),
                       disabled: e.disabled,
                       inputmode: he.value,
-                      placeholder: Pe.value,
+                      placeholder: Ne.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(Ie, ["stop"]),
+                      onFocusOnce: f(we, ["stop"]),
+                      onFocus: f(Be, ["stop"]),
+                      onInput: f(Ce, ["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(He, ["stop"]), ["left"]),
+                        B(f(De, ["stop", "prevent"]), ["down"]),
+                        B(f($e, ["stop", "prevent"]), ["enter"]),
+                        B(f(Le, ["stop", "prevent"]), ["esc"]),
+                        B(f(Se, ["stop", "prevent"]), ["up"]),
+                        B(f(Oe, ["stop"]), ["right"])
                       ]
-                    }, null, 44, At)), [
-                      [lt, o.value]
+                    }, null, 44, Ft)), [
+                      [ot, o.value]
                     ])
                   ])
                 ]),
                 _: 1
               }),
-              e.showChevron ? d(e.$slots, "chevron", {
+              e.showChevron ? c(e.$slots, "chevron", {
                 key: 0,
-                loading: !!B(J),
-                shown: r.value
+                loading: !!g(j),
+                shown: l.value
               }, () => [
-                a[2] || (a[2] = L("svg", {
+                a[2] || (a[2] = $("svg", {
                   class: "bb-base-select__chevron",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  L("path", {
+                  $("path", {
                     d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                     fill: "currentColor"
                   })
                 ], -1))
-              ]) : oe("", !0)
+              ]) : ae("", !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,
+        L(kt, {
+          modelValue: l.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (r) => l.value = r),
+          anchor: k.value,
           offset: 4,
           "transition-duration": e.transitionDuration
         }, {
           default: n(() => [
-            T(Ot, {
+            L(St, {
               ref_key: "optionsContainer",
-              ref: s,
+              ref: i,
               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 : te.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": ke,
+              "onOption:selected": ze,
+              "onOption:unselected": P
             }, {
               "options:prepend": n(() => [
-                d(e.$slots, "options:prepend", { focus: y })
+                c(e.$slots, "options:prepend", { focus: h })
               ]),
               loading: n(() => [
-                d(e.$slots, "loading", { query: o.value })
+                c(e.$slots, "loading", { query: o.value })
               ]),
               "no-data": n(() => [
-                d(e.$slots, "no-data", {
+                c(e.$slots, "no-data", {
                   query: o.value,
-                  focus: y
+                  focus: h
                 })
               ]),
               "options:append": n(() => [
-                d(e.$slots, "options:append", { focus: y })
+                c(e.$slots, "options:append", { focus: h })
               ]),
-              option: n((l) => [
-                d(e.$slots, "option", ne({
+              option: n((r) => [
+                c(e.$slots, "option", ue({
                   hasErrors: e.hasErrors,
                   loading: H.value
-                }, l))
+                }, r))
               ]),
-              group: n((l) => [
-                d(e.$slots, "group", nt(ut(l)))
+              group: n((r) => [
+                c(e.$slots, "group", at(lt(r)))
               ]),
               _: 3
             }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "style", "option-height"])
           ]),
           _: 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, (r) => (y(), C("input", ue({
+          key: r.value,
           ref_for: !0
-        }, l), null, 16))), 128))
+        }, r), null, 16))), 128))
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  yo as default
+  mo as default
 };