bitboss-ui 0.2.33 → 0.2.35

package/dist/index31.js

@@ -0,0 +1,706 @@
+import { defineComponent as Ne, ref as f, computed as y, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as g, createElementBlock as h, normalizeClass as x, renderSlot as b, createElementVNode as w, Fragment as D, renderList as H, toDisplayString as L, createBlock as ue, withModifiers as I, withCtx as Le, createTextVNode as ee, createCommentVNode as ie, withDirectives as Fe, vModelDynamic as Me, Teleport as Ae, normalizeStyle as Je, createVNode as qe, mergeProps as Re, nextTick as se } from "vue";
+import ze from "./index115.js";
+import "./index158.js";
+import Pe from "./index119.js";
+import "./index185.js";
+import { autoUpdate as He, computePosition as Ue, flip as je, shift as Qe } from "./index200.js";
+import { deepEqual as re } from "./index123.js";
+import { head as le } from "./index220.js";
+import { isNotNil as B } from "./index124.js";
+import { last as We } from "./index205.js";
+import { useItemText as Ke } from "./index125.js";
+import { useItemValue as Ye } from "./index126.js";
+import { wait as q } from "./index122.js";
+import { waitFor as Ze } from "./index199.js";
+import { when as Ge } from "./index218.js";
+import { offset as Xe } from "./index208.js";
+const el = { class: "bb-base-select__input-container" }, ll = ["id", "autocomplete", "autofocus", "disabled", "placeholder", "readonly"], tl = {
+  key: 0,
+  class: "bb-base-select__loading-container"
+}, al = {
+  key: 1,
+  class: "bb-base-select__no-data-container"
+}, nl = ["id", "aria-selected"], ol = { class: "bb-base-select-option__content" }, ul = { class: "bb-base-select-option__text" }, il = { class: "bb-base-select__chevron" }, sl = /* @__PURE__ */ w("svg", {
+  fill: "none",
+  viewBox: "0 0 16 8",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ w("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), _l = /* @__PURE__ */ Ne({
+  __name: "BaseSelect",
+  props: {
+    allowWriting: { type: Boolean, default: !0 },
+    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: 200 },
+    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(de, { emit: ce }) {
+    const e = de, c = ce;
+    if (e.multiple && !Array.isArray(e.modelValue))
+      throw new Error('Multiple is set to "true" but modelValue is not an array.');
+    const F = f(null), E = f(null), v = f(null), S = f(null), u = f(""), fe = y(() => s.value.length ? "" : e.placeholder), d = f(0), ve = e.transitionDuration / 1e3 + "s";
+    let te;
+    $e(async () => {
+      e.debug && console.log("Calling onMounted"), E.value && v.value && (te = He(
+        E.value,
+        v.value,
+        ye,
+        {
+          ancestorResize: !0,
+          ancestorScroll: !0,
+          animationFrame: e.updateOnAnimationFrame,
+          elementResize: !0
+        }
+      ));
+    }), De(() => {
+      e.debug && console.log("Calling onBeforeUnMount"), te();
+    });
+    const ae = f([]), p = f([]), V = f([]), { getItemText: pe } = Ke(), { getItemValue: me } = Ye(), ge = y(() => ae.value.map((l, a) => {
+      e.debug && console.log("Mapping items in internalOptions", { item: l });
+      const t = pe(l, e.itemText), n = me(l, e.itemValue);
+      if (n === void 0)
+        throw new Error(
+          'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(l) + " please check itemValue property is correct."
+        );
+      const o = JSON.stringify(n);
+      return {
+        disabled: !!l.disabled,
+        id: "option_" + o.replace(/\W/g, "_"),
+        jsonValue: o,
+        manual: !1,
+        original: l,
+        text: t,
+        value: n
+      };
+    })), O = y(() => {
+      let l = ge.value.reduce(
+        (n, o) => (n[o.id] = o, n),
+        {}
+      );
+      const a = V.value.reduce(
+        (n, o) => (n[o.id] || (n[o.id] = o), n),
+        l
+      ), t = p.value.reduce(
+        (n, o) => (n[o.id] || (n[o.id] = o), n),
+        a
+      );
+      return e.debug && console.log("Computing options in options", {
+        fromOptions: l,
+        withManual: a,
+        withStash: t
+      }), Object.values(t).map(
+        (n, o) => ({
+          ...n,
+          selected: B(be.value.get(n.value)),
+          index: o
+        })
+      );
+    }), C = y(() => {
+      e.debug && console.log("Computing filtered options");
+      let l = [];
+      return u.value && !s.value.some(
+        (a) => a.text === u.value
+      ) ? l = O.value.filter((a) => {
+        let t = !1;
+        if (e.filterBy) {
+          if (typeof e.filterBy == "function")
+            t = e.filterBy(a.value, a.original);
+          else if (e.filterBy.length) {
+            const n = [].concat(e.filterBy);
+            for (let o = 0; o < n.length; o++) {
+              const T = n[o];
+              t = t || a.original[T] && a.original[T].toLowerCase().includes(u.value.toLowerCase());
+            }
+          }
+        } else
+          return !0;
+        return t || a.text.toLowerCase().includes(u.value.toLowerCase());
+      }) : l = O.value, l.map((a, t) => ({
+        ...a,
+        focused: _.value === t
+      }));
+    }), R = y(
+      () => O.value.reduce(
+        (l, a) => ({
+          ...l,
+          [a.id]: a
+        }),
+        {}
+      )
+    ), m = y(() => {
+      if (e.debug && console.log("Computing optionsIndexedByValue"), e.matchStrategy === "string") {
+        let l = O.value.reduce(
+          (a, t) => (a[t.jsonValue] = t, a),
+          {}
+        );
+        return {
+          get: (a) => l[JSON.stringify(a)]
+        };
+      } else if (e.matchStrategy === "equality") {
+        let l = O.value.map((a) => [
+          a.value,
+          a
+        ]);
+        return {
+          get: (a) => {
+            var t;
+            return (t = l.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+          }
+        };
+      } else
+        throw new Error("No match strategy has been defined");
+    }), be = y(() => {
+      if (e.debug && console.log("Computing modelValueIndexed"), e.matchStrategy === "string") {
+        let l = {};
+        return [].concat(e.modelValue).forEach((a, t) => {
+          l[JSON.stringify(a)] = t;
+        }), {
+          get: (a) => l[JSON.stringify(a)]
+        };
+      } else if (e.matchStrategy === "equality") {
+        const l = [].concat(e.modelValue).filter(B).map((a, t) => [a, t]);
+        return {
+          get: (a) => {
+            var t;
+            return (t = l.find((n) => re(n[0], a))) == null ? void 0 : t[1];
+          }
+        };
+      } else
+        throw new Error("No match strategy has been defined");
+    }), s = y(() => (e.debug && console.log("Computing selectedOptions"), [].concat(e.modelValue).reduce((l, a) => {
+      const t = m.value.get(a);
+      return t && l.push(t), l;
+    }, []))), M = (l) => {
+      e.debug && console.log("Running onOptionSelected", { option: l });
+      let a;
+      r.value = l.index, e.multiple ? (l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside multiple > selected > manual"), V.value = V.value.filter(
+        (t) => t.id !== l.id
+      )), a = e.modelValue.filter(
+        (t) => JSON.stringify(t) !== l.jsonValue
+      ), e.stash && (e.debug && console.log("onOptionSelected: inside multiple > selected > stash"), p.value = p.value.filter((t) => t.id !== l.id))) : (e.debug && console.log("onOptionSelected: inside multiple > not selected"), a = e.modelValue.concat(l.value), e.stash && (e.debug && console.log(
+        "onOptionSelected: inside multiple > not selected > stash"
+      ), p.value = p.value.concat(l))), e.resetQueryOnOptionSelected && (e.debug && console.log("onOptionSelected: resetting query"), u.value = "")) : l.selected ? (l.manual && (e.debug && console.log("onOptionSelected: inside single > selected > manual"), V.value = V.value.filter(
+        (t) => t.id !== l.id
+      )), a = null, e.stash && (e.debug && console.log("onOptionSelected: inside single > selected > stash"), p.value = []), u.value = "") : (e.debug && console.log("onOptionSelected: inside single > not selected"), a = l.value, e.stash && (e.debug && console.log("onOptionSelected: inside single > not selected > stash"), p.value = [l]), u.value = l.text), c("update:modelValue", a);
+    }, N = async ({ prefill: l = !1 }) => {
+      e.debug && console.log("running getOptions");
+      let a = [];
+      Array.isArray(e.items) ? a = e.items : typeof e.items == "function" && (d.value++, a = await e.items(u.value, l, e.modelValue), d.value--), ae.value = a;
+    }, he = () => {
+      e.debug && console.log("running addOption");
+      const l = u.value, a = u.value, t = JSON.stringify(a), n = {
+        text: l,
+        value: a,
+        jsonValue: t,
+        id: "option_" + t.replace(/\W/g, "_"),
+        original: a,
+        manual: !0,
+        disabled: !1
+      };
+      V.value = V.value.concat(n), u.value = "";
+    }, z = e.prefill === !0 || !e.multiple && B(e.modelValue) || e.multiple && !!e.modelValue.length;
+    let U;
+    X(
+      () => e.modelValue,
+      (l, a) => {
+        e.debug && console.log("running watch.modelValue"), U && clearTimeout(U), U = setTimeout(
+          async () => {
+            if (e.multiple) {
+              if (!Array.isArray(e.modelValue))
+                throw new Error("props.modelValue is not an array.");
+              let t = e.modelValue.every(
+                (n) => m.value.get(n)
+              );
+              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = e.modelValue.every(
+                (n) => m.value.get(n)
+              )), t)
+                e.stash && (p.value = e.modelValue.map(
+                  (n) => m.value.get(n)
+                ));
+              else {
+                let n = [];
+                const o = l.filter((T) => {
+                  let J = m.value.get(T);
+                  return J && n.push(J), J;
+                });
+                e.stash && (p.value = n), e.enforceCoherence && c("update:modelValue", o);
+              }
+            } else {
+              e.debug && console.log("watch.modelValue >> single");
+              let t = m.value.get(e.modelValue);
+              if (!t && B(e.modelValue) || a === void 0) {
+                e.debug && console.log("watch.modelValue >> not found line 895");
+                const n = u.value;
+                u.value = "", await N({ prefill: !0 }), u.value = n;
+              }
+              t = m.value.get(e.modelValue), t ? (e.debug && console.log("watch.modelValue >> found"), u.value = t.text, e.stash && (p.value = [t])) : e.enforceCoherence && B(l) ? (e.debug && console.log("watch.modelValue >> not found line 911"), u.value = "", e.stash && (p.value = []), c("update:modelValue", null)) : u.value = "";
+            }
+          },
+          z ? 0 : e.modelValueDebounceTime
+        );
+      },
+      // Prefill when asked or when items are static
+      { immediate: z, deep: !0 }
+    ), X(
+      () => e.items,
+      async (l, a) => {
+        if (typeof l == "function" || // Circumvent arrays defined in the template by the parent
+        JSON.stringify(l) !== JSON.stringify(a))
+          if (e.debug && console.log("watch.items"), await N({ prefill: !1 }), e.multiple) {
+            if (!e.modelValue.every(
+              (n) => m.value.get(n)
+            ) && e.enforceCoherence) {
+              const n = e.modelValue.filter((o) => m.value.get(o));
+              c("update:modelValue", n);
+            }
+          } else
+            !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && c("update:modelValue", null), r.value = null;
+      }
+    );
+    let j;
+    X(
+      () => e.dependencies,
+      (l, a) => {
+        !z && e.prefill === "focus" && Y || JSON.stringify(l) !== JSON.stringify(a) && (j && clearTimeout(j), j = setTimeout(async () => {
+          if (JSON.stringify(l) !== JSON.stringify(a)) {
+            e.enforceCoherence && e.stash && (p.value = []);
+            let t = u.value;
+            if (u.value = "", await N({ prefill: !0 }), u.value = t, !e.multiple)
+              !m.value.get(e.modelValue) && e.enforceCoherence && B(e.modelValue) && (u.value = "", e.stash && (p.value = []), c("update:modelValue", null));
+            else if (!e.modelValue.every(
+              (o) => m.value.get(o)
+            ) && e.enforceCoherence) {
+              let o = [];
+              const T = e.modelValue.filter((J) => {
+                let G = m.value.get(J);
+                return G && o.push(G), G;
+              });
+              e.stash && (p.value = o), c("update:modelValue", T);
+            }
+          }
+        }, e.depsDebounceTime));
+      },
+      { deep: !0 }
+    );
+    const ye = () => {
+      e.debug && console.log("Running display options"), E.value && v.value && Ue(E.value, v.value, {
+        placement: "bottom",
+        middleware: [Xe(6), je(), Qe()]
+      }).then((l) => {
+        var a;
+        v.value && (v.value.style.left = `${l.x}px`, v.value.style.top = `${l.y}px`, v.value.style.width = `${(a = E.value) == null ? void 0 : a.offsetWidth}px`);
+      });
+    }, k = f(!1), Q = f(!1), W = f(!1), K = f(!0), $ = async () => {
+      K.value = !1, Q.value = !0, await q(e.transitionDuration), Q.value = !1, k.value = !0;
+    }, A = async () => {
+      k.value = !1, W.value = !0, await q(e.transitionDuration), W.value = !1, K.value = !0;
+    }, P = f(!1);
+    let Y = !0;
+    const we = async (l) => {
+      e.debug && console.log("Running onInputFocus"), c("focus", l), P.value = !0, document.addEventListener("click", oe), document.addEventListener("focusin", ne), S.value instanceof HTMLInputElement && S.value.select(), e.prefill === "focus" && Y && !z && (await N({ prefill: !0 }), Y = !1);
+    }, ne = (l) => {
+      if (e.debug && console.log("Running onFocusOutside"), l.target instanceof Node && F.value && v.value && !F.value.contains(l.target) && !v.value.contains(l.target)) {
+        A(), c("inactive"), document.removeEventListener("focusin", ne), P.value = !1, e.multiple && q(500).then(() => {
+          u.value = "";
+        });
+        return;
+      }
+    }, Ve = async (l) => {
+      if (e.debug && console.log("Running onInputBlur"), c("blur", l), !e.multiple) {
+        let a = !1;
+        const t = e.modelValue;
+        if (await Promise.race([
+          q(250),
+          Ze(() => t !== e.modelValue).then(() => {
+            a = !0;
+          })
+        ]), !a) {
+          const n = m.value.get(e.modelValue);
+          n && (u.value = n.text);
+        }
+      }
+    }, Oe = (l) => c("change", l), Ce = (l) => {
+      e.debug && console.log("Running onInputInput"), c("input", l), u.value === "" && (e.multiple || c("update:modelValue", null)), typeof e.items == "function" && Te();
+    }, r = f(null), _ = y(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = C.value.length - 1), r.value % C.value.length) : r.value), i = f(null), ke = () => {
+      r.value !== null ? r.value++ : r.value = 0, se().then(() => {
+        var l;
+        if (_.value !== null) {
+          const a = (l = v.value) == null ? void 0 : l.querySelector(
+            `#${O.value[_.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, se().then(() => {
+        var l;
+        if (_.value !== null) {
+          const a = (l = v.value) == null ? void 0 : l.querySelector(
+            `#${O.value[_.value].id}`
+          );
+          a instanceof HTMLElement && a.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "start"
+          });
+        }
+      });
+    }, Se = async (l) => {
+      var a, t;
+      if (e.readonly || e.disabled) {
+        l.preventDefault();
+        return;
+      }
+      switch (l.key) {
+        case "ArrowUp":
+          {
+            if (l.preventDefault(), d.value)
+              return;
+            i.value = null, k.value ? _e() : (s.value.length && (r.value = le(s.value).index), await $());
+          }
+          break;
+        case "ArrowDown":
+          {
+            if (l.preventDefault(), d.value)
+              return;
+            i.value = null, k.value ? ke() : (s.value.length && (r.value = le(s.value).index), await $());
+          }
+          break;
+        case "ArrowLeft":
+          {
+            if (d.value)
+              return;
+            if (!u.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], o = (a = v.value) == null ? void 0 : a.querySelector(
+                `#${n.id}`
+              );
+              o && (o.scrollIntoView({
+                behavior: "smooth",
+                block: "nearest",
+                inline: "start"
+              }), r.value = R.value[s.value[i.value].id].index);
+            }
+          }
+          break;
+        case "ArrowRight":
+          {
+            if (d.value)
+              return;
+            if (!u.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], o = (t = v.value) == null ? void 0 : t.querySelector(
+                `#${n.id}`
+              );
+              o && (o.scrollIntoView({
+                behavior: "smooth",
+                block: "nearest",
+                inline: "start"
+              }), r.value = R.value[s.value[i.value].id].index);
+            }
+          }
+          break;
+        case "Enter":
+          {
+            if (l.preventDefault(), d.value)
+              return;
+            if (!k.value)
+              C.value.length && s.value.length && (r.value = le(s.value).index), await $();
+            else if (_.value !== null) {
+              if (C.value[_.value].disabled)
+                return;
+              e.multiple || await A(), M(
+                C.value[_.value]
+              );
+            } else if (e.addOptions) {
+              if (e.itemText || e.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;
+              }
+              he();
+              const n = We(V.value);
+              M(R.value[n.id]);
+            }
+          }
+          break;
+        case "Tab":
+        case "Escape":
+          k.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;
+            u.value || s.value.length && (i.value === null ? i.value = s.value.length - 1 : (M(
+              s.value[i.value]
+            ), s.value.length ? i.value = Math.max(
+              Math.min(
+                i.value,
+                s.value.length - 2
+              ),
+              0
+            ) : i.value = null)), await $();
+          }
+          break;
+        default:
+          i.value = null, r.value = null, await $();
+          break;
+      }
+    };
+    let Z;
+    const Te = () => {
+      Z && clearTimeout(Z), Z = setTimeout(async () => {
+        try {
+          await N({ prefill: !1 });
+        } catch (l) {
+          console.error(l);
+        }
+      }, e.queryDebounceTime);
+    }, xe = (l) => {
+      c("click", l), !(e.disabled || e.readonly) && (S.value instanceof HTMLElement && S.value.focus(), $());
+    }, Ie = (l) => {
+      if (l.currentTarget instanceof HTMLElement && l.currentTarget.classList.contains("bb-base-select-option")) {
+        const a = R.value[l.currentTarget.id];
+        if (a.disabled)
+          return;
+        M(a), S.value instanceof HTMLInputElement && S.value.focus(), e.multiple || A();
+      }
+    }, oe = (l) => {
+      if (l.target instanceof Node && F.value && !F.value.contains(l.target)) {
+        A(), c("inactive"), document.removeEventListener("click", oe), P.value = !1, e.multiple && q(500).then(() => {
+          u.value = "";
+        });
+        return;
+      }
+    }, Be = Ge(
+      (l) => typeof l != "string",
+      JSON.stringify
+    ), Ee = y(() => [].concat(e.modelValue).map((l) => {
+      const a = Be(l);
+      return {
+        disabled: e.disabled,
+        name: e.name,
+        type: "hidden",
+        value: a
+      };
+    }));
+    return (l, a) => (g(), h("span", {
+      ref_key: "outerContainer",
+      ref: F,
+      class: x({
+        "bb-base-select": !0,
+        "bb-base-select--active": P.value,
+        "bb-base-select--loading": d.value,
+        "bb-base-select--disabled": l.disabled,
+        "bb-base-select--errors": l.hasErrors,
+        "bb-base-select--readonly": l.readonly
+      }),
+      onClick: xe
+    }, [
+      b(l.$slots, "prepend-outer"),
+      w("span", {
+        ref_key: "innerContainer",
+        ref: E,
+        class: "bb-base-select__inner-container"
+      }, [
+        b(l.$slots, "prepend"),
+        w("span", el, [
+          l.multiple ? (g(), h(D, { key: 0 }, [
+            l.comma ? (g(!0), h(D, { key: 0 }, H(s.value, (t, n) => (g(), 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
+              })
+            }, L(t.text) + L(n < s.value.length - 1 ? "," : ""), 3))), 128)) : (g(!0), h(D, { key: 1 }, H(s.value, (t, n) => (g(), ue(ze, {
+              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": I((o) => M(t), ["stop"])
+            }, {
+              default: Le(() => [
+                b(l.$slots, "chip", {
+                  disabled: t.disabled,
+                  hasErrors: l.hasErrors,
+                  index: t.index,
+                  item: t.original,
+                  loading: !!d.value,
+                  manual: t.manual,
+                  selected: t.selected,
+                  text: t.text,
+                  value: t.value
+                }, () => [
+                  ee(L(t.text), 1)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class", "text", "onClick:clear"]))), 128))
+          ], 64)) : ie("", !0),
+          Fe(w("input", {
+            id: l.id,
+            ref_key: "input",
+            ref: S,
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
+            autocomplete: l.autocomplete,
+            autofocus: l.autofocus,
+            class: x("bb-base-select__text-input"),
+            disabled: l.disabled,
+            placeholder: fe.value,
+            readonly: l.readonly || !l.allowWriting,
+            type: "text",
+            onBlur: I(Ve, ["stop"]),
+            onChange: I(Oe, ["stop"]),
+            onFocus: I(we, ["stop"]),
+            onInput: I(Ce, ["stop"]),
+            onKeydown: I(Se, ["stop"])
+          }, null, 40, ll), [
+            [Me, u.value]
+          ]),
+          (g(), ue(Ae, { to: "body" }, [
+            w("span", {
+              ref_key: "optionsContainer",
+              ref: v,
+              class: x({
+                "bb-base-select__options-container": !0,
+                "bb-base-select__options-container--shown": k.value,
+                "bb-base-select__options-container--showing": Q.value,
+                "bb-base-select__options-container--hiding": W.value,
+                "bb-base-select__options-container--hidden": K.value
+              }),
+              role: "listbox",
+              style: Je({ transitionDuration: ve }),
+              tabindex: -1
+            }, [
+              b(l.$slots, "options:prepend"),
+              !C.value.length && d.value ? (g(), h("span", tl, [
+                b(l.$slots, "loading", { query: u.value }, () => [
+                  ee(L(l.loadingText), 1)
+                ])
+              ])) : C.value.length ? ie("", !0) : (g(), h("span", al, [
+                b(l.$slots, "no-data", { query: u.value }, () => [
+                  ee(L(l.noDataText), 1)
+                ])
+              ])),
+              (g(!0), h(D, null, H(C.value, (t) => (g(), h(D, {
+                key: t.id
+              }, [
+                b(l.$slots, "option:prepend", {
+                  item: t.original
+                }),
+                w("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": t.focused,
+                    "bb-base-select-option--disabled": t.disabled
+                  }),
+                  role: "option",
+                  onClick: I(Ie, ["stop"])
+                }, [
+                  b(l.$slots, "option", {
+                    disabled: t.disabled,
+                    focused: t.focused,
+                    hasErrors: l.hasErrors,
+                    index: t.index,
+                    item: t.original,
+                    loading: !!d.value,
+                    manual: t.manual,
+                    selected: t.selected,
+                    text: t.text,
+                    value: t.value
+                  }, () => [
+                    w("span", ol, [
+                      w("span", ul, L(t.text), 1)
+                    ])
+                  ])
+                ], 10, nl),
+                b(l.$slots, "option:append", {
+                  item: t.original
+                })
+              ], 64))), 128)),
+              b(l.$slots, "options:append")
+            ], 6)
+          ]))
+        ]),
+        w("span", il, [
+          b(l.$slots, "chevron", {
+            loading: !!d.value,
+            shown: k.value
+          }, () => [
+            sl
+          ])
+        ]),
+        d.value ? (g(), h("span", {
+          key: 1,
+          class: x({
+            "bb-base-select__spinner": !0,
+            "bb-base-select__spinner--loading": d.value
+          })
+        }, [
+          b(l.$slots, "spinner", {
+            loading: !!d.value
+          }, () => [
+            qe(Pe, { size: "sm" })
+          ])
+        ], 2)) : b(l.$slots, "append", { key: 0 })
+      ], 512),
+      b(l.$slots, "append-outer"),
+      (g(!0), h(D, null, H(Ee.value, (t) => (g(), h("input", Re({
+        key: t.value
+      }, t), null, 16))), 128))
+    ], 2));
+  }
+});
+export {
+  _l as default
+};
+//# sourceMappingURL=index31.js.map