bitboss-ui 2.0.172 → 2.0.174

package/dist/index79.js

@@ -1,17 +1,16 @@
-import { defineComponent as U, computed as V, ref as g, createBlock as L, openBlock as b, normalizeClass as R, withCtx as T, createElementBlock as D, createCommentVNode as _, unref as p, normalizeStyle as W, renderSlot as v, Fragment as F, renderList as G, createVNode as J, mergeProps as Q, createElementVNode as X, toDisplayString as Y, normalizeProps as Z, guardReactiveProps as x } from "vue";
-import { findRightIndex as H } from "./index268.js";
-import { useId as ee } from "./index8.js";
-import { useIntersectionObserver as te } from "./index137.js";
-import { useUntil as oe } from "./index233.js";
-import { wait as ne } from "./index135.js";
+import { defineComponent as N, computed as R, ref as g, watch as W, createBlock as h, openBlock as k, unref as f, normalizeClass as G, withCtx as T, createElementVNode as I, normalizeStyle as J, renderSlot as m, createElementBlock as q, Fragment as F, renderList as Q, createVNode as X, mergeProps as Y, createCommentVNode as A, toDisplayString as Z, normalizeProps as x, guardReactiveProps as ee } from "vue";
+import { findRightIndex as D } from "./index271.js";
+import { useId as te } from "./index8.js";
+import { useUntil as ne } from "./index218.js";
+import { wait as oe } from "./index135.js";
 import ae from "./index13.js";
 /* empty css        */
-import A from "./index85.js";
+import B from "./index85.js";
 /* empty css        */
-import le from "./index235.js";
+import le from "./index222.js";
 /* empty css         */
-import B from "./index269.js";
-const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" }, Ee = /* @__PURE__ */ U({
+import K from "./index272.js";
+const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" }, ge = /* @__PURE__ */ N({
   __name: "BbDropdown",
   props: {
     arrowPadding: { default: 10 },
@@ -29,43 +28,43 @@ const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" },
     width: { default: 200 }
   },
   setup(O) {
-    const u = O, d = u.id ?? `bb_${ee().id.value}`, c = V(() => {
-      let e = u.items.findIndex((o) => !o.disabled), a = H(
+    const u = O, d = u.id ?? `bb_${te().id.value}`, c = R(() => {
+      let e = u.items.findIndex((n) => !n.disabled), o = D(
         u.items,
-        (o) => !o.disabled
+        (n) => !n.disabled
       );
-      return u.items.map((o, t) => {
-        const n = `${d}-item-${o.key}`, { onClick: C, ...q } = o, z = async () => {
-          await f();
+      return u.items.map((n, t) => {
+        const a = `${d}-item-${n.key}`, { onClick: _, ...C } = n, j = async () => {
+          await p();
           const s = document.querySelector(`#${d}`);
           if (s) s instanceof HTMLElement && s.focus();
           else return;
-          C && C();
-        }, N = (s) => {
+          _ && _();
+        }, z = (s) => {
           if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!i.value) return;
             if (s.key === "ArrowDown") {
-              if (s.preventDefault(), i.value && t !== a) {
+              if (s.preventDefault(), i.value && t !== o) {
                 const r = i.value.querySelector(
-                  B.map((y) => `#${n} ~ ${y}`).join(",")
+                  K.map((v) => `#${a} ~ ${v}`).join(",")
                 );
                 r && r instanceof HTMLElement && r.focus();
               }
             } else if (s.key === "ArrowUp") {
               if (s.preventDefault(), i.value && t !== e) {
-                const r = H(u.items, (k, h) => h < t && !k.disabled), w = Array.from(
+                const r = D(u.items, (w, L) => L < t && !w.disabled), y = Array.from(
                   i.value.querySelectorAll(".bb-dropdown__item")
                 )[r];
-                w && w instanceof HTMLElement && w.focus();
+                y && y instanceof HTMLElement && y.focus();
               }
             } else if (s.key === "Tab") {
-              if (t === a && !s.shiftKey) {
-                const r = B.join(","), y = Array.from(
+              if (t === o && !s.shiftKey) {
+                const r = K.join(","), v = Array.from(
                   document.querySelectorAll(r)
-                ), w = y.findIndex(
-                  (h) => h.id === d
-                ), k = y[w + 1];
-                if (k) k instanceof HTMLElement && (s.preventDefault(), f(), k.focus());
+                ), y = v.findIndex(
+                  (L) => L.id === d
+                ), w = v[y + 1];
+                if (w) w instanceof HTMLElement && (s.preventDefault(), p(), w.focus());
                 else return;
               } else if (t === e && s.shiftKey) {
                 const r = document.querySelector(`#${d}`);
@@ -76,92 +75,88 @@ const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" },
           }
         };
         return {
-          ...q,
-          original: o,
-          key: o.key.split(/\W+/g).join("_").toLowerCase(),
-          disabled: q.disabled || u.disabled,
-          id: n,
-          onClick: z,
-          onKeydown: N
+          ...C,
+          original: n,
+          key: n.key.split(/\W+/g).join("_").toLowerCase(),
+          disabled: C.disabled || u.disabled,
+          id: a,
+          onClick: j,
+          onKeydown: z
         };
       });
-    }), m = g(), i = g();
-    te(
-      m,
-      ([{ intersectionRatio: e }]) => {
-        e !== 1 && l.value && f();
-      },
-      { threshold: [0, 1] }
-    );
-    const l = g(!1), E = oe(l), K = () => {
-      l.value ? f() : $();
-    }, P = async (e) => {
-      let a = u.items.findIndex((t) => !t.disabled), o = H(
+    }), b = g(), i = g(), l = g(!1), E = ne(l), P = () => {
+      l.value ? p() : $();
+    }, V = async (e) => {
+      let o = u.items.findIndex((t) => !t.disabled), n = D(
         u.items,
         (t) => !t.disabled
       );
       if (e.key === "ArrowDown") {
-        if (e.preventDefault(), l.value || await $(), i.value && c.value.length && a !== -1) {
-          const t = c.value[a].id, n = i.value.querySelector(`#${t}`);
-          n && n instanceof HTMLElement && n.focus();
+        if (e.preventDefault(), l.value || await $(), i.value && c.value.length && o !== -1) {
+          const t = c.value[o].id, a = i.value.querySelector(`#${t}`);
+          a && a instanceof HTMLElement && a.focus();
         }
       } else if (e.key === "ArrowUp") {
-        if (e.preventDefault(), l.value || await $(), i.value && c.value.length && o !== -1) {
-          const t = c.value[o].id, n = i.value.querySelector(`#${t}`);
-          n && n instanceof HTMLElement && n.focus();
+        if (e.preventDefault(), l.value || await $(), i.value && c.value.length && n !== -1) {
+          const t = c.value[n].id, a = i.value.querySelector(`#${t}`);
+          a && a instanceof HTMLElement && a.focus();
         }
-      } else if (e.key === "Tab" && l.value && !e.shiftKey && (e.preventDefault(), i.value && c.value.length && a !== -1)) {
-        const t = c.value[a].id, n = i.value.querySelector(`#${t}`);
-        n && n instanceof HTMLElement && n.focus();
+      } else if (e.key === "Tab" && l.value && !e.shiftKey && (e.preventDefault(), i.value && c.value.length && o !== -1)) {
+        const t = c.value[o].id, a = i.value.querySelector(`#${t}`);
+        a && a instanceof HTMLElement && a.focus();
       }
-    }, I = (e) => {
-      const a = e.target;
-      if (a && a instanceof HTMLElement) {
-        let o = !0;
-        m.value && m.value.$el.contains(a) && (o = !1), i.value && i.value.contains(a) && (o = !1), o && f();
+    }, H = (e) => {
+      const o = e.target;
+      if (o && o instanceof HTMLElement) {
+        let n = !0;
+        b.value && b.value.$el.contains(o) && (n = !1), i.value && i.value.contains(o) && (n = !1), n && p();
       }
     }, M = (e) => {
-      const a = e.target;
-      if (a && a instanceof HTMLElement) {
-        let o = !0;
-        m.value && m.value.$el.contains(a) && (o = !1), o && f();
+      const o = e.target;
+      if (o && o instanceof HTMLElement) {
+        let n = !0;
+        b.value && b.value.$el.contains(o) && (n = !1), n && p();
       }
     }, S = (e) => {
-      var a;
+      var o;
       if (l.value && e.key === "Escape") {
-        if (((a = document.activeElement) == null ? void 0 : a.id) !== d) {
-          const o = document.querySelector(`#${d}`);
-          o instanceof HTMLElement && o.focus();
+        if (((o = document.activeElement) == null ? void 0 : o.id) !== d) {
+          const n = document.querySelector(`#${d}`);
+          n instanceof HTMLElement && n.focus();
         }
-        f();
+        p();
       }
-    }, j = g(!1), $ = async () => {
-      j.value = !0, await ne(50), l.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
-    }, f = async () => {
-      l.value = !1, document.removeEventListener("click", I), document.removeEventListener("focusin", M), document.removeEventListener("keydown", S);
+    }, U = g(!1), $ = async () => {
+      U.value = !0, await oe(50), l.value = !0, document.addEventListener("click", H, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
+    }, p = async () => {
+      l.value = !1;
     };
-    return (e, a) => (b(), L(le, {
+    return W(l, (e) => {
+      e || (document.removeEventListener("click", H), document.removeEventListener("focusin", M), document.removeEventListener("keydown", S));
+    }), (e, o) => (k(), h(le, {
       ref_key: "wrapper",
-      ref: m,
+      ref: b,
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (n) => l.value = n),
       "arrow-padding": e.arrowPadding,
       block: e.block,
-      class: R(["bb-dropdown", {
+      class: G(["bb-dropdown", {
         [`bb-dropdown--${e.theme}`]: !0
       }]),
-      "model-value": l.value,
       offset: e.offset,
       padding: e.padding,
       placement: e.placement,
+      "render-content": f(E),
       "transition-duration": e.transitionDuration
     }, {
       activator: T(() => [
-        v(e.$slots, "activator", Z(x({
+        m(e.$slots, "activator", x(ee({
           props: {
-            "aria-expanded": p(E) ? l.value : !1,
-            "aria-controls": p(E) ? `menu_${p(d)}` : void 0,
-            id: p(d),
-            onClick: K,
-            onKeydown: P,
+            "aria-expanded": f(E) ? l.value : !1,
+            "aria-controls": f(E) ? `menu_${f(d)}` : void 0,
+            id: f(d),
+            onClick: P,
+            onKeydown: V,
             disabled: e.disabled
           },
           disabled: e.disabled,
@@ -170,86 +165,85 @@ const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" },
         })))
       ]),
       default: T(() => [
-        p(E) ? (b(), D("span", {
-          key: 0,
-          id: `menu_${p(d)}`,
+        I("span", {
+          id: `menu_${f(d)}`,
           ref_key: "content",
           ref: i,
-          "aria-labelledby": p(d),
+          "aria-labelledby": f(d),
           "aria-role": "menu",
           class: "bb-dropdown__items-container",
           inert: !l.value,
-          style: W({ width: `${e.width}px` })
+          style: J({ width: `${e.width}px` })
         }, [
-          v(e.$slots, "prepend", {
+          m(e.$slots, "prepend", {
             disabled: e.disabled,
             open: l.value,
             placement: e.placement
           }),
-          (b(!0), D(F, null, G(c.value, ({ original: o, ...t }, n) => (b(), D(F, {
+          (k(!0), q(F, null, Q(c.value, ({ original: n, ...t }, a) => (k(), q(F, {
             key: t.key
           }, [
-            v(e.$slots, "item:prepend", {
+            m(e.$slots, "item:prepend", {
               disabled: t.disabled,
-              index: n,
-              item: e.items[n],
+              index: a,
+              item: e.items[a],
               open: l.value,
               placement: e.placement,
               text: t.text
             }),
-            J(ae, Q({
+            X(ae, Y({
               "aria-role": "menuitem",
               class: ["bb-dropdown__item", {
-                "bb-dropdown__item--first": n === 0,
-                "bb-dropdown__item--last": n === e.items.length - 1
+                "bb-dropdown__item--first": a === 0,
+                "bb-dropdown__item--last": a === e.items.length - 1
               }],
               "data-dropdown-item": !0,
               ref_for: !0
             }, t), {
               default: T(() => [
-                v(e.$slots, t.key, {
+                m(e.$slots, t.key, {
                   disabled: t.disabled,
-                  index: n,
-                  item: o,
+                  index: a,
+                  item: n,
                   open: l.value,
                   placement: e.placement,
                   text: t.text
                 }, () => [
-                  t["prepend:icon"] ? (b(), L(A, {
+                  t["prepend:icon"] ? (k(), h(B, {
                     key: 0,
                     class: "item__prepend-icon",
                     type: t["prepend:icon"]
-                  }, null, 8, ["type"])) : _("", !0),
-                  X("span", ie, Y(t.text), 1),
-                  t["append:icon"] ? (b(), L(A, {
+                  }, null, 8, ["type"])) : A("", !0),
+                  I("span", ie, Z(t.text), 1),
+                  t["append:icon"] ? (k(), h(B, {
                     key: 1,
                     class: "item__append-icon",
                     type: t["append:icon"]
-                  }, null, 8, ["type"])) : _("", !0)
+                  }, null, 8, ["type"])) : A("", !0)
                 ])
               ]),
               _: 2
             }, 1040, ["class"]),
-            v(e.$slots, "item:append", {
+            m(e.$slots, "item:append", {
               disabled: t.disabled,
-              index: n,
-              item: e.items[n],
+              index: a,
+              item: e.items[a],
               open: l.value,
               placement: e.placement,
               text: t.text
             })
           ], 64))), 128)),
-          v(e.$slots, "append", {
+          m(e.$slots, "append", {
             disabled: e.disabled,
             open: l.value,
             placement: e.placement
           })
-        ], 12, se)) : _("", !0)
+        ], 12, se)
       ]),
       _: 3
-    }, 8, ["arrow-padding", "block", "class", "model-value", "offset", "padding", "placement", "transition-duration"]));
+    }, 8, ["modelValue", "arrow-padding", "block", "class", "offset", "padding", "placement", "render-content", "transition-duration"]));
   }
 });
 export {
-  Ee as default
+  ge as default
 };

package/dist/index81.js

@@ -9,7 +9,7 @@ import z from "./index85.js";
 /* empty css        */
 import I from "./index113.js";
 /* empty css         */
-import { useLocale as M } from "./index211.js";
+import { useLocale as M } from "./index217.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index83.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index271.js";
+import { findInTree as ae } from "./index266.js";
 import { useId as re } from "./index8.js";
 import oe from "./index111.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index270.js")).default);
+              b || (b = (await import("./index265.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, createElementBlock as h, openBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index216.js";
+import { isCssColor as I } from "./index209.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index87.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index272.js";
+import { throttle as c } from "./index269.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index90.js

@@ -1,11 +1,11 @@
 import { defineComponent as ae, ref as l, useAttrs as ne, computed as u, getCurrentInstance as ie, onBeforeUnmount as A, onMounted as re, watch as ue, createBlock as ce, openBlock as g, withCtx as de, createElementVNode as s, mergeProps as E, createElementBlock as $, createCommentVNode as T, renderSlot as n, createTextVNode as fe, toDisplayString as H, unref as ve, nextTick as pe } from "vue";
-import { useFocusTrap as be } from "./index220.js";
+import { useFocusTrap as be } from "./index248.js";
 import { useId as I } from "./index8.js";
 import { wait as D } from "./index135.js";
-import { useModalsState as b } from "./index222.js";
-import me from "./index223.js";
+import { useModalsState as b } from "./index250.js";
+import me from "./index251.js";
 import { useMobile as ye } from "./index9.js";
-import { useLocale as he } from "./index211.js";
+import { useLocale as he } from "./index217.js";
 const ge = ["inert"], _e = { class: "bb-offcanvas-close" }, ke = ["aria-label"], De = /* @__PURE__ */ ae({
   __name: "BbOffCanvas",
   props: {

package/dist/index92.js

@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
 /* empty css       */
 import P from "./index13.js";
 /* empty css        */
-import { debounce as X } from "./index225.js";
-import { useLocale as H } from "./index211.js";
+import { debounce as X } from "./index270.js";
+import { useLocale as H } from "./index217.js";
 import { useRoute as J } from "./index142.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",

package/dist/index94.js

@@ -1,13 +1,13 @@
-import { defineComponent as D, ref as c, computed as h, createBlock as g, openBlock as u, normalizeClass as M, withCtx as f, createElementBlock as z, createCommentVNode as k, unref as y, renderSlot as C, createElementVNode as m, toDisplayString as I, normalizeProps as O, guardReactiveProps as S, nextTick as H } from "vue";
-import { useId as N } from "./index8.js";
-import { useIntersectionObserver as U } from "./index137.js";
-import { useLocale as W } from "./index211.js";
-import { useUntil as q } from "./index233.js";
-import A from "./index13.js";
+import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as i, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
+import { useId as H } from "./index8.js";
+import { useIntersectionObserver as N } from "./index137.js";
+import { useLocale as U } from "./index217.js";
+import { useUntil as W } from "./index218.js";
+import q from "./index13.js";
 /* empty css        */
-import R from "./index235.js";
+import A from "./index222.js";
 /* empty css         */
-const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @__PURE__ */ D({
+const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -27,75 +27,76 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
   },
   emits: ["shown", "hidden"],
   setup($, { expose: L, emit: _ }) {
-    const t = $, n = _, { t: B } = W(), { id: P } = N(), i = `bbp_${P.value}`, r = c(), d = c();
-    U(
+    const t = $, n = _, { t: B } = U(), { id: P } = H(), p = `bbp_${P.value}`, r = m(), c = m();
+    N(
       r,
       async ([{ intersectionRatio: e }]) => {
-        e !== 1 && o.value && (await l(), n("hidden"));
+        e !== 1 && o.value && (await s(), n("hidden"));
       },
       { threshold: [0, 1] }
     );
-    const o = c(!1), T = q(o), v = (e) => {
+    const o = m(!1), u = W(o), b = (e) => {
       var a;
-      e.target instanceof HTMLElement && ((a = d.value) != null && a.contains(e.target) || l());
-    }, E = async () => {
-      o.value = !0, document.addEventListener("click", v);
-    }, l = async () => {
-      o.value = !1, document.removeEventListener("click", v);
-    }, b = async (e) => {
-      var w;
+      e.target instanceof HTMLElement && ((a = c.value) != null && a.contains(e.target) || s());
+    }, T = async () => {
+      o.value = !0, document.addEventListener("click", b);
+    }, s = async () => {
+      o.value = !1, document.removeEventListener("click", b);
+    }, w = async (e) => {
+      var h;
       if (o.value) {
-        await l(), n("hidden");
+        await s(), n("hidden");
         return;
       }
       if (t.disabled)
         return;
-      e.stopImmediatePropagation(), await E();
+      e.stopImmediatePropagation(), await T();
       let a = t.focusTarget ?? ".bb-popover__close";
-      await H();
-      const s = (w = d.value) == null ? void 0 : w.querySelector(a);
-      s instanceof HTMLElement && (s.focus(), n("shown"));
-    }, p = async () => {
-      await l(), n("hidden");
-    }, V = h(() => {
+      await S();
+      const l = (h = c.value) == null ? void 0 : h.querySelector(a);
+      l instanceof HTMLElement && (l.focus(), n("shown"));
+    }, f = async () => {
+      await s(), n("hidden");
+    }, E = g(() => {
       if (t.width) {
         let e;
         return typeof t.width == "string" && /^\d+[a-zA-Z%]+$/.test(t.width) ? t.width.includes("%") ? r.value ? `${r.value.$el.clientWidth * (+t.width.replace("%", "") / 100)}px` : void 0 : t.width : (e = `${t.width}px`, `${e}px`);
       }
     });
     return L({
-      open: b,
-      close: p,
-      closed: h(() => !o.value)
-    }), (e, a) => (u(), g(R, {
+      open: w,
+      close: f,
+      closed: g(() => !o.value)
+    }), (e, a) => (y(), k(A, {
       ref_key: "wrapper",
       ref: r,
       modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s),
+      "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
       "arrow-padding": e.arrowPadding,
       block: e.block,
-      class: M(["bb-popover", {
+      class: D(["bb-popover", {
         [`bb-popover--${e.theme}`]: !0
       }]),
       "container-attributes": {
-        id: `popover_${i}`,
+        id: `popover_${p}`,
         style: {
-          width: V.value
+          width: E.value
         }
       },
       offset: e.offset,
       padding: e.padding,
       placement: e.placement,
+      "render-content": i(u),
       tag: "dialog",
       "transition-duration": e.transitionDuration
     }, {
-      activator: f(() => [
-        C(e.$slots, "activator", O(S({
+      activator: v(() => [
+        C(e.$slots, "activator", I(O({
           props: {
-            "aria-controls": `popover_${i}`,
-            "aria-expanded": o.value,
-            onClick: b,
-            id: i,
+            "aria-expanded": i(u) ? o.value : !1,
+            "aria-controls": i(u) ? `popover_${p}` : void 0,
+            onClick: w,
+            id: p,
             disabled: !!e.disabled
           },
           disabled: !!e.disabled,
@@ -103,27 +104,26 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
           placement: e.placement
         })))
       ]),
-      default: f(() => [
-        y(T) ? (u(), z("span", {
-          key: 0,
+      default: v(() => [
+        d("span", {
           ref_key: "content",
-          ref: d,
+          ref: c,
           class: "bb-popover__content",
           inert: !o.value
         }, [
-          e.showClose ? (u(), g(A, {
+          e.showClose ? (y(), k(q, {
             key: 0,
             class: "bb-popover__close",
-            onClick: p
+            onClick: f
           }, {
-            default: f(() => [
-              m("span", j, I(e.closeLabel || y(B)("common.closeLabel").value), 1),
-              a[1] || (a[1] = m("svg", {
+            default: v(() => [
+              d("span", Z, z(e.closeLabel || i(B)("common.closeLabel").value), 1),
+              a[1] || (a[1] = d("svg", {
                 fill: "none",
                 viewBox: "0 0 24 24",
                 xmlns: "http://www.w3.org/2000/svg"
               }, [
-                m("path", {
+                d("path", {
                   d: "M23 23L1 1M23 1L1 23",
                   stroke: "currentColor",
                   "stroke-linecap": "round",
@@ -132,19 +132,19 @@ const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @
               ], -1))
             ]),
             _: 1
-          })) : k("", !0),
+          })) : M("", !0),
           C(e.$slots, "default", {
-            close: p,
+            close: f,
             disabled: !!e.disabled,
             open: o.value,
             placement: e.placement
           })
-        ], 8, Z)) : k("", !0)
+        ], 8, R)
       ]),
       _: 3
-    }, 8, ["modelValue", "arrow-padding", "block", "class", "container-attributes", "offset", "padding", "placement", "transition-duration"]));
+    }, 8, ["modelValue", "arrow-padding", "block", "class", "container-attributes", "offset", "padding", "placement", "render-content", "transition-duration"]));
   }
 });
 export {
-  oe as default
+  ee as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.172",
+	"version": "2.0.174",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {