bitboss-ui 0.2.76 → 1.0.0

package/dist/index32.js

@@ -1,2 +1,694 @@
-
+import { defineComponent as Ie, ref as m, computed as g, watch as Y, openBlock as p, createElementBlock as h, normalizeClass as x, renderSlot as b, createElementVNode as V, Fragment as $, renderList as P, toDisplayString as D, createBlock as ae, withModifiers as B, withCtx as ne, createTextVNode as Z, createCommentVNode as ue, withDirectives as Ne, vModelDynamic as $e, createVNode as oe, mergeProps as De, Teleport as Le, normalizeStyle as Fe, nextTick as ie } from "vue";
+import Ae from "./index116.js";
+import "./index159.js";
+import Me from "./index120.js";
+import "./index186.js";
+import { useFloating as Je } from "./index208.js";
+import { clamp as qe } from "./index197.js";
+import { deepEqual as se } from "./index124.js";
+import { head as G } from "./index220.js";
+import { isNotNil as E } from "./index125.js";
+import { last as ze } from "./index207.js";
+import { useItemText as He } from "./index126.js";
+import { useItemValue as Pe } from "./index127.js";
+import { wait as X } from "./index123.js";
+import { waitFor as je } from "./index213.js";
+import { when as Qe } from "./index199.js";
+import We from "./index117.js";
+import "./index161.js";
+import { autoUpdate as Ue, flip as Ke, shift as Re } from "./index214.js";
+import { offset as Ye } from "./index215.js";
+const Ze = { class: "bb-base-select__input-container" }, Ge = ["aria-describedby", "aria-controls", "aria-expanded", "autocomplete", "autofocus", "disabled", "id", "placeholder", "readonly"], Xe = { class: "bb-base-select__chevron" }, el = /* @__PURE__ */ V("svg", {
+  fill: "none",
+  viewBox: "0 0 16 8",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ V("path", {
+    "clip-rule": "evenodd",
+    d: "M0.851779 0.225802C0.90403 0.173418 0.966103 0.131858 1.03444 0.1035C1.10278 0.0751431 1.17604 0.0605469 1.25003 0.0605469C1.32402 0.0605469 1.39728 0.0751431 1.46562 0.1035C1.53396 0.131858 1.59603 0.173418 1.64828 0.225802L8.00003 6.57868L14.3518 0.225802C14.4041 0.173503 14.4662 0.132017 14.5345 0.103713C14.6028 0.0754093 14.6761 0.0608414 14.75 0.0608414C14.824 0.0608414 14.8972 0.0754093 14.9656 0.103713C15.0339 0.132017 15.096 0.173503 15.1483 0.225802C15.2006 0.278101 15.2421 0.340189 15.2704 0.408521C15.2987 0.476852 15.3132 0.55009 15.3132 0.624052C15.3132 0.698014 15.2987 0.771252 15.2704 0.839584C15.2421 0.907916 15.2006 0.970003 15.1483 1.0223L8.39828 7.7723C8.34603 7.82469 8.28395 7.86625 8.21562 7.8946C8.14728 7.92296 8.07402 7.93756 8.00003 7.93756C7.92604 7.93756 7.85278 7.92296 7.78444 7.8946C7.7161 7.86625 7.65403 7.82469 7.60178 7.7723L0.851779 1.0223C0.799395 0.970051 0.757835 0.907978 0.729477 0.83964C0.70112 0.771302 0.686523 0.69804 0.686523 0.624052C0.686523 0.550064 0.70112 0.476803 0.729477 0.408464C0.757835 0.340126 0.799395 0.278053 0.851779 0.225802Z",
+    fill: "currentColor",
+    "fill-rule": "evenodd"
+  })
+], -1), ll = ["id"], tl = {
+  key: 0,
+  class: "bb-base-select__loading-container"
+}, al = {
+  key: 1,
+  class: "bb-base-select__no-data-container"
+}, nl = ["id", "aria-selected"], ul = { class: "bb-base-select-option__content" }, ol = { class: "bb-base-select-option__text" }, Tl = /* @__PURE__ */ Ie({
+  __name: "BaseSelect",
+  props: {
+    allowWriting: { type: Boolean, default: !0 },
+    ariaDescribedby: {},
+    autocomplete: {},
+    autofocus: {},
+    debug: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: { default: 0 },
+    disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    hasErrors: { type: Boolean },
+    id: {},
+    loadingText: { default: "Caricamento..." },
+    matchStrategy: { default: "string" },
+    modelValueDebounceTime: { default: 0 },
+    multiple: { type: Boolean },
+    name: {},
+    noDataText: { default: "Nessun elemento da visualizzare" },
+    placeholder: {},
+    readonly: {},
+    transitionDuration: { default: 150 },
+    items: {},
+    itemText: {},
+    itemValue: {},
+    modelValue: {},
+    addOptions: { type: Boolean },
+    comma: { type: Boolean },
+    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
+    prefill: { type: [Boolean, String], default: "focus" },
+    queryDebounceTime: { default: 500 },
+    resetQueryOnOptionSelected: { type: Boolean },
+    stash: { type: Boolean },
+    updateOnAnimationFrame: { type: Boolean, default: !1 }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
+  setup(re, { emit: de }) {
+    const l = re, c = de;
+    if (l.multiple && !Array.isArray(l.modelValue))
+      throw new Error('Multiple is set to "true" but modelValue is not an array.');
+    const L = m(null), J = m(null), k = m(null), { floatingStyles: ce } = Je(J, k, {
+      placement: "bottom",
+      whileElementsMounted: Ue,
+      middleware: [Ke(), Ye(5), Re()]
+    }), fe = g(() => {
+      const e = {
+        ...ce.value
+      };
+      return J.value && (e.width = `${J.value.clientWidth}px`), e;
+    }), S = m(null), o = m(""), ve = g(() => s.value.length ? "" : l.placeholder), d = m(0), ee = m([]), f = m([]), _ = m([]), { getItemText: me } = He(), { getItemValue: pe } = Pe(), be = g(() => ee.value.map((e, a) => {
+      const t = me(e, l.itemText), n = pe(e, l.itemValue);
+      if (n === void 0)
+        throw new Error(
+          'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
+        );
+      const u = JSON.stringify(n);
+      return {
+        disabled: !!e.disabled,
+        id: "option_" + u.replace(/\W/g, "_"),
+        jsonValue: u,
+        manual: !1,
+        original: e,
+        text: t,
+        value: n
+      };
+    })), O = g(() => {
+      let e = be.value.reduce(
+        (n, u) => (n[u.id] = u, n),
+        {}
+      );
+      const a = _.value.reduce(
+        (n, u) => (n[u.id] || (n[u.id] = u), n),
+        e
+      ), t = f.value.reduce(
+        (n, u) => (n[u.id] || (n[u.id] = u), n),
+        a
+      );
+      return Object.values(t).map((n, u) => ({
+        ...n,
+        selected: E(he.value.get(n.value)),
+        index: u
+      }));
+    }), w = g(() => {
+      let e = [];
+      return o.value && !s.value.some((a) => a.text === o.value) ? e = O.value.filter((a) => {
+        let t = !1;
+        if (l.filterBy) {
+          if (typeof l.filterBy == "function")
+            t = l.filterBy(a.value, a.original);
+          else if (l.filterBy.length) {
+            const n = [].concat(l.filterBy);
+            for (let u = 0; u < n.length; u++) {
+              const T = n[u];
+              t = t || a.original[T] && a.original[T].toLowerCase().includes(o.value.toLowerCase());
+            }
+          }
+        } else
+          return !0;
+        return t || a.text.toLowerCase().includes(o.value.toLowerCase());
+      }) : e = O.value, e;
+    }), q = g(
+      () => O.value.reduce(
+        (e, a) => ({
+          ...e,
+          [a.id]: a
+        }),
+        {}
+      )
+    ), v = g(() => {
+      if (l.matchStrategy === "string") {
+        let e = O.value.reduce(
+          (a, t) => (a[t.jsonValue] = t, a),
+          {}
+        );
+        return {
+          get: (a) => e[JSON.stringify(a)]
+        };
+      } else if (l.matchStrategy === "equality") {
+        let e = O.value.map((a) => [
+          a.value,
+          a
+        ]);
+        return {
+          get: (a) => {
+            var t;
+            return (t = e.find((n) => se(n[0], a))) == null ? void 0 : t[1];
+          }
+        };
+      } else
+        throw new Error("No match strategy has been defined");
+    }), he = g(() => {
+      if (l.matchStrategy === "string") {
+        let e = {};
+        return [].concat(l.modelValue).forEach((a, t) => {
+          e[JSON.stringify(a)] = t;
+        }), {
+          get: (a) => e[JSON.stringify(a)]
+        };
+      } else if (l.matchStrategy === "equality") {
+        const e = [].concat(l.modelValue).filter(E).map((a, t) => [a, t]);
+        return {
+          get: (a) => {
+            var t;
+            return (t = e.find((n) => se(n[0], a))) == null ? void 0 : t[1];
+          }
+        };
+      } else
+        throw new Error("No match strategy has been defined");
+    }), s = g(() => [].concat(l.modelValue).reduce((e, a) => {
+      const t = v.value.get(a);
+      return t && e.push(t), e;
+    }, [])), F = (e) => {
+      let a;
+      r.value = e.index, l.multiple ? (e.selected ? (e.manual && (_.value = _.value.filter(
+        (t) => t.id !== e.id
+      )), a = l.modelValue.filter(
+        (t) => JSON.stringify(t) !== e.jsonValue
+      ), l.stash && (f.value = f.value.filter((t) => t.id !== e.id))) : (a = l.modelValue.concat(e.value), l.stash && (f.value = f.value.concat(e))), l.resetQueryOnOptionSelected && (o.value = "")) : e.selected ? (e.manual && (_.value = _.value.filter(
+        (t) => t.id !== e.id
+      )), a = null, l.stash && (f.value = []), o.value = "") : (a = e.value, l.stash && (f.value = [e]), o.value = e.text), c("update:modelValue", a);
+    }, I = async ({ prefill: e = !1 }) => {
+      let a = [];
+      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (d.value++, a = await l.items(o.value, e, l.modelValue), d.value--), ee.value = a;
+    }, ye = () => {
+      const e = o.value, a = o.value, t = JSON.stringify(a), n = {
+        text: e,
+        value: a,
+        jsonValue: t,
+        id: "option_" + t.replace(/\W/g, "_"),
+        original: a,
+        manual: !0,
+        disabled: !1
+      };
+      _.value = _.value.concat(n), o.value = "";
+    }, z = l.prefill === !0 || !l.multiple && E(l.modelValue) || l.multiple && !!l.modelValue.length;
+    let j;
+    Y(
+      () => l.modelValue,
+      (e, a) => {
+        j && clearTimeout(j), j = setTimeout(
+          async () => {
+            if (l.multiple) {
+              if (!Array.isArray(l.modelValue))
+                throw new Error("props.modelValue is not an array.");
+              let t = l.modelValue.every(
+                (n) => v.value.get(n)
+              );
+              if ((!t || a === void 0) && (await I({ prefill: !0 }), t = l.modelValue.every(
+                (n) => v.value.get(n)
+              )), t)
+                l.stash && (f.value = l.modelValue.map(
+                  (n) => v.value.get(n)
+                ));
+              else {
+                let n = [];
+                const u = e.filter((T) => {
+                  let M = v.value.get(T);
+                  return M && n.push(M), M;
+                });
+                l.stash && (f.value = n), l.enforceCoherence && c("update:modelValue", u);
+              }
+            } else {
+              let t = v.value.get(l.modelValue);
+              if (!t && E(l.modelValue) || a === void 0) {
+                const n = o.value;
+                o.value = "", await I({ prefill: !0 }), o.value = n;
+              }
+              t = v.value.get(l.modelValue), t ? (o.value = t.text, l.stash && (f.value = [t])) : l.enforceCoherence && E(e) ? (o.value = "", l.stash && (f.value = []), c("update:modelValue", null)) : o.value = "";
+            }
+          },
+          z ? 0 : l.modelValueDebounceTime
+        );
+      },
+      // Prefill when asked or when items are static
+      { immediate: z, deep: !0 }
+    ), Y(
+      () => l.items,
+      async (e, a) => {
+        if (typeof e == "function" || // Circumvent arrays defined in the template by the parent
+        JSON.stringify(e) !== JSON.stringify(a))
+          if (await I({ prefill: !1 }), l.multiple) {
+            if (!l.modelValue.every(
+              (n) => v.value.get(n)
+            ) && l.enforceCoherence) {
+              const n = l.modelValue.filter((u) => v.value.get(u));
+              c("update:modelValue", n);
+            }
+          } else
+            !v.value.get(l.modelValue) && l.enforceCoherence && E(l.modelValue) && c("update:modelValue", null), r.value = null;
+      }
+    );
+    let Q;
+    Y(
+      () => l.dependencies,
+      (e, a) => {
+        !z && l.prefill === "focus" && U || JSON.stringify(e) !== JSON.stringify(a) && (Q && clearTimeout(Q), Q = setTimeout(async () => {
+          if (JSON.stringify(e) !== JSON.stringify(a)) {
+            l.enforceCoherence && l.stash && (f.value = []);
+            let t = o.value;
+            if (o.value = "", await I({ prefill: !0 }), o.value = t, !l.multiple)
+              !v.value.get(l.modelValue) && l.enforceCoherence && E(l.modelValue) && (o.value = "", l.stash && (f.value = []), c("update:modelValue", null));
+            else if (!l.modelValue.every(
+              (u) => v.value.get(u)
+            ) && l.enforceCoherence) {
+              let u = [];
+              const T = l.modelValue.filter((M) => {
+                let R = v.value.get(M);
+                return R && u.push(R), R;
+              });
+              l.stash && (f.value = u), c("update:modelValue", T);
+            }
+          }
+        }, l.depsDebounceTime));
+      },
+      { deep: !0 }
+    );
+    const y = m(!1), W = m(!0), N = async () => {
+      W.value = !1, y.value = !0;
+    }, A = async () => {
+      y.value = !1, W.value = !0;
+    }, H = m(!1);
+    let U = !0;
+    const ge = async (e) => {
+      c("focus", e), H.value = !0, document.addEventListener("click", te), document.addEventListener("focusin", le), S.value instanceof HTMLInputElement && window.screen.width > 768 && S.value.select(), l.prefill === "focus" && U && !z && (await I({ prefill: !0 }), U = !1);
+    }, le = (e) => {
+      if (e.target instanceof Node && L.value && k.value && !L.value.contains(e.target) && !k.value.contains(e.target)) {
+        A(), c("inactive"), document.removeEventListener("focusin", le), H.value = !1, l.multiple && X(500).then(() => {
+          o.value = "";
+        });
+        return;
+      }
+    }, we = async (e) => {
+      if (c("blur", e), !l.multiple) {
+        let a = !1;
+        const t = l.modelValue;
+        if (await Promise.race([
+          X(250),
+          je(() => t !== l.modelValue).then(() => {
+            a = !0;
+          })
+        ]), !a) {
+          const n = v.value.get(l.modelValue);
+          n && (o.value = n.text);
+        }
+      }
+    }, Ve = (e) => c("change", e), Ce = (e) => {
+      c("input", e), o.value === "" && (l.multiple || c("update:modelValue", null)), typeof l.items == "function" && Se();
+    }, r = m(null), C = g(() => {
+      if (r.value === null || !w.value.length)
+        return null;
+      let e = r.value >= 0 ? r.value : w.value.length - 1;
+      const a = 0, t = w.value.length - 1;
+      return qe(e % w.value.length, a, t);
+    }), i = m(null), ke = () => {
+      r.value !== null ? r.value++ : r.value = 0, ie().then(() => {
+        var e;
+        if (C.value !== null) {
+          const a = (e = k.value) == null ? void 0 : e.querySelector(
+            `#${O.value[C.value].id}`
+          );
+          a instanceof HTMLElement && a.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "start"
+          });
+        }
+      });
+    }, _e = () => {
+      r.value !== null ? r.value-- : r.value = O.value.length - 1, ie().then(() => {
+        var e;
+        if (C.value !== null) {
+          const a = (e = k.value) == null ? void 0 : e.querySelector(
+            `#${O.value[C.value].id}`
+          );
+          a instanceof HTMLElement && a.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "start"
+          });
+        }
+      });
+    }, Oe = async (e) => {
+      var a, t;
+      if (l.readonly || l.disabled) {
+        e.preventDefault();
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+          {
+            if (e.preventDefault(), d.value)
+              return;
+            i.value = null, y.value ? _e() : (s.value.length && (r.value = G(s.value).index), await N());
+          }
+          break;
+        case "ArrowDown":
+          {
+            if (e.preventDefault(), d.value)
+              return;
+            i.value = null, y.value ? ke() : (s.value.length && (r.value = G(s.value).index), await N());
+          }
+          break;
+        case "ArrowLeft":
+          {
+            if (d.value)
+              return;
+            if (!o.value && s.value.length && (i.value === null ? i.value = s.value.length - 1 : i.value > 0 ? i.value-- : i.value = null, i.value !== null)) {
+              let n = s.value[i.value], u = (a = k.value) == null ? void 0 : a.querySelector(
+                `#${n.id}`
+              );
+              u && (u.scrollIntoView({
+                behavior: "smooth",
+                block: "nearest",
+                inline: "start"
+              }), r.value = q.value[s.value[i.value].id].index);
+            }
+          }
+          break;
+        case "ArrowRight":
+          {
+            if (d.value)
+              return;
+            if (!o.value && s.value.length && (i.value === null ? i.value = 0 : i.value < s.value.length - 1 ? i.value++ : i.value = null, i.value !== null)) {
+              let n = s.value[i.value], u = (t = k.value) == null ? void 0 : t.querySelector(
+                `#${n.id}`
+              );
+              u && (u.scrollIntoView({
+                behavior: "smooth",
+                block: "nearest",
+                inline: "start"
+              }), r.value = q.value[s.value[i.value].id].index);
+            }
+          }
+          break;
+        case "Enter":
+          {
+            if (e.preventDefault(), d.value)
+              return;
+            if (!y.value)
+              w.value.length && s.value.length && (r.value = G(s.value).index), await N();
+            else if (C.value !== null) {
+              if (w.value[C.value].disabled)
+                return;
+              l.multiple || await A(), F(
+                w.value[C.value]
+              );
+            } else if (l.addOptions) {
+              if (l.itemText || l.itemValue) {
+                console.error(
+                  `Adding an option for mapped items is not supported. You can't create an option while passing "item-text" or "item-value".`
+                );
+                return;
+              }
+              ye();
+              const n = ze(_.value);
+              n && F(q.value[n.id]);
+            }
+          }
+          break;
+        case "Tab":
+        case "Escape":
+          y.value && await A(), c("inactive"), i.value = null, r.value = null;
+          break;
+        case "Shift":
+          if (d.value)
+            return;
+          break;
+        case "Backspace":
+          {
+            if (d.value)
+              return;
+            o.value || s.value.length && (i.value === null ? i.value = s.value.length - 1 : (F(
+              s.value[i.value]
+            ), s.value.length ? i.value = Math.max(
+              Math.min(
+                i.value,
+                s.value.length - 2
+              ),
+              0
+            ) : i.value = null)), await N();
+          }
+          break;
+        default:
+          i.value = null, r.value = null, await N();
+          break;
+      }
+    };
+    let K;
+    const Se = () => {
+      K && clearTimeout(K), K = setTimeout(async () => {
+        try {
+          await I({ prefill: !1 });
+        } catch (e) {
+          console.error(e);
+        }
+      }, l.queryDebounceTime);
+    }, Te = (e) => {
+      c("click", e), !(l.disabled || l.readonly) && (S.value instanceof HTMLElement && S.value.focus(), N());
+    }, xe = (e) => {
+      if (e.currentTarget instanceof HTMLElement && (e.stopImmediatePropagation(), e.currentTarget.classList.contains("bb-base-select-option"))) {
+        const a = q.value[e.currentTarget.id];
+        if (a.disabled)
+          return;
+        S.value instanceof HTMLInputElement && S.value.focus(), l.multiple || A(), F(a);
+      }
+    }, te = (e) => {
+      if (e.target instanceof Node && L.value && !L.value.contains(e.target)) {
+        A(), c("inactive"), document.removeEventListener("click", te), H.value = !1, l.multiple && X(500).then(() => {
+          o.value = "";
+        });
+        return;
+      }
+    }, Be = Qe(
+      (e) => typeof e != "string",
+      JSON.stringify
+    ), Ee = g(() => [].concat(l.modelValue).map((e) => {
+      const a = Be(e);
+      return {
+        disabled: l.disabled,
+        name: l.name,
+        type: "hidden",
+        value: a
+      };
+    }));
+    return (e, a) => (p(), h("div", {
+      ref_key: "outerContainer",
+      ref: L,
+      class: x({
+        "bb-base-select": !0,
+        "bb-base-select--active": H.value,
+        "bb-base-select--shown": y.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
+      }),
+      onClick: Te
+    }, [
+      b(e.$slots, "prepend-outer"),
+      V("span", {
+        ref_key: "innerContainer",
+        ref: J,
+        class: "bb-base-select__inner-container"
+      }, [
+        b(e.$slots, "prepend"),
+        V("span", Ze, [
+          e.multiple ? (p(), h($, { key: 0 }, [
+            e.comma ? (p(!0), h($, { key: 0 }, P(s.value, (t, n) => (p(), h("span", {
+              key: t.id,
+              class: x({
+                "bb-base-select__selected": !0,
+                "bb-base-select__selected--comma": !0,
+                "bb-base-select__selected--focused": n === i.value
+              })
+            }, D(t.text) + D(n < s.value.length - 1 ? "," : ""), 3))), 128)) : (p(!0), h($, { key: 1 }, P(s.value, (t, n) => (p(), ae(Ae, {
+              key: t.id,
+              class: x({
+                "bb-base-select__selected": !0,
+                "bb-base-select__selected--chip": !0,
+                "bb-base-select__selected--focused": n === i.value
+              }),
+              clearable: !0,
+              text: t.text,
+              "onClick:clear": B((u) => F(t), ["stop"])
+            }, {
+              default: ne(() => [
+                b(e.$slots, "chip", {
+                  disabled: t.disabled,
+                  hasErrors: e.hasErrors,
+                  index: t.index,
+                  item: t.original,
+                  loading: !!d.value,
+                  manual: t.manual,
+                  selected: t.selected,
+                  text: t.text,
+                  value: t.value
+                }, () => [
+                  Z(D(t.text), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "text", "onClick:clear"]))), 128))
+          ], 64)) : ue("", !0),
+          Ne(V("input", {
+            "aria-autocomplete": "list",
+            "aria-describedby": e.ariaDescribedby,
+            "aria-controls": `${e.id}_listbox`,
+            "aria-expanded": y.value,
+            autocomplete: e.autocomplete,
+            autofocus: e.autofocus,
+            class: x("bb-base-select__text-input"),
+            disabled: e.disabled,
+            id: e.id,
+            placeholder: ve.value,
+            readonly: e.readonly || !e.allowWriting,
+            type: "text",
+            ref_key: "input",
+            ref: S,
+            role: "combobox",
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
+            onBlur: B(we, ["stop"]),
+            onChange: B(Ve, ["stop"]),
+            onFocus: B(ge, ["stop"]),
+            onInput: B(Ce, ["stop"]),
+            onKeydown: B(Oe, ["stop"])
+          }, null, 40, Ge), [
+            [$e, o.value]
+          ])
+        ]),
+        V("span", Xe, [
+          b(e.$slots, "chevron", {
+            loading: !!d.value,
+            shown: y.value
+          }, () => [
+            el
+          ])
+        ]),
+        d.value ? (p(), h("span", {
+          key: 1,
+          class: x({
+            "bb-base-select__spinner": !0,
+            "bb-base-select__spinner--loading": d.value
+          })
+        }, [
+          b(e.$slots, "spinner", {
+            loading: !!d.value
+          }, () => [
+            oe(Me)
+          ])
+        ], 2)) : b(e.$slots, "append", { key: 0 })
+      ], 512),
+      b(e.$slots, "append-outer"),
+      (p(!0), h($, null, P(Ee.value, (t) => (p(), h("input", De({
+        key: t.value
+      }, t), null, 16))), 128)),
+      (p(), ae(Le, { to: "body" }, [
+        V("span", {
+          ref_key: "optionsContainer",
+          ref: k,
+          class: x({
+            "bb-base-select__options-container": !0,
+            "bb-base-select__options-container--shown": y.value,
+            "bb-base-select__options-container--hidden": W.value
+          }),
+          id: `${e.id}_listbox`,
+          role: "listbox",
+          tabindex: -1,
+          style: Fe(fe.value)
+        }, [
+          oe(We, {
+            modelValue: y.value,
+            "transition-duration": e.transitionDuration
+          }, {
+            default: ne(() => [
+              b(e.$slots, "options:prepend"),
+              !w.value.length && d.value ? (p(), h("span", tl, [
+                b(e.$slots, "loading", { query: o.value }, () => [
+                  Z(D(e.loadingText), 1)
+                ])
+              ])) : w.value.length ? ue("", !0) : (p(), h("span", al, [
+                b(e.$slots, "no-data", { query: o.value }, () => [
+                  Z(D(e.noDataText), 1)
+                ])
+              ])),
+              (p(!0), h($, null, P(w.value, (t, n) => (p(), h($, {
+                key: t.id
+              }, [
+                b(e.$slots, "option:prepend", {
+                  item: t.original
+                }),
+                V("span", {
+                  id: t.id,
+                  "aria-selected": t.selected,
+                  class: x({
+                    "bb-base-select-option": !0,
+                    "bb-base-select-option--selected": t.selected,
+                    "bb-base-select-option--focused": C.value === n,
+                    "bb-base-select-option--disabled": t.disabled
+                  }),
+                  role: "option",
+                  onClick: B(xe, ["stop"])
+                }, [
+                  b(e.$slots, "option", {
+                    disabled: t.disabled,
+                    focused: C.value === n,
+                    hasErrors: e.hasErrors,
+                    index: t.index,
+                    item: t.original,
+                    loading: !!d.value,
+                    manual: t.manual,
+                    selected: t.selected,
+                    text: t.text,
+                    value: t.value
+                  }, () => [
+                    V("span", ul, [
+                      V("span", ol, D(t.text), 1)
+                    ])
+                  ])
+                ], 10, nl),
+                b(e.$slots, "option:append", {
+                  item: t.original
+                })
+              ], 64))), 128)),
+              b(e.$slots, "options:append")
+            ]),
+            _: 3
+          }, 8, ["modelValue", "transition-duration"])
+        ], 14, ll)
+      ]))
+    ], 2));
+  }
+});
+export {
+  Tl as default
+};
 //# sourceMappingURL=index32.js.map