bitboss-ui 2.0.71 → 2.0.73

package/dist/index86.js

@@ -1,29 +1,30 @@
-import { defineComponent as A, computed as _, ref as g, onMounted as E, onBeforeUnmount as P, openBlock as y, createElementBlock as k, normalizeClass as C, createElementVNode as i, createVNode as V, unref as S, withCtx as h, renderSlot as b, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
-import { debounce as F } from "./index255.js";
+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 "./index291.js";
 /* empty css       */
 /* empty css       */
 import w from "./index13.js";
 /* empty css        */
-const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ A({
+const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ P({
   __name: "BbPagination",
   props: {
     disabled: { type: Boolean },
     loading: { type: Boolean },
     align: { default: "right" },
     ellipsis: { default: "..." },
+    label: { default: "Paginazione" },
     maxSize: { default: 6 },
     modelValue: { default: 1 },
     totalPages: { default: 1 }
   },
   emits: ["update:modelValue"],
-  setup(x, { emit: B }) {
-    const l = x, c = B, s = _(() => +l.totalPages), u = g(1), t = g(+l.maxSize), r = g(), d = g(), z = g(1 / 0), m = () => {
-      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(m)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
-      r.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(m)));
+  setup(B, { emit: x }) {
+    const l = B, c = x, s = _(() => +l.totalPages), u = g(1), t = g(+l.maxSize), r = g(), d = g(), z = g(1 / 0), f = () => {
+      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(f)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
+      r.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(f)));
     };
     if (globalThis.ResizeObserver) {
-      const e = new ResizeObserver(F(m, 200));
-      E(() => {
+      const e = new ResizeObserver(F(f, 200));
+      A(() => {
         if (r.value && d.value) {
           const a = r.value.querySelectorAll(
             ".bb-pagination__page"
@@ -34,41 +35,41 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
           }
           e.observe(r.value);
         }
-      }), P(() => {
+      }), E(() => {
         e.disconnect();
       });
     }
-    const N = _(() => {
+    const L = _(() => {
       if (s.value <= 0 || isNaN(s.value) || s.value > Number.MAX_SAFE_INTEGER)
         return [];
       if (t.value <= 1) return [l.modelValue];
       if (s.value <= t.value)
-        return v(s.value, u.value);
+        return b(s.value, u.value);
       const e = t.value % 2 === 0, a = e ? t.value / 2 : Math.floor(t.value / 2), n = e ? a : a + 1, p = s.value - a;
       if (n - l.modelValue >= 0)
         return [
-          ...v(Math.max(1, t.value - 1), u.value),
+          ...b(Math.max(1, t.value - 1), u.value),
           l.ellipsis,
           s.value
         ];
       if (l.modelValue - p >= (e ? 1 : 0)) {
-        const o = t.value - 1, f = s.value - o + u.value;
+        const o = t.value - 1, m = s.value - o + u.value;
         return [
           u.value,
           l.ellipsis,
-          ...v(o, f)
+          ...b(o, m)
         ];
       } else {
-        const o = Math.max(1, t.value - 3), f = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
+        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
         return [
           u.value,
           l.ellipsis,
-          ...v(o, f),
+          ...b(o, m),
           l.ellipsis,
           s.value
         ];
       }
-    }), L = _(() => N.value.map((e, a) => typeof e == "string" ? {
+    }), N = _(() => L.value.map((e, a) => typeof e == "string" ? {
       active: !1,
       key: `ellipsis-${a}`,
       page: e,
@@ -80,7 +81,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
       page: e,
       ellipsis: !1,
       disabled: !!l.disabled || +l.totalPages < 2 || l.loading
-    })), v = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
+    })), b = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
     return (e, a) => (y(), k("div", {
       ref_key: "outercontainer",
       ref: r,
@@ -89,7 +90,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
         "bb-pagination--disabled": e.disabled
       }])
     }, [
-      i("nav", T, [
+      i("nav", { "aria-label": e.label }, [
         i("ul", {
           ref_key: "innercontainer",
           ref: d,
@@ -102,7 +103,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               onClick: a[0] || (a[0] = (n) => c("update:modelValue", l.modelValue - 1))
             }, {
               default: h(() => [
-                b(e.$slots, "previous", {}, () => [
+                v(e.$slots, "previous", {}, () => [
                   a[2] || (a[2] = i("span", { class: "bb-pagination__page-label sr-only" }, "Precedente", -1)),
                   a[3] || (a[3] = i("svg", {
                     class: "bb-pagination__page-chevron",
@@ -119,7 +120,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               _: 3
             }, 8, ["disabled"])
           ]),
-          (y(!0), k(W, null, R(L.value, (n) => (y(), k("li", {
+          (y(!0), k(W, null, R(N.value, (n) => (y(), k("li", {
             key: n.key
           }, [
             V(S(w), {
@@ -131,9 +132,9 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               onClick: (p) => c("update:modelValue", n.key)
             }, {
               default: h(() => [
-                n.ellipsis === !0 ? b(e.$slots, "ellipsis", { key: 0 }, () => [
+                n.ellipsis === !0 ? v(e.$slots, "ellipsis", { key: 0 }, () => [
                   i("span", D, M(l.ellipsis), 1)
-                ]) : b(e.$slots, "item", {
+                ]) : v(e.$slots, "item", {
                   key: 1,
                   active: n.active,
                   disabled: n.disabled,
@@ -152,7 +153,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
               onClick: a[1] || (a[1] = (n) => c("update:modelValue", l.modelValue + 1))
             }, {
               default: h(() => [
-                b(e.$slots, "next", {}, () => [
+                v(e.$slots, "next", {}, () => [
                   a[4] || (a[4] = i("span", { class: "bb-pagination__page-label sr-only" }, "Successivo", -1)),
                   a[5] || (a[5] = i("svg", {
                     class: "bb-pagination__page-chevron",
@@ -170,7 +171,7 @@ const T = { "aria-label": "Navigazione" }, D = { class: "bb-pagination__page-lab
             }, 8, ["disabled"])
           ])
         ], 512)
-      ])
+      ], 8, T)
     ], 2));
   }
 });

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 "./index218.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 "./index229.js";
+import { useId as G } from "./index8.js";
+import { useIntersectionObserver as J } from "./index132.js";
+import { waitFor as K } from "./index231.js";
+import Q from "./index13.js";
 /* empty css        */
-const te = /* @__PURE__ */ S({
+import { useDebounceFn as U } from "./index240.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(
-      () => import("./index250.js")
-    ), t = B, s = _, { id: D } = j(), c = `bbp_${D.value}`, r = n(), l = n(), { activate: E, deactivate: L } = R(l, {
+  setup($, { expose: T, emit: _ }) {
+    const B = O(
+      () => import("./index285.js")
+    ), 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",

package/package.json

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

package/dist/index211.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./index263.js";
-import { __require as o } from "./index262.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
-export {
-  s as default
-};

package/dist/index238.js

@@ -1,7 +0,0 @@
-import o from "./index290.js";
-/* empty css         */
-import t from "./index274.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
-export {
-  m as default
-};

package/dist/index244.js

@@ -1,108 +0,0 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index234.js";
-import { isNil as l } from "./index129.js";
-import E from "./index124.js";
-/* empty css         */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(f, { expose: v, emit: h }) {
-    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
-      const s = l(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
-      return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = l(n.value) ? 0 : n.value;
-      let o = (s - e + t.options.length) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = c(e + 1);
-      return o;
-    }, m = async () => {
-      if (!i.value) return;
-      const e = c();
-      n.value = e;
-    }, w = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, b = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, I = () => {
-      if (!i.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!i.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, k = () => {
-      if (l(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && u("option:unselected", e);
-    }, C = () => l(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        d(e) !== d(s) && r();
-      },
-      {
-        flush: "post"
-      }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
-      blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
-      key: o.valueHash,
-      class: O({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
-  }
-});
-export {
-  K as default
-};

package/dist/index253.js

@@ -1,8 +0,0 @@
-import e from "./index300.js";
-import r from "./index301.js";
-import o from "./index302.js";
-const f = new o(r, e)._freeze();
-export {
-  o as Mime,
-  f as default
-};