bitboss-ui 2.0.38 → 2.0.39

package/dist/index77.js

@@ -1,46 +1,159 @@
-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 "./index200.js";
-const M = /* @__PURE__ */ h({
-  __name: "BbIntersection",
+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 D from "./index13.js";
+/* empty css        */
+import M from "./index75.js";
+/* empty css        */
+/* empty css       */
+/* empty css       */
+import N from "./index126.js";
+/* empty css         */
+import R from "./index128.js";
+/* empty css         */
+const Z = { class: "bb-dropdown-button__content" }, j = {
+  key: 1,
+  class: "bb-dropdown-button__loading-label sr-only"
+}, q = { class: "bb-dropdown-button__dropdown-label sr-only" }, x = /* @__PURE__ */ z({
+  __name: "BbDropdownButton",
   props: {
-    debounceTime: { default: 0 },
-    options: { default: () => ({
-      root: null,
-      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
-    }) },
-    tag: { default: "div" }
+    arrowPadding: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    items: {},
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: { default: "default" },
+    transitionDuration: {},
+    width: {},
+    autoLoading: { type: Boolean, default: !0 },
+    "append:icon": {},
+    disabledWhileLoading: { type: Boolean, default: !0 },
+    loading: { type: Boolean },
+    "prepend:icon": {}
   },
-  emits: ["shown", "hidden", "intersected"],
-  setup(u, { emit: d }) {
-    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
-    m(() => {
-      n.value = new IntersectionObserver((e) => {
-        f(e[0]);
-      }, r.options), l.value && n.value.observe(l.value);
-    }), p(() => {
-      n.value && n.value.disconnect();
+  setup(S) {
+    const n = S, b = E(0), c = B(
+      () => n.loading || !!b.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] };
+      return e.disabled = e.disabled || n.disabled, e;
     });
-    const f = c((e) => {
-      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
-    }), v = c((e) => {
-      i("intersected", e);
-    }, r.debounceTime);
-    return (e, B) => (g(), b(w(e.tag), {
-      ref_key: "infinitescrolltrigger",
-      ref: l,
-      class: "bb-intersection"
-    }, {
-      default: _(() => [
-        I(e.$slots, "default", {
-          hidden: s.value,
-          percentage: a.value,
-          shown: o.value
-        })
-      ]),
-      _: 3
-    }, 512));
+    return (e, p) => (s(), $("span", {
+      class: W(["bb-dropdown-button", {
+        "bb-dropdown-button--block": e.block,
+        "bb-dropdown-button--loading": c.value
+      }])
+    }, [
+      l(D, C(y.value, { class: "bb-dropdown-button__main-btn" }), {
+        default: t(() => [
+          l(m(R), { class: "bb-dropdown-button__spinner" }),
+          n["prepend:icon"] ? (s(), L(m(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), {
+            key: 2,
+            class: "bb-dropdown-button__append-icon",
+            type: n["append:icon"]
+          }, null, 8, ["type"])) : w("", !0)
+        ]),
+        _: 1
+      }, 16),
+      l(M, {
+        id: e.id,
+        "arrow-padding": e.arrowPadding,
+        disabled: e.disabled,
+        eager: e.eager,
+        items: m(g),
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        theme: e.theme,
+        "transition-duration": e.transitionDuration,
+        width: e.width
+      }, A({
+        activator: t(({
+          props: o,
+          opening: i,
+          open: f,
+          closed: _,
+          closing: h,
+          disabled: k,
+          placement: v
+        }) => [
+          a(e.$slots, "activator", {
+            closed: _,
+            closing: h,
+            disabled: k,
+            open: f,
+            opening: i,
+            placement: v,
+            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),
+                a(e.$slots, "right-btn", {
+                  closed: _,
+                  closing: h,
+                  disabled: k,
+                  open: f,
+                  opening: i,
+                  placement: v
+                }, () => [
+                  p[0] || (p[0] = u("svg", {
+                    class: "bb-dropdown-button__dropdown-chevron",
+                    viewBox: "0 0 24 24",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    u("path", {
+                      d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
+                      fill: "currentColor"
+                    })
+                  ], -1))
+                ])
+              ]),
+              _: 2
+            }, 1040)
+          ])
+        ]),
+        prepend: t((o) => [
+          a(e.$slots, "prepend", d(r(o)))
+        ]),
+        "item:prepend": t((o) => [
+          a(e.$slots, "item:prepend", d(r(o)))
+        ]),
+        item: t((o) => [
+          a(e.$slots, "item", d(r(o)))
+        ]),
+        "item:append": t((o) => [
+          a(e.$slots, "item:append", d(r(o)))
+        ]),
+        append: t((o) => [
+          a(e.$slots, "append", d(r(o)))
+        ]),
+        _: 2
+      }, [
+        I(e.items, (o) => ({
+          name: o.key,
+          fn: t((i) => [
+            a(e.$slots, o.key, d(r(i)))
+          ])
+        }))
+      ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
+    ], 2));
   }
 });
 export {
-  M as default
+  x as default
 };

package/dist/index79.js

@@ -0,0 +1,224 @@
+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 "./index281.js";
+import { useId as re } from "./index8.js";
+import oe from "./index127.js";
+/* empty css         */
+const le = ["accept", "autofocus", "disabled", "multiple"], se = {
+  "aria-hidden": "true",
+  class: "bb-dropzone__submittable-label"
+}, ne = ["id", "disabled", "multiple", "name"], ie = { class: "bb-dropzone__errors" }, fe = /* @__PURE__ */ j({
+  __name: "BbDropzone",
+  props: {
+    autofocus: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    id: {},
+    multiple: { type: Boolean },
+    name: {},
+    accept: {},
+    maxFiles: {},
+    maxSize: {},
+    modelValue: {},
+    tag: { default: "div" }
+  },
+  emits: ["blur", "error", "focus", "update:modelValue"],
+  setup(D, { emit: C }) {
+    let b;
+    const a = D, l = C, d = g(null);
+    if (a.accept && !Array.isArray(a.accept))
+      throw new Error("Property accept is not an array");
+    if (a.multiple && !Array.isArray(a.modelValue))
+      throw new Error(
+        "Component is set to multiple but modelValue is not an array"
+      );
+    const h = g(!1), I = (e) => {
+      h.value = !0, l("focus", e);
+    }, L = (e) => {
+      h.value = !1, l("blur", e);
+    };
+    x(
+      () => a.modelValue,
+      () => {
+        let e = new DataTransfer();
+        Array.isArray(a.modelValue) ? a.modelValue.length && a.modelValue.forEach((t) => e.items.add(t)) : a.modelValue && e.items.add(a.modelValue), d.value && (e.items.length ? d.value.files = e.files : d.value.files = null);
+      }
+    );
+    const p = g([]), P = m(
+      () => p.value.join(",")
+    );
+    x(
+      () => a.accept,
+      async () => {
+        if (a.accept) {
+          let e = [];
+          for (let t = 0; t < a.accept.length; t++) {
+            const r = a.accept[t];
+            if (r.includes("/")) e.push(r);
+            else {
+              b || (b = (await import("./index280.js")).default);
+              const o = b.getType(r);
+              if (!o)
+                throw new Error(
+                  `Could not detect the correct mime associated with ${r}`
+                );
+              e.push(o);
+            }
+          }
+          p.value = e;
+        }
+      },
+      { immediate: !0 }
+    );
+    const z = a.id || `${re().id.value}`, v = `bb_dz_${z}`, i = g(!1);
+    let T;
+    const k = m(() => ({
+      "bb-dropzone": !0,
+      "bb-dropzone--errors": R.value,
+      "bb-dropzone--dragging": i.value
+    })), q = m(() => ({
+      dragging: i.value,
+      focused: h.value,
+      id: z
+    })), $ = (e) => {
+      if (i.value = !1, e.dataTransfer) {
+        e.stopImmediatePropagation();
+        let t;
+        if (t = Array.from(e.dataTransfer.files), t = B(t), a.multiple ? Array.isArray(a.modelValue) && l("update:modelValue", [...a.modelValue, ...t]) : (t = t[0], l("update:modelValue", t)), e.currentTarget instanceof HTMLLabelElement) {
+          const r = e.currentTarget.querySelector("input[type=file]");
+          r instanceof HTMLInputElement && r.focus();
+        }
+      }
+    }, H = (e) => {
+      if (e.target instanceof HTMLInputElement) {
+        if (e.target.files) {
+          let t;
+          t = B(Array.from(e.target.files)), a.multiple ? Array.isArray(a.modelValue) && l("update:modelValue", [...a.modelValue, ...t]) : (t = t[0], l("update:modelValue", t));
+        }
+        e.target.value = "", e.target.files = null;
+      }
+    }, B = (e) => e.filter((t, r) => {
+      if (a.maxSize && !(t.size <= a.maxSize))
+        return l("error", f.maxSize(t)), !1;
+      let o = !1;
+      return a.modelValue && (Array.isArray(a.modelValue) ? o = a.modelValue.some(
+        (s) => S(s, t)
+      ) : o = S(a.modelValue, t)), o ? (l("error", f.uniqueness(t)), !1) : a.accept && !p.value.some((n) => {
+        let u = !1;
+        return n.includes("*") ? u = u || n.split("/")[0] === t.type.split("/")[0] : u = u || n === t.type, u;
+      }) ? (l("error", f.accept(t)), !1) : a.maxFiles && Array.isArray(a.modelValue) && a.modelValue.length + r + 1 > a.maxFiles ? (l(
+        "error",
+        f.maxFiles(t, a.modelValue.length + r + 1)
+      ), !1) : !0;
+    }), N = (e) => {
+      const t = e.target;
+      if (t instanceof HTMLElement) {
+        const r = ae(
+          [t],
+          "parentElement",
+          (o) => o.classList.contains("bb-dropzone")
+        );
+        r && (r.id === v ? E() : _());
+      }
+    }, E = () => {
+      clearTimeout(T), i.value = !0;
+    }, _ = () => {
+      T = setTimeout(() => {
+        i.value = !1;
+      }, 100);
+    }, A = (e, t = 2) => {
+      if (!e) return "0 B";
+      const r = 1024, o = t || 0, s = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], n = Math.floor(Math.log(e) / Math.log(r));
+      return parseFloat((e / Math.pow(r, n)).toFixed(o)) + " " + s[n];
+    }, S = (e, t) => !["name", "size", "lastModified", "type"].some((o) => e[o] !== t[o]), f = {
+      maxSize: (e) => {
+        if (a.maxSize)
+          return {
+            type: "maxSize",
+            file: e,
+            formattedMaxSize: A(+a.maxSize),
+            formattedSize: A(e.size),
+            filename: e.name
+          };
+        throw new Error(
+          "Requested to create an error for maxSize without providing a maxSize."
+        );
+      },
+      uniqueness: (e) => ({
+        type: "uniqueness",
+        file: e,
+        filename: e.name
+      }),
+      accept: (e) => ({
+        type: "accept",
+        file: e,
+        acceptedMimeTypes: p.value,
+        mimeType: e.type,
+        filename: e.name
+      }),
+      maxFiles: (e, t) => ({
+        type: "maxFiles",
+        file: e,
+        maxFiles: a.maxFiles,
+        totalFiles: t,
+        filename: e.name
+      })
+    }, w = m(() => a.errors ? [].concat(a.errors) : []), R = m(
+      () => !!w.value.length || a.hasErrors
+    );
+    return (e, t) => (V(), G(K(e.tag), {
+      id: v,
+      class: O(k.value)
+    }, {
+      default: M(() => [
+        c("label", {
+          onDragenter: y(E, ["prevent"]),
+          onDragleave: y(_, ["prevent"]),
+          onDragover: y(N, ["prevent"]),
+          onDrop: y($, ["prevent"])
+        }, [
+          c("input", {
+            accept: P.value,
+            autofocus: e.autofocus,
+            class: "sr-only",
+            disabled: e.disabled,
+            multiple: e.multiple,
+            type: "file",
+            onBlur: L,
+            onChange: H,
+            onFocus: I
+          }, null, 40, le),
+          U(e.$slots, "default", Y(Z(q.value)))
+        ], 32),
+        c("label", se, [
+          t[0] || (t[0] = J(" Server files ")),
+          c("input", {
+            id: Q(z),
+            ref_key: "submittable",
+            ref: d,
+            class: "bb-dropzone__submittable-input sr-only",
+            disabled: e.disabled,
+            multiple: e.multiple,
+            name: e.name,
+            type: "file"
+          }, null, 8, ne)
+        ]),
+        c("span", ie, [
+          W(oe, { tag: "span" }, {
+            default: M(() => [
+              (V(!0), F(X, null, ee(w.value, (r) => (V(), F("span", {
+                key: r,
+                class: "bb-dropzone__error"
+              }, te(r), 1))), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  fe as default
+};

package/dist/index8.js

@@ -1,22 +1,14 @@
-import { ref as n } from "vue";
-const c = (t) => {
-  const r = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", h = e.length;
-  let o = r.charAt(
-    Math.floor(Math.random() * r.length)
-  ), a = 1;
-  for (; a < t; )
-    o += e.charAt(Math.floor(Math.random() * h)), a += 1;
-  return o;
-}, l = () => {
-  const t = n(c(12));
+import { ref as s, useId as t } from "vue";
+const r = () => "bb-ui-" + t(), n = () => {
+  const e = s(r());
   return {
     /**
      * The generated id
      */
-    id: t,
-    refresh: () => t.value = c(12)
+    id: e,
+    refresh: () => e.value = r()
   };
 };
 export {
-  l as useId
+  n as useId
 };

package/dist/index81.js

@@ -0,0 +1,46 @@
+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";
+const M = /* @__PURE__ */ h({
+  __name: "BbIntersection",
+  props: {
+    debounceTime: { default: 0 },
+    options: { default: () => ({
+      root: null,
+      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
+    }) },
+    tag: { default: "div" }
+  },
+  emits: ["shown", "hidden", "intersected"],
+  setup(u, { emit: d }) {
+    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
+    m(() => {
+      n.value = new IntersectionObserver((e) => {
+        f(e[0]);
+      }, r.options), l.value && n.value.observe(l.value);
+    }), p(() => {
+      n.value && n.value.disconnect();
+    });
+    const f = c((e) => {
+      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
+    }), v = c((e) => {
+      i("intersected", e);
+    }, r.debounceTime);
+    return (e, B) => (g(), b(w(e.tag), {
+      ref_key: "infinitescrolltrigger",
+      ref: l,
+      class: "bb-intersection"
+    }, {
+      default: _(() => [
+        I(e.$slots, "default", {
+          hidden: s.value,
+          percentage: a.value,
+          shown: o.value
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  M as default
+};