bitboss-ui 2.1.8 → 2.1.10

package/dist/index37.js

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