bitboss-ui 2.0.129 → 2.0.131

package/dist/index37.js

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

package/dist/index39.js

@@ -1,7 +1,7 @@
 import { defineComponent as U, ref as d, computed as h, onMounted as W, watch as Z, openBlock as g, createElementBlock as w, mergeProps as T, renderSlot as f, createElementVNode as c, Fragment as ee, renderList as ae, createCommentVNode as H, normalizeProps as re, guardReactiveProps as te, unref as b, normalizeClass as F, normalizeStyle as I } from "vue";
-import { clamp as le } from "./index205.js";
+import { clamp as le } from "./index206.js";
 import { head as O } from "./index259.js";
-import { isCssColor as Y } from "./index209.js";
+import { isCssColor as Y } from "./index237.js";
 import { isNil as P } from "./index260.js";
 import { isNotNil as ne } from "./index134.js";
 import { transposeValue as y } from "./index131.js";

package/dist/index41.js

@@ -1,6 +1,6 @@
 import { defineComponent as I, ref as f, computed as n, watch as S, openBlock as h, createElementBlock as y, normalizeProps as r, guardReactiveProps as d, mergeProps as V, createCommentVNode as A, createElementVNode as l, renderSlot as F } from "vue";
-import { isCssColor as b } from "./index209.js";
-import { when as N } from "./index210.js";
+import { isCssColor as b } from "./index237.js";
+import { when as N } from "./index238.js";
 const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
   __name: "BaseSwitch",
   props: {