bitboss-ui 2.1.106 → 2.1.108

package/dist/index110.js

@@ -1,191 +1,530 @@
-import { defineComponent as f, ref as y, computed as g, createBlock as v, openBlock as B, withCtx as a, createVNode as $, mergeProps as w, renderSlot as n, normalizeProps as l, guardReactiveProps as i } from "vue";
-import T from "./index28.js";
-/* empty css        */
-import V from "./index38.js";
-/* empty css        */
-const F = /* @__PURE__ */ f({
-  __name: "BbSelect",
+import { defineComponent as at, ref as f, computed as l, watch as Q, toRef as X, onBeforeUnmount as rt, createElementBlock as Y, openBlock as Z, Fragment as nt, renderSlot as m, createCommentVNode as it, createVNode as F, normalizeProps as ye, mergeProps as ge, normalizeStyle as lt, normalizeClass as st, withCtx as g, createElementVNode as L, withDirectives as ut, withKeys as h, withModifiers as d, unref as I, vModelDynamic as ct, guardReactiveProps as dt, nextTick as we } from "vue";
+import { extractDomContainer as pt } from "./index276.js";
+import { get as vt } from "./index284.js";
+import { hash as ee } from "./index236.js";
+import { isNil as ft } from "./index242.js";
+import { matchAnyKey as Be } from "./index277.js";
+import { parseWidthString as mt } from "./index286.js";
+import { useArray as ht } from "./index278.js";
+import { useBaseOptions as bt } from "./index234.js";
+import { useCoherence as yt } from "./index235.js";
+import { useElementSize as gt, useIntersectionObserver as wt } from "./index145.js";
+import { useHashedWatcher as Ae } from "./index237.js";
+import { useId as Bt } from "./index8.js";
+import { useIndexById as Ie } from "./index233.js";
+import { useItemsGetter as At } from "./index232.js";
+import { useMobile as It } from "./index9.js";
+import { usePrefill as Vt } from "./index238.js";
+import { useUntil as xt } from "./index271.js";
+import { wait as C } from "./index144.js";
+/* empty css       */
+/* empty css       */
+import Et from "./index118.js";
+/* empty css         */
+import St from "./index252.js";
+/* empty css         */
+import kt from "./index224.js";
+import Dt from "./index283.js";
+import { waitFor as Lt } from "./index287.js";
+const Ct = {
+  key: 0,
+  class: "bb-select-popover__search-container"
+}, Ht = ["id", "aria-activedescendant", "aria-controls", "aria-describedby", "aria-invalid", "aria-label", "autocomplete", "inputmode", "tabindex", "onKeydown"], Pt = ["aria-controls", "aria-describedby", "aria-invalid", "aria-label", "onKeydown"], $t = ["aria-hidden", "inert"], Ft = ["aria-hidden", "inert"], co = /* @__PURE__ */ at({
+  __name: "BbSelectPopover",
   props: {
+    activator: {},
     allowWriting: { type: [Boolean, String], default: !0 },
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    clearable: { type: Boolean },
-    comma: { type: Boolean },
+    autocomplete: { default: "off" },
     compact: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
-    direction: {},
+    arrowPadding: { default: 10 },
+    boundary: {},
+    dependencies: { default: () => [] },
+    depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
+    hasErrors: { type: Boolean },
+    ariaInvalid: { type: Boolean },
+    ariaDescribedby: {},
+    flip: { type: Boolean, default: !0 },
+    hideArrow: { type: Boolean, default: !0 },
     enforceCoherence: { type: Boolean },
-    errors: {},
     filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
     groupBy: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
+    headerHeight: {},
     id: {},
     items: {},
-    headerHeight: {},
     itemHeight: {},
     itemText: {},
     itemValue: {},
-    label: {},
-    labelPosition: {},
     loading: { type: Boolean },
     loadingText: {},
-    max: {},
-    maxSelectedLabels: {},
+    max: { default: 1 / 0 },
     modelValue: {},
-    modelValueDebounceTime: {},
+    modelValueDebounceTime: { default: 0 },
     multiple: { type: Boolean },
-    name: {},
     noDataText: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    prefill: { type: [Boolean, String], default: "focus" },
-    "prepend:icon": {},
-    required: { type: Boolean },
-    queryDebounceTime: {},
+    offset: { default: 4 },
+    padding: { default: 10 },
+    placement: { default: "bottom" },
+    prefill: { type: [Boolean, String], default: "interaction" },
+    queryDebounceTime: { default: 500 },
     readonly: { type: Boolean },
-    reverse: { type: Boolean },
-    selectedLabelsFn: {},
-    showChevron: { type: Boolean, default: !0 },
+    searchInputAriaLabel: {},
     stash: { type: Boolean },
-    transitionDuration: {},
-    updateOnAnimationFrame: { type: Boolean }
+    transitionDuration: { default: 300 },
+    width: { default: "200" }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue", "option:add"],
-  setup(d, { emit: u }) {
-    const r = d, t = u, s = y(!1), m = g(() => r.persistentHint || s.value), h = {
-      onBlur: (e) => t("blur", e),
-      onChange: (e) => t("change", e),
-      onClick: (e) => t("click", e),
-      "onOption:add": (e) => t("option:add", e),
-      onFocus: (e) => {
-        s.value = !0, t("focus", e);
+  setup(Ve, { emit: xe }) {
+    const t = Ve, s = xe;
+    if (t.multiple && !Array.isArray(t.modelValue))
+      throw new Error('Multiple is set to "true" but modelValue is not an array.');
+    const v = f(), c = f(null), O = f(null), T = f(null), H = f(), { width: w } = gt(
+      v,
+      { width: 0, height: 0 },
+      {
+        box: "border-box"
+      }
+    ), Ee = l(() => t.activator != null), te = (e) => {
+      const o = pt(e);
+      o && (v.value = o);
+    };
+    Q(
+      () => t.activator,
+      (e) => {
+        e && te(e);
       },
-      onInactive: () => {
-        s.value = !1, t("inactive");
+      { immediate: !0 }
+    );
+    const { isMobile: oe } = It(), b = l(() => t.allowWriting === "not-mobile" ? !oe.value : !!t.allowWriting), Se = l(
+      () => t.allowWriting === "not-mobile" && oe.value ? "none" : void 0
+    ), ae = l(
+      () => t.searchInputAriaLabel ?? "Search options"
+    ), V = t.id || Bt().id.value, _ = l(() => t.ariaInvalid ?? !!t.hasErrors ? "true" : void 0), z = l(() => {
+      const e = t.ariaDescribedby;
+      if (Array.isArray(e))
+        return e.map((r) => r.trim()).filter(Boolean).join(" ") || void 0;
+      if (typeof e == "string")
+        return e.trim() || void 0;
+    }), { resume: ke, pause: De } = wt(
+      v,
+      async ([{ intersectionRatio: e }]) => {
+        e !== 1 && a.value && await A();
       },
-      onInput: (e) => t("input", e),
-      "onUpdate:modelValue": (e) => t("update:modelValue", e)
+      { threshold: [0, 1], immediate: !1 }
+    ), Le = l(() => {
+      if (t.width === "auto") return "auto";
+      if (t.width == null || t.width === "")
+        return w.value ? `${w.value}px` : "320px";
+      try {
+        const { value: e, unit: o } = mt(t.width);
+        return o === "%" ? w.value ? `${w.value * (e / 100)}px` : "320px" : `${e}${o}`;
+      } catch {
+        return typeof t.width == "string" ? t.width.trim() : w.value ? `${w.value}px` : "320px";
+      }
+    }), Ce = l(() => ({
+      "--bb-select-popover-width": Le.value
+    })), W = () => {
+      v.value?.focus();
+    }, x = () => {
+      O.value instanceof HTMLInputElement && O.value.focus();
+    }, K = () => {
+      T.value instanceof HTMLButtonElement && T.value.focus();
+    }, E = () => {
+      if (b.value) {
+        x();
+        return;
+      }
+      K();
+    }, He = (e) => {
+      s("focus", e), $();
+    }, Pe = (e) => {
+      s("blur", e), be();
+    }, $e = (e) => {
+      s("change", e);
+    }, Fe = (e) => {
+      $();
+    }, Oe = (e) => {
+      s("input", e), ze(i.value, !1, t.modelValue);
+    }, Te = (e) => {
+      H.value = e;
+    }, B = async (e) => {
+      const o = e.target instanceof Element ? e.target : e.target instanceof Text ? e.target.parentElement : null;
+      if (!o) return;
+      const r = v.value?.contains(o), n = !!o.closest(".bb-common-popover");
+      r || n || (await A(), he());
+    }, M = l(() => !(t.readonly || t.disabled || S.value)), q = async () => Lt(() => !!c.value, 100), re = () => {
+      const e = y.value[0];
+      if (e?.valueHash) {
+        c.value?.focusByHash(e.valueHash);
+        return;
+      }
+      c.value?.focusFirstSelected();
+    }, _e = () => {
+      const e = y.value[y.value.length - 1];
+      if (e?.valueHash) {
+        c.value?.focusByHash(e.valueHash);
+        return;
+      }
+      c.value?.focusLastSelected();
+    }, U = async () => {
+      M.value && (a.value ? c.value?.focusPrevious() : (await k({ focusPopoverContent: !1 }), await q(), await C(t.transitionDuration), _e()));
+    }, N = async () => {
+      M.value && (a.value ? c.value?.focusNext() : (await k({ focusPopoverContent: !1 }), await q(), await C(t.transitionDuration), re()));
+    }, j = async () => {
+      if (!M.value)
+        return;
+      if (a.value) {
+        if (c.value?.getHighlighted()) {
+          c.value.confirmOption();
+          return;
+        }
+      } else {
+        await k({ focusPopoverContent: !1 }), await q(), await C(t.transitionDuration), y.value.length ? re() : b.value ? x() : K();
+        return;
+      }
+      if (!b.value) return;
+      const e = i.value.trim();
+      Ge(e) || (s("option:add", e), i.value = "");
+    }, G = async () => {
+      a.value && (await A(), W());
+    }, i = f(""), ne = f(!1), {
+      getter: R,
+      debouncedGetter: ze,
+      items: We,
+      loading: Ke
+    } = At({
+      items: X(t, "items"),
+      debounce: t.queryDebounceTime
+    }), {
+      array: ie,
+      add: le,
+      remove: Me,
+      set: qe
+    } = ht(), {
+      hasPrefilled: Ue,
+      isPrefilling: Ne,
+      canLoad: se,
+      prefill: je
+    } = Vt({
+      trigger: l(
+        () => t.prefill === !0 || t.prefill === "interaction" && ne.value
+      ),
+      currentValue: void 0,
+      multiple: !1,
+      fn: async (e) => {
+        await R(i.value, e, t.modelValue), t.stash && le(...P.value.map((o) => o.item));
+      }
+    }), { data: ue, get: Ge } = Ie({
+      items: l(() => [].concat(t.modelValue))
+    }), { options: P } = bt({
+      disabled: X(t, "disabled"),
+      items: l(() => [...We.value, ...ie.value]),
+      itemText: t.itemText,
+      itemValue: t.itemValue,
+      max: t.max,
+      selectable: !0,
+      selectedIndexedByHash: ue
+    }), { data: ce } = Ie({
+      items: P,
+      key: "valueHash"
+    }), { coherent: de, coherentValue: pe } = yt({
+      modelValue: X(t, "modelValue"),
+      multiple: t.multiple,
+      iteratee: (e) => !!ce.value[ee(e)]
+    }), y = l(
+      () => [].concat(t.modelValue).map((e) => ce.value[ee(e)]).filter(Boolean)
+    ), S = l(() => !!(Ke.value || t.loading)), Re = l(() => !!t.hasErrors), Je = l(() => t.multiple ? "" : y.value[0]?.text ?? "");
+    Ae(
+      () => t.modelValue,
+      async () => {
+        se.value && (de.value || (await R(i.value, !0, t.modelValue), t.enforceCoherence && (s("update:modelValue", pe.value), c.value?.blur())));
+      },
+      { debounce: t.modelValueDebounceTime }
+    ), Ae(
+      () => [t.dependencies, t.items],
+      async () => {
+        se.value && (await R(i.value, !0, t.modelValue), t.enforceCoherence && !de.value && (s("update:modelValue", pe.value), c.value?.blur()));
+      },
+      { debounce: t.depsDebounceTime }
+    );
+    const Qe = async (e) => {
+      t.multiple ? (s("update:modelValue", t.modelValue.concat(e.value)), t.stash && le(e.item)) : (t.stash && qe(e.item), s("update:modelValue", e.value), await we()), t.multiple && b.value && a.value ? x() : W(), t.multiple || A();
+    }, Xe = async (e) => {
+      if (Me((o) => o.valueHash !== e.valueHash), t.multiple) {
+        const o = { ...ue.value };
+        delete o[e.valueHash], s("update:modelValue", Object.values(o));
+      } else
+        s("update:modelValue", null);
+      t.multiple && b.value && a.value ? x() : W();
+    }, ve = l(() => {
+      const e = y.value.some(
+        (n) => n.text === i.value
+      );
+      if (!(t.multiple && i.value || t.filterBy === "not_stashed" && i.value || i.value && !e && !t.multiple) || !t.filterBy) return P.value;
+      const r = t.filterBy === "not_stashed" ? new Set(ie.value.map((n) => n.valueHash)) : null;
+      return P.value.filter((n) => {
+        let p = !1;
+        return typeof t.filterBy == "function" ? p = t.filterBy(n.value, n.item, i.value) : t.filterBy === "not_stashed" && i.value ? p = !r.has(n.valueHash) : Array.isArray(t.filterBy) && t.filterBy.length && (p = Be(
+          n.item,
+          t.filterBy,
+          i.value.trim()
+        )), p || Be(n, ["text"], i.value.trim());
+      });
+    }), Ye = Symbol("default"), Ze = (e) => ft(t.groupBy) ? Ye : typeof t.groupBy == "function" ? t.groupBy(e.item) : vt(e.item, t.groupBy), et = l(() => {
+      const e = {};
+      for (const o of ve.value) {
+        const r = Ze(o), n = ee(r);
+        e[n] || (e[n] = {
+          id: n,
+          data: r ?? null,
+          options: []
+        }), e[n].options.push(o);
+      }
+      return Object.values(e).filter((o) => o.options.length);
+    }), a = f(!1), fe = xt(a), k = async ({
+      focusPopoverContent: e = !0
+    } = {}) => {
+      t.disabled || t.readonly || a.value || (ne.value = !0, ke(), a.value = !0, !Ue.value && !Ne.value && await je(), await we(), document.addEventListener("click", B), document.addEventListener("focusin", B), e && (b.value ? (await C(0), x()) : (await C(0), K())));
+    }, A = async () => {
+      a.value && (a.value = !1, c.value?.blur(), H.value = void 0, De(), document.removeEventListener("click", B), document.removeEventListener("focusin", B), i.value = "");
+    }, me = () => a.value ? A() : k(), J = f(!1), $ = () => {
+      J.value = !0;
+    }, he = () => {
+      J.value && (J.value = !1, s("inactive"));
+    }, tt = (e) => {
+      if (!(e instanceof Node)) return !1;
+      const o = !!v.value?.contains(e), r = !!c.value?.$el?.closest(".bb-common-popover")?.contains(e);
+      return o || r;
+    }, be = () => {
+      setTimeout(() => {
+        if (tt(document.activeElement)) {
+          $();
+          return;
+        }
+        he();
+      }, 0);
+    }, ot = () => {
+      s("update:modelValue", t.multiple ? [] : null);
     };
-    return (e, D) => (B(), v(T, {
-      id: e.id,
-      class: "bb-select",
-      compact: e.compact,
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value
-    }, {
-      label: a((p) => [
-        n(e.$slots, "label", l(i(p)))
-      ]),
-      input: a(({ id: p, hasErrors: c, ariaDescribedby: b }) => [
-        $(V, w({
-          id: p,
-          "allow-writing": e.allowWriting,
-          "append:icon": r["append:icon"],
-          "aria-describedby": b,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          clearable: e.clearable,
-          comma: e.comma,
-          compact: e.compact,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "filter-by": e.filterBy,
-          "group-by": e.groupBy,
-          "has-errors": c,
-          "header-height": e.headerHeight,
-          "item-height": e.itemHeight,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          loading: e.loading,
-          "loading-text": e.loadingText,
-          max: e.max,
-          "max-selected-labels": e.maxSelectedLabels,
-          "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          multiple: e.multiple,
-          name: e.name,
-          "no-data-text": e.noDataText,
-          placeholder: e.placeholder,
-          prefill: e.prefill,
-          "prepend:icon": r["prepend:icon"],
-          "query-debounce-time": e.queryDebounceTime,
-          readonly: e.readonly,
-          required: e.required,
-          "selected-labels-fn": e.selectedLabelsFn,
-          "show-chevron": e.showChevron,
-          stash: e.stash,
-          "transition-duration": e.transitionDuration,
-          "update-on-animation-frame": e.updateOnAnimationFrame
-        }, h), {
-          "append-outer": a((o) => [
-            n(e.$slots, "append-outer", l(i(o)))
-          ]),
-          append: a((o) => [
-            n(e.$slots, "append", l(i(o)))
-          ]),
-          prefix: a((o) => [
-            n(e.$slots, "prefix", l(i(o)))
-          ]),
-          chevron: a((o) => [
-            n(e.$slots, "chevron", l(i(o)))
-          ]),
-          loading: a((o) => [
-            n(e.$slots, "loading", l(i(o)))
-          ]),
-          "no-data": a((o) => [
-            n(e.$slots, "no-data", l(i(o)))
-          ]),
-          option: a((o) => [
-            n(e.$slots, "option", l(i(o)))
-          ]),
-          group: a((o) => [
-            n(e.$slots, "group", l(i(o)))
-          ]),
-          "options:append": a((o) => [
-            n(e.$slots, "options:append", l(i(o)))
-          ]),
-          "options:append:outer": a((o) => [
-            n(e.$slots, "options:append:outer", l(i(o)))
-          ]),
-          "options:prepend": a((o) => [
-            n(e.$slots, "options:prepend", l(i(o)))
-          ]),
-          "options:prepend:outer": a((o) => [
-            n(e.$slots, "options:prepend:outer", l(i(o)))
-          ]),
-          "prepend-outer": a((o) => [
-            n(e.$slots, "prepend-outer", l(i(o)))
-          ]),
-          prepend: a((o) => [
-            n(e.$slots, "prepend", l(i(o)))
-          ]),
-          suffix: a((o) => [
-            n(e.$slots, "suffix", l(i(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "group-by", "has-errors", "header-height", "item-height", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "selected-labels-fn", "show-chevron", "stash", "transition-duration", "update-on-animation-frame"])
-      ]),
-      _: 3
-    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    let D = null;
+    return Q(
+      v,
+      (e) => {
+        if (D && (D(), D = null), !e) return;
+        e.setAttribute("role", "combobox"), e.setAttribute("aria-haspopup", "listbox");
+        const o = (u) => {
+          s("click", u), !(t.disabled || t.readonly) && (u.preventDefault(), me());
+        }, r = (u) => {
+          switch (u.key) {
+            case "ArrowDown":
+              u.preventDefault(), N();
+              break;
+            case "ArrowUp":
+              u.preventDefault(), U();
+              break;
+            case "Enter":
+              u.preventDefault(), j();
+              break;
+            case "Escape":
+              a.value && (u.preventDefault(), G());
+              break;
+          }
+        }, n = (u) => {
+          s("focus", u), $();
+        }, p = (u) => {
+          s("blur", u), be();
+        };
+        e.addEventListener("click", o), e.addEventListener("keydown", r), e.addEventListener("focus", n), e.addEventListener("blur", p), D = () => {
+          e.removeEventListener("click", o), e.removeEventListener("keydown", r), e.removeEventListener("focus", n), e.removeEventListener("blur", p), e.removeAttribute("role"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-invalid"), e.removeAttribute("aria-describedby"), e.removeAttribute("aria-activedescendant");
+        };
+      },
+      { immediate: !0 }
+    ), Q(
+      [
+        v,
+        a,
+        fe,
+        _,
+        z,
+        H
+      ],
+      ([e, o, r, n, p, u]) => {
+        e && (e.setAttribute("aria-expanded", String(o)), n != null ? e.setAttribute("aria-invalid", n) : e.removeAttribute("aria-invalid"), r ? e.setAttribute("aria-controls", `${V}_listbox`) : e.removeAttribute("aria-controls"), p != null ? e.setAttribute("aria-describedby", p) : e.removeAttribute("aria-describedby"), o && u ? e.setAttribute("aria-activedescendant", u) : e.removeAttribute("aria-activedescendant"));
+      },
+      { immediate: !0 }
+    ), rt(() => {
+      D?.(), document.removeEventListener("click", B), document.removeEventListener("focusin", B);
+    }), (e, o) => (Z(), Y(nt, null, [
+      Ee.value ? it("", !0) : m(e.$slots, "activator", ye(ge({ key: 0 }, {
+        props: {
+          ref: te
+        },
+        shown: a.value,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        loading: S.value,
+        query: i.value,
+        selectedOptions: y.value,
+        text: Je.value,
+        clear: ot,
+        open: k,
+        close: A,
+        toggle: me
+      }))),
+      F(St, {
+        modelValue: a.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r),
+        anchor: v.value,
+        "arrow-padding": e.arrowPadding,
+        boundary: e.boundary,
+        class: st(["bb-select-popover", {
+          "bb-select-popover--errors": Re.value,
+          "bb-select-popover--loading": S.value
+        }]),
+        flip: e.flip,
+        placement: e.placement,
+        offset: e.offset,
+        padding: e.padding,
+        "transition-duration": e.transitionDuration,
+        "hide-arrow": e.hideArrow,
+        style: lt(Ce.value)
+      }, {
+        default: g(() => [
+          b.value ? (Z(), Y("div", Ct, [
+            ut(L("input", {
+              id: `${I(V)}_search`,
+              ref_key: "searchInput",
+              ref: O,
+              "onUpdate:modelValue": o[0] || (o[0] = (r) => i.value = r),
+              "aria-activedescendant": H.value,
+              "aria-controls": I(fe) ? `${I(V)}_listbox` : void 0,
+              "aria-describedby": z.value,
+              "aria-invalid": _.value,
+              "aria-label": ae.value,
+              autocomplete: e.autocomplete,
+              class: "bb-select-popover__search-input",
+              inputmode: Se.value,
+              tabindex: a.value ? 0 : -1,
+              role: "searchbox",
+              type: "text",
+              onBlur: d(Pe, ["stop"]),
+              onChange: d($e, ["stop"]),
+              onFocus: d(He, ["stop"]),
+              onInput: d(Oe, ["stop"]),
+              onKeydown: [
+                h(d(N, ["stop", "prevent"]), ["down"]),
+                h(d(j, ["stop", "prevent"]), ["enter"]),
+                h(d(G, ["stop", "prevent"]), ["esc"]),
+                h(d(U, ["stop", "prevent"]), ["up"])
+              ]
+            }, null, 40, Ht), [
+              [ct, i.value]
+            ]),
+            F(kt, {
+              "aria-hidden": "true",
+              class: "bb-select-popover__search-error-icon",
+              focusable: "false"
+            }),
+            F(I(Et), {
+              "aria-hidden": "true",
+              class: "bb-select-popover__search-spinner",
+              focusable: "false"
+            }),
+            o[2] || (o[2] = L("svg", {
+              class: "bb-select-popover__search-icon",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true"
+            }, [
+              L("path", {
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "m21 21-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314"
+              })
+            ], -1))
+          ])) : (Z(), Y("button", {
+            key: 1,
+            ref_key: "popoverFocusProxy",
+            ref: T,
+            class: "bb-select-popover__focus-proxy sr-only",
+            type: "button",
+            "aria-controls": `${I(V)}_listbox`,
+            "aria-describedby": z.value,
+            "aria-invalid": _.value,
+            "aria-label": ae.value,
+            tabindex: "-1",
+            onFocus: Fe,
+            onKeydown: [
+              h(d(N, ["stop", "prevent"]), ["down"]),
+              h(d(U, ["stop", "prevent"]), ["up"]),
+              h(d(j, ["stop", "prevent"]), ["enter"]),
+              h(d(G, ["stop", "prevent"]), ["esc"])
+            ]
+          }, " Focus options ", 40, Pt)),
+          L("div", {
+            class: "bb-select-popover__options-outer",
+            "aria-hidden": a.value ? void 0 : "true",
+            inert: !a.value
+          }, [
+            m(e.$slots, "options:prepend:outer", { focus: E })
+          ], 8, $t),
+          F(Dt, {
+            id: `${I(V)}_listbox`,
+            ref_key: "optionsContainer",
+            ref: c,
+            compact: e.compact,
+            loading: S.value,
+            "loading-text": e.loadingText,
+            multiple: e.multiple,
+            "no-data-text": e.noDataText,
+            open: a.value,
+            options: e.groupBy ? void 0 : ve.value,
+            groups: e.groupBy ? et.value : void 0,
+            "header-height": e.headerHeight,
+            "option-height": e.itemHeight,
+            "onFocused:change": Te,
+            "onOption:selected": Qe,
+            "onOption:unselected": Xe
+          }, {
+            "options:prepend": g(() => [
+              m(e.$slots, "options:prepend", { focus: E })
+            ]),
+            loading: g(() => [
+              m(e.$slots, "loading", { query: i.value })
+            ]),
+            "no-data": g(() => [
+              m(e.$slots, "no-data", {
+                query: i.value,
+                focus: E
+              })
+            ]),
+            "options:append": g(() => [
+              m(e.$slots, "options:append", { focus: E })
+            ]),
+            option: g((r) => [
+              m(e.$slots, "option", ge({ loading: S.value }, r))
+            ]),
+            group: g((r) => [
+              m(e.$slots, "group", ye(dt(r)))
+            ]),
+            _: 3
+          }, 8, ["id", "compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "groups", "header-height", "option-height"]),
+          L("div", {
+            class: "bb-select-popover__options-outer",
+            "aria-hidden": a.value ? void 0 : "true",
+            inert: !a.value
+          }, [
+            m(e.$slots, "options:append:outer", { focus: E })
+          ], 8, Ft)
+        ]),
+        _: 3
+      }, 8, ["modelValue", "anchor", "arrow-padding", "boundary", "class", "flip", "placement", "offset", "padding", "transition-duration", "hide-arrow", "style"])
+    ], 64));
   }
 });
 export {
-  F as default
+  co as default
 };