bitboss-ui 2.1.92 → 2.1.94

package/dist/index266.js

@@ -1,62 +1,190 @@
-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 "./index347.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 C = Object.defineProperty, x = (a, e, t) => e in a ? C(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, y = (a, e, t) => x(a, typeof e != "symbol" ? e + "" : e, t);
+const M = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, w = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), N = (a, e, t) => {
+  var s;
+  return new Intl.NumberFormat(((s = t.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: a,
+    maximumFractionDigits: e,
+    roundingMode: "trunc"
+  });
+}, P = (a, e = !0, t) => {
+  var s, r, n, l;
+  const u = ((s = t.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", p = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
+  let o = N(0, p, t);
+  const k = o.formatToParts(1000.12), m = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", f = ((l = k.find((i) => i.type === "decimal")) == null ? void 0 : l.value) ?? ".", c = w(a, m, f);
+  if (Number.isNaN(parseFloat(c))) return u;
+  const v = c.split(".");
+  if (v[1] != null && v[1].length >= 1) {
+    const i = v[1].length <= p ? v[1].length : p;
+    o = N(i, p, t);
+  }
+  let d = o.format(parseFloat(c));
+  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (d += f) : d = w(d, m, f), u + d;
+}, I = (a) => JSON.parse(a.replaceAll("'", '"')), T = (a, e = {}) => {
+  const t = { ...e };
+  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = F(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = O(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) && (t.number = s), t;
+}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, F = (a) => a.startsWith("[") && a.endsWith("]") ? I(a) : a, O = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return I(a);
+  const e = {};
+  return a.split("|").forEach((t) => {
+    const s = t.split(":");
+    e[s[0]] = {
+      pattern: S() ? new RegExp(s[1], "u") : 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));
-  }
-});
+  }), e;
+}, S = () => {
+  try {
+    return new RegExp("\\p{L}", "u"), !0;
+  } catch {
+    return !1;
+  }
+};
+class W {
+  constructor(e = {}) {
+    y(this, "opts", {}), y(this, "memo", /* @__PURE__ */ new Map());
+    const t = { ...e };
+    if (t.tokens != null) {
+      t.tokens = t.tokensReplace ? { ...t.tokens } : { ...M, ...t.tokens };
+      for (const s of Object.values(t.tokens))
+        typeof s.pattern == "string" && (s.pattern = S() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
+    } else
+      t.tokens = M;
+    Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((s, r) => s.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
+  }
+  masked(e) {
+    return this.process(String(e), this.findMask(String(e)));
+  }
+  unmasked(e) {
+    return this.process(String(e), this.findMask(String(e)), !1);
+  }
+  isEager() {
+    return this.opts.eager === !0;
+  }
+  isReversed() {
+    return this.opts.reversed === !0;
+  }
+  completed(e) {
+    const t = this.findMask(String(e));
+    if (this.opts.mask == null || t == null) return !1;
+    const s = this.process(String(e), t).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= t.length;
+  }
+  findMask(e) {
+    const t = this.opts.mask;
+    if (t == null)
+      return null;
+    if (typeof t == "string")
+      return t;
+    if (typeof t == "function")
+      return t(e);
+    const s = this.process(e, t.slice(-1).pop() ?? "", !1);
+    return t.find((r) => this.process(e, r, !1).length >= s.length) ?? "";
+  }
+  escapeMask(e) {
+    const t = [], s = [];
+    return e.split("").forEach((r, n) => {
+      r === "!" && e[n - 1] !== "!" ? s.push(n - s.length) : t.push(r);
+    }), { mask: t.join(""), escaped: s };
+  }
+  process(e, t, s = !0) {
+    if (this.opts.number != null) return P(e, s, this.opts);
+    if (t == null) return e;
+    const r = `v=${e},mr=${t},m=${s ? 1 : 0}`;
+    if (this.memo.has(r)) return this.memo.get(r);
+    const { mask: n, escaped: l } = this.escapeMask(t), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", m = this.isReversed() ? 0 : n.length - 1, f = this.isReversed() ? () => i > -1 && h > -1 : () => i < n.length && h < e.length, c = (b) => !this.isReversed() && b <= m || this.isReversed() && b >= m;
+    let v, d = -1, i = this.isReversed() ? n.length - 1 : 0, h = this.isReversed() ? e.length - 1 : 0, R = !1;
+    for (; f(); ) {
+      const b = n.charAt(i), g = p[b], A = g?.transform != null ? g.transform(e.charAt(h)) : e.charAt(h);
+      if (!l.includes(i) && g != null ? (A.match(g.pattern) != null ? (u[k](A), g.repeated ? (d === -1 ? d = i : i === m && i !== d && (i = d - o), m === d && (i -= o)) : g.multiple && (R = !0, i -= o), i += o) : g.multiple ? R && (i += o, h -= o, R = !1) : A === v ? v = void 0 : g.optional && (i += o, h -= o), h += o) : (s && !this.isEager() && u[k](b), A === b && !this.isEager() ? h += o : v = b, this.isEager() || (i += o)), this.isEager())
+        for (; c(i) && (p[n.charAt(i)] == null || l.includes(i)); ) {
+          if (s) {
+            if (u[k](n.charAt(i)), e.charAt(h) === n.charAt(i)) {
+              i += o, h += o;
+              continue;
+            }
+          } else n.charAt(i) === e.charAt(h) && (h += o);
+          i += o;
+        }
+    }
+    return this.memo.set(r, u.join("")), this.memo.get(r);
+  }
+}
+class V {
+  constructor(e, t = {}) {
+    y(this, "items", /* @__PURE__ */ new Map()), y(this, "eventAbortController"), y(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
+        return;
+      const r = s.target, n = this.items.get(r);
+      if (n === void 0) return;
+      const l = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), p = l && u && n.unmasked(r.value) === "" ? "" : r.value;
+      this.fixCursor(r, l, () => this.setValue(r, p));
+    }), this.options = t, this.eventAbortController = new AbortController(), this.init(this.getInputs(e));
+  }
+  update(e = {}) {
+    this.options = { ...e }, this.init(Array.from(this.items.keys()));
+  }
+  updateValue(e) {
+    var t;
+    e.value !== "" && e.value !== ((t = this.processInput(e)) == null ? void 0 : t.masked) && this.setValue(e, e.value);
+  }
+  destroy() {
+    this.eventAbortController.abort(), this.items.clear();
+  }
+  init(e) {
+    const t = this.getOptions(this.options);
+    for (const s of e) {
+      if (!this.items.has(s)) {
+        const { signal: n } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
+      }
+      const r = new W(T(s, t));
+      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(e) {
+    return typeof e == "string" ? Array.from(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e];
+  }
+  getOptions(e) {
+    const { onMaska: t, preProcess: s, postProcess: r, ...n } = e;
+    return n;
+  }
+  fixCursor(e, t, s) {
+    var r, n;
+    const l = e.selectionStart, u = e.value;
+    if (s(), l === null || l === u.length && !t) return;
+    const p = e.value, o = u.slice(0, l), k = p.slice(0, l), m = (r = this.processInput(e, o)) == null ? void 0 : r.unmasked, f = (n = this.processInput(e, k)) == null ? void 0 : n.unmasked;
+    if (m === void 0 || f === void 0) return;
+    let c = l;
+    o !== k && (c += t ? p.length - u.length : m.length - f.length), e.setSelectionRange(c, c);
+  }
+  setValue(e, t) {
+    const s = this.processInput(e, t);
+    s !== void 0 && (e.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), e.dispatchEvent(new CustomEvent("maska", { detail: s })), e.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
+  }
+  processInput(e, t) {
+    const s = this.items.get(e);
+    if (s === void 0) return;
+    let r = t ?? e.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
+  W as Mask,
+  V as MaskInput,
+  M as tokens
 };

package/dist/index267.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index335.js";
-import { __require as o } from "./index322.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+import { isEmpty as o } from "./index246.js";
+const m = (t) => !o(t);
 export {
-  m as default
+  m as isNotEmpty
 };

package/dist/index268.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index335.js";
-import { __require as e } from "./index324.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import r from "./index327.js";
+const t = r;
 export {
-  m as default
+  t as deburr
 };

package/dist/index269.js

@@ -1,7 +1,35 @@
-import { getDefaultExportFromCjs as r } from "./index335.js";
-import { __require as t } from "./index326.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+const y = (t) => typeof t == "object" && t !== null, c = (t) => {
+  if (!y(t)) return !1;
+  const r = Object.getPrototypeOf(t);
+  return r === Object.prototype || r === null;
+}, n = (t) => {
+  if (Array.isArray(t))
+    return t.map((o) => n(o));
+  if (!c(t))
+    return t;
+  const r = {};
+  for (const o of Reflect.ownKeys(t))
+    r[o] = n(t[o]);
+  return r;
+}, f = (t, r) => {
+  if (r === void 0)
+    return n(t);
+  if (Array.isArray(r))
+    return n(r);
+  if (!c(r))
+    return r;
+  const o = c(t) ? n(t) : {};
+  for (const e of Reflect.ownKeys(r)) {
+    const s = r[e], i = o[e];
+    o[e] = f(i, s);
+  }
+  return o;
+}, p = (...t) => {
+  let r = {};
+  for (const o of t)
+    r = f(r, o);
+  return r;
+};
 export {
-  a as default
+  p as merge
 };

package/dist/index270.js

@@ -1,4 +1,10 @@
-const e = (t) => t;
+const u = (t, r) => t.reduce(
+  (e, n, o, d) => {
+    const s = r(n, o, d);
+    return e[s] = n, e;
+  },
+  {}
+);
 export {
-  e as identity
+  u as indexBy
 };

package/dist/index271.js

@@ -1,22 +1,7 @@
-import { MaskInput as r } from "./index235.js";
-const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
-  if (a.arg == null || a.instance == null) return;
-  const s = "setup" in a.instance.$.type;
-  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
-}, k = (a, n) => {
-  var s;
-  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
-  if (t == null || t?.type === "file") return;
-  let e = {};
-  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
-    const l = (o) => {
-      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
-      p(n, i);
-    };
-    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
-  }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
-};
+import { getDefaultExportFromCjs as r } from "./index331.js";
+import { __require as o } from "./index319.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  k as vMaska
+  m as default
 };

package/dist/index272.js

@@ -1,9 +1,7 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
-};
+import { getDefaultExportFromCjs as r } from "./index331.js";
+import { __require as e } from "./index321.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as clampPrecision
+  m as default
 };

package/dist/index273.js

@@ -1,4 +1,7 @@
-const r = (e) => typeof e > "u" || e === null;
+import { getDefaultExportFromCjs as r } from "./index331.js";
+import { __require as t } from "./index323.js";
+var o = t();
+const a = /* @__PURE__ */ r(o);
 export {
-  r as isNil
+  a as default
 };

package/dist/index274.js

@@ -1,36 +1,22 @@
-import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
-import { _config as e } from "./index4.js";
-import { useLogger as i } from "./index261.js";
-import { useFrameworkDetection as k } from "./index234.js";
-const y = /* @__PURE__ */ a({
-  __name: "RouterComponent",
-  setup(g) {
-    const { isInertia: r, isNuxt: s } = k();
-    let t;
-    if (r) {
-      if (t = o(e.inertiaLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else if (s) {
-      if (t = o(e.nuxtLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else
-      t = "router-link";
-    return (n, d) => (l(), u(m(c(t)), null, {
-      default: p(() => [
-        f(n.$slots, "default")
-      ]),
-      _: 3
-    }));
+import { MaskInput as r } from "./index266.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || t?.type === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
   }
-});
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  y as default
+  k as vMaska
 };

package/dist/index275.js

@@ -1,11 +1,137 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
+import { defineComponent as A, mergeModels as L, useModel as T, ref as c, computed as a, watch as F, onMounted as S, createBlock as N, openBlock as w, resolveDynamicComponent as U, mergeProps as g, unref as y, withModifiers as h, withCtx as j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
+import { useCancelableFunction as G } from "./index344.js";
+import { useUntil as H } from "./index260.js";
+import { extractDomContainer as x } from "./index251.js";
+import { waitFor as J } from "./index345.js";
+import { arrow as K, useFloating as O } from "./index346.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index347.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ A({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ L({
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    anchor: {},
+    boundary: {},
+    dialog: { type: Boolean },
+    hideArrow: { type: Boolean },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const o = m, r = T(m, "modelValue"), s = c(r.value), C = a(() => o.dialog ? "dialog" : "span"), t = c(), f = c(), _ = a(() => {
+      const e = o.anchor;
+      return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : x(e);
+    }), B = H(r, { initialValue: o.eager }), P = a(() => {
+      if (o.boundary)
+        return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : x(o.boundary) ?? void 0;
+    }), k = a(() => {
+      const e = P.value;
+      return [
+        ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
+        W(o.offset),
+        Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
+        Z(),
+        ...o.hideArrow ? [] : [
+          K({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
+      ];
+    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
+      _,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: b } = G(
+      ({ signal: e }, n) => new Promise((l) => {
+        let i;
+        const p = () => {
+          i && clearTimeout(i);
+        };
+        e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
+          s.value = !0, e.removeEventListener("abort", p), l(void 0);
+        })) : (s.value = !1, i = setTimeout(() => {
+          z(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
+          });
+        }, o.transitionDuration));
+      })
+    ), $ = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    F(r, b), S(() => {
+      r.value && b(r.value);
+    });
+    const D = a(() => {
+      const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": `${n}px`
+        },
+        popover: l,
+        tabindex: e
+      };
+    }), V = a(() => {
+      if (u.value.arrow) {
+        const { x: e, y: n } = u.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
+      }
+    }), d = () => {
+      r.value = !1;
+    };
+    return (e, n) => (w(), N(U(C.value), g({
+      ref_key: "wrapper",
+      ref: t,
+      class: ["bb-common-popover", {
+        "bb-common-popover--open": s.value,
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
+      }]
+    }, D.value, {
+      onClick: h(d, ["self", "stop"]),
+      onContextmenu: h(d, ["self", "stop", "prevent"]),
+      onClose: d
+    }), {
+      default: j(() => [
+        q("span", g({
+          ref_key: "bubblearrow",
+          ref: f,
+          class: "bb-common-popover__arrow"
+        }, V.value), null, 16),
+        y(B) ? (w(), I("span", oe, [
+          X(e.$slots, "default")
+        ])) : R("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  u as debounce
+  ue as default
 };