bitboss-ui 2.0.168 → 2.0.170

package/dist/index263.js

@@ -1,54 +1,4 @@
-import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
-import k from "./index265.js";
-const y = { class: "bb-base-date-picker__year-container" }, v = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
-  __name: "BaseDatePickerHeader",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
-  },
-  emits: ["mode:year", "mode:month"],
-  setup(n) {
-    const s = n, r = b("top"), l = (e, a) => {
-      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
-    };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
-    );
-    const i = m(() => s.cursor.format("YYYY"));
-    return (e, a) => (c(), d("div", {
-      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
-    }, [
-      t("div", y, [
-        h(k, {
-          direction: r.value,
-          duration: 500,
-          gap: 30
-        }, {
-          default: f(() => [
-            (c(), d("span", {
-              key: i.value,
-              "aria-live": "polite",
-              class: "bb-base-date-picker__year-button"
-            }, o(i.value), 1))
-          ]),
-          _: 1
-        }, 8, ["direction"])
-      ]),
-      t("div", v, [
-        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
-        t("span", D, o(e.cursor.format("DD")), 1),
-        t("span", M, o(e.cursor.format("MMMM")), 1)
-      ])
-    ], 2));
-  }
-});
+const e = (t) => t;
 export {
-  C as default
+  e as identity
 };

package/dist/index264.js

@@ -1,46 +1,7 @@
-import { defineComponent as _, computed as a, createElementBlock as c, openBlock as o, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(l, { emit: d }) {
-    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
-      () => new Array(12).fill(0).map((r, t) => {
-        const n = s.cursor.clone().startOf("year").add(t, "month");
-        return {
-          text: n.format("MMMM"),
-          key: n.unix(),
-          selected: n.month() === i.value,
-          handler: () => m("update:month", t)
-        };
-      })
-    );
-    return (r, t) => (o(), c("div", M, [
-      p("div", v, [
-        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
-          key: e.key,
-          class: f({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index310.js";
+import { __require as o } from "./index328.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  E as default
+  m as default
 };

package/dist/index265.js

@@ -1,7 +1,11 @@
-import o from "./index328.js";
-/* empty css         */
-import t from "./index287.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
 export {
-  m as default
+  u as debounce
 };

package/dist/index266.js

@@ -1,62 +1,179 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index341.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
+var w = Object.defineProperty, C = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, A = (a, t, e) => C(a, typeof t != "symbol" ? t + "" : t, e);
+const R = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, N = (a, t, e) => a.replaceAll(t, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, t, e) => {
+  var s;
+  return new Intl.NumberFormat(((s = e.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: a,
+    maximumFractionDigits: t,
+    roundingMode: "trunc"
+  });
+}, P = (a, t = !0, e) => {
+  var s, r, n, h;
+  const u = ((s = e.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", l = ((r = e.number) == null ? void 0 : r.fraction) ?? 0;
+  let o = I(0, l, e);
+  const k = o.formatToParts(1000.12), c = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", b = ((h = k.find((i) => i.type === "decimal")) == null ? void 0 : h.value) ?? ".", f = N(a, c, b);
+  if (Number.isNaN(parseFloat(f))) return u;
+  const g = f.split(".");
+  if (g[1] != null && g[1].length >= 1) {
+    const i = g[1].length <= l ? g[1].length : l;
+    o = I(i, l, e);
+  }
+  let m = o.format(parseFloat(f));
+  return t ? l > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (m += b) : m = N(m, c, b), u + m;
+};
+class T {
+  constructor(t = {}) {
+    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
+    const e = { ...t };
+    if (e.tokens != null) {
+      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
+      for (const s of Object.values(e.tokens))
+        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
+    } else
+      e.tokens = R;
+    Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
+  }
+  masked(t) {
+    return this.process(String(t), this.findMask(String(t)));
+  }
+  unmasked(t) {
+    return this.process(String(t), this.findMask(String(t)), !1);
+  }
+  isEager() {
+    return this.opts.eager === !0;
+  }
+  isReversed() {
+    return this.opts.reversed === !0;
+  }
+  completed(t) {
+    const e = this.findMask(String(t));
+    if (this.opts.mask == null || e == null) return !1;
+    const s = this.process(String(t), e).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= e.length;
+  }
+  findMask(t) {
+    const e = this.opts.mask;
+    if (e == null)
+      return null;
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return e(t);
+    const s = this.process(t, e.slice(-1).pop() ?? "", !1);
+    return e.find((r) => this.process(t, r, !1).length >= s.length) ?? "";
+  }
+  escapeMask(t) {
+    const e = [], s = [];
+    return t.split("").forEach((r, n) => {
+      r === "!" && t[n - 1] !== "!" ? s.push(n - s.length) : e.push(r);
+    }), { mask: e.join(""), escaped: s };
+  }
+  process(t, e, s = !0) {
+    if (this.opts.number != null) return P(t, s, this.opts);
+    if (e == null) return t;
+    const r = `v=${t},mr=${e},m=${s ? 1 : 0}`;
+    if (this.memo.has(r)) return this.memo.get(r);
+    const { mask: n, escaped: h } = this.escapeMask(e), u = [], l = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", c = this.isReversed() ? 0 : n.length - 1, b = this.isReversed() ? () => i > -1 && p > -1 : () => i < n.length && p < t.length, f = (v) => !this.isReversed() && v <= c || this.isReversed() && v >= c;
+    let g, m = -1, i = this.isReversed() ? n.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0, M = !1;
+    for (; b(); ) {
+      const v = n.charAt(i), d = l[v], y = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(p)) : t.charAt(p);
+      if (!h.includes(i) && d != null ? (y.match(d.pattern) != null ? (u[k](y), d.repeated ? (m === -1 ? m = i : i === c && i !== m && (i = m - o), c === m && (i -= o)) : d.multiple && (M = !0, i -= o), i += o) : d.multiple ? M && (i += o, p -= o, M = !1) : y === g ? g = void 0 : d.optional && (i += o, p -= o), p += o) : (s && !this.isEager() && u[k](v), y === v && !this.isEager() ? p += o : g = v, this.isEager() || (i += o)), this.isEager())
+        for (; f(i) && (l[n.charAt(i)] == null || h.includes(i)); ) {
+          if (s) {
+            if (u[k](n.charAt(i)), t.charAt(p) === n.charAt(i)) {
+              i += o, p += o;
+              continue;
+            }
+          } else n.charAt(i) === t.charAt(p) && (p += o);
+          i += o;
+        }
+    }
+    return this.memo.set(r, u.join("")), this.memo.get(r);
+  }
+}
+const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, t = {}) => {
+  const e = { ...t };
+  a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = x(a.dataset.maskaTokens));
+  const s = {};
+  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (e.number = s), e;
+}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return S(a);
+  const t = {};
+  return a.split("|").forEach((e) => {
+    const s = e.split(":");
+    t[s[0]] = {
+      pattern: new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
     };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+  }), t;
+};
+class O {
+  constructor(t, e = {}) {
+    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
+        return;
+      const r = s.target, n = this.items.get(r), h = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), l = h && u && n.unmasked(r.value) === "" ? "" : r.value;
+      this.fixCursor(r, h, () => this.setValue(r, l));
+    }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
+  }
+  update(t = {}) {
+    this.options = { ...t }, this.init(Array.from(this.items.keys()));
+  }
+  updateValue(t) {
+    t.value !== "" && t.value !== this.processInput(t).masked && this.setValue(t, t.value);
+  }
+  destroy() {
+    this.eventAbortController.abort(), this.items.clear();
+  }
+  init(t) {
+    const e = this.getOptions(this.options);
+    for (const s of t) {
+      if (!this.items.has(s)) {
+        const { signal: n } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
+      }
+      const r = new T(F(s, e));
+      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
+    }
+  }
+  getInputs(t) {
+    return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
+  }
+  getOptions(t) {
+    const { onMaska: e, preProcess: s, postProcess: r, ...n } = t;
+    return n;
+  }
+  fixCursor(t, e, s) {
+    const r = t.selectionStart, n = t.value;
+    if (s(), r === null || r === n.length && !e) return;
+    const h = t.value, u = n.slice(0, r), l = h.slice(0, r), o = this.processInput(t, u).unmasked, k = this.processInput(t, l).unmasked;
+    let c = r;
+    u !== l && (c += e ? h.length - n.length : o.length - k.length), t.setSelectionRange(c, c);
+  }
+  setValue(t, e) {
+    const s = this.processInput(t, e);
+    t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked }));
+  }
+  processInput(t, e) {
+    const s = this.items.get(t);
+    let r = e ?? t.value;
+    this.options.preProcess != null && (r = this.options.preProcess(r));
+    let n = s.masked(r);
+    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
+      masked: n,
+      unmasked: s.unmasked(r),
+      completed: s.completed(r)
+    };
+  }
+}
 export {
-  V as default
+  T as Mask,
+  O as MaskInput,
+  R as tokens
 };

package/dist/index267.js

@@ -1,12 +1,11 @@
-const o = (t, r) => {
-  const e = {};
-  for (const c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      const n = t[c];
-      r(n, c, t) && (e[c] = n);
-    }
-  return e;
+const o = (n, t) => {
+  for (let e = n.length - 1; e >= 0; e--) {
+    const i = n[e];
+    if (t(i, e, n))
+      return e;
+  }
+  return -1;
 };
 export {
-  o as pickBy
+  o as findRightIndex
 };

package/dist/index268.js

@@ -1,5 +1,13 @@
-const o = () => {
+import { ref as a, watch as c, toValue as u } from "vue";
+const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
+  const t = a(o), n = c(
+    () => u(e),
+    (s) => {
+      s && (t.value = r, n());
+    }
+  );
+  return t;
 };
 export {
-  o as noop
+  i as useUntil
 };

package/dist/index269.js

@@ -1,11 +1,103 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+import { defineComponent as k, mergeModels as h, useModel as x, ref as l, watch as $, computed as C, createElementBlock as M, openBlock as f, normalizeStyle as P, normalizeClass as B, unref as s, renderSlot as b, createBlock as A, resolveDynamicComponent as D, mergeProps as v, withCtx as V, createElementVNode as g } from "vue";
+import { useFloating as E, arrow as S } from "./index254.js";
+import { flip as z, offset as F, shift as N, autoUpdate as U } from "./index262.js";
+const j = { class: "bb-common-popover__bubble" }, J = /* @__PURE__ */ k({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ h({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: {},
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    tag: { default: "span" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(p) {
+    const e = p, a = x(p, "modelValue"), i = l(), t = l(), d = l(), { floatingStyles: w, placement: y, middlewareData: n } = E(
+      i,
+      t,
+      {
+        placement: e.placement,
+        whileElementsMounted: U,
+        middleware: [
+          z(),
+          F(e.offset),
+          N({ padding: e.padding }),
+          S({
+            element: d,
+            padding: e.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    );
+    $(a, (o) => {
+      o ? t.value && (e.tag === "dialog" ? t.value.showModal() : t.value.showPopover()) : t.value && (e.tag === "dialog" ? t.value.close() : t.value.hidePopover());
+    });
+    const _ = C(() => {
+      if (n.value.arrow) {
+        const { x: o, y: r } = n.value.arrow;
+        return {
+          style: {
+            left: `${o}px`,
+            top: `${r}px`
+          }
+        };
+      }
+    });
+    return (o, r) => {
+      var m, u, c;
+      return f(), M("span", {
+        ref_key: "wrapper",
+        ref: i,
+        class: B(["bb-common-popover", {
+          "bb-common-popover--open": a.value,
+          "bb-common-popover--block": e.block,
+          [`bb-common-popover--${s(y)}`]: !0
+        }]),
+        style: P({
+          "--transition-duration": `${e.transitionDuration}ms`
+        })
+      }, [
+        b(o.$slots, "activator"),
+        (f(), A(D(e.tag), v({
+          ref_key: "content",
+          ref: t,
+          class: ["bb-common-popover__bubble-container", {
+            "bb-common-popover__bubble-container--open": a.value
+          }],
+          popover: "manual",
+          style: {
+            ...((m = o.containerAttributes) == null ? void 0 : m.style) ?? {},
+            ...s(w),
+            "--arrow-offset-x": Math.round(((c = (u = s(n)) == null ? void 0 : u.arrow) == null ? void 0 : c.x) ?? 0) + "px",
+            "--page-padding": `${o.padding}px`
+          },
+          tabindex: a.value ? void 0 : -1
+        }, o.containerAttributes, {
+          onClose: r[0] || (r[0] = (q) => a.value = !1)
+        }), {
+          default: V(() => [
+            g("span", v({
+              ref_key: "bubblearrow",
+              ref: d,
+              class: "bb-common-popover__arrow"
+            }, _.value), null, 16),
+            g("span", j, [
+              b(o.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 16, ["class", "style", "tabindex"]))
+      ], 6);
+    };
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  J as default
 };

package/dist/index27.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as n, createElementBlock as c, openBlock as r, normalizeClass as T, createBlock as w, createVNode as B, createElementVNode as p, resolveDynamicComponent as E, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as P, createTextVNode as V, toDisplayString as d, unref as m, Fragment as D, renderList as I } from "vue";
-import { deburr as N } from "./index258.js";
+import { deburr as N } from "./index239.js";
 import { getAsPercentage as $ } from "./index136.js";
 import { useId as F } from "./index8.js";
 import R from "./index69.js";

package/dist/index271.js

@@ -1,103 +1,25 @@
-import { defineComponent as k, mergeModels as h, useModel as x, useTemplateRef as l, watch as $, computed as R, createElementBlock as A, openBlock as c, normalizeStyle as C, normalizeClass as M, unref as s, renderSlot as b, createBlock as P, resolveDynamicComponent as B, mergeProps as v, withCtx as D, createElementVNode as w } from "vue";
-import { useFloating as V, arrow as E } from "./index238.js";
-import { flip as S, offset as z, shift as F, autoUpdate as N } from "./index246.js";
-const T = { class: "bb-common-popover__bubble" }, H = /* @__PURE__ */ k({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ h({
-    arrowPadding: {},
-    offset: {},
-    block: { type: Boolean },
-    padding: {},
-    placement: {},
-    transitionDuration: { default: 250 },
-    containerAttributes: {},
-    tag: { default: "span" }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(p) {
-    const e = p, a = x(p, "modelValue"), i = l("wrapper"), t = l("content"), d = l("bubblearrow"), { floatingStyles: g, placement: y, middlewareData: n } = V(
-      i,
-      t,
-      {
-        placement: e.placement,
-        whileElementsMounted: N,
-        middleware: [
-          S(),
-          z(e.offset),
-          F({ padding: e.padding }),
-          E({
-            element: d,
-            padding: e.arrowPadding
-          })
-        ],
-        strategy: "fixed"
-      }
-    );
-    $(a, (o) => {
-      o ? t.value && (e.tag === "dialog" ? t.value.showModal() : t.value.showPopover()) : t.value && (e.tag === "dialog" ? t.value.close() : t.value.hidePopover());
-    });
-    const _ = R(() => {
-      if (n.value.arrow) {
-        const { x: o, y: r } = n.value.arrow;
-        return {
-          style: {
-            left: `${o}px`,
-            top: `${r}px`
-          }
-        };
-      }
-    });
-    return (o, r) => {
-      var m, u, f;
-      return c(), A("span", {
-        ref_key: "wrapperRef",
-        ref: i,
-        class: M(["bb-common-popover", {
-          "bb-common-popover--open": a.value,
-          "bb-common-popover--block": e.block,
-          [`bb-common-popover--${s(y)}`]: !0
-        }]),
-        style: C({
-          "--transition-duration": `${e.transitionDuration}ms`
-        })
-      }, [
-        b(o.$slots, "activator"),
-        (c(), P(B(e.tag), v({
-          ref_key: "contentRef",
-          ref: t,
-          class: ["bb-common-popover__bubble-container", {
-            "bb-common-popover__bubble-container--open": a.value
-          }],
-          popover: "manual",
-          style: {
-            ...((m = o.containerAttributes) == null ? void 0 : m.style) ?? {},
-            ...s(g),
-            "--arrow-offset-x": Math.round(((f = (u = s(n)) == null ? void 0 : u.arrow) == null ? void 0 : f.x) ?? 0) + "px",
-            "--page-padding": `${o.padding}px`
-          },
-          tabindex: a.value ? void 0 : -1
-        }, o.containerAttributes, {
-          onClose: r[0] || (r[0] = (U) => a.value = !1)
-        }), {
-          default: D(() => [
-            w("span", v({
-              ref_key: "bubbleArrowRef",
-              ref: d,
-              class: "bb-common-popover__arrow"
-            }, _.value), null, 16),
-            w("span", T, [
-              b(o.$slots, "default")
-            ])
-          ]),
-          _: 3
-        }, 16, ["class", "style", "tabindex"]))
-      ], 6);
-    };
-  }
-});
+const e = {
+  inert: ":not([inert]):not([inert] *)",
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ":not(:disabled)"
+}, n = [
+  `a[href]${e.inert}${e.negTabIndex}`,
+  `area[href]${e.inert}${e.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
+  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
+  `select${e.inert}${e.negTabIndex}${e.disabled}`,
+  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
+  `button${e.inert}${e.negTabIndex}${e.disabled}`,
+  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
+  `iframe${e.inert}${e.negTabIndex}`,
+  `audio[controls]${e.inert}${e.negTabIndex}`,
+  `video[controls]${e.inert}${e.negTabIndex}`,
+  `[contenteditable]${e.inert}${e.negTabIndex}`,
+  `[tabindex]${e.inert}${e.negTabIndex}`
+];
 export {
-  H as default
+  n as default
 };