bitboss-ui 2.0.101 → 2.0.103

package/dist/index37.js

@@ -1,36 +1,40 @@
-import { defineComponent as Fe, defineAsyncComponent as Me, ref as v, computed as y, toRef as V, openBlock as b, createBlock as S, normalizeClass as W, withCtx as r, renderSlot as p, unref as i, createVNode as N, createElementVNode as $, createElementBlock as T, Fragment as R, toDisplayString as Ne, createCommentVNode as J, withDirectives as He, isRef as Pe, withModifiers as d, withKeys as g, vModelDynamic as ze, renderList as Qe, mergeProps as Y, normalizeStyle as Ke, nextTick as _e } from "vue";
+import { defineComponent as Ue, defineAsyncComponent as Ge, ref as f, computed as y, toRef as x, openBlock as h, createBlock as T, normalizeClass as Z, withCtx as i, renderSlot as c, createVNode as K, unref as S, createElementVNode as H, createElementBlock as A, Fragment as ee, toDisplayString as Re, createCommentVNode as te, withDirectives as je, withModifiers as p, withKeys as g, vModelDynamic as Je, renderList as Qe, mergeProps as le, normalizeStyle as Xe, nextTick as _ } from "vue";
 /* empty css       */
 /* empty css       */
-import { useId as Ue } from "./index8.js";
-import { useMobile as We } from "./index9.js";
-import Re from "./index128.js";
+import { useId as Ye } from "./index8.js";
+import { useMobile as Ze } from "./index9.js";
+import et from "./index128.js";
 /* empty css         */
-import { isNotNil as Je } from "./index134.js";
-import { last as Ye } from "./index213.js";
-import { matchAnyKey as j } from "./index245.js";
-import { useFloating as je } from "./index206.js";
-import { useIntersectionObserver as Ge } from "./index132.js";
-import { useLogger as Xe } from "./index225.js";
-import { useOptions as Ze } from "./index240.js";
-import { wait as L } from "./index130.js";
-import { when as et } from "./index227.js";
-import tt from "./index246.js";
+import { last as tt } from "./index217.js";
+import { matchAnyKey as ae } from "./index250.js";
+import { useFloating as lt } from "./index210.js";
+import { useIntersectionObserver as at } from "./index132.js";
+import { wait as E } from "./index130.js";
+import { when as ot } from "./index224.js";
+import nt from "./index251.js";
 /* empty css         */
-import ot from "./index248.js";
+import it from "./index253.js";
 /* empty css         */
-import nt from "./index217.js";
+import ut from "./index205.js";
 /* empty css         */
-import lt from "./index219.js";
-import { waitFor as at } from "./index216.js";
-import it from "./index221.js";
-import { autoUpdate as rt, flip as st, offset as ut, shift as pt } from "./index222.js";
-const dt = { class: "bb-base-select__input-container" }, ct = {
+import rt from "./index207.js";
+import { waitFor as st } from "./index219.js";
+import dt from "./index221.js";
+import { useItemsGetter as ct } from "./index233.js";
+import { usePrefill as pt } from "./index238.js";
+import { useArray as mt } from "./index255.js";
+import { useBaseOptions as ft } from "./index235.js";
+import { useIndexById as oe } from "./index234.js";
+import { useCoherence as vt } from "./index236.js";
+import { hash as yt } from "./index229.js";
+import { useHashedWatcher as ne } from "./index237.js";
+import { autoUpdate as ht, flip as bt, offset as gt, shift as wt } from "./index222.js";
+const Bt = { class: "bb-base-select__input-container" }, Vt = {
   key: 1,
   class: "bb-base-select__max-reached"
-}, ft = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], Pt = /* @__PURE__ */ Fe({
+}, It = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], tl = /* @__PURE__ */ Ue({
   __name: "BaseSelect",
   props: {
-    addOptions: { type: Boolean },
     allowWriting: { type: [Boolean, String], default: !0 },
     "append:icon": {},
     ariaDescribedby: {},
@@ -63,281 +67,317 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
     queryDebounceTime: { default: 500 },
     readonly: { type: Boolean },
     required: { type: Boolean },
-    resetQueryOnOptionSelected: { type: Boolean },
     stash: { type: Boolean },
     transitionDuration: { default: 300 },
     updateOnAnimationFrame: { type: Boolean, default: !1 }
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(G, { emit: X }) {
-    const t = G, h = X;
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
+  setup(ie, { emit: ue }) {
+    const t = ie, u = ue;
     if (t.multiple && !Array.isArray(t.modelValue))
       throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const Z = Me(() => import("./index244.js")), A = v(null), B = v(null), a = v(null), H = v(null), P = v(null), u = y(
-      () => t.comma ? H.value : P.value
-    ), { isMobile: ee } = We(), te = y(
-      () => t.allowWriting === "not-mobile" && ee.value ? "none" : void 0
-    ), z = t.id || Ue().id.value;
-    Ge(
-      B,
+    const re = Ge(() => import("./index249.js")), F = f(null), V = f(null), n = f(null), U = f(null), G = f(null), r = y(
+      () => t.comma ? U.value : G.value
+    ), { isMobile: se } = Ze(), de = y(
+      () => t.allowWriting === "not-mobile" && se.value ? "none" : void 0
+    ), R = t.id || Ye().id.value;
+    at(
+      V,
       ([{ intersectionRatio: e }]) => {
-        e !== 1 && C();
+        e !== 1 && k();
       },
       { threshold: [0, 1] }
     );
-    const { floatingStyles: oe } = je(
-      B,
-      a,
+    const { floatingStyles: ce } = lt(
+      V,
+      n,
       {
         placement: "bottom",
-        whileElementsMounted: rt,
-        middleware: [st(), ut(5), pt()]
+        whileElementsMounted: ht,
+        middleware: [bt(), gt(5), wt()]
       }
-    ), ne = y(() => {
-      var o;
+    ), pe = y(() => {
+      var l;
       const e = {
-        ...oe.value,
+        ...ce.value,
         zIndex: "10"
       };
-      return B.value && (e.width = `${(o = B.value) == null ? void 0 : o.$el.clientWidth}px`), e;
-    }), q = v(null), x = () => {
-      q.value instanceof HTMLInputElement && q.value.focus();
-    }, le = async (e) => {
-      h("focus", e), Le(), document.addEventListener("click", k), document.addEventListener("focusin", k);
-    }, ae = () => {
-      t.prefill === "focus" && !Oe.value && !Ce.value && Be();
-    }, ie = async (e) => {
-      h("blur", e);
-    }, re = (e) => h("change", e), se = (e) => {
-      var o;
-      h("input", e), l.value === "" && (t.multiple || De(null)), (o = u.value) == null || o.blur(), E.value && O(), Ve();
-    }, k = async (e) => {
-      if (e.target instanceof Node && A.value && a.value && !A.value.$el.contains(e.target) && !a.value.$el.contains(e.target)) {
-        C(), Ae(), document.removeEventListener("click", k), document.removeEventListener("focusin", k), await L(t.transitionDuration), be();
+      return V.value && (e.width = `${(l = V.value) == null ? void 0 : l.$el.clientWidth}px`), e;
+    }), L = f(null), q = () => {
+      L.value instanceof HTMLInputElement && L.value.focus();
+    }, me = async (e) => {
+      u("focus", e), ze(), document.addEventListener("click", D), document.addEventListener("focusin", D);
+    }, fe = () => {
+      t.prefill === "focus" && !De.value && !J.value && $e();
+    }, ve = async (e) => {
+      u("blur", e);
+    }, ye = (e) => u("change", e), he = (e) => {
+      var l;
+      u("input", e), a.value === "" && (t.multiple || u("update:modelValue", null)), (l = r.value) == null || l.blur(), z.value && I(), Ce(a.value, !1, t.modelValue);
+    }, D = async (e) => {
+      if (e.target instanceof Node && F.value && n.value && !F.value.$el.contains(e.target) && !n.value.$el.contains(e.target)) {
+        k(), Ne(), document.removeEventListener("click", D), document.removeEventListener("focusin", D), await E(t.transitionDuration), b();
         return;
       }
-    }, w = y(() => !(t.readonly || t.disabled || I.value || !u.value && t.multiple)), ue = async () => {
-      var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusPrevious() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
-    }, pe = async () => {
-      var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), c.value ? (o = a.value) == null || o.focusNext() : (await O(), await L(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
-    }, de = (e) => {
-      var n, s, m, D;
-      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
-      (s = u.value) == null || s.focusPrevious();
-      const o = (m = u.value) == null ? void 0 : m.getHighlighted();
-      o && ((D = a.value) == null || D.focusByHash(o.valueHash));
-    }, ce = (e) => {
-      var n, s, m, D;
-      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !f.value.length)) return;
-      (s = u.value) == null || s.focusNext();
-      const o = (m = u.value) == null ? void 0 : m.getHighlighted();
-      o && ((D = a.value) == null || D.focusByHash(o.valueHash));
-    }, fe = async () => {
-      var e, o;
-      if (w.value) {
-        if (!c.value)
-          await O(), await L(t.transitionDuration), f.value.length && ((e = a.value) == null || e.focusFirstSelected());
-        else if ((o = a.value) != null && o.getHighlighted())
-          a.value.confirmOption();
-        else if (t.addOptions) {
-          if (t.itemText || t.itemValue) {
-            const { error: s } = Xe();
-            s(
-              `Adding an option for mapped items is not supported. You can't create an option while passing "item-text" or "item-value".`
-            );
-            return;
-          }
-          const n = l.value.trim();
-          if (ke(n)) return;
-          he(), _(Ye(Ie.value));
+    }, w = y(() => !(t.readonly || t.disabled || O.value || !r.value && t.multiple)), be = async () => {
+      var e, l, o;
+      w.value && ((e = r.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusPrevious() : (await I(), await E(t.transitionDuration), (o = n.value) == null || o.focusLastSelected()));
+    }, ge = async () => {
+      var e, l, o;
+      w.value && ((e = r.value) == null || e.blur(), m.value ? (l = n.value) == null || l.focusNext() : (await I(), 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(), !s.value.length)) return;
+      (d = r.value) == null || d.focusPrevious();
+      const l = (v = r.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(), !s.value.length)) return;
+      (d = r.value) == null || d.focusNext();
+      const l = (v = r.value) == null ? void 0 : v.getHighlighted();
+      l && ((C = n.value) == null || C.focusByHash(l.valueHash));
+    }, Ve = async () => {
+      var l, o;
+      if (!w.value)
+        return;
+      if (m.value) {
+        if ((o = n.value) != null && o.getHighlighted()) {
+          n.value.confirmOption();
+          return;
         }
+      } else {
+        await I(), await E(t.transitionDuration), s.value.length && ((l = n.value) == null || l.focusFirstSelected());
+        return;
+      }
+      const e = a.value.trim();
+      Ee(e) || (u("option:add", e), a.value = "");
+    }, Ie = async () => {
+      m.value && await k();
+    }, ke = async () => {
+      var e, l;
+      !w.value || a.value || !s.value.length || ((e = r.value) != null && e.getHighlighted() && r.value.confirmOption(), await _(), (l = r.value) == null || l.focusPrevious());
+    }, a = f(""), {
+      getter: M,
+      debouncedGetter: Ce,
+      items: Se,
+      loading: j
+    } = ct({
+      items: x(t, "items"),
+      debounce: t.queryDebounceTime
+    }), P = () => {
+      var e, l;
+      t.enforceCoherence && !Y.value && (t.multiple ? u("update:modelValue", Me.value.coherent) : u("update:modelValue", null), (e = r.value) == null || e.blur(), (l = n.value) == null || l.blur());
+    }, {
+      hasPrefilled: J,
+      isPrefilling: De,
+      prefill: $e
+    } = pt({
+      onStart: t.prefill === !0,
+      currentValue: t.modelValue,
+      multiple: t.multiple,
+      fn: async ({ prefill: e }) => {
+        await M(a.value, e, t.modelValue), P(), b();
       }
-    }, me = async () => {
-      c.value && await C();
-    }, ve = async () => {
-      var e, o;
-      !w.value || l.value || !f.value.length || ((e = u.value) != null && e.getHighlighted() && u.value.confirmOption(), await _e(), (o = u.value) == null || o.focusPrevious());
-    }, ye = t.prefill === !0 || !t.multiple && Je(t.modelValue) || t.multiple && !!t.modelValue.length, {
-      query: l,
-      alignQueryToState: be,
-      addCurrentQueryToManualItems: he,
-      innerLoading: Q,
-      options: K,
-      selectedOptions: f,
-      selectOption: ge,
-      unselectOption: we,
-      prefillItems: Be,
-      isPrefilling: Oe,
-      hasPrefilled: Ce,
-      updateModelValue: De,
-      valueIsSelected: ke,
-      manualItems: Ie,
-      searchByQuery: Ve
-    } = Ze({
-      emit: h,
+    }), {
+      array: Oe,
+      add: xe,
+      remove: Te,
+      set: He
+    } = mt(), s = y(() => $.value.filter((e) => e.selected)), Ae = y(() => s.value.length ? "" : t.placeholder), { data: Q, get: Ee } = oe({
+      items: x(t, "modelValue")
+    }), { options: $ } = ft({
+      disabled: x(t, "disabled"),
+      items: y(() => [...Se.value, ...Oe.value]),
       itemText: t.itemText,
       itemValue: t.itemValue,
-      modelValue: V(t, "modelValue"),
       max: t.max,
-      multiple: t.multiple,
-      resetQueryOnOptionSelected: t.resetQueryOnOptionSelected,
-      stash: t.stash,
-      items: V(t, "items"),
-      enforceCoherence: t.enforceCoherence,
-      prefill: ye,
-      modelValueDebounceTime: t.modelValueDebounceTime,
-      dependencies: V(t, "dependencies"),
-      depsDebounceTime: t.depsDebounceTime,
-      queryDebounceTime: t.queryDebounceTime,
-      disabled: V(t, "disabled")
-    }), Se = y(() => f.value.length ? "" : t.placeholder), I = y(() => !!(Q.value || t.loading)), $e = y(() => {
+      selectable: !0,
+      selectedIndexedByHash: Q
+    }), O = y(() => !!(j.value || t.loading)), Fe = y(() => {
       let e = [];
-      const o = f.value.some(
-        (s) => s.text === l.value
+      const l = s.value.some(
+        (d) => d.text === a.value
       );
-      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = K.value.filter((s) => {
-        let m = !1;
-        return typeof t.filterBy == "function" ? m = t.filterBy(s.value, s.item) : Array.isArray(t.filterBy) && t.filterBy.length && (m = m || j(s.item, t.filterBy, l.value.trim())), m || j(s, ["text"], l.value.trim());
-      }) : e = K.value, e;
-    }), _ = (e) => {
-      ge(e), x(), t.multiple || C();
-    }, U = (e) => {
-      we(e), x();
-    }, c = v(!1), E = v(!0), F = v(!1), O = async () => {
-      F.value = !0, await at(() => !!a.value), E.value = !1, c.value = !0;
-    }, C = async () => {
+      return (t.multiple && a.value || a.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 = $.value, e;
+    }), b = () => {
+      if (t.multiple) {
+        a.value = "";
+        return;
+      }
+      let e;
+      s.value && (e = tt(s.value)), a.value = (e == null ? void 0 : e.text) || "";
+    }, Le = async (e) => {
+      t.multiple ? (u("update:modelValue", t.modelValue.concat(e.value)), t.stash && xe(e.item), b()) : (t.stash && He(e.item), u("update:modelValue", e.value), await _(), b()), q(), t.multiple || k();
+    }, X = async (e) => {
+      if (Te((l) => l.valueHash !== e.valueHash), t.multiple) {
+        const l = { ...Q.value };
+        delete l[e.valueHash], u("update:modelValue", Object.values(l));
+      } else
+        u("update:modelValue", null), await _(), b();
+      q();
+    }, { data: qe } = oe({
+      items: $,
+      key: "valueHash"
+    }), { coherent: Y, status: Me } = vt({
+      modelValue: x(t, "modelValue"),
+      multiple: t.multiple,
+      iteratee: (e) => !!qe.value[yt(e)]
+    });
+    let B = 0;
+    ne(
+      () => t.modelValue,
+      async () => {
+        B++, Y.value || (await M(a.value, !1, t.modelValue), P()), B === 1 && b(), B--;
+      },
+      {
+        debounce: t.modelValueDebounceTime
+      }
+    ), ne(
+      () => [t.dependencies, t.items],
+      async () => {
+        J.value && (B++, await M(a.value, !1, t.modelValue), B === 1 && (P(), b()), B--);
+      },
+      {
+        debounce: t.depsDebounceTime
+      }
+    );
+    const m = f(!1), z = f(!0), N = f(!1), I = async () => {
+      N.value = !0, await st(() => !!n.value), z.value = !1, m.value = !0;
+    }, k = async () => {
       var e;
-      c.value = !1, E.value = !0, (e = u.value) == null || e.blur();
-    }, Te = () => c.value ? C() : O(), M = v(!1), Le = () => {
-      M.value = !0;
-    }, Ae = () => {
-      M.value = !1, h("inactive");
-    }, qe = (e) => {
-      e.preventDefault(), h("click", e), !(t.disabled || t.readonly) && (x(), Te());
-    }, xe = et(
+      m.value = !1, z.value = !0, (e = r.value) == null || e.blur();
+    }, Pe = () => m.value ? k() : I(), W = f(!1), ze = () => {
+      W.value = !0;
+    }, Ne = () => {
+      W.value = !1, u("inactive");
+    }, We = (e) => {
+      e.preventDefault(), u("click", e), !(t.disabled || t.readonly) && (q(), Pe());
+    }, Ke = ot(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Ee = y(() => [].concat(t.modelValue).map((e) => {
-      const o = xe(e);
+    ), _e = y(() => [].concat(t.modelValue).map((e) => {
+      const l = Ke(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
-        value: o
+        value: l
       };
     }));
-    return (e, o) => (b(), S(lt, {
+    return (e, l) => (h(), T(rt, {
       ref_key: "outerContainer",
-      ref: A,
-      class: W({
+      ref: F,
+      class: Z({
         "bb-base-select": !0,
-        "bb-base-select--active": M.value,
-        "bb-base-select--shown": c.value,
-        "bb-base-select--loading": I.value,
+        "bb-base-select--active": W.value,
+        "bb-base-select--shown": m.value,
+        "bb-base-select--loading": O.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: qe
+      onClick: We
     }, {
-      "prepend-outer": r(() => [
-        p(e.$slots, "prepend-outer", { query: i(l) })
+      "prepend-outer": i(() => [
+        c(e.$slots, "prepend-outer", { query: a.value })
       ]),
-      "append-outer": r(() => [
-        p(e.$slots, "append-outer", { query: i(l) })
+      "append-outer": i(() => [
+        c(e.$slots, "append-outer", { query: a.value })
       ]),
-      default: r(() => [
-        N(nt, {
+      default: i(() => [
+        K(ut, {
           ref_key: "innerContainer",
-          ref: B,
+          ref: V,
           "append:icon": t["append:icon"],
           "prepend:icon": t["prepend:icon"],
           "prevent-focus": !0
         }, {
-          prepend: r(() => [
-            p(e.$slots, "prepend", { query: i(l) })
+          prepend: i(() => [
+            c(e.$slots, "prepend", { query: a.value })
           ]),
-          prefix: r(() => [
-            p(e.$slots, "prefix")
+          prefix: i(() => [
+            c(e.$slots, "prefix")
           ]),
-          append: r(() => [
-            p(e.$slots, "append", { query: i(l) })
+          append: i(() => [
+            c(e.$slots, "append", { query: a.value })
           ]),
-          suffix: r(() => [
-            p(e.$slots, "suffix")
+          suffix: i(() => [
+            c(e.$slots, "suffix")
           ]),
-          default: r(() => [
-            N(i(Re), { tag: "span" }, {
-              default: r(() => [
-                $("span", dt, [
-                  e.multiple && i(f).length <= e.maxSelectedLabels ? (b(), T(R, { key: 0 }, [
-                    e.comma ? (b(), S(ot, {
+          default: i(() => [
+            K(S(et), { tag: "span" }, {
+              default: i(() => [
+                H("span", Bt, [
+                  e.multiple && s.value.length <= e.maxSelectedLabels ? (h(), A(ee, { key: 0 }, [
+                    e.comma ? (h(), T(it, {
                       key: 0,
                       ref_key: "commaBox",
-                      ref: H,
-                      options: i(f)
-                    }, null, 8, ["options"])) : (b(), S(tt, {
+                      ref: U,
+                      options: s.value
+                    }, null, 8, ["options"])) : (h(), T(nt, {
                       key: 1,
                       ref_key: "chipsBox",
-                      ref: P,
-                      options: i(f),
-                      "onOption:unselected": U
+                      ref: G,
+                      options: s.value,
+                      "onOption:unselected": X
                     }, null, 8, ["options"]))
-                  ], 64)) : e.multiple ? (b(), T("span", ct, Ne(i(f).length) + " elementi selezionati ", 1)) : J("", !0),
-                  He($("input", {
-                    id: i(z),
+                  ], 64)) : e.multiple ? (h(), A("span", Vt, Re(s.value.length) + " elementi selezionati ", 1)) : te("", !0),
+                  je(H("input", {
+                    id: S(R),
                     ref_key: "input",
-                    ref: q,
-                    "onUpdate:modelValue": o[0] || (o[0] = (n) => Pe(l) ? l.value = n : null),
+                    ref: L,
+                    "onUpdate:modelValue": l[0] || (l[0] = (o) => a.value = o),
                     "aria-autocomplete": "list",
-                    "aria-controls": F.value ? `${i(z)}_listbox` : void 0,
+                    "aria-controls": N.value ? `${S(R)}_listbox` : void 0,
                     "aria-describedby": e.ariaDescribedby,
-                    "aria-expanded": c.value,
+                    "aria-expanded": m.value,
                     autocomplete: e.autocomplete,
                     autofocus: e.autofocus,
-                    class: W("bb-base-select__text-input"),
+                    class: Z("bb-base-select__text-input"),
                     disabled: e.disabled,
-                    inputmode: te.value,
-                    placeholder: Se.value,
+                    inputmode: de.value,
+                    placeholder: Ae.value,
                     readonly: e.readonly || !e.allowWriting,
                     required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
                     role: "combobox",
                     size: "1",
                     type: "text",
-                    onBlur: d(ie, ["stop"]),
-                    onChange: d(re, ["stop"]),
-                    onFocusOnce: d(ae, ["stop"]),
-                    onFocus: d(le, ["stop"]),
-                    onInput: d(se, ["stop"]),
+                    onBlur: p(ve, ["stop"]),
+                    onChange: p(ye, ["stop"]),
+                    onFocusOnce: p(fe, ["stop"]),
+                    onFocus: p(me, ["stop"]),
+                    onInput: p(he, ["stop"]),
                     onKeydown: [
-                      g(d(ve, ["stop"]), ["delete"]),
-                      g(d(de, ["stop"]), ["left"]),
-                      g(d(pe, ["stop", "prevent"]), ["down"]),
-                      g(d(fe, ["stop", "prevent"]), ["enter"]),
-                      g(d(me, ["stop", "prevent"]), ["esc"]),
-                      g(d(ue, ["stop", "prevent"]), ["up"]),
-                      g(d(ce, ["stop"]), ["right"])
+                      g(p(ke, ["stop"]), ["delete"]),
+                      g(p(we, ["stop"]), ["left"]),
+                      g(p(ge, ["stop", "prevent"]), ["down"]),
+                      g(p(Ve, ["stop", "prevent"]), ["enter"]),
+                      g(p(Ie, ["stop", "prevent"]), ["esc"]),
+                      g(p(be, ["stop", "prevent"]), ["up"]),
+                      g(p(Be, ["stop"]), ["right"])
                     ]
-                  }, null, 40, ft), [
-                    [ze, i(l)]
+                  }, null, 40, It), [
+                    [Je, a.value]
                   ])
                 ])
               ]),
               _: 1
             }),
-            p(e.$slots, "chevron", {
-              loading: !!i(Q),
-              shown: c.value
+            c(e.$slots, "chevron", {
+              loading: !!S(j),
+              shown: m.value
             }, () => [
-              o[1] || (o[1] = $("svg", {
+              l[1] || (l[1] = H("svg", {
                 class: "bb-base-select__chevron",
                 viewBox: "0 0 24 24",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                $("path", {
+                H("path", {
                   d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                   fill: "currentColor"
                 })
@@ -346,53 +386,53 @@ const dt = { class: "bb-base-select__input-container" }, ct = {
           ]),
           _: 3
         }, 8, ["append:icon", "prepend:icon"]),
-        (b(!0), T(R, null, Qe(Ee.value, (n) => (b(), T("input", Y({
-          key: n.value,
+        (h(!0), A(ee, null, Qe(_e.value, (o) => (h(), A("input", le({
+          key: o.value,
           ref_for: !0
-        }, n), null, 16))), 128)),
-        F.value ? (b(), S(it, { key: 0 }, {
-          default: r(() => [
-            N(i(Z), {
+        }, o), null, 16))), 128)),
+        N.value ? (h(), T(dt, { key: 0 }, {
+          default: i(() => [
+            K(S(re), {
               ref_key: "optionsContainer",
-              ref: a,
+              ref: n,
               compact: e.compact,
-              loading: I.value,
+              loading: O.value,
               "loading-text": e.loadingText,
               "no-data-text": e.noDataText,
-              open: c.value,
-              options: $e.value,
-              style: Ke(ne.value),
-              "onOption:selected": _,
-              "onOption:unselected": U
+              open: m.value,
+              options: Fe.value,
+              style: Xe(pe.value),
+              "onOption:selected": Le,
+              "onOption:unselected": X
             }, {
-              "options:prepend": r(() => [
-                p(e.$slots, "options:prepend")
+              "options:prepend": i(() => [
+                c(e.$slots, "options:prepend")
               ]),
-              loading: r(() => [
-                p(e.$slots, "loading", { query: i(l) })
+              loading: i(() => [
+                c(e.$slots, "loading", { query: a.value })
               ]),
-              "no-data": r(() => [
-                p(e.$slots, "no-data", { query: i(l) })
+              "no-data": i(() => [
+                c(e.$slots, "no-data", { query: a.value })
               ]),
-              "options:append": r(() => [
-                p(e.$slots, "options:append")
+              "options:append": i(() => [
+                c(e.$slots, "options:append")
               ]),
-              option: r((n) => [
-                p(e.$slots, "option", Y({
+              option: i((o) => [
+                c(e.$slots, "option", le({
                   hasErrors: e.hasErrors,
-                  loading: I.value
-                }, n))
+                  loading: O.value
+                }, o))
               ]),
               _: 3
             }, 8, ["compact", "loading", "loading-text", "no-data-text", "open", "options", "style"])
           ]),
           _: 3
-        })) : J("", !0)
+        })) : te("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  Pt as default
+  tl as default
 };