bitboss-ui 2.0.171 → 2.0.172

package/dist/index37.js

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