bitboss-ui 2.0.77 → 2.0.78

package/dist/index49.js

@@ -1,7 +1,7 @@
 import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index217.js";
+import B from "./index224.js";
 /* empty css         */
-import k from "./index219.js";
+import k from "./index226.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index229.js";
+import { isCssColor as _ } from "./index238.js";
 import { wait as C } from "./index131.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index229.js";
+import { isCssColor as r } from "./index238.js";
 import { isNil as B } from "./index129.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index75.js

@@ -1,12 +1,14 @@
-import { defineComponent as W, defineAsyncComponent as X, computed as A, ref as w, openBlock as T, createElementBlock as D, mergeProps as C, createElementVNode as B, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as h, createVNode as O, withCtx as K, normalizeStyle as _, Fragment as P, renderList as x } from "vue";
-import { findRightIndex as H } from "./index288.js";
-import { useId as ee } from "./index8.js";
-import { wait as te } from "./index131.js";
-import { useIntersectionObserver as ne } from "./index132.js";
-import oe from "./index13.js";
+import { defineComponent as J, computed as A, ref as w, openBlock as T, createElementBlock as D, mergeProps as B, createElementVNode as C, renderSlot as g, normalizeProps as Q, guardReactiveProps as W, unref as h, createVNode as O, withCtx as K, normalizeStyle as X, Fragment as P, renderList as Y } from "vue";
+import { findRightIndex as H } from "./index250.js";
+import { useId as Z } from "./index8.js";
+import { wait as x } from "./index131.js";
+import { useIntersectionObserver as ee } from "./index132.js";
+import te from "./index13.js";
 /* empty css        */
-import j from "./index289.js";
-const fe = /* @__PURE__ */ W({
+import j from "./index251.js";
+import ne from "./index252.js";
+/* empty css         */
+const pe = /* @__PURE__ */ J({
   __name: "BbDropdown",
   props: {
     arrowPadding: { default: 10 },
@@ -23,21 +25,19 @@ const fe = /* @__PURE__ */ W({
     width: { default: 200 }
   },
   setup(z) {
-    const N = X(
-      () => import("./index287.js")
-    ), r = z, d = r.id ?? `bb_${ee().id.value}`, m = A(() => {
+    const r = z, d = r.id ?? `bb_${Z().id.value}`, m = A(() => {
       let e = r.items.findIndex((t) => !t.disabled), o = H(
         r.items,
         (t) => !t.disabled
       );
       return r.items.map((t, n) => {
-        const i = `${d}-item-${t.key}`, { onClick: F, ...q } = t, J = async () => {
+        const i = `${d}-item-${t.key}`, { onClick: q, ...F } = t, _ = async () => {
           await b();
           const s = document.querySelector(`#${d}`);
           if (s) s instanceof HTMLElement && s.focus();
           else return;
-          F && F();
-        }, Q = (s) => {
+          q && q();
+        }, G = (s) => {
           if (s.target instanceof HTMLElement && s.target.dataset.dropdownItem) {
             if (!a.value) return;
             if (s.key === "ArrowDown") {
@@ -72,24 +72,24 @@ const fe = /* @__PURE__ */ W({
           }
         };
         return {
-          ...q,
-          disabled: q.disabled || r.disabled,
+          ...F,
+          disabled: F.disabled || r.disabled,
           id: i,
-          onClick: J,
-          onKeydown: Q
+          onClick: _,
+          onKeydown: G
         };
       });
     }), v = w(), a = w();
-    ne(
+    ee(
       v,
       ([{ intersectionRatio: e }]) => {
         e !== 1 && l.value && b();
       },
       { threshold: [0, 1] }
     );
-    const c = w(!1), l = w(!1), f = w(!1), p = w(!0), R = () => {
+    const c = w(!1), l = w(!1), f = w(!1), p = w(!0), N = () => {
       c.value || f.value || (l.value ? b() : $());
-    }, U = async (e) => {
+    }, R = async (e) => {
       let o = r.items.findIndex((n) => !n.disabled), t = H(
         r.items,
         (n) => !n.disabled
@@ -131,29 +131,29 @@ const fe = /* @__PURE__ */ W({
         }
         b();
       }
-    }, V = w(!1), $ = async () => {
-      V.value = !0, await te(50), l.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
+    }, U = w(!1), $ = async () => {
+      U.value = !0, await x(50), l.value = !0, document.addEventListener("click", I, { passive: !0 }), document.addEventListener("focusin", M, { passive: !0 }), document.addEventListener("keydown", S, { passive: !0 });
     }, b = async () => {
       l.value = !1, document.removeEventListener("click", I), document.removeEventListener("focusin", M), document.removeEventListener("keydown", S);
-    }, G = A(() => ({
+    }, V = A(() => ({
       class: {
         "bb-dropdown--block": r.block,
         [`bb-dropdown--theme-${r.theme}`]: r.theme
       }
     }));
-    return (e, o) => (T(), D("span", C({ class: "bb-dropdown" }, G.value), [
-      B("span", {
+    return (e, o) => (T(), D("span", B({ class: "bb-dropdown" }, V.value), [
+      C("span", {
         ref_key: "wrapper",
         ref: v,
         class: "bb-dropdown__wrapper"
       }, [
-        g(e.$slots, "activator", Y(Z({
+        g(e.$slots, "activator", Q(W({
           props: {
             "aria-expanded": l.value,
             "aria-controls": `menu_${h(d)}`,
             id: h(d),
-            onClick: R,
-            onKeydown: U,
+            onClick: N,
+            onKeydown: R,
             disabled: e.disabled
           },
           closed: p.value,
@@ -164,7 +164,7 @@ const fe = /* @__PURE__ */ W({
           placement: e.placement
         })))
       ], 512),
-      O(h(N), {
+      O(ne, {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-dropdown",
         "container-attributes": {
@@ -182,11 +182,11 @@ const fe = /* @__PURE__ */ W({
         wrapper: v.value
       }, {
         default: K(() => [
-          B("span", {
+          C("span", {
             ref_key: "content",
             ref: a,
             class: "bb-dropdown__items-container",
-            style: _({ width: `${e.width}px` })
+            style: X({ width: `${e.width}px` })
           }, [
             g(e.$slots, "prepend", {
               closed: p.value,
@@ -196,7 +196,7 @@ const fe = /* @__PURE__ */ W({
               opening: c.value,
               placement: e.placement
             }),
-            (T(!0), D(P, null, x(m.value, (t, n) => (T(), D(P, {
+            (T(!0), D(P, null, Y(m.value, (t, n) => (T(), D(P, {
               key: t.key
             }, [
               g(e.$slots, "item:prepend", {
@@ -210,7 +210,7 @@ const fe = /* @__PURE__ */ W({
                 placement: e.placement,
                 text: t.text
               }),
-              O(oe, C({
+              O(te, B({
                 "aria-role": "menuitem",
                 class: ["bb-dropdown__item", {
                   "bb-dropdown__item--first": n === 0,
@@ -274,5 +274,5 @@ const fe = /* @__PURE__ */ W({
   }
 });
 export {
-  fe as default
+  pe as default
 };

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 "./index291.js";
+import { findInTree as ae } from "./index255.js";
 import { useId as re } from "./index8.js";
 import oe from "./index127.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("./index290.js")).default);
+              b || (b = (await import("./index254.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 "./index226.js";
+import { throttle as c } from "./index207.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,8 +1,8 @@
 import { defineComponent as te, ref as l, useAttrs as oe, getCurrentInstance as le, computed as p, nextTick as se, onBeforeUnmount as x, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, Teleport as re, createElementVNode as s, mergeProps as O, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as S, createCommentVNode as z } from "vue";
-import { useFocusTrap as ce } from "./index214.js";
+import { useFocusTrap as ce } from "./index208.js";
 import { useId as A } from "./index8.js";
 import { wait as E } from "./index131.js";
-import { useModalsState as b } from "./index227.js";
+import { useModalsState as b } from "./index210.js";
 const de = ["inert"], fe = { class: "bb-offcanvas-close" }, ve = ["aria-label"], ge = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {

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 "./index286.js";
+import { debounce as F } from "./index274.js";
 /* empty css       */
 /* empty css       */
 import w from "./index13.js";

package/dist/index88.js

@@ -1,12 +1,14 @@
-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 "./index214.js";
-import { useId as G } from "./index8.js";
-import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index216.js";
-import Q from "./index13.js";
+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 "./index208.js";
+import { useId as A } from "./index8.js";
+import { useIntersectionObserver as R } from "./index132.js";
+import { waitFor as j } from "./index209.js";
+import G from "./index13.js";
 /* empty css        */
-import { useDebounceFn as U } from "./index204.js";
-const ne = /* @__PURE__ */ M({
+import J from "./index252.js";
+/* empty css         */
+import { useDebounceFn as K } from "./index204.js";
+const re = /* @__PURE__ */ M({
   __name: "BbPopover",
   props: {
     arrowPadding: { default: 10 },
@@ -23,10 +25,8 @@ const ne = /* @__PURE__ */ M({
     width: {}
   },
   emits: ["shown", "hidden"],
-  setup($, { expose: T, emit: _ }) {
-    const B = O(
-      () => import("./index287.js")
-    ), o = $, s = _, { id: P } = G(), p = `bbp_${P.value}`, n = r(), i = r(), { activate: N, deactivate: m } = j(i, {
+  setup(_, { expose: $, emit: T }) {
+    const t = _, s = T, { id: B } = A(), c = `bbp_${B.value}`, r = n(), i = n(), { activate: P, deactivate: m } = z(i, {
       /**
        * This traps all clicks outside so we are pressing
        * the trigger we just allow and process that in its
@@ -36,10 +36,10 @@ const ne = /* @__PURE__ */ M({
        */
       clickOutsideDeactivates: (e) => {
         var h;
-        const t = e.target;
-        return t instanceof HTMLElement && (h = n.value) != null && h.contains(t) || (l(), s("hidden")), !0;
+        const o = e.target;
+        return o instanceof HTMLElement && (h = r.value) != null && h.contains(o) || (l(), s("hidden")), !0;
       },
-      escapeDeactivates: () => (R(async () => {
+      escapeDeactivates: () => (W(async () => {
         await l(), u(), s("hidden");
       }), !0),
       /* We don't return focus so that when
@@ -48,77 +48,77 @@ const ne = /* @__PURE__ */ M({
        */
       returnFocusOnDeactivate: !1
     });
-    J(
-      n,
+    R(
+      r,
       async ([{ intersectionRatio: e }]) => {
         e !== 1 && a.value && (m(), await l(), s("hidden"));
       },
       { threshold: [0, 1] }
     );
-    const D = v(() => ({
+    const N = v(() => ({
       class: {
-        "bb-popover--block": o.block,
-        [`bb-popover--${o.theme}`]: !0
+        "bb-popover--block": t.block,
+        [`bb-popover--${t.theme}`]: !0
       }
-    })), 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;
+    })), D = n(!1), d = n(!1), a = n(!1), b = n(!1), w = n(!0), E = async () => {
+      D.value = !0, await j(() => !!i.value), a.value = !0;
     }, l = async () => {
       a.value = !1;
-    }, w = async () => {
+    }, g = async () => {
       if (a.value) {
         await l(), u(), s("hidden");
         return;
       }
-      if (d.value || o.disabled) return;
-      await F();
-      let e = o.focusTarget ?? ".bb-popover__close";
-      N({
-        onPostActivate: U(() => {
+      if (d.value || t.disabled) return;
+      await E();
+      let e = t.focusTarget ?? ".bb-popover__close";
+      P({
+        onPostActivate: K(() => {
           if (i.value) {
-            const t = i.value.querySelector(e);
-            t instanceof HTMLElement && (t.focus(), s("shown"));
+            const o = i.value.querySelector(e);
+            o instanceof HTMLElement && (o.focus(), s("shown"));
           }
         }, 150)
       });
     }, u = () => {
-      var t;
-      const e = (t = n.value) == null ? void 0 : t.querySelector(`[aria-controls=popover_${p}]`);
+      var o;
+      const e = (o = r.value) == null ? void 0 : o.querySelector(`[aria-controls=popover_${c}]`);
       e instanceof HTMLElement && e.focus({ preventScroll: !0 });
     }, f = async () => {
       m(), await l(), u(), s("hidden");
     }, L = v(() => {
-      if (o.width) {
+      if (t.width) {
         let e;
-        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)}`;
+        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)}`;
           } else
-            e = o.width;
+            e = t.width;
         else
-          e = `${o.width}`;
+          e = `${t.width}`;
         return `${e}px`;
       }
     });
-    return T({
-      open: w,
+    return $({
+      open: g,
       close: f,
       closed: v(() => !a.value)
-    }), (e, t) => (y(), S("span", H({ class: "bb-popover" }, D.value), [
-      c("span", {
+    }), (e, o) => (k(), O("span", F({ class: "bb-popover" }, N.value), [
+      p("span", {
         ref_key: "wrapper",
-        ref: n,
+        ref: r,
         class: "bb-popover__wrapper"
       }, [
-        k(e.$slots, "activator", V(q({
+        y(e.$slots, "activator", S(H({
           props: {
-            "aria-controls": `popover_${p}`,
+            "aria-controls": `popover_${c}`,
             "aria-expanded": a.value,
-            onClick: w,
-            id: p,
+            onClick: g,
+            id: c,
             disabled: !!e.disabled
           },
-          closed: g.value,
+          closed: w.value,
           closing: b.value,
           disabled: !!e.disabled,
           open: a.value,
@@ -126,11 +126,11 @@ const ne = /* @__PURE__ */ M({
           placement: e.placement
         })))
       ], 512),
-      A(I(B), {
+      V(J, {
         "arrow-padding": e.arrowPadding,
         "base-class": "bb-popover",
         "container-attributes": {
-          id: `popover_${p}`,
+          id: `popover_${c}`,
           style: { width: L.value }
         },
         eager: e.eager,
@@ -140,27 +140,27 @@ const ne = /* @__PURE__ */ M({
         placement: e.placement,
         theme: e.theme,
         "transition-duration": e.transitionDuration,
-        wrapper: n.value
+        wrapper: r.value
       }, {
         default: C(() => [
-          c("div", {
+          p("div", {
             ref_key: "content",
             ref: i,
             class: "bb-popover__content"
           }, [
-            e.showClose ? (y(), W(Q, {
+            e.showClose ? (k(), q(G, {
               key: 0,
               class: "bb-popover__close",
               onClick: f
             }, {
-              default: C(() => t[0] || (t[0] = [
-                c("span", { class: "bb-popover__close-label sr-only" }, "Chiudi", -1),
-                c("svg", {
+              default: C(() => o[0] || (o[0] = [
+                p("span", { class: "bb-popover__close-label sr-only" }, "Chiudi", -1),
+                p("svg", {
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  c("path", {
+                  p("path", {
                     d: "M23 23L1 1M23 1L1 23",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
@@ -169,10 +169,10 @@ const ne = /* @__PURE__ */ M({
                 ], -1)
               ])),
               _: 1
-            })) : z("", !0),
-            k(e.$slots, "default", {
+            })) : I("", !0),
+            y(e.$slots, "default", {
               close: f,
-              closed: g.value,
+              closed: w.value,
               closing: b.value,
               disabled: !!e.disabled,
               open: a.value,
@@ -187,5 +187,5 @@ const ne = /* @__PURE__ */ M({
   }
 });
 export {
-  ne as default
+  re as default
 };