bitboss-ui 0.2.32 → 0.2.33

package/dist/index31.js

@@ -1,692 +0,0 @@
-import { defineComponent as Ne, ref as f, computed as g, onMounted as $e, onBeforeUnmount as De, watch as X, openBlock as b, createElementBlock as y, normalizeClass as x, renderSlot as h, createElementVNode as w, Fragment as D, renderList as j, toDisplayString as L, createBlock as se, withModifiers as B, withCtx as Le, createTextVNode as ee, createCommentVNode as oe, withDirectives as Fe, vModelDynamic as Ae, Teleport as Me, normalizeStyle as Je, createVNode as qe, mergeProps as ze, nextTick as ie } from "vue";
-import Pe from "./index115.js";
-import "./index158.js";
-import He from "./index119.js";
-import "./index185.js";
-import { autoUpdate as je, computePosition as Qe, flip as Ue, shift as We } from "./index212.js";
-import { deepEqual as re } from "./index123.js";
-import { head as le } from "./index220.js";
-import { isNotNil as I } from "./index124.js";
-import { last as Re } from "./index206.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 "./index210.js";
-import { when as Ge } from "./index198.js";
-import { offset as Xe } from "./index217.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"], ul = { class: "bb-base-select-option__content" }, sl = { class: "bb-base-select-option__text" }, ol = { class: "bb-base-select__chevron" }, il = /* @__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), Ol = /* @__PURE__ */ Ne({
-  __name: "BaseSelect",
-  props: {
-    allowWriting: { type: Boolean, default: !0 },
-    autocomplete: {},
-    autofocus: {},
-    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 l = de, c = ce;
-    if (l.multiple && !Array.isArray(l.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), T = f(null), s = f(""), fe = g(() => i.value.length ? "" : l.placeholder), d = f(0), ve = l.transitionDuration / 1e3 + "s";
-    let te;
-    $e(async () => {
-      E.value && v.value && (te = je(
-        E.value,
-        v.value,
-        ge,
-        {
-          ancestorResize: !0,
-          ancestorScroll: !0,
-          animationFrame: l.updateOnAnimationFrame,
-          elementResize: !0
-        }
-      ));
-    }), De(() => {
-      te();
-    });
-    const ae = f([]), m = f([]), V = f([]), { getItemText: me } = Ke(), { getItemValue: pe } = Ye(), be = g(() => ae.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
-      };
-    })), C = g(() => {
-      let e = be.value.reduce(
-        (n, u) => (n[u.id] = u, n),
-        {}
-      );
-      const a = V.value.reduce(
-        (n, u) => (n[u.id] || (n[u.id] = u), n),
-        e
-      ), t = m.value.reduce(
-        (n, u) => (n[u.id] || (n[u.id] = u), n),
-        a
-      );
-      return Object.values(t).map(
-        (n, u) => ({
-          ...n,
-          selected: I(he.value.get(n.value)),
-          index: u
-        })
-      );
-    }), k = g(() => {
-      let e = [];
-      return s.value && !i.value.some(
-        (a) => a.text === s.value
-      ) ? e = C.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 S = n[u];
-              t = t || a.original[S] && a.original[S].toLowerCase().includes(s.value.toLowerCase());
-            }
-          }
-        } else
-          return !0;
-        return t || a.text.toLowerCase().includes(s.value.toLowerCase());
-      }) : e = C.value, e.map((a, t) => ({
-        ...a,
-        focused: O.value === t
-      }));
-    }), z = g(
-      () => C.value.reduce(
-        (e, a) => ({
-          ...e,
-          [a.id]: a
-        }),
-        {}
-      )
-    ), p = g(() => {
-      if (l.matchStrategy === "string") {
-        let e = C.value.reduce(
-          (a, t) => (a[t.jsonValue] = t, a),
-          {}
-        );
-        return {
-          get: (a) => e[JSON.stringify(a)]
-        };
-      } else if (l.matchStrategy === "equality") {
-        let e = C.value.map((a) => [
-          a.value,
-          a
-        ]);
-        return {
-          get: (a) => {
-            var t;
-            return (t = e.find((n) => re(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(I).map((a, t) => [a, t]);
-        return {
-          get: (a) => {
-            var t;
-            return (t = e.find((n) => re(n[0], a))) == null ? void 0 : t[1];
-          }
-        };
-      } else
-        throw new Error("No match strategy has been defined");
-    }), i = g(() => [].concat(l.modelValue).reduce((e, a) => {
-      const t = p.value.get(a);
-      return t && e.push(t), e;
-    }, [])), A = (e) => {
-      let a;
-      r.value = e.index, l.multiple ? (e.selected ? (e.manual && (V.value = V.value.filter(
-        (t) => t.id !== e.id
-      )), a = l.modelValue.filter(
-        (t) => JSON.stringify(t) !== e.jsonValue
-      ), l.stash && (m.value = m.value.filter((t) => t.id !== e.id))) : (a = l.modelValue.concat(e.value), l.stash && (m.value = m.value.concat(e))), l.resetQueryOnOptionSelected && (s.value = "")) : e.selected ? (e.manual && (V.value = V.value.filter(
-        (t) => t.id !== e.id
-      )), a = null, l.stash && (m.value = []), s.value = "") : (a = e.value, l.stash && (m.value = [e]), s.value = e.text), c("update:modelValue", a);
-    }, N = async ({ prefill: e = !1 }) => {
-      let a = [];
-      Array.isArray(l.items) ? a = l.items : typeof l.items == "function" && (d.value++, a = await l.items(s.value, e, l.modelValue), d.value--), ae.value = a;
-    }, ye = () => {
-      const e = s.value, a = s.value, t = JSON.stringify(a), n = {
-        text: e,
-        value: a,
-        jsonValue: t,
-        id: "option_" + t.replace(/\W/g, "_"),
-        original: a,
-        manual: !0,
-        disabled: !1
-      };
-      V.value = V.value.concat(n), s.value = "";
-    }, P = l.prefill === !0 || !l.multiple && I(l.modelValue) || l.multiple && !!l.modelValue.length;
-    let Q;
-    X(
-      () => l.modelValue,
-      (e, a) => {
-        Q && clearTimeout(Q), Q = 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) => p.value.get(n)
-              );
-              if ((!t || a === void 0) && (await N({ prefill: !0 }), t = l.modelValue.every(
-                (n) => p.value.get(n)
-              )), t)
-                l.stash && (m.value = l.modelValue.map(
-                  (n) => p.value.get(n)
-                ));
-              else {
-                let n = [];
-                const u = e.filter((S) => {
-                  let J = p.value.get(S);
-                  return J && n.push(J), J;
-                });
-                l.stash && (m.value = n), l.enforceCoherence && c("update:modelValue", u);
-              }
-            } else {
-              let t = p.value.get(l.modelValue);
-              if (!t && I(l.modelValue) || a === void 0) {
-                const n = s.value;
-                s.value = "", await N({ prefill: !0 }), s.value = n;
-              }
-              t = p.value.get(l.modelValue), t ? (s.value = t.text, l.stash && (m.value = [t])) : l.enforceCoherence && I(e) ? (s.value = "", l.stash && (m.value = []), c("update:modelValue", null)) : s.value = "";
-            }
-          },
-          P ? 0 : l.modelValueDebounceTime
-        );
-      },
-      // Prefill when asked or when items are static
-      { immediate: P, deep: !0 }
-    ), X(
-      () => 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 N({ prefill: !1 }), l.multiple) {
-            if (!l.modelValue.every(
-              (n) => p.value.get(n)
-            ) && l.enforceCoherence) {
-              const n = l.modelValue.filter((u) => p.value.get(u));
-              c("update:modelValue", n);
-            }
-          } else
-            !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && c("update:modelValue", null), r.value = null;
-      }
-    );
-    let U;
-    X(
-      () => l.dependencies,
-      (e, a) => {
-        !P && l.prefill === "focus" && Y || JSON.stringify(e) !== JSON.stringify(a) && (U && clearTimeout(U), U = setTimeout(async () => {
-          if (JSON.stringify(e) !== JSON.stringify(a)) {
-            l.enforceCoherence && l.stash && (m.value = []);
-            let t = s.value;
-            if (s.value = "", await N({ prefill: !0 }), s.value = t, !l.multiple)
-              !p.value.get(l.modelValue) && l.enforceCoherence && I(l.modelValue) && (s.value = "", l.stash && (m.value = []), c("update:modelValue", null));
-            else if (!l.modelValue.every(
-              (u) => p.value.get(u)
-            ) && l.enforceCoherence) {
-              let u = [];
-              const S = l.modelValue.filter((J) => {
-                let G = p.value.get(J);
-                return G && u.push(G), G;
-              });
-              l.stash && (m.value = u), c("update:modelValue", S);
-            }
-          }
-        }, l.depsDebounceTime));
-      },
-      { deep: !0 }
-    );
-    const ge = () => {
-      E.value && v.value && Qe(E.value, v.value, {
-        placement: "bottom",
-        middleware: [Xe(6), Ue(), We()]
-      }).then((e) => {
-        var a;
-        v.value && (v.value.style.left = `${e.x}px`, v.value.style.top = `${e.y}px`, v.value.style.width = `${(a = E.value) == null ? void 0 : a.offsetWidth}px`);
-      });
-    }, _ = f(!1), W = f(!1), R = f(!1), K = f(!0), $ = async () => {
-      K.value = !1, W.value = !0, await q(l.transitionDuration), W.value = !1, _.value = !0;
-    }, M = async () => {
-      _.value = !1, R.value = !0, await q(l.transitionDuration), R.value = !1, K.value = !0;
-    }, H = f(!1);
-    let Y = !0;
-    const we = async (e) => {
-      c("focus", e), H.value = !0, document.addEventListener("click", ue), document.addEventListener("focusin", ne), T.value instanceof HTMLInputElement && T.value.select(), l.prefill === "focus" && Y && !P && (await N({ prefill: !0 }), Y = !1);
-    }, ne = (e) => {
-      if (e.target instanceof Node && F.value && v.value && !F.value.contains(e.target) && !v.value.contains(e.target)) {
-        M(), c("inactive"), document.removeEventListener("focusin", ne), H.value = !1, l.multiple && q(500).then(() => {
-          s.value = "";
-        });
-        return;
-      }
-    }, Ve = async (e) => {
-      if (c("blur", e), !l.multiple) {
-        let a = !1;
-        const t = l.modelValue;
-        if (await Promise.race([
-          q(250),
-          Ze(() => t !== l.modelValue).then(() => {
-            a = !0;
-          })
-        ]), !a) {
-          const n = p.value.get(l.modelValue);
-          n && (s.value = n.text);
-        }
-      }
-    }, Ce = (e) => c("change", e), ke = (e) => {
-      c("input", e), s.value === "" && (l.multiple || c("update:modelValue", null)), typeof l.items == "function" && Se();
-    }, r = f(null), O = g(() => Number.isInteger(r.value) && r.value ? (r.value === -1 && (r.value = k.value.length - 1), r.value % k.value.length) : r.value), o = f(null), _e = () => {
-      r.value !== null ? r.value++ : r.value = 0, ie().then(() => {
-        var e;
-        if (O.value !== null) {
-          const a = (e = v.value) == null ? void 0 : e.querySelector(
-            `#${C.value[O.value].id}`
-          );
-          a instanceof HTMLElement && a.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "start"
-          });
-        }
-      });
-    }, Oe = () => {
-      r.value !== null ? r.value-- : r.value = C.value.length - 1, ie().then(() => {
-        var e;
-        if (O.value !== null) {
-          const a = (e = v.value) == null ? void 0 : e.querySelector(
-            `#${C.value[O.value].id}`
-          );
-          a instanceof HTMLElement && a.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "start"
-          });
-        }
-      });
-    }, Te = async (e) => {
-      var a, t;
-      if (l.readonly || l.disabled) {
-        e.preventDefault();
-        return;
-      }
-      switch (e.key) {
-        case "ArrowUp":
-          {
-            if (e.preventDefault(), d.value)
-              return;
-            o.value = null, _.value ? Oe() : (i.value.length && (r.value = le(i.value).index), await $());
-          }
-          break;
-        case "ArrowDown":
-          {
-            if (e.preventDefault(), d.value)
-              return;
-            o.value = null, _.value ? _e() : (i.value.length && (r.value = le(i.value).index), await $());
-          }
-          break;
-        case "ArrowLeft":
-          {
-            if (d.value)
-              return;
-            if (!s.value && i.value.length && (o.value === null ? o.value = i.value.length - 1 : o.value > 0 ? o.value-- : o.value = null, o.value !== null)) {
-              let n = i.value[o.value], u = (a = v.value) == null ? void 0 : a.querySelector(
-                `#${n.id}`
-              );
-              u && (u.scrollIntoView({
-                behavior: "smooth",
-                block: "nearest",
-                inline: "start"
-              }), r.value = z.value[i.value[o.value].id].index);
-            }
-          }
-          break;
-        case "ArrowRight":
-          {
-            if (d.value)
-              return;
-            if (!s.value && i.value.length && (o.value === null ? o.value = 0 : o.value < i.value.length - 1 ? o.value++ : o.value = null, o.value !== null)) {
-              let n = i.value[o.value], u = (t = v.value) == null ? void 0 : t.querySelector(
-                `#${n.id}`
-              );
-              u && (u.scrollIntoView({
-                behavior: "smooth",
-                block: "nearest",
-                inline: "start"
-              }), r.value = z.value[i.value[o.value].id].index);
-            }
-          }
-          break;
-        case "Enter":
-          {
-            if (e.preventDefault(), d.value)
-              return;
-            if (!_.value)
-              k.value.length && i.value.length && (r.value = le(i.value).index), await $();
-            else if (O.value !== null) {
-              if (k.value[O.value].disabled)
-                return;
-              l.multiple || await M(), A(
-                k.value[O.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 = Re(V.value);
-              A(z.value[n.id]);
-            }
-          }
-          break;
-        case "Tab":
-        case "Escape":
-          _.value && await M(), c("inactive"), o.value = null, r.value = null;
-          break;
-        case "Shift":
-          if (d.value)
-            return;
-          break;
-        case "Backspace":
-          {
-            if (d.value)
-              return;
-            s.value || i.value.length && (o.value === null ? o.value = i.value.length - 1 : (A(
-              i.value[o.value]
-            ), i.value.length ? o.value = Math.max(
-              Math.min(
-                o.value,
-                i.value.length - 2
-              ),
-              0
-            ) : o.value = null)), await $();
-          }
-          break;
-        default:
-          o.value = null, r.value = null, await $();
-          break;
-      }
-    };
-    let Z;
-    const Se = () => {
-      Z && clearTimeout(Z), Z = setTimeout(async () => {
-        try {
-          await N({ prefill: !1 });
-        } catch (e) {
-          console.error(e);
-        }
-      }, l.queryDebounceTime);
-    }, xe = (e) => {
-      c("click", e), !(l.disabled || l.readonly) && (T.value instanceof HTMLElement && T.value.focus(), $());
-    }, Be = (e) => {
-      if (e.currentTarget instanceof HTMLElement && e.currentTarget.classList.contains("bb-base-select-option")) {
-        const a = z.value[e.currentTarget.id];
-        if (a.disabled)
-          return;
-        A(a), T.value instanceof HTMLInputElement && T.value.focus(), l.multiple || M();
-      }
-    }, ue = (e) => {
-      if (e.target instanceof Node && F.value && !F.value.contains(e.target)) {
-        M(), c("inactive"), document.removeEventListener("click", ue), H.value = !1, l.multiple && q(500).then(() => {
-          s.value = "";
-        });
-        return;
-      }
-    }, Ie = Ge(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), Ee = g(() => [].concat(l.modelValue).map((e) => {
-      const a = Ie(e);
-      return {
-        disabled: l.disabled,
-        name: l.name,
-        type: "hidden",
-        value: a
-      };
-    }));
-    return (e, a) => (b(), y("span", {
-      ref_key: "outerContainer",
-      ref: F,
-      class: x({
-        "bb-base-select": !0,
-        "bb-base-select--active": H.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: xe
-    }, [
-      h(e.$slots, "prepend-outer"),
-      w("span", {
-        ref_key: "innerContainer",
-        ref: E,
-        class: "bb-base-select__inner-container"
-      }, [
-        h(e.$slots, "prepend"),
-        w("span", el, [
-          e.multiple ? (b(), y(D, { key: 0 }, [
-            e.comma ? (b(!0), y(D, { key: 0 }, j(i.value, (t, n) => (b(), y("span", {
-              key: t.id,
-              class: x({
-                "bb-base-select__selected": !0,
-                "bb-base-select__selected--comma": !0,
-                "bb-base-select__selected--focused": n === o.value
-              })
-            }, L(t.text) + L(n < i.value.length - 1 ? "," : ""), 3))), 128)) : (b(!0), y(D, { key: 1 }, j(i.value, (t, n) => (b(), se(Pe, {
-              key: t.id,
-              class: x({
-                "bb-base-select__selected": !0,
-                "bb-base-select__selected--chip": !0,
-                "bb-base-select__selected--focused": n === o.value
-              }),
-              clearable: !0,
-              text: t.text,
-              "onClick:clear": B((u) => A(t), ["stop"])
-            }, {
-              default: Le(() => [
-                h(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
-                }, () => [
-                  ee(L(t.text), 1)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["class", "text", "onClick:clear"]))), 128))
-          ], 64)) : oe("", !0),
-          Fe(w("input", {
-            id: e.id,
-            ref_key: "input",
-            ref: T,
-            "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
-            autocomplete: e.autocomplete,
-            autofocus: e.autofocus,
-            class: x("bb-base-select__text-input"),
-            disabled: e.disabled,
-            placeholder: fe.value,
-            readonly: e.readonly || !e.allowWriting,
-            type: "text",
-            onBlur: B(Ve, ["stop"]),
-            onChange: B(Ce, ["stop"]),
-            onFocus: B(we, ["stop"]),
-            onInput: B(ke, ["stop"]),
-            onKeydown: B(Te, ["stop"])
-          }, null, 40, ll), [
-            [Ae, s.value]
-          ]),
-          (b(), se(Me, { to: "body" }, [
-            w("span", {
-              ref_key: "optionsContainer",
-              ref: v,
-              class: x({
-                "bb-base-select__options-container": !0,
-                "bb-base-select__options-container--shown": _.value,
-                "bb-base-select__options-container--showing": W.value,
-                "bb-base-select__options-container--hiding": R.value,
-                "bb-base-select__options-container--hidden": K.value
-              }),
-              role: "listbox",
-              style: Je({ transitionDuration: ve }),
-              tabindex: -1
-            }, [
-              h(e.$slots, "options:prepend"),
-              !k.value.length && d.value ? (b(), y("span", tl, [
-                h(e.$slots, "loading", { query: s.value }, () => [
-                  ee(L(e.loadingText), 1)
-                ])
-              ])) : k.value.length ? oe("", !0) : (b(), y("span", al, [
-                h(e.$slots, "no-data", { query: s.value }, () => [
-                  ee(L(e.noDataText), 1)
-                ])
-              ])),
-              (b(!0), y(D, null, j(k.value, (t) => (b(), y(D, {
-                key: t.id
-              }, [
-                h(e.$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: B(Be, ["stop"])
-                }, [
-                  h(e.$slots, "option", {
-                    disabled: t.disabled,
-                    focused: t.focused,
-                    hasErrors: e.hasErrors,
-                    index: t.index,
-                    item: t.original,
-                    loading: !!d.value,
-                    manual: t.manual,
-                    selected: t.selected,
-                    text: t.text,
-                    value: t.value
-                  }, () => [
-                    w("span", ul, [
-                      w("span", sl, L(t.text), 1)
-                    ])
-                  ])
-                ], 10, nl),
-                h(e.$slots, "option:append", {
-                  item: t.original
-                })
-              ], 64))), 128)),
-              h(e.$slots, "options:append")
-            ], 6)
-          ]))
-        ]),
-        w("span", ol, [
-          h(e.$slots, "chevron", {
-            loading: !!d.value,
-            shown: _.value
-          }, () => [
-            il
-          ])
-        ]),
-        d.value ? (b(), y("span", {
-          key: 1,
-          class: x({
-            "bb-base-select__spinner": !0,
-            "bb-base-select__spinner--loading": d.value
-          })
-        }, [
-          h(e.$slots, "spinner", {
-            loading: !!d.value
-          }, () => [
-            qe(He, { size: "sm" })
-          ])
-        ], 2)) : h(e.$slots, "append", { key: 0 })
-      ], 512),
-      h(e.$slots, "append-outer"),
-      (b(!0), y(D, null, j(Ee.value, (t) => (b(), y("input", ze({
-        key: t.value
-      }, t), null, 16))), 128))
-    ], 2));
-  }
-});
-export {
-  Ol as default
-};
-//# sourceMappingURL=index31.js.map