bitboss-ui 2.0.96 → 2.0.98

package/dist/index6.js

@@ -1,26 +1,22 @@
-import { ref as u, watch as c, reactive as x, computed as f } from "vue";
-import { isNil as l } from "./index130.js";
-let r = [];
-const i = u(null);
-c(
-  () => i.value,
-  () => {
-    typeof i.value == "boolean" && (r.forEach((s) => s()), r = []);
-  }
-);
-const o = {
+import { ref as i, computed as v, watch as m } from "vue";
+import { wait as y } from "./index130.js";
+const t = i(null), r = {
   actions: !0,
   description: "",
   loading: !1,
   no: !0,
   noText: "",
+  noBusy: !1,
   open: !1,
   size: "sm",
   text: "",
   theme: "default",
   title: "",
   yes: !0,
-  yesText: ""
+  yesText: "",
+  onYes: null,
+  onNo: null,
+  yesBusy: !1
 }, d = {
   actions: !0,
   description: "",
@@ -30,51 +26,69 @@ const o = {
   theme: "default",
   title: "",
   yes: !0,
-  yesText: "OK"
-}, e = x({
-  ...o
-}), m = f(() => [
+  yesText: "OK",
+  size: "sm",
+  onYes: null,
+  onNo: null,
+  timeout: void 0
+}, e = i({
+  ...r
+}), T = v(() => [
   {
-    text: e.noText,
-    handler: () => {
-      i.value = !1;
+    text: e.value.noText,
+    handler: async () => {
+      e.value.noBusy || (e.value.onNo && (e.value.noBusy = !0, await e.value.onNo(), e.value.noBusy = !1), t.value = !1);
     }
   },
   {
-    text: e.yesText,
-    handler: () => {
-      i.value = !0;
+    text: e.value.yesText,
+    handler: async () => {
+      e.value.yesBusy || (e.value.onYes && (e.value.yesBusy = !0, await e.value.onYes(), e.value.yesBusy = !1), t.value = !0);
     }
   }
-]), y = () => ({
-  /**
-   * The confirm function. It accepts a set of options defining
-   * the behavior of the modal and returns `Promise<boolean>`
-   * when the user accepts, declines, or ignores the modal.
-   */
-  confirm: (s) => {
-    i.value = null;
-    const n = { ...d, ...s }, t = { ...o };
-    return t.title = n.title, t.text = n.text, n.description && (t.description = n.description), n.noText && (t.noText = n.noText), n.yesText && (t.yesText = n.yesText), n.size && (t.size = n.size), n.theme && (t.theme = n.theme), l(n.yes) || (t.yes = !!n.yes), l(n.no) || (t.no = !!n.no), l(n.actions) || (t.actions = !!n.actions), e.actions = t.actions, e.description = t.description, e.no = t.no, e.noText = t.noText, e.open = !0, e.size = t.size, e.text = t.text, e.theme = t.theme, e.title = t.title, e.yes = t.yes, e.yesText = t.yesText, new Promise((a) => {
-      r.push(() => a(i.value));
-    });
-  },
-  /**
-   * Sets the state of the confirm to loading and displays a spinner.
-   */
-  setLoading: (s = !0) => {
-    e.loading = s;
-  },
-  /**
-   * Closes the confirmation modal. It is a manual operation
-   * so you can update the state while the modal is still open.
-   */
-  close: () => (e.description = o.description, e.loading = o.loading, e.noText = o.noText, e.open = o.open, e.text = o.text, e.theme = o.theme, e.title = o.title, e.yesText = o.yesText, i.value = !1, Promise.resolve().then(() => {
-    i.value = null;
-  }))
-});
+]), w = () => {
+  const n = async () => {
+    e.value.open = !1, await y(300), e.value = r, t.value = null;
+  };
+  return {
+    /**
+     * The confirm function. It accepts a set of options defining
+     * the behavior of the modal and returns `Promise<boolean>`
+     * when the user accepts, declines, or ignores the modal.
+     */
+    confirm: (l) => {
+      const u = { ...d, ...l };
+      return e.value = { ...e.value, ...u }, e.value.open = !0, new Promise((c) => {
+        let a;
+        const s = (o) => {
+          clearTimeout(a), c(o), t.value = null, f(), u.autoClose && n();
+        }, f = m(
+          t,
+          (o) => {
+            o !== null && s(o);
+          },
+          { once: !0 }
+        );
+        u.timeout && (a = setTimeout(() => {
+          s(!1);
+        }, u.timeout));
+      });
+    },
+    /**
+     * Sets the state of the confirm to loading and displays a spinner.
+     */
+    setLoading: (l = !0) => {
+      e.value.loading = l;
+    },
+    /**
+     * Closes the confirmation modal. It is a manual operation
+     * so you can update the state while the modal is still open.
+     */
+    close: n
+  };
+};
 export {
-  m as actions,
+  T as actions,
   e as state,
-  y as useConfirm
+  w as useConfirm
 };

package/dist/index61.js

@@ -7,8 +7,8 @@ import r from "./index127.js";
 /* empty css         */
 import P from "./index129.js";
 /* empty css         */
-import { pickBy as $ } from "./index251.js";
-import { noop as A } from "./index252.js";
+import { pickBy as $ } from "./index252.js";
+import { noop as A } from "./index253.js";
 const T = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index69.js

@@ -1,85 +1,77 @@
-import { defineComponent as k, computed as _, openBlock as n, createBlock as l, unref as e, createSlots as h, withCtx as s, createElementBlock as f, toDisplayString as c, createCommentVNode as m, renderSlot as d, createElementVNode as g, createVNode as C, renderList as $, normalizeProps as x, guardReactiveProps as V, mergeProps as z, createTextVNode as u } from "vue";
-import { actions as p, state as o } from "./index6.js";
-import A from "./index25.js";
+import { defineComponent as y, computed as d, openBlock as t, createBlock as a, unref as e, createSlots as v, withCtx as n, createElementBlock as l, toDisplayString as r, createCommentVNode as c, createVNode as b, createTextVNode as _ } from "vue";
+import { actions as u, state as o } from "./index6.js";
+import k from "./index25.js";
 /* empty css        */
-import B from "./index129.js";
+import h from "./index129.js";
 /* empty css         */
-import v from "./index61.js";
+import f from "./index61.js";
 /* empty css        */
-const N = {
+const B = {
   key: 0,
   class: "bb-confirm__content"
-}, P = {
+}, x = {
   key: 0,
   class: "bb-confirm__text"
-}, S = { class: "bb-confirm__spinner" }, F = /* @__PURE__ */ k({
+}, g = {
+  key: 1,
+  class: "bb-confirm__spinner"
+}, E = /* @__PURE__ */ y({
   __name: "BbConfirm",
-  setup(E) {
-    const i = _(() => p.value[0]), r = _(() => p.value[1]), b = (t) => {
-      t ? r.value.handler() : i.value.handler();
+  setup(C) {
+    const s = d(() => u.value[0]), i = d(() => u.value[1]), p = (m) => {
+      m ? i.value.handler() : s.value.handler();
     };
-    return (t, U) => (n(), l(A, {
+    return (m, V) => (t(), a(k, {
       "model-value": e(o).open || e(o).loading,
       "overlay-classes": ["bb-confirm", `bb-confirm--${e(o).theme}`],
+      persistent: e(o).yesBusy || e(o).noBusy || e(o).loading,
+      "show-close": !(e(o).yesBusy || e(o).noBusy || e(o).loading),
       size: e(o).size,
       title: e(o).title,
-      "onUpdate:modelValue": b
-    }, h({
-      default: s(() => [
-        e(o).loading ? d(t.$slots, "spinner", { key: 1 }, () => [
-          g("div", S, [
-            C(B, { size: "36" })
-          ])
-        ]) : (n(), f("div", N, [
-          e(o).text ? (n(), f("div", P, c(e(o).text), 1)) : m("", !0)
+      "onUpdate:modelValue": p
+    }, v({
+      default: n(() => [
+        e(o).loading ? (t(), l("div", g, [
+          b(h, { size: "36" })
+        ])) : (t(), l("div", B, [
+          e(o).text ? (t(), l("div", x, r(e(o).text), 1)) : c("", !0)
         ]))
       ]),
       _: 2
     }, [
-      $(["header", "title", "close", "description"], (a) => ({
-        name: a,
-        fn: s((y) => [
-          d(t.$slots, a, x(V(y)))
-        ])
-      })),
       !e(o).loading && e(o).actions ? {
         name: "footer",
-        fn: s((a) => [
-          d(t.$slots, "footer", z({
-            actions: e(o).actions,
-            loading: e(o).loading,
-            no: e(o).no,
-            noAction: i.value,
-            yes: e(o).yes,
-            yesAction: r.value
-          }, a), () => [
-            e(o).no ? (n(), l(v, {
-              key: 0,
-              class: "bb-confirm__no",
-              onClick: i.value.handler
-            }, {
-              default: s(() => [
-                u(c(i.value.text), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : m("", !0),
-            e(o).yes ? (n(), l(v, {
-              key: 1,
-              class: "bb-confirm__yes",
-              onClick: r.value.handler
-            }, {
-              default: s(() => [
-                u(c(r.value.text), 1)
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : m("", !0)
-          ])
+        fn: n(() => [
+          e(o).no ? (t(), a(f, {
+            key: 0,
+            "auto-loading": "",
+            class: "bb-confirm__no",
+            inert: e(o).yesBusy,
+            onClick: s.value.handler
+          }, {
+            default: n(() => [
+              _(r(s.value.text), 1)
+            ]),
+            _: 1
+          }, 8, ["inert", "onClick"])) : c("", !0),
+          e(o).yes ? (t(), a(f, {
+            key: 1,
+            "auto-loading": "",
+            class: "bb-confirm__yes",
+            inert: e(o).noBusy,
+            onClick: i.value.handler
+          }, {
+            default: n(() => [
+              _(r(i.value.text), 1)
+            ]),
+            _: 1
+          }, 8, ["inert", "onClick"])) : c("", !0)
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["model-value", "overlay-classes", "size", "title"]));
+    ]), 1032, ["model-value", "overlay-classes", "persistent", "show-close", "size", "title"]));
   }
 });
 export {
-  F as default
+  E as default
 };

package/dist/index7.js

@@ -1,5 +1,5 @@
 import { getAsPercentage as p } from "./index131.js";
-import { wait as w } from "./index132.js";
+import { wait as w } from "./index130.js";
 import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
 const Y = ({
   duration: t,

package/dist/index75.js

@@ -1,12 +1,12 @@
 import { defineComponent as X, computed as A, ref as y, openBlock as h, createElementBlock as T, mergeProps as B, createElementVNode as H, renderSlot as w, normalizeProps as Y, guardReactiveProps as Z, unref as $, createVNode as C, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as N, toDisplayString as te } from "vue";
-import { findRightIndex as I } from "./index253.js";
+import { findRightIndex as I } from "./index254.js";
 import { useId as ne } from "./index8.js";
-import { wait as oe } from "./index132.js";
-import { useIntersectionObserver as ae } from "./index133.js";
+import { wait as oe } from "./index130.js";
+import { useIntersectionObserver as ae } from "./index132.js";
 import le from "./index13.js";
 /* empty css        */
-import V from "./index254.js";
-import se from "./index255.js";
+import V from "./index255.js";
+import se from "./index256.js";
 /* empty css         */
 import j from "./index127.js";
 /* empty css         */

package/dist/index77.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as E, computed as B, openBlock as s, createElementBlock as $, normalizeClass as W, createVNode as l, mergeProps as C, withCtx as t, unref as m, createBlock as L, createCommentVNode as w, createElementVNode as u, toDisplayString as P, createSlots as A, renderSlot as a, normalizeProps as d, guardReactiveProps as r, renderList as I } from "vue";
+import { defineComponent as z, ref as E, computed as f, openBlock as s, createElementBlock as $, normalizeClass as W, createVNode as l, mergeProps as C, withCtx as t, unref as w, createBlock as L, createCommentVNode as g, createElementVNode as m, toDisplayString as P, createSlots as A, renderSlot as a, normalizeProps as d, guardReactiveProps as r, renderList as I } from "vue";
 import D from "./index13.js";
 /* empty css        */
 import M from "./index75.js";
@@ -34,38 +34,40 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
     "prepend:icon": {}
   },
   setup(S) {
-    const n = S, b = E(0), c = B(
-      () => n.loading || !!b.value && n.autoLoading
+    const n = S, u = E(0), b = f(
+      () => n.loading || !!u.value && n.autoLoading
     ), V = (e) => async (...p) => {
-      c.value && n.disabledWhileLoading || (b.value++, await e(...p), b.value--);
-    }, g = n.items.map((e) => e.onClick ? {
-      ...e,
-      onClick: V(e.onClick)
-    } : e), y = B(() => {
-      const e = { ...g[0] };
+      b.value && n.disabledWhileLoading || (u.value++, await e(...p), u.value--);
+    }, y = f(
+      () => n.items.map((e) => e.onClick ? {
+        ...e,
+        onClick: V(e.onClick)
+      } : e)
+    ), _ = f(() => {
+      const e = { ...y.value[0] };
       return e.disabled = e.disabled || n.disabled, e;
     });
     return (e, p) => (s(), $("span", {
       class: W(["bb-dropdown-button", {
         "bb-dropdown-button--block": e.block,
-        "bb-dropdown-button--loading": c.value
+        "bb-dropdown-button--loading": b.value
       }])
     }, [
-      l(D, C(y.value, { class: "bb-dropdown-button__main-btn" }), {
+      l(D, C(_.value, { class: "bb-dropdown-button__main-btn" }), {
         default: t(() => [
-          l(m(R), { class: "bb-dropdown-button__spinner" }),
-          n["prepend:icon"] ? (s(), L(m(N), {
+          l(w(R), { class: "bb-dropdown-button__spinner" }),
+          n["prepend:icon"] ? (s(), L(w(N), {
             key: 0,
             class: "bb-dropdown-button__prepend-icon",
             type: n["prepend:icon"]
-          }, null, 8, ["type"])) : w("", !0),
-          u("span", Z, P(y.value.text), 1),
-          c.value ? (s(), $("span", j, "caricamento")) : w("", !0),
-          n["append:icon"] ? (s(), L(m(N), {
+          }, null, 8, ["type"])) : g("", !0),
+          m("span", Z, P(_.value.text), 1),
+          b.value ? (s(), $("span", j, "caricamento")) : g("", !0),
+          n["append:icon"] ? (s(), L(w(N), {
             key: 2,
             class: "bb-dropdown-button__append-icon",
             type: n["append:icon"]
-          }, null, 8, ["type"])) : w("", !0)
+          }, null, 8, ["type"])) : g("", !0)
         ]),
         _: 1
       }, 16),
@@ -74,7 +76,7 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
         "arrow-padding": e.arrowPadding,
         disabled: e.disabled,
         eager: e.eager,
-        items: m(g),
+        items: y.value,
         offset: e.offset,
         padding: e.padding,
         placement: e.placement,
@@ -85,38 +87,38 @@ const Z = { class: "bb-dropdown-button__content" }, j = {
         activator: t(({
           props: o,
           opening: i,
-          open: f,
-          closed: _,
-          closing: h,
+          open: c,
+          closed: h,
+          closing: v,
           disabled: k,
-          placement: v
+          placement: B
         }) => [
           a(e.$slots, "activator", {
-            closed: _,
-            closing: h,
+            closed: h,
+            closing: v,
             disabled: k,
-            open: f,
+            open: c,
             opening: i,
-            placement: v,
+            placement: B,
             props: o
           }, () => [
             l(D, C(o, { class: "bb-dropdown-button__dropdown-btn" }), {
               default: t(() => [
-                u("span", q, P(f || i ? "Chiudi" : "Apri") + " il menu", 1),
+                m("span", q, P(c || i ? "Chiudi" : "Apri") + " il menu", 1),
                 a(e.$slots, "right-btn", {
-                  closed: _,
-                  closing: h,
+                  closed: h,
+                  closing: v,
                   disabled: k,
-                  open: f,
+                  open: c,
                   opening: i,
-                  placement: v
+                  placement: B
                 }, () => [
-                  p[0] || (p[0] = u("svg", {
+                  p[0] || (p[0] = m("svg", {
                     class: "bb-dropdown-button__dropdown-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    u("path", {
+                    m("path", {
                       d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
                       fill: "currentColor"
                     })

package/dist/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, 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 "./index258.js";
+import { findInTree as ae } from "./index259.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.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("./index257.js")).default);
+              b || (b = (await import("./index258.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index81.js

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

package/dist/index84.js

@@ -1,9 +1,9 @@
 import { defineComponent as le, ref as l, useAttrs as se, computed as u, getCurrentInstance as ae, nextTick as ne, onBeforeUnmount as O, onMounted as ie, watch as re, openBlock as g, createBlock as ue, withCtx as ce, createElementVNode as s, mergeProps as S, createElementBlock as z, renderSlot as n, createTextVNode as de, toDisplayString as A, createCommentVNode as $ } from "vue";
-import { useFocusTrap as fe } from "./index217.js";
+import { useFocusTrap as fe } from "./index227.js";
 import { useId as E } from "./index8.js";
-import { wait as H } from "./index132.js";
-import { useModalsState as b } from "./index238.js";
-import ve from "./index224.js";
+import { wait as H } from "./index130.js";
+import { useModalsState as b } from "./index229.js";
+import ve from "./index230.js";
 import { useMobile as pe } from "./index9.js";
 const be = ["inert"], me = { class: "bb-offcanvas-close" }, ye = ["aria-label"], Ve = /* @__PURE__ */ le({
   __name: "BbOffCanvas",

package/dist/index86.js

@@ -1,5 +1,5 @@
 import { defineComponent as P, computed as _, ref as g, onMounted as A, onBeforeUnmount as E, openBlock as y, createElementBlock as k, normalizeClass as C, createElementVNode as i, createVNode as V, unref as S, withCtx as h, renderSlot as v, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
-import { debounce as F } from "./index259.js";
+import { debounce as F } from "./index282.js";
 /* empty css       */
 /* empty css       */
 import w from "./index13.js";

package/dist/index88.js

@@ -1,13 +1,13 @@
 import { defineComponent as M, ref as n, computed as v, openBlock as k, createElementBlock as O, mergeProps as F, createElementVNode as p, renderSlot as y, normalizeProps as S, guardReactiveProps as H, createVNode as V, withCtx as C, createBlock as q, createCommentVNode as I, nextTick as W } from "vue";
-import { useFocusTrap as z } from "./index217.js";
+import { useFocusTrap as z } from "./index227.js";
 import { useId as A } from "./index8.js";
-import { useIntersectionObserver as R } from "./index133.js";
-import { waitFor as j } from "./index219.js";
+import { useIntersectionObserver as R } from "./index132.js";
+import { waitFor as j } from "./index228.js";
 import G from "./index13.js";
 /* empty css        */
-import J from "./index255.js";
+import J from "./index256.js";
 /* empty css         */
-import { useDebounceFn as K } from "./index206.js";
+import { useDebounceFn as K } from "./index205.js";
 const re = /* @__PURE__ */ M({
   __name: "BbPopover",
   props: {

package/dist/index9.js

@@ -1,4 +1,4 @@
-import { useWindowSize as i } from "./index133.js";
+import { useWindowSize as i } from "./index132.js";
 import { computed as e } from "vue";
 import { _config as t } from "./index4.js";
 const c = () => {

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 "./index207.js";
+import { clamp as p } from "./index206.js";
 import { getAsPercentageBetween as i } from "./index131.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",