bitboss-ui 2.0.72 → 2.0.73

package/dist/components/BbPagination/BbPagination.vue.d.ts

@@ -5,6 +5,10 @@ export type BbPaginationProps = Pick<CommonProps, 'disabled' | 'loading'> & {
      * String of text displayed in place of hidden pages
      */
     ellipsis?: string;
+    /**
+     * Label of the pagination
+     */
+    label?: string;
     /**
      * Maximum number of clickable pages displayed at all times.
      * This has a tolerance of +/- 1 for odd / even numbering.
@@ -28,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Bb
 }, string, import('vue').PublicProps, Readonly<BbPaginationProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    label: string;
     modelValue: number;
     align: "left" | "center" | "right";
     maxSize: string | number;

package/dist/index106.js

@@ -1,9 +1,9 @@
-import { defineComponent as v, ref as g, computed as y, openBlock as w, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as $, mergeProps as T } from "vue";
-import V from "./index27.js";
+import { defineComponent as f, ref as v, computed as g, openBlock as y, createBlock as w, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as B, mergeProps as $ } from "vue";
+import T from "./index27.js";
 /* empty css        */
-import D from "./index43.js";
+import V from "./index43.js";
 /* empty css        */
-const F = /* @__PURE__ */ v({
+const E = /* @__PURE__ */ f({
   __name: "BbSwitchGroup",
   props: {
     autofocus: {},
@@ -34,8 +34,8 @@ const F = /* @__PURE__ */ v({
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, n = p, s = g(!1), m = y(() => u.persistentHint || s.value), c = {
+  setup(t, { emit: p }) {
+    const u = t, n = p, s = v(!1), m = g(() => u.persistentHint || s.value), c = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onClick: (e) => n("click", e),
@@ -51,7 +51,7 @@ const F = /* @__PURE__ */ v({
       onMouseup: (e) => n("mouseup", e),
       "onUpdate:modelValue": (e) => n("update:modelValue", e)
     };
-    return (e, k) => (w(), B(V, {
+    return (e, D) => (y(), w(T, {
       id: e.id,
       class: "bb-switch-group",
       direction: "vertical",
@@ -66,13 +66,13 @@ const F = /* @__PURE__ */ v({
       "show-hint": m.value,
       tag: "fieldset"
     }, {
-      label: a((t) => [
-        i(e.$slots, "legend", l(r(t)))
+      label: a((d) => [
+        i(e.$slots, "legend", l(r(d)))
       ]),
-      input: a(({ id: t, name: h, hasErrors: b, ariaDescribedby: f }) => [
-        $(D, T({
-          id: t,
-          "aria-describedby": f,
+      input: a(({ id: d, hasErrors: h, ariaDescribedby: b }) => [
+        B(V, $({
+          id: d,
+          "aria-describedby": b,
           autofocus: e.autofocus,
           color: e.color,
           dependencies: e.dependencies,
@@ -80,7 +80,7 @@ const F = /* @__PURE__ */ v({
           direction: e.inputDirection,
           disabled: e.disabled,
           "enforce-coherence": e.enforceCoherence,
-          "has-errors": b,
+          "has-errors": h,
           "hide-label": e.hideLabel,
           "item-text": e.itemText,
           "item-value": e.itemValue,
@@ -89,7 +89,7 @@ const F = /* @__PURE__ */ v({
           max: e.max,
           "model-value": e.modelValue,
           "model-value-debounce-time": e.modelValueDebounceTime,
-          name: h,
+          name: e.name,
           "no-data-text": e.noDataText,
           readonly: e.readonly
         }, c), {
@@ -125,5 +125,5 @@ const F = /* @__PURE__ */ v({
   }
 });
 export {
-  F as default
+  E as default
 };

package/dist/index110.js

@@ -1,15 +1,15 @@
-import { defineComponent as oe, ref as j, computed as y, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as _, createElementVNode as o, renderSlot as f, createVNode as x, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index262.js";
-import { clamp as pe } from "./index205.js";
+import { defineComponent as oe, ref as j, computed as m, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as y, withCtx as ie, createElementBlock as d, toDisplayString as u, createCommentVNode as _, createElementVNode as o, renderSlot as p, createVNode as R, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
+import { add as ue } from "./index297.js";
+import { clamp as pe } from "./index204.js";
 import { isNil as M } from "./index129.js";
 import { useId as fe } from "./index8.js";
-import { useItemValue as me } from "./index263.js";
-import { when as ye } from "./index208.js";
+import { useItemValue as me } from "./index279.js";
+import { when as ye } from "./index206.js";
 import J from "./index17.js";
 /* empty css        */
 import he from "./index31.js";
 /* empty css        */
-import { useOptions as ke } from "./index215.js";
+import { useOptions as ke } from "./index236.js";
 const _e = {
   key: 0,
   class: "sr-only"
@@ -57,10 +57,10 @@ const _e = {
   },
   emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll"],
   setup(N, { emit: S }) {
-    const { getItemValue: P } = me(), D = fe().id.value, t = N, v = S, V = j(), Q = t.accessibleLabel, U = t.loadingText, W = t.noDataText, z = t.selectText, G = y(() => t.selectable ? "fieldset" : "div"), K = j(!1), O = y(() => t.loading || K.value), H = y(() => [!!t.selectable, !!t.actions].reduce(
+    const { getItemValue: P } = me(), x = fe().id.value, t = N, v = S, V = j(), Q = t.accessibleLabel, U = t.loadingText, W = t.noDataText, z = t.selectText, G = m(() => t.selectable ? "fieldset" : "div"), K = j(!1), O = m(() => t.loading || K.value), H = m(() => [!!t.selectable, !!t.actions].reduce(
       (e, s) => e + +!!s,
       t.columns.length
-    )), q = y(
+    )), q = m(
       () => t.columns.reduce(
         (e, s) => {
           const l = s.key.split(/\W+/g).join("_");
@@ -85,7 +85,7 @@ const _e = {
       depsDebounceTime: t.depsDebounceTime,
       queryDebounceTime: 0,
       disabled: B(t, "disabled")
-    }), Z = y(
+    }), Z = m(
       () => t.columns.map((e) => {
         const s = e.align || "left", { label: l, key: c } = e, g = `header:${q.value[e.key]}`;
         let a = [`bb-table-header--${s}`];
@@ -97,30 +97,30 @@ const _e = {
           classes: a
         };
       })
-    ), C = y(() => $.value.map((e) => {
+    ), C = m(() => $.value.map((e) => {
       let s = !t.selectable;
-      typeof t.selectable == "function" && (s = !t.selectable(e)), s = s || !!e.disabled;
+      typeof t.selectable == "function" && (s = !t.selectable(e.item)), s = s || !!e.disabled;
       const l = t.columns.map((a) => {
-        const i = q.value[a.key], h = a.align || "left", { label: A, key: I } = a;
-        let m = P(e.item, a.key);
+        const i = q.value[a.key], h = a.align || "left", { label: A, key: L } = a;
+        let f = P(e.item, a.key);
         a.formatter && // By default the formatter runs anyway
-        (!M(m) || a.formatOnNull !== !1) && (m = a.formatter(m, a.key, e.item)), a.placeholder && M(m) && (m = a.placeholder);
+        (!M(f) || a.formatOnNull !== !1) && (f = a.formatter(f, a.key, e.item)), a.placeholder && M(f) && (f = a.placeholder);
         let b = [`bb-table-data__cell--${h}`];
         if (t.tdClass)
           if (typeof t.tdClass == "function") {
-            let k = t.tdClass(m, a.key, e.item);
+            let k = t.tdClass(f, a.key, e.item);
             k && (b = b.concat(k));
           } else b = b.concat(t.tdClass);
         if (a.tdClass)
           if (typeof a.tdClass == "function") {
-            let k = a.tdClass(m, a.key, e.item);
+            let k = a.tdClass(f, a.key, e.item);
             k && (b = b.concat(k));
           } else b = b.concat(a.tdClass);
         return {
           align: h,
           classes: b,
-          content: m,
-          key: I,
+          content: f,
+          key: L,
           label: A,
           slotName: i
         };
@@ -141,9 +141,9 @@ const _e = {
     })), ee = (e) => {
       let s = e, l = [];
       s && (l = C.value.reduce((c, g) => (!g.disabled && c.length < t.max && c.push(g.value), c), [])), v("update:modelValue", l), v("update:selectAll", e);
-    }, L = y(
+    }, D = m(
       () => !!(C.value.length && C.value.filter((e) => !e.disabled).every((e) => e.selected))
-    ), le = y(
+    ), le = m(
       () => {
         var e;
         return C.value.some((s) => !s.selected) && !!((e = t.modelValue) != null && e.length);
@@ -153,7 +153,7 @@ const _e = {
     }, te = ye(
       (e) => typeof e != "string",
       JSON.stringify
-    ), ae = y(() => [].concat(t.modelValue).map((e) => {
+    ), ae = m(() => [].concat(t.modelValue).map((e) => {
       const s = te(e);
       return {
         disabled: t.disabled,
@@ -161,7 +161,7 @@ const _e = {
         type: "hidden",
         value: s
       };
-    })), se = y(() => pe($.value.length, 4, 10));
+    })), se = m(() => pe($.value.length, 4, 10));
     return ne(
       () => C.value,
       () => {
@@ -170,10 +170,10 @@ const _e = {
           const s = Array.from(
             V.value.querySelectorAll("thead th")
           ), l = t.fixedColumns.reduce((a, i) => {
-            const h = typeof i == "number" ? i : i.index, A = typeof i == "number" ? "left" : i.position, I = s[h].getBoundingClientRect(), m = Math.floor(I.width), b = a.filter((R) => R.position === A).map((R) => R.width).reduce(ue, 0), k = {
+            const h = typeof i == "number" ? i : i.index, A = typeof i == "number" ? "left" : i.position, L = s[h].getBoundingClientRect(), f = Math.floor(L.width), b = a.filter((I) => I.position === A).map((I) => I.width).reduce(ue, 0), k = {
               index: h,
               position: A,
-              width: m,
+              width: f,
               offset: b
             };
             return a.push(k), a;
@@ -204,12 +204,12 @@ const _e = {
         "bb-table--fixed": e.fixed,
         "bb-table--fixed-header": e.fixedHeaders,
         "bb-table--loading": O.value,
-        "bb-table--empty": !u($).length,
+        "bb-table--empty": !y($).length,
         "bb-table--selectable": e.selectable
       })
     }, {
       default: ie(() => [
-        e.selectable ? (n(), d("legend", _e, p(e.legend), 1)) : _("", !0),
+        e.selectable ? (n(), d("legend", _e, u(e.legend), 1)) : _("", !0),
         o("table", null, [
           e.caption ? (n(), d("caption", {
             key: 0,
@@ -217,19 +217,19 @@ const _e = {
               "bb-table-caption": !0,
               "sr-only": !e.displayCaption
             })
-          }, p(e.caption), 3)) : _("", !0),
+          }, u(e.caption), 3)) : _("", !0),
           o("thead", null, [
-            f(e.$slots, "thead", {}, () => [
+            p(e.$slots, "thead", {}, () => [
               o("tr", ve, [
                 e.selectable ? (n(), d("th", {
                   key: 0,
                   class: r(["bb-table-header bb-table-header--select", e.thClass]),
                   scope: "col"
                 }, [
-                  f(e.$slots, "header:select", {
+                  p(e.$slots, "header:select", {
                     multiple: e.multiple,
                     selectAll: !!e.selectAll,
-                    text: u(z)
+                    text: y(z)
                   }, () => [
                     o("span", Ce, [
                       e.allowSelectAll && e.multiple ? (n(), d("label", {
@@ -238,17 +238,17 @@ const _e = {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        x(J, {
+                        R(J, {
                           class: "bb-table-check",
                           disabled: e.disabled,
                           indeterminate: le.value,
-                          "model-value": L.value,
+                          "model-value": D.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly,
                           "onUpdate:modelValue": ee
                         }, null, 8, ["disabled", "indeterminate", "model-value", "name", "readonly"]),
-                        o("span", ge, p(e.selectAllLabel), 1)
-                      ], 2)) : e.multiple ? _("", !0) : (n(), d("span", we, p(u(z)), 1))
+                        o("span", ge, u(e.selectAllLabel), 1)
+                      ], 2)) : e.multiple ? _("", !0) : (n(), d("span", we, u(y(z)), 1))
                     ])
                   ])
                 ], 2)) : _("", !0),
@@ -257,13 +257,13 @@ const _e = {
                   class: r(["bb-table-header", l.classes]),
                   scope: "col"
                 }, [
-                  f(e.$slots, l.slotName, {
+                  p(e.$slots, l.slotName, {
                     classes: l.classes,
                     item: void 0,
-                    items: u(E),
+                    items: y(E),
                     label: l.label
                   }, () => [
-                    o("span", Te, p(l.label), 1)
+                    o("span", Te, u(l.label), 1)
                   ])
                 ], 2))), 128)),
                 e.actions ? (n(), d("th", {
@@ -271,24 +271,24 @@ const _e = {
                   class: r(["bb-table-header bb-table-header--actions", e.thClass]),
                   scope: "col"
                 }, [
-                  f(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    o("span", Ve, p(e.actionsText), 1)
+                  p(e.$slots, "header:actions", { text: e.actionsText }, () => [
+                    o("span", Ve, u(e.actionsText), 1)
                   ])
                 ], 2)) : _("", !0)
               ])
             ])
           ]),
           o("tbody", null, [
-            O.value ? f(e.$slots, "loading", {
+            O.value ? p(e.$slots, "loading", {
               key: 0,
-              items: u(E)
+              items: y(E)
             }, () => [
               o("tr", $e, [
                 o("td", {
                   class: "bb-table-loading__cell",
                   colspan: H.value
                 }, [
-                  o("span", Be, p(u(U)), 1),
+                  o("span", Be, u(y(U)), 1),
                   o("div", Ne, [
                     (n(!0), d(w, null, T(se.value, (l) => (n(), d("div", {
                       key: l,
@@ -305,7 +305,7 @@ const _e = {
                   ])
                 ], 8, Ae)
               ])
-            ]) : u($).length ? f(e.$slots, "tbody", { key: 2 }, () => [
+            ]) : y($).length ? p(e.$slots, "tbody", { key: 2 }, () => [
               (n(!0), d(w, null, T(C.value, (l) => (n(), d("tr", {
                 key: l.valueHash,
                 class: "bb-table-data__row",
@@ -317,10 +317,10 @@ const _e = {
                   key: 0,
                   class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
                 }, [
-                  f(e.$slots, "select", {
-                    checked: !!(l.selected || L.value),
+                  p(e.$slots, "select", {
+                    checked: !!(l.selected || D.value),
                     disabled: !!l.disabled,
-                    inputName: u(D),
+                    inputName: y(x),
                     item: l.item,
                     readonly: !!e.readonly,
                     value: l.value
@@ -331,31 +331,30 @@ const _e = {
                         "bb-table-check__label--disabled": l.disabled
                       }])
                     }, [
-                      x(J, {
-                        checked: l.selected || L.value,
+                      R(J, {
+                        checked: l.selected || D.value,
                         class: "bb-table-check",
                         disabled: l.disabled,
-                        name: u(D),
                         readonly: e.readonly,
                         onChange: () => F(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "onChange"]),
-                      o("span", Re, p(l.accessibleLabel), 1)
+                      }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
+                      o("span", Re, u(l.accessibleLabel), 1)
                     ], 2)) : (n(), d("label", {
                       key: 1,
                       class: r(["bb-table-radio__label", {
                         "bb-table-radio__label--disabled": l.disabled
                       }])
                     }, [
-                      x(he, {
+                      R(he, {
                         checked: l.selected,
                         class: "bb-table-radio",
                         disabled: l.disabled,
-                        name: u(D),
+                        name: y(x),
                         readonly: e.readonly,
                         value: l.value,
                         onChange: () => F(l)
                       }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      o("span", xe, p(l.accessibleLabel), 1)
+                      o("span", xe, u(l.accessibleLabel), 1)
                     ], 2))
                   ])
                 ], 2)) : _("", !0),
@@ -363,38 +362,38 @@ const _e = {
                   key: c.key,
                   class: r(["bb-table-data__cell", c.classes])
                 }, [
-                  f(e.$slots, c.slotName, {
+                  p(e.$slots, c.slotName, {
                     classes: c.classes,
                     content: c.content,
                     item: l.item,
                     value: l.value
                   }, () => [
-                    be(p(c.content), 1)
+                    be(u(c.content), 1)
                   ])
                 ], 2))), 128)),
                 e.actions ? (n(), d("td", {
                   key: 1,
                   class: r(["bb-table__cell bb-table__cell--actions", e.tdClass])
                 }, [
-                  f(e.$slots, "actions", {
+                  p(e.$slots, "actions", {
                     item: l.item,
                     value: l.value
                   })
                 ], 2)) : _("", !0)
               ], 40, Ie))), 128))
-            ]) : f(e.$slots, "no-data", { key: 1 }, () => [
+            ]) : p(e.$slots, "no-data", { key: 1 }, () => [
               o("tr", Se, [
                 o("td", {
                   class: "bb-table-no-data__cell",
                   colspan: H.value
                 }, [
-                  o("span", Le, p(u(W)), 1)
+                  o("span", Le, u(y(W)), 1)
                 ], 8, De)
               ])
             ])
           ]),
           o("tfoot", null, [
-            f(e.$slots, "tfoot")
+            p(e.$slots, "tfoot")
           ])
         ]),
         (n(!0), d(w, null, T(ae.value, (l) => (n(), d("input", re({

package/dist/index118.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as f, Fragment as d, renderList as _, unref as r, mergeProps as b } from "vue";
 import { state as k, useToast as C } from "./index11.js";
-import B from "./index261.js";
+import B from "./index296.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {

package/dist/index120.js

@@ -1,13 +1,13 @@
-import { defineComponent as z, defineAsyncComponent as A, ref as a, watch as I, computed as R, openBlock as v, createElementBlock as S, mergeProps as U, createElementVNode as c, renderSlot as E, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as D, withCtx as L, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index222.js";
-import { useId as J } from "./index8.js";
-import { wait as P } from "./index131.js";
-import K from "./index13.js";
+import { defineComponent as V, defineAsyncComponent as H, ref as o, watch as z, computed as A, openBlock as C, createElementBlock as I, mergeProps as R, createElementVNode as c, renderSlot as B, normalizeProps as S, guardReactiveProps as U, unref as u, createVNode as W, withCtx as E, createBlock as j, createCommentVNode as q } from "vue";
+import { useFloating as G, arrow as J } from "./index226.js";
+import { useId as K } from "./index8.js";
+import { wait as D } from "./index131.js";
+import Q from "./index13.js";
 /* empty css        */
-import { throttle as b } from "./index218.js";
-import { waitFor as Q } from "./index220.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index231.js";
-const ue = /* @__PURE__ */ z({
+import { throttle as m } from "./index234.js";
+import { waitFor as X } from "./index231.js";
+import { autoUpdate as Y, flip as Z, shift as x, hide as ee } from "./index233.js";
+const de = /* @__PURE__ */ V({
   __name: "BbTooltip",
   props: {
     arrowPadding: { default: 10 },
@@ -22,107 +22,106 @@ const ue = /* @__PURE__ */ z({
     theme: { default: "default" },
     transitionDuration: { default: 250 }
   },
-  setup(F) {
-    const O = A(
-      () => import("./index252.js")
-    ), t = F, w = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), _ = a(), { placement: g, middlewareData: $ } = q(s, d, {
+  setup(L) {
+    const M = H(
+      () => import("./index285.js")
+    ), t = L, v = `bb_${t.id ?? K().id.value}`, s = o(), d = o(), P = o(), { placement: b, middlewareData: _ } = G(s, d, {
       placement: t.placement,
-      whileElementsMounted: X,
+      whileElementsMounted: Y,
       middleware: [
-        Y(),
-        Z({ padding: t.padding }),
-        G({
-          element: _,
+        Z(),
+        x({ padding: t.padding }),
+        J({
+          element: P,
           padding: t.arrowPadding
         }),
-        x()
+        ee()
       ]
     });
-    let h = () => {
+    let w = () => {
     };
-    const k = a(!0), n = a(!1), r = a(!1), l = a(!1), p = a(!0), y = () => {
-      r.value || n.value || t.disabled || (N(), document.addEventListener("mouseover", C, { passive: !0 }), document.addEventListener("keydown", B, { passive: !0 }));
-    }, T = y, C = b((e) => {
-      const o = e.target;
-      if (o && o instanceof HTMLElement) {
-        let m = !0;
-        s.value && s.value.contains(o) && (m = !1), d.value && d.value.contains(o) && (m = !1), m && i();
+    const g = o(!0), n = o(!1), r = o(!1), i = o(!1), p = o(!0), h = () => {
+      r.value || n.value || t.disabled || (T(), document.addEventListener("mouseover", k, { passive: !0 }), document.addEventListener("keydown", y, { passive: !0 }));
+    }, F = h, k = m((e) => {
+      const a = e.target;
+      if (a && a instanceof HTMLElement) {
+        let f = !0;
+        s.value && s.value.contains(a) && (f = !1), d.value && d.value.contains(a) && (f = !1), f && l();
       }
-    }, t.transitionDuration), B = (e) => {
-      r.value && e.key === "Escape" && i();
-    }, H = () => {
-      k.value = !1, i();
-    }, f = a(!1), N = b(async () => {
-      k.value && (f.value = !0, p.value = !1, l.value = !1, n.value = !0, await P(50), r.value = !0, n.value = !1, h = I(
+    }, t.transitionDuration), y = (e) => {
+      r.value && e.key === "Escape" && l();
+    }, O = () => {
+      g.value = !1, l();
+    }, $ = o(!1), T = m(async () => {
+      g.value && ($.value = !0, p.value = !1, i.value = !1, n.value = !0, await D(50), r.value = !0, n.value = !1, w = z(
         () => {
           var e;
-          return (e = $.value.hide) == null ? void 0 : e.referenceHidden;
+          return (e = _.value.hide) == null ? void 0 : e.referenceHidden;
         },
         async (e) => {
-          !l.value && !p.value && e && await i();
+          !i.value && !p.value && e && await l();
         }
       ));
-    }, t.transitionDuration), i = b(async () => {
-      await Q(() => !n.value), document.removeEventListener("mouseover", C), document.removeEventListener("keydown", B), r.value = !1, n.value = !1, l.value = !0, await P(t.transitionDuration), l.value = !1, p.value = !0, h();
-    }, t.transitionDuration), V = R(() => ({
+    }, t.transitionDuration), l = m(async () => {
+      await X(() => !n.value), document.removeEventListener("mouseover", k), document.removeEventListener("keydown", y), r.value = !1, n.value = !1, i.value = !0, await D(t.transitionDuration), i.value = !1, p.value = !0, w();
+    }, t.transitionDuration), N = A(() => ({
       class: {
         "bb-tooltip--block": t.block,
         [`bb-tooltip--theme-${t.theme}`]: t.theme
       }
     }));
-    return (e, o) => (v(), S("span", U({ class: "bb-tooltip" }, V.value), [
+    return (e, a) => (C(), I("span", R({ class: "bb-tooltip" }, N.value), [
       c("span", {
         ref_key: "wrapper",
         ref: s,
         class: "bb-tooltip__wrapper"
       }, [
-        E(e.$slots, "activator", W(j({
+        B(e.$slots, "activator", S(U({
           props: {
-            ...f.value ? { "aria-describedby": w } : {},
-            onMouseenter: y,
-            onFocus: u(T),
-            onBlur: u(i),
+            "aria-describedby": v,
+            onMouseenter: h,
+            onFocus: u(F),
+            onBlur: u(l),
             disabled: e.disabled
           },
           closed: p.value,
-          closing: l.value,
+          closing: i.value,
           disabled: e.disabled,
           open: r.value,
           opening: n.value,
-          placement: u(g)
+          placement: u(b)
         })))
       ], 512),
-      f.value || e.eager ? (v(), D(u(O), {
-        key: 0,
+      W(u(M), {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-tooltip",
         "container-attributes": {
-          id: w
+          id: v
         },
         eager: e.eager,
         offset: e.offset,
         open: r.value,
         padding: e.padding,
-        placement: u(g),
+        placement: u(b),
         theme: e.theme,
         "transition-duration": e.transitionDuration,
         wrapper: s.value
       }, {
-        default: L(() => [
+        default: E(() => [
           c("span", {
             ref_key: "content",
             ref: d,
             class: "bb-tooltip__content"
           }, [
-            e.showClose ? (v(), D(K, {
+            e.showClose ? (C(), j(Q, {
               key: 0,
               "aria-hidden": "true",
               "aria-label": "Chiudi",
               class: "bb-tooltip__close",
               tabindex: "-1",
-              onClick: H
+              onClick: O
             }, {
-              default: L(() => o[0] || (o[0] = [
+              default: E(() => a[0] || (a[0] = [
                 c("svg", {
                   fill: "none",
                   viewBox: "0 0 24 24",
@@ -137,15 +136,15 @@ const ue = /* @__PURE__ */ z({
                 ], -1)
               ])),
               _: 1
-            })) : M("", !0),
-            E(e.$slots, "default")
+            })) : q("", !0),
+            B(e.$slots, "default")
           ], 512)
         ]),
         _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])) : M("", !0)
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])
     ], 16));
   }
 });
 export {
-  ue as default
+  de as default
 };

package/dist/index122.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index294.js";
+import { flattenTree as T } from "./index295.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {