bitboss-ui 2.0.72 → 2.0.74

package/dist/index88.js

@@ -1,11 +1,12 @@
-import { defineComponent as S, defineAsyncComponent as H, ref as n, computed as m, openBlock as b, createElementBlock as q, mergeProps as A, createElementVNode as p, renderSlot as y, normalizeProps as I, guardReactiveProps as V, createBlock as C, unref as W, withCtx as $, createCommentVNode as T, nextTick as z } from "vue";
-import { useFocusTrap as R } from "./index219.js";
-import { useId as j } from "./index8.js";
-import { useIntersectionObserver as G } from "./index132.js";
-import { waitFor as J } from "./index220.js";
-import K from "./index13.js";
+import { defineComponent as M, defineAsyncComponent as O, ref as r, computed as v, openBlock as y, createElementBlock as S, mergeProps as H, createElementVNode as c, renderSlot as k, normalizeProps as V, guardReactiveProps as q, createVNode as A, unref as I, withCtx as C, createBlock as W, createCommentVNode as z, nextTick as R } from "vue";
+import { useFocusTrap as j } from "./index232.js";
+import { useId as G } from "./index8.js";
+import { useIntersectionObserver as J } from "./index132.js";
+import { waitFor as K } from "./index233.js";
+import Q from "./index13.js";
 /* empty css        */
-const te = /* @__PURE__ */ S({
+import { useDebounceFn as U } from "./index211.js";
+const ne = /* @__PURE__ */ M({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -22,10 +23,10 @@ const te = /* @__PURE__ */ S({
     width: {}
   },
   emits: ["shown", "hidden"],
-  setup(B, { expose: P, emit: _ }) {
-    const N = H(
+  setup($, { expose: T, emit: _ }) {
+    const B = O(
       () => import("./index252.js")
-    ), t = B, s = _, { id: D } = j(), c = `bbp_${D.value}`, r = n(), l = n(), { activate: E, deactivate: L } = R(l, {
+    ), o = $, s = _, { id: P } = G(), p = `bbp_${P.value}`, n = r(), i = r(), { activate: N, deactivate: m } = j(i, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -34,12 +35,12 @@ const te = /* @__PURE__ */ S({
        * close the popover and be done
        */
       clickOutsideDeactivates: (e) => {
-        var k;
-        const o = e.target;
-        return o instanceof HTMLElement && (k = r.value) != null && k.contains(o) || (i(), s("hidden")), !0;
+        var h;
+        const t = e.target;
+        return t instanceof HTMLElement && (h = n.value) != null && h.contains(t) || (l(), s("hidden")), !0;
       },
-      escapeDeactivates: () => (z(async () => {
-        await i(), f(), s("hidden");
+      escapeDeactivates: () => (R(async () => {
+        await l(), u(), s("hidden");
       }), !0),
       /* We don't return focus so that when
        * we press a button on tyhe page we can focus
@@ -47,91 +48,90 @@ const te = /* @__PURE__ */ S({
        */
       returnFocusOnDeactivate: !1
     });
-    G(
-      r,
-      ([{ intersectionRatio: e }]) => {
-        e !== 1 && a.value && i();
+    J(
+      n,
+      async ([{ intersectionRatio: e }]) => {
+        e !== 1 && a.value && (m(), await l(), s("hidden"));
       },
       { threshold: [0, 1] }
     );
-    const M = m(() => ({
+    const D = v(() => ({
       class: {
-        "bb-popover--block": t.block,
-        [`bb-popover--${t.theme}`]: !0
+        "bb-popover--block": o.block,
+        [`bb-popover--${o.theme}`]: !0
       }
-    })), d = n(!1), u = n(!1), a = n(!1), g = n(!1), w = n(!0), O = async () => {
-      d.value = !0, await J(() => !!l.value), a.value = !0;
-    }, i = async () => {
+    })), E = r(!1), d = r(!1), a = r(!1), b = r(!1), g = r(!0), F = async () => {
+      E.value = !0, await K(() => !!i.value), a.value = !0;
+    }, l = async () => {
       a.value = !1;
-    }, h = async () => {
+    }, w = async () => {
       if (a.value) {
-        await i(), f(), s("hidden");
+        await l(), u(), s("hidden");
         return;
       }
-      if (u.value || t.disabled) return;
-      d.value = !0, await O();
-      let e = t.focusTarget ?? ".bb-popover__close";
-      E({
-        onPostActivate: () => {
-          if (l.value) {
-            const o = l.value.querySelector(e);
-            o instanceof HTMLElement && (o.focus(), s("shown"));
+      if (d.value || o.disabled) return;
+      await F();
+      let e = o.focusTarget ?? ".bb-popover__close";
+      N({
+        onPostActivate: U(() => {
+          if (i.value) {
+            const t = i.value.querySelector(e);
+            t instanceof HTMLElement && (t.focus(), s("shown"));
           }
-        }
+        }, 150)
       });
-    }, f = () => {
-      var o;
-      const e = (o = r.value) == null ? void 0 : o.querySelector(`[aria-controls=popover_${c}]`);
+    }, u = () => {
+      var t;
+      const e = (t = n.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${p}]`);
       e instanceof HTMLElement && e.focus({ preventScroll: !0 });
-    }, v = async () => {
-      L(), await i(), f(), s("hidden");
-    }, F = m(() => {
-      if (t.width) {
+    }, f = async () => {
+      m(), await l(), u(), s("hidden");
+    }, L = v(() => {
+      if (o.width) {
         let e;
-        if (typeof t.width == "string" && Number.isNaN(Number(t.width)))
-          if (t.width.includes("%")) {
-            if (!r.value) return;
-            e = `${r.value.clientWidth * (+t.width.replace("%", "") / 100)}`;
+        if (typeof o.width == "string" && Number.isNaN(Number(o.width)))
+          if (o.width.includes("%")) {
+            if (!n.value) return;
+            e = `${n.value.clientWidth * (+o.width.replace("%", "") / 100)}`;
           } else
-            e = t.width;
+            e = o.width;
         else
-          e = `${t.width}`;
+          e = `${o.width}`;
         return `${e}px`;
       }
     });
-    return P({
-      open: h,
-      close: v,
-      closed: m(() => !a.value)
-    }), (e, o) => (b(), q("span", A({ class: "bb-popover" }, M.value), [
-      p("span", {
+    return T({
+      open: w,
+      close: f,
+      closed: v(() => !a.value)
+    }), (e, t) => (y(), S("span", H({ class: "bb-popover" }, D.value), [
+      c("span", {
         ref_key: "wrapper",
-        ref: r,
+        ref: n,
         class: "bb-popover__wrapper"
       }, [
-        y(e.$slots, "activator", I(V({
+        k(e.$slots, "activator", V(q({
           props: {
-            "aria-controls": `popover_${c}`,
+            "aria-controls": `popover_${p}`,
             "aria-expanded": a.value,
-            onClick: h,
-            id: c,
+            onClick: w,
+            id: p,
             disabled: !!e.disabled
           },
-          closed: w.value,
-          closing: g.value,
+          closed: g.value,
+          closing: b.value,
           disabled: !!e.disabled,
           open: a.value,
-          opening: u.value,
+          opening: d.value,
           placement: e.placement
         })))
       ], 512),
-      d.value || e.eager ? (b(), C(W(N), {
-        key: 0,
+      A(I(B), {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-popover",
         "container-attributes": {
-          id: `popover_${c}`,
-          style: { width: F.value }
+          id: `popover_${p}`,
+          style: { width: L.value }
         },
         eager: e.eager,
         offset: e.offset,
@@ -140,27 +140,27 @@ const te = /* @__PURE__ */ S({
         placement: e.placement,
         theme: e.theme,
         "transition-duration": e.transitionDuration,
-        wrapper: r.value
+        wrapper: n.value
       }, {
-        default: $(() => [
-          p("div", {
+        default: C(() => [
+          c("div", {
             ref_key: "content",
-            ref: l,
+            ref: i,
             class: "bb-popover__content"
           }, [
-            e.showClose ? (b(), C(K, {
+            e.showClose ? (y(), W(Q, {
               key: 0,
               class: "bb-popover__close",
-              onClick: v
+              onClick: f
             }, {
-              default: $(() => o[0] || (o[0] = [
-                p("span", { class: "bb-popover__close-label sr-only" }, "Chiudi", -1),
-                p("svg", {
+              default: C(() => t[0] || (t[0] = [
+                c("span", { class: "bb-popover__close-label sr-only" }, "Chiudi", -1),
+                c("svg", {
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  p("path", {
+                  c("path", {
                     d: "M23 23L1 1M23 1L1 23",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
@@ -169,23 +169,23 @@ const te = /* @__PURE__ */ S({
                 ], -1)
               ])),
               _: 1
-            })) : T("", !0),
-            y(e.$slots, "default", {
-              close: v,
-              closed: w.value,
-              closing: g.value,
+            })) : z("", !0),
+            k(e.$slots, "default", {
+              close: f,
+              closed: g.value,
+              closing: b.value,
               disabled: !!e.disabled,
               open: a.value,
-              opening: u.value,
+              opening: d.value,
               placement: e.placement
             })
           ], 512)
         ]),
         _: 3
-      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])) : T("", !0)
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])
     ], 16));
   }
 });
 export {
-  te as default
+  ne as default
 };

package/dist/index90.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index205.js";
+import { clamp as p } from "./index204.js";
 import { getAsPercentageBetween as i } from "./index130.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",