bitboss-ui 2.0.37 → 2.0.39

package/dist/index118.js

@@ -1,120 +1,28 @@
-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 "./index289.js";
-const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
-  __name: "BbTree",
+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 "./index295.js";
+const N = /* @__PURE__ */ s({
+  __name: "BbToast",
   props: {
-    items: { default: () => [] },
-    parent: {},
-    identifier: { default: "id" },
-    depth: { default: 0 },
-    expandable: { type: [Boolean, Function] }
+    placement: { default: "bottom" }
   },
-  setup(c) {
-    const r = c, u = (n) => typeof n.open > "u" ? !0 : n.open, x = g(() => {
-      let n = 0;
-      return r.items.map((d, l) => {
-        const e = u(d), p = d.expandable ?? r.expandable, a = n + 1;
-        n = n + T([d], "children").length;
-        let o = !1;
-        return typeof p < "u" && (typeof p == "function" ? o = p(d, r.depth, r.parent) : o = p), {
-          children: d.children,
-          depth: r.depth,
-          expandable: o,
-          identifier: d[r.identifier],
-          offset: a,
-          index: l,
-          open: e,
-          original: d,
-          parent: r.parent
-        };
-      });
-    });
-    return (n, d) => {
-      const l = y("BbTree", !0);
-      return f(!0), i(k, null, h(x.value, (e) => (f(), i("div", {
-        key: e.identifier,
-        class: b(["bb-tree", {
-          [`bb-tree--depth-${e.depth}`]: !0,
-          "bb-tree--open": e.open
-        }])
+  setup(T) {
+    const { dismiss: n } = C();
+    return (a, h) => (e(), o(l, { to: "body" }, [
+      c("div", {
+        class: m(["bb-toast", { [`bb-toast--${a.placement}`]: !0 }])
       }, [
-        s("div", w, [
-          s("div", E, [
-            n.$slots[e.identifier] ? t(n.$slots, e.identifier, {
-              key: 0,
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            }) : n.$slots[e.depth] ? t(n.$slots, e.depth, {
-              key: 1,
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            }) : t(n.$slots, "default", {
-              key: 2,
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            })
-          ])
-        ]),
-        s("div", {
-          class: b(`bb-tree--depth-${e.depth}-children`)
-        }, [
-          t(n.$slots, `${e.identifier}-children`, {
-            depth: e.depth,
-            expandable: e.expandable,
-            identifier: e.identifier,
-            index: e.index,
-            item: e.original,
-            offset: e.offset,
-            open: e.open,
-            parent: e.parent
-          }, () => [
-            t(n.$slots, `${e.depth}-children`, {
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            }, () => [
-              v(l, {
-                depth: e.depth + 1,
-                expandable: n.expandable,
-                identifier: r.identifier,
-                items: e.children,
-                parent: e
-              }, B({ _: 2 }, [
-                h(n.$slots, (p, a) => ({
-                  name: a,
-                  fn: _((o) => [
-                    t(n.$slots, a, C({ ref_for: !0 }, o))
-                  ])
-                }))
-              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
-            ])
-          ])
-        ], 2)
-      ], 2))), 128);
-    };
+        i(p, { name: "toast" }, {
+          default: u(() => [
+            (e(!0), f(d, null, _(r(k).stack, (t) => (e(), o(B, b({
+              key: t.id,
+              ref_for: !0
+            }, t, { "onClick:close": r(n) }), null, 16, ["onClick:close"]))), 128))
+          ]),
+          _: 1
+        })
+      ], 2)
+    ]));
   }
 });
 export {

package/dist/index12.js

@@ -1,10 +1,10 @@
-import { copy as D } from "./index129.js";
+import { copy as D } from "./index133.js";
 import { reactive as G, watch as v, toValue as H, computed as g, provide as Q } from "vue";
-import { isNotNil as a } from "./index130.js";
-import { mapValues as X } from "./index131.js";
-import { useRoute as Z } from "./index132.js";
-import { useRouter as _ } from "./index133.js";
-import { useStepper as ee } from "./index128.js";
+import { isNotNil as a } from "./index134.js";
+import { mapValues as X } from "./index135.js";
+import { useRoute as Z } from "./index136.js";
+import { useRouter as _ } from "./index137.js";
+import { useStepper as ee } from "./index132.js";
 const te = Symbol(), x = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, O = (i) => {
   var r, u;
   const e = i.match(x);

package/dist/index120.js

@@ -1,42 +1,151 @@
-import { defineComponent as c, openBlock as l, createElementBlock as o, createElementVNode as t, renderSlot as r, createTextVNode as i, toDisplayString as p, withModifiers as b, createCommentVNode as _ } from "vue";
-const d = { class: "bb-chip" }, m = { class: "bb-chip__content" }, h = ["aria-label"], u = /* @__PURE__ */ t("svg", {
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ t("path", {
-    d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
-    fill: "currentColor"
-  })
-], -1), f = [
-  u
-], C = /* @__PURE__ */ c({
-  __name: "BbChip",
+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 "./index215.js";
+import { useId as J } from "./index8.js";
+import { wait as P } from "./index131.js";
+import K from "./index13.js";
+/* empty css        */
+import { throttle as b } from "./index237.js";
+import { waitFor as Q } from "./index225.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index227.js";
+const ue = /* @__PURE__ */ z({
+  __name: "BbTooltip",
   props: {
-    text: {},
-    clearable: { type: Boolean, default: !0 },
-    clearableLabel: { default: "Elimina" }
+    arrowPadding: { default: 10 },
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    offset: {},
+    padding: { default: 10 },
+    placement: { default: "top" },
+    showClose: { type: Boolean, default: !0 },
+    theme: { default: "default" },
+    transitionDuration: { default: 250 }
   },
-  emits: ["click:clear"],
-  setup(L, { emit: a }) {
-    const n = a, s = (e) => {
-      n("click:clear", e);
+  setup(F) {
+    const O = A(
+      () => import("./index282.js")
+    ), t = F, w = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), _ = a(), { placement: g, middlewareData: $ } = q(s, d, {
+      placement: t.placement,
+      whileElementsMounted: X,
+      middleware: [
+        Y(),
+        Z({ padding: t.padding }),
+        G({
+          element: _,
+          padding: t.arrowPadding
+        }),
+        x()
+      ]
+    });
+    let h = () => {
     };
-    return (e, k) => (l(), o("span", d, [
-      t("span", m, [
-        r(e.$slots, "default", {}, () => [
-          i(p(e.text), 1)
-        ])
-      ]),
-      e.clearable ? (l(), o("button", {
+    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();
+      }
+    }, 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(
+        () => {
+          var e;
+          return (e = $.value.hide) == null ? void 0 : e.referenceHidden;
+        },
+        async (e) => {
+          !l.value && !p.value && e && await i();
+        }
+      ));
+    }, 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(() => ({
+      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), [
+      c("span", {
+        ref_key: "wrapper",
+        ref: s,
+        class: "bb-tooltip__wrapper"
+      }, [
+        E(e.$slots, "activator", W(j({
+          props: {
+            ...f.value ? { "aria-describedby": w } : {},
+            onMouseenter: y,
+            onFocus: u(T),
+            onBlur: u(i),
+            disabled: e.disabled
+          },
+          closed: p.value,
+          closing: l.value,
+          disabled: e.disabled,
+          open: r.value,
+          opening: n.value,
+          placement: u(g)
+        })))
+      ], 512),
+      f.value || e.eager ? (v(), D(u(O), {
         key: 0,
-        "aria-label": e.clearableLabel,
-        class: "bb-chip__clear-button",
-        type: "button",
-        onClick: b(s, ["stop", "prevent"])
-      }, f, 8, h)) : _("", !0)
-    ]));
+        "arrow-padding": e.arrowPadding,
+        "base-class": "bb-tooltip",
+        "container-attributes": {
+          id: w
+        },
+        eager: e.eager,
+        offset: e.offset,
+        open: r.value,
+        padding: e.padding,
+        placement: u(g),
+        theme: e.theme,
+        "transition-duration": e.transitionDuration,
+        wrapper: s.value
+      }, {
+        default: L(() => [
+          c("span", {
+            ref_key: "content",
+            ref: d,
+            class: "bb-tooltip__content"
+          }, [
+            e.showClose ? (v(), D(K, {
+              key: 0,
+              "aria-hidden": "true",
+              "aria-label": "Chiudi",
+              class: "bb-tooltip__close",
+              tabindex: "-1",
+              onClick: H
+            }, {
+              default: L(() => o[0] || (o[0] = [
+                c("svg", {
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  c("path", {
+                    d: "M23 23L1 1M23 1L1 23",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-width": "2"
+                  })
+                ], -1)
+              ])),
+              _: 1
+            })) : M("", !0),
+            E(e.$slots, "default")
+          ], 512)
+        ]),
+        _: 3
+      }, 8, ["arrow-padding", "container-attributes", "eager", "offset", "open", "padding", "placement", "theme", "transition-duration", "wrapper"])) : M("", !0)
+    ], 16));
   }
 });
 export {
-  C as default
+  ue as default
 };

package/dist/index122.js

@@ -1,46 +1,122 @@
-import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as z, openBlock as _, createElementBlock as b, mergeProps as h } from "vue";
-import { isCssColor as w } from "./index216.js";
-const g = ["innerHTML"], $ = /* @__PURE__ */ m({
-  __name: "BbIcon",
+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 "./index300.js";
+const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
+  __name: "BbTree",
   props: {
-    size: { default: "md" },
-    color: {},
-    type: {}
+    items: { default: () => [] },
+    parent: {},
+    identifier: { default: "id" },
+    depth: { default: 0 },
+    expandable: { type: [Boolean, Function] }
   },
-  setup(p) {
-    var i, r;
-    const e = p;
-    let t;
-    !!((r = (i = d()) == null ? void 0 : i.proxy) != null && r.$nuxt) ? process.client && (t = useNuxtApp().$icons) : t = x("icons");
-    const u = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, f = l(() => {
-      const s = {
-        "bb-icon": !0
-      };
-      let c = { "--size": l(() => {
-        let o;
-        return typeof e.size == "string" ? o = u[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? o = e.size : o = 24, o + "px";
-      }).value };
-      return e.color && (w(e.color) ? c.color = e.color : s[`bb-icon--${e.color}`] = !0), {
-        class: s,
-        style: c
-      };
-    }), n = y(null);
-    return z(async () => {
-      if (t) {
-        if (typeof t[e.type] > "u")
-          throw new Error(`Icon "${e.type}" does not exist.`);
-        n.value = await t[e.type]();
-      }
-    }), (s, a) => (_(), b("i", h(f.value, { innerHTML: n.value }), null, 16, g));
+  setup(c) {
+    const r = c, u = (n) => typeof n.open > "u" ? !0 : n.open, x = g(() => {
+      let n = 0;
+      return r.items.map((d, l) => {
+        const e = u(d), p = d.expandable ?? r.expandable, a = n + 1;
+        n = n + T([d], "children").length;
+        let o = !1;
+        return typeof p < "u" && (typeof p == "function" ? o = p(d, r.depth, r.parent) : o = p), {
+          children: d.children,
+          depth: r.depth,
+          expandable: o,
+          identifier: d[r.identifier],
+          offset: a,
+          index: l,
+          open: e,
+          original: d,
+          parent: r.parent
+        };
+      });
+    });
+    return (n, d) => {
+      const l = y("BbTree", !0);
+      return f(!0), i(k, null, h(x.value, (e) => (f(), i("div", {
+        key: e.identifier,
+        class: b(["bb-tree", {
+          [`bb-tree--depth-${e.depth}`]: !0,
+          "bb-tree--open": e.open
+        }])
+      }, [
+        s("div", w, [
+          s("div", E, [
+            n.$slots[e.identifier] ? t(n.$slots, e.identifier, {
+              key: 0,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : n.$slots[e.depth] ? t(n.$slots, e.depth, {
+              key: 1,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : t(n.$slots, "default", {
+              key: 2,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            })
+          ])
+        ]),
+        s("div", {
+          class: b(`bb-tree--depth-${e.depth}-children`)
+        }, [
+          t(n.$slots, `${e.identifier}-children`, {
+            depth: e.depth,
+            expandable: e.expandable,
+            identifier: e.identifier,
+            index: e.index,
+            item: e.original,
+            offset: e.offset,
+            open: e.open,
+            parent: e.parent
+          }, () => [
+            t(n.$slots, `${e.depth}-children`, {
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }, () => [
+              v(l, {
+                depth: e.depth + 1,
+                expandable: n.expandable,
+                identifier: r.identifier,
+                items: e.children,
+                parent: e
+              }, B({ _: 2 }, [
+                h(n.$slots, (p, a) => ({
+                  name: a,
+                  fn: _((o) => [
+                    t(n.$slots, a, C({ ref_for: !0 }, o))
+                  ])
+                }))
+              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
+            ])
+          ])
+        ], 2)
+      ], 2))), 128);
+    };
   }
 });
 export {
-  $ as default
+  N as default
 };

package/dist/index124.js

@@ -1,37 +1,42 @@
-import { defineComponent as p, computed as l, openBlock as _, createElementBlock as a, normalizeProps as b, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index216.js";
-const y = /* @__PURE__ */ m('<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle></svg>', 1), d = [
-  y
-], g = /* @__PURE__ */ p({
-  __name: "BbSpinner",
+import { defineComponent as c, openBlock as o, createElementBlock as a, createElementVNode as t, renderSlot as i, createTextVNode as p, toDisplayString as b, withModifiers as d, createCommentVNode as m } from "vue";
+const u = { class: "bb-chip" }, _ = { class: "bb-chip__content" }, f = ["aria-label"], k = /* @__PURE__ */ c({
+  __name: "BbChip",
   props: {
-    color: {},
-    size: { default: "md" }
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: { default: "Elimina" }
   },
-  setup(s) {
-    const c = s, n = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, o = l(() => {
-      const e = {
-        "bb-spinner": !0
-      };
-      let i = { "--size": l(() => {
-        let r;
-        return typeof c.size == "string" ? r = n[c.size] ?? parseInt(c.size, 10) : r = c.size, r + "px";
-      }).value };
-      return c.color && (u(c.color) ? i.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
-        class: e,
-        style: i
-      };
-    });
-    return (e, t) => (_(), a("span", b(x(o.value)), d, 16));
+  emits: ["click:clear"],
+  setup(h, { emit: r }) {
+    const n = r, s = (e) => {
+      n("click:clear", e);
+    };
+    return (e, l) => (o(), a("span", u, [
+      t("span", _, [
+        i(e.$slots, "default", {}, () => [
+          p(b(e.text), 1)
+        ])
+      ]),
+      e.clearable ? (o(), a("button", {
+        key: 0,
+        "aria-label": e.clearableLabel,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: d(s, ["stop", "prevent"])
+      }, l[0] || (l[0] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          t("path", {
+            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ]), 8, f)) : m("", !0)
+    ]));
   }
 });
 export {
-  g as default
+  k as default
 };

package/dist/index125.js

@@ -1,4 +1,46 @@
-const r = (e) => typeof e > "u" || e === null;
+import { defineComponent as d, ref as s, watch as m, computed as b, openBlock as r, createBlock as u, resolveDynamicComponent as i, normalizeProps as f, guardReactiveProps as v, withCtx as c, normalizeStyle as y, renderSlot as g, createCommentVNode as V } from "vue";
+const C = /* @__PURE__ */ d({
+  __name: "BbCollapsible",
+  props: {
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: { default: "div" }
+  },
+  setup(p) {
+    const l = p, t = s(l.modelValue), a = s(t.value), o = m(
+      () => l.modelValue,
+      (e) => {
+        e && (a.value = !0, o());
+      }
+    );
+    t.value && o();
+    const n = b(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": l.modelValue,
+        "bb-collapsible--closed": !l.modelValue
+      },
+      style: {
+        transitionDuration: l.transitionDuration + "ms"
+      }
+    }));
+    return (e, _) => (r(), u(i(e.tag), f(v(n.value)), {
+      default: c(() => [
+        (r(), u(i(e.tag), {
+          class: "bb-collapsible__content",
+          style: y(n.value.style)
+        }, {
+          default: c(() => [
+            e.eager || a.value ? g(e.$slots, "default", { key: 0 }) : V("", !0)
+          ]),
+          _: 3
+        }, 8, ["style"]))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
 export {
-  r as isNil
+  C as default
 };