bitboss-ui 2.1.18 → 2.1.20

package/dist/index139.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index277.js";
-import { isPlainObject as i } from "./index278.js";
+import { isArray as p } from "./index278.js";
+import { isPlainObject as i } from "./index279.js";
 function f(e, n, u, l, r) {
   const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
   o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index15.js

@@ -1,16 +1,16 @@
 import { defineComponent as I, ref as u, computed as L, createBlock as c, openBlock as m, normalizeClass as M, withCtx as t, createVNode as b, unref as i, createCommentVNode as _, withDirectives as N, createElementVNode as d, mergeProps as q, renderSlot as r, withModifiers as z, normalizeStyle as U } from "vue";
-import { isHex as F } from "./index248.js";
+import { isHex as F } from "./index209.js";
 import { isNotNil as S } from "./index140.js";
 import { useId as A } from "./index8.js";
-import { useLocale as K } from "./index221.js";
-import { useUntil as O } from "./index222.js";
-import { vMaska as P } from "./index223.js";
-import T from "./index249.js";
+import { useLocale as K } from "./index210.js";
+import { useUntil as O } from "./index211.js";
+import { vMaska as P } from "./index212.js";
+import T from "./index213.js";
 /* empty css         */
-import j from "./index224.js";
+import j from "./index215.js";
 /* empty css         */
-import G from "./index226.js";
-import J from "./index227.js";
+import G from "./index217.js";
+import J from "./index218.js";
 /* empty css         */
 const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], R = ["aria-label"], W = { class: "bb-common-input-inner-container__suffix" }, de = /* @__PURE__ */ I({
   __name: "BaseColorInput",

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { defineComponent as E, ref as m, computed as n, watch as _, createElementBlock as p, openBlock as h, normalizeProps as i, guardReactiveProps as f, createCommentVNode as I, createElementVNode as l, mergeProps as k, renderSlot as F } from "vue";
-import { isCssColor as y } from "./index209.js";
-import { when as N } from "./index210.js";
-import { booleanishToBoolean as S } from "./index211.js";
+import { isCssColor as y } from "./index246.js";
+import { when as N } from "./index252.js";
+import { booleanishToBoolean as S } from "./index244.js";
 const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"

package/dist/index19.js

@@ -1,15 +1,15 @@
 import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as b, guardReactiveProps as v, createVNode as R, mergeProps as T } from "vue";
 import W from "./index17.js";
 /* empty css        */
-import K from "./index229.js";
+import K from "./index236.js";
 /* empty css         */
-import { useItemsGetter as N } from "./index231.js";
-import { useIndexById as w } from "./index233.js";
-import { useBaseOptions as U } from "./index234.js";
-import { useCoherence as q } from "./index235.js";
-import { hash as J } from "./index236.js";
-import { useHashedWatcher as C } from "./index237.js";
-import { usePrefill as Q } from "./index232.js";
+import { useItemsGetter as N } from "./index238.js";
+import { useIndexById as w } from "./index240.js";
+import { useBaseOptions as U } from "./index241.js";
+import { useCoherence as q } from "./index242.js";
+import { hash as J } from "./index227.js";
+import { useHashedWatcher as C } from "./index243.js";
+import { usePrefill as Q } from "./index239.js";
 const de = /* @__PURE__ */ j({
   __name: "BaseCheckboxGroup",
   props: {

package/dist/index207.js

@@ -1,4 +1,4 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  n as clamp
+  t as urlAlphabet
 };

package/dist/index208.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index209.js

@@ -1,4 +1,6 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  s as isCssColor
+  x as isHex
 };

package/dist/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index212.js";
-import G from "./index215.js";
-import J from "./index216.js";
-import K from "./index217.js";
-import Q from "./index214.js";
-import X from "./index252.js";
-import ee from "./index253.js";
-import { hash as M } from "./index236.js";
-import { last as ae } from "./index220.js";
-import { useLogger as te } from "./index254.js";
-import oe from "./index255.js";
-import le from "./index256.js";
-import re from "./index257.js";
-import B from "./index258.js";
-import se from "./index259.js";
-import { useLocale as de } from "./index221.js";
+import s from "./index220.js";
+import G from "./index221.js";
+import J from "./index222.js";
+import K from "./index223.js";
+import Q from "./index224.js";
+import X from "./index225.js";
+import ee from "./index226.js";
+import { hash as M } from "./index227.js";
+import { last as ae } from "./index228.js";
+import { useLogger as te } from "./index229.js";
+import oe from "./index230.js";
+import le from "./index231.js";
+import re from "./index232.js";
+import B from "./index233.js";
+import se from "./index234.js";
+import { useLocale as de } from "./index210.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index210.js

@@ -1,6 +1,15 @@
-import { curry as e } from "./index280.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { locales as t } from "./index285.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index286.js";
+import { readonly as l, computed as n } from "vue";
+const p = (o, ...r) => l(
+  n(() => c(t[m.locale], o).replace(
+    /\{(\d+)\}/g,
+    (a, e) => r[e]
+  ))
+), d = () => ({
+  t: p
+});
 export {
-  t as baseWhen,
-  s as when
+  d as useLocale
 };

package/dist/index211.js

@@ -1,4 +1,13 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+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 booleanishToBoolean
+  i as useUntil
 };

package/dist/index212.js

@@ -1,7 +1,22 @@
-import { getDefaultExportFromCjs as r } from "./index303.js";
-import { __require as o } from "./index281.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+import { MaskInput as r } from "./index262.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 == null ? void 0 : 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 {
-  s as default
+  k as vMaska
 };

package/dist/index213.js

@@ -1,7 +1,199 @@
-import { getDefaultExportFromCjs as r } from "./index303.js";
-import { __require as o } from "./index283.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
+import { hexToRgb as B } from "./index325.js";
+import { getHueFromRGB as K } from "./index326.js";
+import { hslToHex as y } from "./index327.js";
+import { useLocale as Z } from "./index210.js";
+const ee = {
+  id: "mainCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, te = { key: 0 }, ae = {
+  id: "hueCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, ne = { key: 0 }, ce = /* @__PURE__ */ j({
+  __name: "ColorPallette",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(F, { emit: N }) {
+    const R = F, f = N, { t: h } = Z(), o = c(R.modelValue), d = c(
+      y(K(...B(o.value ?? "#ff0000")), 100, 50)
+    ), O = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), T = () => {
+      const e = s.value, t = r.value;
+      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
+    }, D = () => {
+      const e = s.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, v = () => {
+      const e = s.value;
+      if (!e) return;
+      const t = D();
+      if (!t) return;
+      t.clearRect(0, 0, e.width, e.height);
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
+      const n = t.createLinearGradient(0, 0, 0, e.height);
+      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, p = () => {
+      const e = D();
+      e && (e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        8,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        7,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
+    }, P = () => {
+      const e = r.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, m = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = P();
+      if (!t) return;
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      for (let n = 0; n <= 360; n += 60)
+        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
+      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, H = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = P();
+      if (!t) return;
+      const a = 10, n = 16, i = u.value.x - a / 2, M = e.height / 2 - n / 2;
+      t.beginPath(), t.roundRect(i, M, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
+    }, q = (e) => {
+      s.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), b.value = !0, I(e));
+    }, U = (e) => {
+      r.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), k.value = !0, V(e));
+    }, I = (e) => {
+      const t = s.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
+      l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
+    }, V = (e) => {
+      const t = r.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
+      u.value = { x: n };
+      const i = n / t.width * 360;
+      d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
+    }, L = (e) => {
+      b.value ? I(e) : k.value && V(e);
+    }, G = () => {
+      b.value = !1, k.value = !1;
+    }, X = (e) => {
+      var a, n;
+      switch (e.key) {
+        case "ArrowUp":
+          l.value.y = Math.max(0, l.value.y - 5);
+          break;
+        case "ArrowDown":
+          l.value.y = Math.min(
+            ((a = s.value) == null ? void 0 : a.height) ?? 0,
+            l.value.y + 5
+          );
+          break;
+        case "ArrowLeft":
+          l.value.x = Math.max(0, l.value.x - 5);
+          break;
+        case "ArrowRight":
+          l.value.x = Math.min(
+            ((n = s.value) == null ? void 0 : n.width) ?? 0,
+            l.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
+    }, $ = (e) => {
+      var n, i;
+      switch (e.key) {
+        case "ArrowLeft":
+          u.value.x = Math.max(0, u.value.x - 5);
+          break;
+        case "ArrowRight":
+          u.value.x = Math.min(
+            ((n = r.value) == null ? void 0 : n.width) ?? 0,
+            u.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
+      d.value = y(a, 100, 50), m(), H(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
+    };
+    J(() => {
+      T(), W(o.value ?? "#ff0000");
+    }), Q(
+      () => R.modelValue,
+      (e) => {
+        !e || e === o.value || (o.value = e, W(e), m(), v());
+      }
+    );
+    const g = () => {
+      const e = s.value;
+      if (!e) return "#ffffff";
+      const t = e.getContext("2d");
+      if (!t) return "#ffffff";
+      const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [M, z, Y] = i;
+      return `#${((1 << 24) + (M << 16) + (z << 8) + Y).toString(16).slice(1)}`;
+    };
+    function W(e) {
+      var a;
+      const t = K(...B(e));
+      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
+    }
+    return (e, t) => (_(), S("div", {
+      ref_key: "paletteRef",
+      ref: O,
+      "aria-label": "Color Picker",
+      class: "bb-color-palette",
+      role: "application"
+    }, [
+      w("canvas", {
+        ref_key: "mainCanvasRef",
+        ref: s,
+        "aria-describedby": "mainCanvasDesc",
+        "aria-label": "Main Color Selection",
+        class: "bb-color-palette__canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: X,
+        onPointerdown: q
+      }, null, 544),
+      w("p", ee, [
+        A(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
+        o.value ? (_(), S("span", te, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : E("", !0)
+      ]),
+      w("canvas", {
+        ref_key: "hueCanvasRef",
+        ref: r,
+        "aria-describedby": "hueCanvasDesc",
+        "aria-label": "Hue Selection",
+        class: "bb-color-palette__hue-canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: $,
+        onPointerdown: U
+      }, null, 544),
+      w("p", ae, [
+        A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
+      ])
+    ], 512));
+  }
+});
 export {
-  m as default
+  ce as default
 };

package/dist/index215.js

@@ -1,7 +1,74 @@
-import { getDefaultExportFromCjs as r } from "./index303.js";
-import { __require as e } from "./index287.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { defineComponent as y, ref as C, createElementBlock as v, openBlock as i, withModifiers as B, normalizeClass as h, unref as n, renderSlot as o, createBlock as s, createCommentVNode as l, createVNode as t, createElementVNode as m } from "vue";
+/* empty css       */
+/* empty css       */
+import u from "./index85.js";
+/* empty css        */
+import I from "./index113.js";
+/* empty css         */
+import E from "./index330.js";
+import N from "./index331.js";
+/* empty css         */
+import { noop as d } from "./index270.js";
+const V = { class: "bb-common-input-inner-container__prefix" }, w = { class: "bb-common-input-inner-container__suffix" }, G = /* @__PURE__ */ y({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(f, { emit: b }) {
+    const p = f, _ = b, r = C(), a = () => {
+      var e;
+      !r.value || p.preventFocus || (e = r.value.querySelector("input,textarea")) == null || e.focus();
+    }, $ = () => {
+      _("click:clear"), a();
+    };
+    return (e, c) => (i(), v("span", {
+      ref_key: "container",
+      ref: r,
+      class: h(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": p.clearable
+      }]),
+      onClick: a,
+      onPointerdown: c[0] || (c[0] = B(
+        //@ts-ignore
+        (...k) => n(d) && n(d)(...k),
+        ["prevent"]
+      ))
+    }, [
+      o(e.$slots, "prepend", {}, () => [
+        m("span", V, [
+          o(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (i(), s(n(u), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      o(e.$slots, "default"),
+      t(N, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: $
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (i(), s(n(u), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      t(E),
+      t(n(I)),
+      o(e.$slots, "append", {}, () => [
+        m("span", w, [
+          o(e.$slots, "suffix")
+        ])
+      ])
+    ], 34));
+  }
+});
 export {
-  m as default
+  G as default
 };

package/dist/index217.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index303.js";
-import { __require as t } from "./index291.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index283.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  a as default
+  i as default
 };

package/dist/index218.js

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

package/dist/index220.js

@@ -1,4 +1,7 @@
-const e = (t) => t[t.length - 1];
+import { getDefaultExportFromCjs as r } from "./index312.js";
+import { __require as o } from "./index288.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  e as last
+  s as default
 };

package/dist/index221.js

@@ -1,15 +1,7 @@
-import { locales as t } from "./index297.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index298.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
+import { getDefaultExportFromCjs as r } from "./index312.js";
+import { __require as e } from "./index290.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
 export {
-  d as useLocale
+  m as default
 };