bitboss-ui 2.1.32 → 2.1.34

package/dist/index37.js

@@ -1,40 +1,38 @@
-import { defineComponent as Je, ref as p, computed as h, onBeforeUnmount as Qe, toRef as F, createBlock as T, openBlock as y, normalizeClass as oe, withCtx as s, createElementVNode as A, createElementBlock as O, createVNode as R, createCommentVNode as G, unref as g, renderSlot as m, withDirectives as Xe, Fragment as ne, toDisplayString as Ye, withKeys as w, withModifiers as f, normalizeStyle as ue, vModelDynamic as Ze, mergeProps as se, renderList as et, nextTick as J } from "vue";
-/* empty css       */
-/* empty css       */
-import { useId as tt } from "./index8.js";
-import { useMobile as lt } from "./index9.js";
+import { defineComponent as Xe, ref as v, computed as h, toRef as L, createBlock as U, openBlock as y, normalizeClass as ee, withCtx as s, createElementVNode as T, createVNode as E, createElementBlock as O, unref as g, renderSlot as p, createCommentVNode as te, withDirectives as Ye, Fragment as ae, toDisplayString as Ze, withKeys as w, withModifiers as m, normalizeStyle as le, vModelDynamic as et, mergeProps as oe, renderList as tt, nextTick as j } from "vue";
 import at from "./index111.js";
 /* empty css         */
-import ot from "./index135.js";
+import { hash as lt } from "./index221.js";
+import { isEmpty as ot } from "./index231.js";
+import { last as nt } from "./index226.js";
+import { matchAnyKey as ne } from "./index244.js";
+import { useArray as ut } from "./index245.js";
+import { useBaseOptions as st } from "./index219.js";
+import { useCoherence as it } from "./index220.js";
+import { useHashedWatcher as ue } from "./index222.js";
+import { useId as rt } from "./index8.js";
+import { useIndexById as se } from "./index218.js";
+import { useMounted as dt, useElementSize as ct, useIntersectionObserver as pt } from "./index140.js";
+import { useItemsGetter as mt } from "./index217.js";
+import { useLocale as ft } from "./index240.js";
+import { useMobile as vt } from "./index9.js";
+import { usePrefill as ht } from "./index223.js";
+import { wait as F } from "./index138.js";
+import { when as yt } from "./index232.js";
+import bt from "./index227.js";
 /* empty css         */
-import nt from "./index137.js";
-import { hash as ut } from "./index230.js";
-import { isEmpty as st } from "./index257.js";
-import { last as it } from "./index243.js";
-import { matchAnyKey as ie } from "./index264.js";
-import { useArray as rt } from "./index265.js";
-import { useBaseOptions as dt } from "./index228.js";
-import { useCoherence as ct } from "./index229.js";
-import { useHashedWatcher as re } from "./index231.js";
-import { useIndexById as de } from "./index227.js";
-import { useMounted as pt, useIntersectionObserver as mt } from "./index140.js";
-import { useItemsGetter as ft } from "./index226.js";
-import { useLocale as vt } from "./index216.js";
-import { usePrefill as ht } from "./index232.js";
-import { wait as q } from "./index138.js";
-import { waitFor as yt } from "./index266.js";
-import { when as bt } from "./index250.js";
-import gt from "./index253.js";
+import gt from "./index229.js";
 /* empty css         */
-import wt from "./index255.js";
+import wt from "./index135.js";
 /* empty css         */
-import Bt from "./index221.js";
+import Bt from "./index137.js";
+import Vt from "./index242.js";
 /* empty css         */
-import Vt from "./index267.js";
-const St = { class: "bb-base-select__inner-wrapper" }, kt = { class: "bb-base-select__input-container" }, Ct = {
+import St from "./index246.js";
+import { useUntil as kt } from "./index247.js";
+const Ct = { class: "bb-base-select__input-container" }, It = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, It = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], ul = /* @__PURE__ */ Je({
+}, Ot = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], na = /* @__PURE__ */ Xe({
   __name: "BaseSelect",
   props: {
     allowWriting: { type: [Boolean, String], default: !0 },
@@ -77,386 +75,378 @@ const St = { class: "bb-base-select__inner-wrapper" }, kt = { class: "bb-base-se
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(ce, { emit: pe }) {
-    const t = ce, n = pe;
+  setup(ie, { emit: re }) {
+    const t = ie, n = re;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const { t: me } = vt(), fe = pt(), x = p(null), $ = p(null), u = p(null), Q = p(null), X = p(null), r = h(
-      () => t.comma ? Q.value : X.value
-    ), { isMobile: ve } = lt(), he = h(
-      () => t.allowWriting === "not-mobile" && ve.value ? "none" : void 0
-    ), Y = t.id || tt().id.value;
-    mt(
-      // @ts-expect-error - wrong inferred type
-      $,
-      ([{ intersectionRatio: e }]) => {
-        e !== 1 && I();
+    const { t: de } = ft(), ce = dt(), A = v(null), D = v(null), i = v(null), R = v(null), _ = v(null), d = h(
+      () => t.comma ? R.value : _.value
+    ), { width: pe } = ct(D), { isMobile: me } = vt(), fe = h(
+      () => t.allowWriting === "not-mobile" && me.value ? "none" : void 0
+    ), G = t.id || rt().id.value, { resume: ve, pause: he } = pt(
+      D,
+      async ([{ intersectionRatio: e }]) => {
+        e !== 1 && u.value && await I();
       },
-      { threshold: [0, 1] }
-    );
-    const D = p({}), M = () => {
-      requestAnimationFrame(() => {
-        var e;
-        return $.value && (D.value.zIndex = "10", D.value.width = `${(e = $.value) == null ? void 0 : e.$el.clientWidth}px`), D.value;
-      });
-    };
-    Qe(() => {
-      window.removeEventListener("resize", M);
-    });
-    const P = p(null), _ = () => {
-      P.value instanceof HTMLInputElement && P.value.focus();
-    }, ye = async (e) => {
-      n("focus", e), Ne(), document.addEventListener("click", H), document.addEventListener("focusin", H);
-    }, be = () => {
-      t.prefill === "focus" && !Le.value && !ee.value && Ee();
-    }, ge = async (e) => {
+      { threshold: [0, 1], immediate: !1 }
+    ), ye = h(() => ({
+      width: `${pe.value ?? 0}px`
+    })), q = v(null), x = () => {
+      q.value instanceof HTMLInputElement && q.value.focus();
+    }, be = async (e) => {
+      n("focus", e), Ue(), document.addEventListener("click", $), document.addEventListener("focusin", $);
+    }, ge = () => {
+      t.prefill === "focus" && !Te.value && !Q.value && Ee();
+    }, we = async (e) => {
       n("blur", e);
-    }, we = (e) => n("change", e), Be = (e) => {
-      var l;
-      n("input", e), a.value === "" && (t.multiple || n("update:modelValue", null)), (l = r.value) == null || l.blur(), U.value && C(), De(a.value, !1, t.modelValue);
-    }, H = async (e) => {
-      var l, o;
-      if (e.target instanceof Node && x.value && !x.value.$el.contains(e.target) && !((o = (l = u.value) == null ? void 0 : l.$el) != null && o.contains(e.target))) {
-        I(), We(), document.removeEventListener("click", H), document.removeEventListener("focusin", H), await q(t.transitionDuration), b();
+    }, Be = (e) => n("change", e), Ve = (e) => {
+      var a;
+      n("input", e), o.value === "" && (t.multiple || n("update:modelValue", null)), (a = d.value) == null || a.blur(), z.value && C(), He(o.value, !1, t.modelValue);
+    }, $ = async (e) => {
+      var a, l;
+      if (e.target instanceof Node && A.value && !A.value.$el.contains(e.target) && !((l = (a = i.value) == null ? void 0 : a.$el) != null && l.contains(e.target))) {
+        I(), je(), document.removeEventListener("click", $), document.removeEventListener("focusin", $), await F(t.transitionDuration), b();
         return;
       }
-    }, B = h(() => !(t.readonly || t.disabled || L.value || !r.value && t.multiple && i.value.length <= t.maxSelectedLabels)), Ve = async () => {
-      var e, l, o;
-      B.value && ((e = r.value) == null || e.blur(), c.value ? (l = u.value) == null || l.focusPrevious() : (await C(), await q(t.transitionDuration), (o = u.value) == null || o.focusLastSelected()));
-    }, Se = async () => {
-      var e, l, o;
-      B.value && ((e = r.value) == null || e.blur(), c.value ? (l = u.value) == null || l.focusNext() : (await C(), await q(t.transitionDuration), (o = u.value) == null || o.focusFirstSelected()));
-    }, ke = (e) => {
-      var o, d, v, S;
-      if (!B.value || !t.multiple || a.value || (e.preventDefault(), (o = u.value) == null || o.blur(), !i.value.length)) return;
-      (d = r.value) == null || d.focusPrevious();
-      const l = (v = r.value) == null ? void 0 : v.getHighlighted();
-      l && ((S = u.value) == null || S.focusByHash(l.valueHash));
+    }, B = h(() => !(t.readonly || t.disabled || H.value || !d.value && t.multiple && r.value.length <= t.maxSelectedLabels)), Se = async () => {
+      var e, a, l;
+      B.value && ((e = d.value) == null || e.blur(), u.value ? (a = i.value) == null || a.focusPrevious() : (await C(), await F(t.transitionDuration), (l = i.value) == null || l.focusLastSelected()));
+    }, ke = async () => {
+      var e, a, l;
+      B.value && ((e = d.value) == null || e.blur(), u.value ? (a = i.value) == null || a.focusNext() : (await C(), await F(t.transitionDuration), (l = i.value) == null || l.focusFirstSelected()));
     }, Ce = (e) => {
-      var o, d, v, S;
-      if (!B.value || !t.multiple || a.value || (e.preventDefault(), (o = u.value) == null || o.blur(), !i.value.length)) return;
-      (d = r.value) == null || d.focusNext();
-      const l = (v = r.value) == null ? void 0 : v.getHighlighted();
-      l && ((S = u.value) == null || S.focusByHash(l.valueHash));
-    }, Ie = async () => {
-      var l, o;
+      var l, c, f, S;
+      if (!B.value || !t.multiple || o.value || (e.preventDefault(), (l = i.value) == null || l.blur(), !r.value.length)) return;
+      (c = d.value) == null || c.focusPrevious();
+      const a = (f = d.value) == null ? void 0 : f.getHighlighted();
+      a && ((S = i.value) == null || S.focusByHash(a.valueHash));
+    }, Ie = (e) => {
+      var l, c, f, S;
+      if (!B.value || !t.multiple || o.value || (e.preventDefault(), (l = i.value) == null || l.blur(), !r.value.length)) return;
+      (c = d.value) == null || c.focusNext();
+      const a = (f = d.value) == null ? void 0 : f.getHighlighted();
+      a && ((S = i.value) == null || S.focusByHash(a.valueHash));
+    }, Oe = async () => {
+      var a, l;
       if (!B.value)
         return;
-      if (c.value) {
-        if ((o = u.value) != null && o.getHighlighted()) {
-          u.value.confirmOption();
+      if (u.value) {
+        if ((l = i.value) != null && l.getHighlighted()) {
+          i.value.confirmOption();
           return;
         }
       } else {
-        await C(), await q(t.transitionDuration), i.value.length && ((l = u.value) == null || l.focusFirstSelected());
+        await C(), await F(t.transitionDuration), r.value.length && ((a = i.value) == null || a.focusFirstSelected());
         return;
       }
-      const e = a.value.trim();
-      qe(e) || (n("option:add", e), a.value = "");
-    }, Oe = async () => {
-      c.value && await I();
+      const e = o.value.trim();
+      xe(e) || (n("option:add", e), o.value = "");
+    }, De = async () => {
+      u.value && await I();
     }, $e = async () => {
-      var e, l;
-      !B.value || a.value || !i.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await J(), (l = r.value) == null || l.focusPrevious());
-    }, a = p(""), {
-      getter: z,
-      debouncedGetter: De,
-      items: He,
-      loading: Z
-    } = ft({
-      items: F(t, "items"),
+      var e, a;
+      !B.value || o.value || !r.value.length || ((e = d.value) != null && e.getHighlighted() && d.value.confirmOption(), await j(), (a = d.value) == null || a.focusPrevious());
+    }, o = v(""), {
+      getter: M,
+      debouncedGetter: He,
+      items: Le,
+      loading: J
+    } = mt({
+      items: L(t, "items"),
       debounce: t.queryDebounceTime
-    }), N = () => {
-      var e, l;
-      t.enforceCoherence && !ae.value && (t.multiple ? n("update:modelValue", _e.value.coherent) : n("update:modelValue", null), (e = r.value) == null || e.blur(), (l = u.value) == null || l.blur());
+    }), P = () => {
+      var e, a;
+      t.enforceCoherence && !Z.value && (t.multiple ? n("update:modelValue", We.value.coherent) : n("update:modelValue", null), (e = d.value) == null || e.blur(), (a = i.value) == null || a.blur());
     }, {
-      hasPrefilled: ee,
-      isPrefilling: Le,
+      hasPrefilled: Q,
+      isPrefilling: Te,
       prefill: Ee
     } = ht({
       onStart: t.prefill === !0,
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async ({ prefill: e }) => {
-        await z(a.value, e, t.modelValue), t.stash && le(...k.value.map((l) => l.item)), N(), b();
+        await M(o.value, e, t.modelValue), t.stash && Y(...k.value.map((a) => a.item)), P(), b();
       }
     }), {
-      array: te,
-      add: le,
+      array: X,
+      add: Y,
       remove: Fe,
-      set: Te
-    } = rt(), i = h(() => {
+      set: Ae
+    } = ut(), r = h(() => {
       const e = Object.fromEntries(
-        Object.entries(W.value).map(([l], o) => [l, o])
+        Object.entries(N.value).map(([a], l) => [a, l])
       );
-      return k.value.filter((l) => l.selected).sort((l, o) => e[l.valueHash] - e[o.valueHash]);
-    }), Ae = h(() => i.value.length ? "" : t.placeholder), { data: W, get: qe } = de({
-      items: F(t, "modelValue")
-    }), { options: k } = dt({
-      disabled: F(t, "disabled"),
-      items: h(() => [...He.value, ...te.value]),
+      return k.value.filter((a) => a.selected).sort((a, l) => e[a.valueHash] - e[l.valueHash]);
+    }), qe = h(() => r.value.length ? "" : t.placeholder), { data: N, get: xe } = se({
+      items: L(t, "modelValue")
+    }), { options: k } = st({
+      disabled: L(t, "disabled"),
+      items: h(() => [...Le.value, ...X.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
       max: t.max,
       selectable: !0,
-      selectedIndexedByHash: W
-    }), L = h(() => !!(Z.value || t.loading)), xe = h(() => {
+      selectedIndexedByHash: N
+    }), H = h(() => !!(J.value || t.loading)), Me = h(() => {
       let e = [];
-      const l = i.value.some(
-        (d) => d.text === a.value
+      const a = r.value.some(
+        (c) => c.text === o.value
       );
-      return (t.multiple && a.value || t.filterBy === "not_stashed" && a.value || a.value && !l && !t.multiple) && t.filterBy ? e = k.value.filter((d) => {
-        let v = !1;
-        return typeof t.filterBy == "function" ? v = t.filterBy(d.value, d.item, a.value) : t.filterBy === "not_stashed" && a.value ? v = !new Set(te.value.map((Ge) => Ge.valueHash)).has(d.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (v = v || ie(d.item, t.filterBy, a.value.trim())), v || ie(d, ["text"], a.value.trim());
+      return (t.multiple && o.value || t.filterBy === "not_stashed" && o.value || o.value && !a && !t.multiple) && t.filterBy ? e = k.value.filter((c) => {
+        let f = !1;
+        return typeof t.filterBy == "function" ? f = t.filterBy(c.value, c.item, o.value) : t.filterBy === "not_stashed" && o.value ? f = !new Set(X.value.map((Qe) => Qe.valueHash)).has(c.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (f = f || ne(c.item, t.filterBy, o.value.trim())), f || ne(c, ["text"], o.value.trim());
       }) : e = k.value, e;
     }), b = () => {
       if (t.multiple) {
-        a.value = "";
+        o.value = "";
         return;
       }
       let e;
-      i.value && (e = it(i.value)), a.value = (e == null ? void 0 : e.text) || "";
-    }, Me = async (e) => {
-      t.multiple ? (n("update:modelValue", t.modelValue.concat(e.value)), t.stash && le(e.item), b()) : (t.stash && Te(e.item), n("update:modelValue", e.value), await J(), b()), _(), t.multiple || I();
-    }, K = async (e) => {
-      if (Fe((l) => l.valueHash !== e.valueHash), t.multiple) {
-        const l = { ...W.value };
-        delete l[e.valueHash], n("update:modelValue", Object.values(l));
+      r.value && (e = nt(r.value)), o.value = (e == null ? void 0 : e.text) || "";
+    }, Pe = async (e) => {
+      t.multiple ? (n("update:modelValue", t.modelValue.concat(e.value)), t.stash && Y(e.item), b()) : (t.stash && Ae(e.item), n("update:modelValue", e.value), await j(), b()), x(), t.multiple || I();
+    }, W = async (e) => {
+      if (Fe((a) => a.valueHash !== e.valueHash), t.multiple) {
+        const a = { ...N.value };
+        delete a[e.valueHash], n("update:modelValue", Object.values(a));
       } else
-        n("update:modelValue", null), await J(), b();
-      _();
-    }, { data: Pe } = de({
+        n("update:modelValue", null), await j(), b();
+      x();
+    }, { data: Ne } = se({
       items: k,
       key: "valueHash"
-    }), { coherent: ae, status: _e } = ct({
-      modelValue: F(t, "modelValue"),
+    }), { coherent: Z, status: We } = it({
+      modelValue: L(t, "modelValue"),
       multiple: t.multiple,
-      iteratee: (e) => !!Pe.value[ut(e)]
+      iteratee: (e) => !!Ne.value[lt(e)]
     });
     let V = 0;
-    re(
+    ue(
       () => t.modelValue,
       async () => {
-        V++, ae.value || (await z(a.value, !0, t.modelValue), N()), V === 1 && b(), V--;
+        V++, Z.value || (await M(o.value, !0, t.modelValue), P()), V === 1 && b(), V--;
       },
       {
         debounce: t.modelValueDebounceTime
       }
-    ), re(
+    ), ue(
       () => [t.dependencies, t.items],
       async () => {
-        ee.value && (V++, await z(a.value, !0, t.modelValue), V === 1 && (N(), b()), V--);
+        Q.value && (V++, await M(o.value, !0, t.modelValue), V === 1 && (P(), b()), V--);
       },
       {
         debounce: t.depsDebounceTime
       }
     );
-    const c = p(!1), U = p(!0), E = p(!1), C = async () => {
-      E.value || (M(), window.addEventListener("resize", M, {
-        passive: !0
-      })), E.value = !0, await yt(() => !!u.value), U.value = !1, c.value = !0;
+    const u = v(!1), z = v(!0), ze = kt(u), C = async () => {
+      ve(), z.value = !1, u.value = !0;
     }, I = async () => {
       var e;
-      c.value = !1, U.value = !0, (e = r.value) == null || e.blur();
-    }, ze = () => c.value ? I() : C(), j = p(!1), Ne = () => {
-      j.value = !0;
-    }, We = () => {
-      j.value = !1, n("inactive");
-    }, Ke = (e) => {
-      e.preventDefault(), n("click", e), !(t.disabled || t.readonly) && (_(), ze());
-    }, Ue = bt(
+      u.value = !1, z.value = !0, (e = d.value) == null || e.blur(), he();
+    }, Ke = () => u.value ? I() : C(), K = v(!1), Ue = () => {
+      K.value = !0;
+    }, je = () => {
+      K.value = !1, n("inactive");
+    }, Re = (e) => {
+      e.preventDefault(), n("click", e), !(t.disabled || t.readonly) && (x(), Ke());
+    }, _e = yt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), je = h(() => [].concat(t.modelValue).map((e) => {
-      const l = Ue(e);
+    ), Ge = h(() => [].concat(t.modelValue).map((e) => {
+      const a = _e(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
-        value: l
+        value: a
       };
-    })), Re = () => {
+    })), Je = () => {
       let e = null;
       t.multiple && (e = []), n("update:modelValue", e);
     };
-    return (e, l) => (y(), T(nt, {
+    return (e, a) => (y(), U(Bt, {
       ref_key: "outerContainer",
-      ref: x,
-      class: oe({
+      ref: A,
+      class: ee({
         "bb-base-select": !0,
-        "bb-base-select--active": j.value,
-        "bb-base-select--shown": c.value,
-        "bb-base-select--loading": L.value,
+        "bb-base-select--active": K.value,
+        "bb-base-select--shown": u.value,
+        "bb-base-select--loading": H.value,
         "bb-base-select--disabled": e.disabled,
         "bb-base-select--errors": e.hasErrors,
         "bb-base-select--readonly": e.readonly,
         "bb-base-select--compact": e.compact
       }),
-      onClick: Ke
+      onClick: Re
     }, {
       "prepend-outer": s(() => [
-        m(e.$slots, "prepend-outer", { query: a.value })
+        p(e.$slots, "prepend-outer", { query: o.value })
       ]),
       "append-outer": s(() => [
-        m(e.$slots, "append-outer", { query: a.value })
+        p(e.$slots, "append-outer", { query: o.value })
       ]),
       default: s(() => [
-        A("div", St, [
-          R(ot, {
-            ref_key: "innerContainer",
-            ref: $,
+        T("span", {
+          ref_key: "innerContainer",
+          ref: D,
+          class: "bb-base-select__inner-wrapper"
+        }, [
+          E(wt, {
             "append:icon": t["append:icon"],
-            clearable: e.clearable && !g(st)(e.modelValue),
+            clearable: e.clearable && !g(ot)(e.modelValue),
             "prepend:icon": t["prepend:icon"],
             "prevent-focus": !0,
-            "onClick:clear": Re
+            "onClick:clear": Je
           }, {
             prepend: s(() => [
-              m(e.$slots, "prepend", { query: a.value })
+              p(e.$slots, "prepend", { query: o.value })
             ]),
             prefix: s(() => [
-              m(e.$slots, "prefix")
+              p(e.$slots, "prefix")
             ]),
             append: s(() => [
-              m(e.$slots, "append", { query: a.value })
+              p(e.$slots, "append", { query: o.value })
             ]),
             suffix: s(() => [
-              m(e.$slots, "suffix")
+              p(e.$slots, "suffix")
             ]),
             default: s(() => [
-              R(g(at), { tag: "span" }, {
+              E(at, { tag: "span" }, {
                 default: s(() => [
-                  A("span", kt, [
-                    e.multiple && i.value.length <= e.maxSelectedLabels ? (y(), O(ne, { key: 0 }, [
-                      e.comma ? (y(), T(wt, {
+                  T("span", Ct, [
+                    e.multiple && r.value.length <= e.maxSelectedLabels ? (y(), O(ae, { key: 0 }, [
+                      e.comma ? (y(), U(gt, {
                         key: 0,
                         ref_key: "commaBox",
-                        ref: Q,
-                        options: i.value,
-                        "onOption:unselected": K
-                      }, null, 8, ["options"])) : (y(), T(gt, {
+                        ref: R,
+                        options: r.value,
+                        "onOption:unselected": W
+                      }, null, 8, ["options"])) : (y(), U(bt, {
                         key: 1,
                         ref_key: "chipsBox",
-                        ref: X,
-                        options: i.value,
-                        "onOption:unselected": K
+                        ref: _,
+                        options: r.value,
+                        "onOption:unselected": W
                       }, null, 8, ["options"]))
-                    ], 64)) : e.multiple ? (y(), O("span", Ct, Ye(e.selectedLabelsFn ? e.selectedLabelsFn(i.value.length) : g(me)("select.multipleMaxReached", i.value.length)), 1)) : G("", !0),
-                    Xe((y(), O("input", {
-                      id: g(Y),
-                      key: `${g(fe)}`,
+                    ], 64)) : e.multiple ? (y(), O("span", It, Ze(e.selectedLabelsFn ? e.selectedLabelsFn(r.value.length) : g(de)("select.multipleMaxReached", r.value.length)), 1)) : te("", !0),
+                    Ye((y(), O("input", {
+                      id: g(G),
+                      key: `${g(ce)}`,
                       ref_key: "input",
-                      ref: P,
-                      "onUpdate:modelValue": l[0] || (l[0] = (o) => a.value = o),
+                      ref: q,
+                      "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
                       "aria-autocomplete": "list",
-                      "aria-controls": E.value ? `${g(Y)}_listbox` : void 0,
+                      "aria-controls": g(ze) ? `${g(G)}_listbox` : void 0,
                       "aria-describedby": e.ariaDescribedby,
-                      "aria-expanded": c.value,
+                      "aria-expanded": u.value,
                       autocomplete: e.autocomplete,
                       autofocus: e.autofocus,
-                      class: oe("bb-base-select__text-input"),
+                      class: ee("bb-base-select__text-input"),
                       disabled: e.disabled,
-                      inputmode: he.value,
-                      placeholder: Ae.value,
+                      inputmode: fe.value,
+                      placeholder: qe.value,
                       readonly: e.readonly || !e.allowWriting,
                       required: e.required && (!e.multiple || !e.modelValue.length),
                       role: "combobox",
                       size: "1",
-                      style: ue({ "--characters": a.value.length }),
+                      style: le({ "--characters": o.value.length }),
                       type: "text",
-                      onBlur: f(ge, ["stop"]),
-                      onChange: f(we, ["stop"]),
-                      onFocusOnce: f(be, ["stop"]),
-                      onFocus: f(ye, ["stop"]),
-                      onInput: f(Be, ["stop"]),
+                      onBlur: m(we, ["stop"]),
+                      onChange: m(Be, ["stop"]),
+                      onFocusOnce: m(ge, ["stop"]),
+                      onFocus: m(be, ["stop"]),
+                      onInput: m(Ve, ["stop"]),
                       onKeydown: [
-                        w(f($e, ["stop"]), ["delete"]),
-                        w(f(ke, ["stop"]), ["left"]),
-                        w(f(Se, ["stop", "prevent"]), ["down"]),
-                        w(f(Ie, ["stop", "prevent"]), ["enter"]),
-                        w(f(Oe, ["stop", "prevent"]), ["esc"]),
-                        w(f(Ve, ["stop", "prevent"]), ["up"]),
-                        w(f(Ce, ["stop"]), ["right"])
+                        w(m($e, ["stop"]), ["delete"]),
+                        w(m(Ce, ["stop"]), ["left"]),
+                        w(m(ke, ["stop", "prevent"]), ["down"]),
+                        w(m(Oe, ["stop", "prevent"]), ["enter"]),
+                        w(m(De, ["stop", "prevent"]), ["esc"]),
+                        w(m(Se, ["stop", "prevent"]), ["up"]),
+                        w(m(Ie, ["stop"]), ["right"])
                       ]
-                    }, null, 44, It)), [
-                      [Ze, a.value]
+                    }, null, 44, Ot)), [
+                      [et, o.value]
                     ])
                   ])
                 ]),
                 _: 1
               }),
-              e.showChevron ? m(e.$slots, "chevron", {
+              e.showChevron ? p(e.$slots, "chevron", {
                 key: 0,
-                loading: !!g(Z),
-                shown: c.value
+                loading: !!g(J),
+                shown: u.value
               }, () => [
-                l[1] || (l[1] = A("svg", {
+                a[2] || (a[2] = T("svg", {
                   class: "bb-base-select__chevron",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  A("path", {
+                  T("path", {
                     d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                     fill: "currentColor"
                   })
                 ], -1))
-              ]) : G("", !0)
-            ]),
-            _: 3
-          }, 8, ["append:icon", "clearable", "prepend:icon"]),
-          E.value ? (y(), T(Bt, {
-            key: 0,
-            flip: !1,
-            "model-value": c.value
-          }, {
-            default: s(() => [
-              R(Vt, {
-                ref_key: "optionsContainer",
-                ref: u,
-                compact: e.compact,
-                loading: L.value,
-                "loading-text": e.loadingText,
-                multiple: e.multiple,
-                "no-data-text": e.noDataText,
-                open: c.value,
-                options: xe.value,
-                style: ue(D.value),
-                "onOption:selected": Me,
-                "onOption:unselected": K
-              }, {
-                "options:prepend": s(() => [
-                  m(e.$slots, "options:prepend")
-                ]),
-                loading: s(() => [
-                  m(e.$slots, "loading", { query: a.value })
-                ]),
-                "no-data": s(() => [
-                  m(e.$slots, "no-data", { query: a.value })
-                ]),
-                "options:append": s(() => [
-                  m(e.$slots, "options:append")
-                ]),
-                option: s((o) => [
-                  m(e.$slots, "option", se({
-                    hasErrors: e.hasErrors,
-                    loading: L.value
-                  }, o))
-                ]),
-                _: 3
-              }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "style"])
+              ]) : te("", !0)
             ]),
             _: 3
-          }, 8, ["model-value"])) : G("", !0)
-        ]),
-        (y(!0), O(ne, null, et(je.value, (o) => (y(), O("input", se({
-          key: o.value,
+          }, 8, ["append:icon", "clearable", "prepend:icon"])
+        ], 512),
+        E(Vt, {
+          modelValue: u.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (l) => u.value = l),
+          anchor: D.value,
+          offset: 4,
+          "transition-duration": e.transitionDuration
+        }, {
+          default: s(() => [
+            E(St, {
+              ref_key: "optionsContainer",
+              ref: i,
+              compact: e.compact,
+              loading: H.value,
+              "loading-text": e.loadingText,
+              multiple: e.multiple,
+              "no-data-text": e.noDataText,
+              open: u.value,
+              options: Me.value,
+              style: le(ye.value),
+              "onOption:selected": Pe,
+              "onOption:unselected": W
+            }, {
+              "options:prepend": s(() => [
+                p(e.$slots, "options:prepend")
+              ]),
+              loading: s(() => [
+                p(e.$slots, "loading", { query: o.value })
+              ]),
+              "no-data": s(() => [
+                p(e.$slots, "no-data", { query: o.value })
+              ]),
+              "options:append": s(() => [
+                p(e.$slots, "options:append")
+              ]),
+              option: s((l) => [
+                p(e.$slots, "option", oe({
+                  hasErrors: e.hasErrors,
+                  loading: H.value
+                }, l))
+              ]),
+              _: 3
+            }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "style"])
+          ]),
+          _: 3
+        }, 8, ["modelValue", "anchor", "transition-duration"]),
+        (y(!0), O(ae, null, tt(Ge.value, (l) => (y(), O("input", oe({
+          key: l.value,
           ref_for: !0
-        }, o), null, 16))), 128))
+        }, l), null, 16))), 128))
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  ul as default
+  na as default
 };