bitboss-ui 2.0.5 → 2.0.8

package/dist/index74.js

@@ -1,224 +1,130 @@
-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 "./index266.js";
-import { useId as re } from "./index7.js";
-import oe from "./index122.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",
+import { defineComponent as c, computed as v, openBlock as B, createElementBlock as k, normalizeClass as y, createVNode as l, mergeProps as h, withCtx as o, renderSlot as d, createSlots as C, createElementVNode as m, toDisplayString as P, normalizeProps as n, guardReactiveProps as a, renderList as D } from "vue";
+import g from "./index14.js";
+/* empty css        */
+import L from "./index72.js";
+/* empty css        */
+const S = { class: "bb-dropdown-button__dropdown-label" }, _ = /* @__PURE__ */ m("svg", {
+  class: "bb-dropdown-button__dropdown-chevron",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ m("path", {
+    d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z",
+    fill: "currentColor"
+  })
+], -1), R = /* @__PURE__ */ c({
+  __name: "BbDropdownButton",
   props: {
-    autofocus: {},
+    arrowPadding: {},
+    block: { type: Boolean },
     disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
+    eager: { type: Boolean },
     id: {},
-    multiple: { type: Boolean },
-    name: {},
-    accept: {},
-    maxFiles: {},
-    maxSize: {},
-    modelValue: {},
-    tag: { default: "div" }
+    items: {},
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: { default: "default" },
+    transitionDuration: {},
+    width: {}
   },
-  emits: ["blur", "error", "focus", "update:modelValue"],
-  setup(D, { emit: C }) {
-    let b;
-    const t = D, l = C, d = g(null);
-    if (t.accept && !Array.isArray(t.accept))
-      throw new Error("Property accept is not an array");
-    if (t.multiple && !Array.isArray(t.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(
-      () => t.modelValue,
-      () => {
-        let e = new DataTransfer();
-        Array.isArray(t.modelValue) ? t.modelValue.length && t.modelValue.forEach((a) => e.items.add(a)) : t.modelValue && e.items.add(t.modelValue), d.value && (e.items.length ? d.value.files = e.files : d.value.files = null);
-      }
-    );
-    const p = g([]), P = m(
-      () => p.value.join(",")
-    );
-    x(
-      () => t.accept,
-      async () => {
-        if (t.accept) {
-          let e = [];
-          for (let a = 0; a < t.accept.length; a++) {
-            const r = t.accept[a];
-            if (r.includes("/")) e.push(r);
-            else {
-              b || (b = (await import("./index265.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 = t.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 a;
-        if (a = Array.from(e.dataTransfer.files), a = _(a), t.multiple ? Array.isArray(t.modelValue) && l("update:modelValue", [...t.modelValue, ...a]) : (a = a[0], l("update:modelValue", a)), 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 a;
-          a = _(Array.from(e.target.files)), t.multiple ? Array.isArray(t.modelValue) && l("update:modelValue", [...t.modelValue, ...a]) : (a = a[0], l("update:modelValue", a));
-        }
-        e.target.value = "", e.target.files = null;
-      }
-    }, _ = (e) => e.filter((a, r) => {
-      if (t.maxSize && !(a.size <= t.maxSize))
-        return l("error", f.maxSize(a)), !1;
-      let o = !1;
-      return t.modelValue && (Array.isArray(t.modelValue) ? o = t.modelValue.some(
-        (s) => S(s, a)
-      ) : o = S(t.modelValue, a)), o ? (l("error", f.uniqueness(a)), !1) : t.accept && !p.value.some((n) => {
-        let u = !1;
-        return n.includes("*") ? u = u || n.split("/")[0] === a.type.split("/")[0] : u = u || n === a.type, u;
-      }) ? (l("error", f.accept(a)), !1) : t.maxFiles && Array.isArray(t.modelValue) && t.modelValue.length + r + 1 > t.maxFiles ? (l(
-        "error",
-        f.maxFiles(a, t.modelValue.length + r + 1)
-      ), !1) : !0;
-    }), N = (e) => {
-      const a = e.target;
-      if (a instanceof HTMLElement) {
-        const r = ae(
-          [a],
-          "parentElement",
-          (o) => o.classList.contains("bb-dropzone")
-        );
-        r && (r.id === v ? B() : E());
-      }
-    }, B = () => {
-      clearTimeout(T), i.value = !0;
-    }, E = () => {
-      T = setTimeout(() => {
-        i.value = !1;
-      }, 100);
-    }, A = (e, a = 2) => {
-      if (!e) return "0 B";
-      const r = 1024, o = a || 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, a) => !["name", "size", "lastModified", "type"].some((o) => e[o] !== a[o]), f = {
-      maxSize: (e) => {
-        if (t.maxSize)
-          return {
-            type: "maxSize",
-            file: e,
-            formattedMaxSize: A(+t.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, a) => ({
-        type: "maxFiles",
-        file: e,
-        maxFiles: t.maxFiles,
-        totalFiles: a,
-        filename: e.name
-      })
-    }, w = m(() => t.errors ? [].concat(t.errors) : []), R = m(
-      () => !!w.value.length || t.hasErrors
-    );
-    return (e, a) => (V(), G(K(e.tag), {
-      id: v,
-      class: O(k.value)
-    }, {
-      default: M(() => [
-        c("label", {
-          onDragenter: y(B, ["prevent"]),
-          onDragleave: y(E, ["prevent"]),
-          onDragover: y(N, ["prevent"]),
-          onDrop: y($, ["prevent"])
-        }, [
-          c("input", {
-            accept: P.value,
-            autofocus: e.autofocus,
-            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, [
-          J(" Server files "),
-          c("input", {
-            id: Q(z),
-            ref_key: "submittable",
-            ref: d,
-            class: "bb-dropzone__submittable-input",
-            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
+  setup($) {
+    const s = $, i = v(() => {
+      const e = { ...s.items[0] };
+      return e.disabled = e.disabled || s.disabled, e;
+    });
+    return (e, z) => (B(), k("span", {
+      class: y(["bb-dropdown-button", {
+        "bb-dropdown-button--block": e.block,
+        [`bb-dropdown-button--theme-${s.theme}`]: s.theme
+      }])
+    }, [
+      l(g, h(i.value, { class: "bb-dropdown-button__main-btn" }), {
+        default: o(() => [
+          d(e.$slots, "left-btn", {
+            disabled: i.value.disabled,
+            text: i.value.text
           })
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
+        ]),
+        _: 3
+      }, 16),
+      l(L, {
+        id: e.id,
+        "arrow-padding": e.arrowPadding,
+        disabled: e.disabled,
+        eager: e.eager,
+        items: e.items,
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        theme: e.theme,
+        "transition-duration": e.transitionDuration,
+        width: e.width
+      }, C({
+        activator: o(({
+          props: t,
+          opening: r,
+          open: p,
+          closed: b,
+          closing: u,
+          disabled: w,
+          placement: f
+        }) => [
+          d(e.$slots, "activator", {
+            closed: b,
+            closing: u,
+            disabled: w,
+            open: p,
+            opening: r,
+            placement: f,
+            props: t
+          }, () => [
+            l(g, h(t, { class: "bb-dropdown-button__dropdown-btn" }), {
+              default: o(() => [
+                m("span", S, P(p || r ? "Chiudi" : "Apri") + " il menu", 1),
+                d(e.$slots, "right-btn", {
+                  closed: b,
+                  closing: u,
+                  disabled: w,
+                  open: p,
+                  opening: r,
+                  placement: f
+                }, () => [
+                  _
+                ])
+              ]),
+              _: 2
+            }, 1040)
+          ])
+        ]),
+        prepend: o((t) => [
+          d(e.$slots, "prepend", n(a(t)))
+        ]),
+        "item:prepend": o((t) => [
+          d(e.$slots, "item:prepend", n(a(t)))
+        ]),
+        item: o((t) => [
+          d(e.$slots, "item", n(a(t)))
+        ]),
+        "item:append": o((t) => [
+          d(e.$slots, "item:append", n(a(t)))
+        ]),
+        append: o((t) => [
+          d(e.$slots, "append", n(a(t)))
+        ]),
+        _: 2
+      }, [
+        D(e.items, (t) => ({
+          name: t.key,
+          fn: o((r) => [
+            d(e.$slots, t.key, n(a(r)))
+          ])
+        }))
+      ]), 1032, ["id", "arrow-padding", "disabled", "eager", "items", "offset", "padding", "placement", "theme", "transition-duration", "width"])
+    ], 2));
   }
 });
 export {
-  fe as default
+  R as default
 };
 //# sourceMappingURL=index74.js.map

package/dist/index74.js.map

@@ -1 +1 @@
-{"version":3,"file":"index74.js","sources":["../src/components/BbDropzone/BbDropzone.vue"],"sourcesContent":["<template>\n\t<component :is=\"tag\" :id=\"containerId\" :class=\"classes\">\n\t\t<label\n\t\t\t@dragenter.prevent=\"setDragging\"\n\t\t\t@dragleave.prevent=\"unsetDragging\"\n\t\t\t@dragover.prevent=\"onDragOver\"\n\t\t\t@drop.prevent=\"onDrop\"\n\t\t>\n\t\t\t<input\n\t\t\t\t:accept=\"acceptedMimeTypesString\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:multiple=\"multiple\"\n\t\t\t\ttype=\"file\"\n\t\t\t\t@blur=\"onBlur\"\n\t\t\t\t@change=\"onChange\"\n\t\t\t\t@focus=\"onFocus\"\n\t\t\t/>\n\t\t\t<slot v-bind=\"slotAttributes\"></slot>\n\t\t</label>\n\t\t<label aria-hidden=\"true\" class=\"bb-dropzone__submittable-label\">\n\t\t\tServer files\n\t\t\t<input\n\t\t\t\t:id=\"id\"\n\t\t\t\tref=\"submittable\"\n\t\t\t\tclass=\"bb-dropzone__submittable-input\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t:name=\"name\"\n\t\t\t\ttype=\"file\"\n\t\t\t/>\n\t\t</label>\n\n\t\t<span class=\"bb-dropzone__errors\">\n\t\t\t<BbSmoothHeight tag=\"span\">\n\t\t\t\t<span\n\t\t\t\t\tv-for=\"error in computedErrors\"\n\t\t\t\t\t:key=\"error\"\n\t\t\t\t\tclass=\"bb-dropzone__error\"\n\t\t\t\t\t>{{ error }}</span\n\t\t\t\t>\n\t\t\t</BbSmoothHeight>\n\t\t</span>\n\t</component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { findInTree } from '@/utilities/functions/findInTree';\nimport { useId } from '@/composables/useId';\nimport BbSmoothHeight from '../BbSmoothHeight/BbSmoothHeight.vue';\nimport type { CommonProps, NonVoidElementTag } from '@/types/CommonProps';\n\nexport type DropZoneError = ReturnType<\n\t(typeof createError)[keyof typeof createError]\n>;\n\nexport type BbDropzoneProps = Pick<\n\tCommonProps,\n\t'autofocus' | 'disabled' | 'errors' | 'hasErrors' | 'id' | 'multiple' | 'name'\n> & {\n\t/**\n\t * Array of mime-types or extensions to filter selectable files.\n\t */\n\taccept?: string[];\n\t/**\n\t * Maximum number of acceptable files\n\t */\n\tmaxFiles?: number;\n\t/**\n\t * Max size of the files in bytes.\n\t */\n\tmaxSize?: number;\n\t/**\n\t * Used by v-model.\n\t */\n\tmodelValue: any;\n} & NonVoidElementTag;\n\n// This is the dynamic import for mime\nlet mime: any;\n\nconst props = withDefaults(defineProps<BbDropzoneProps>(), {\n\ttag: 'div',\n});\n\nexport type BbDropzoneEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'error', data: DropZoneError): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'update:modelValue', data: any): void;\n};\nconst emit = defineEmits<BbDropzoneEvents>();\n\ndefineSlots<{\n\tdefault?: (props: { dragging: boolean; focused: boolean; id: string }) => any;\n}>();\n\nconst submittable = ref<any | null>(null);\n\nif (props.accept) {\n\tif (!Array.isArray(props.accept)) {\n\t\tthrow new Error('Property accept is not an array');\n\t}\n}\nif (props.multiple) {\n\tif (!Array.isArray(props.modelValue)) {\n\t\tthrow new Error(\n\t\t\t'Component is set to multiple but modelValue is not an array'\n\t\t);\n\t}\n}\n\nconst hasFocus = ref(false);\nconst onFocus = (event: FocusEvent) => {\n\thasFocus.value = true;\n\temit('focus', event);\n};\nconst onBlur = (event: FocusEvent) => {\n\thasFocus.value = false;\n\temit('blur', event);\n};\n\n/**  Allow dropzone to be submittable (this is flimsy and might break) */\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\tlet container = new DataTransfer();\n\t\tif (Array.isArray(props.modelValue)) {\n\t\t\tif (props.modelValue.length) {\n\t\t\t\tprops.modelValue.forEach((file) => container.items.add(file));\n\t\t\t}\n\t\t} else {\n\t\t\tif (props.modelValue) container.items.add(props.modelValue);\n\t\t}\n\t\tif (submittable.value) {\n\t\t\tif (container.items.length) {\n\t\t\t\tsubmittable.value.files = container.files;\n\t\t\t} else {\n\t\t\t\tsubmittable.value.files = null;\n\t\t\t}\n\t\t}\n\t}\n);\n\nconst acceptedMimeTypes = ref<string[]>([]);\nconst acceptedMimeTypesString = computed(() =>\n\tacceptedMimeTypes.value.join(',')\n);\nwatch(\n\t() => props.accept,\n\tasync () => {\n\t\tif (props.accept) {\n\t\t\tlet accumulated = [];\n\t\t\tfor (let i = 0; i < props.accept.length; i++) {\n\t\t\t\tconst element = props.accept[i];\n\t\t\t\tif (element.includes('/')) accumulated.push(element);\n\t\t\t\telse {\n\t\t\t\t\tif (!mime) {\n\t\t\t\t\t\tconst mod = await import('mime');\n\t\t\t\t\t\tmime = mod.default;\n\t\t\t\t\t}\n\t\t\t\t\tconst foundMime = mime.getType(element);\n\t\t\t\t\tif (!foundMime) {\n\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t`Could not detect the correct mime associated with ${element}`\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\taccumulated.push(foundMime);\n\t\t\t\t}\n\t\t\t}\n\t\t\tacceptedMimeTypes.value = accumulated;\n\t\t}\n\t},\n\t{ immediate: true }\n);\n\n/**\n * Component state\n */\nconst id = props.id || `${useId().id.value}`;\nconst containerId = `bb_dz_${id}`;\n\nconst dragging = ref(false);\n// Add a timeout to prevent browser flickering\nlet draggingTimeout: ReturnType<typeof setTimeout>;\n\nconst classes = computed(() => {\n\treturn {\n\t\t'bb-dropzone': true,\n\t\t'bb-dropzone--errors': hasErrors.value,\n\t\t'bb-dropzone--dragging': dragging.value,\n\t};\n});\nconst slotAttributes = computed(() => {\n\treturn {\n\t\tdragging: dragging.value,\n\t\tfocused: hasFocus.value,\n\t\tid: id,\n\t};\n});\n\n/**\n * Component handlers\n */\nconst onDrop = (event: DragEvent) => {\n\tdragging.value = false;\n\n\tif (event.dataTransfer) {\n\t\tevent.stopImmediatePropagation();\n\t\tlet files;\n\t\tfiles = Array.from(event.dataTransfer.files);\n\t\tfiles = parseFiles(files);\n\t\tif (props.multiple) {\n\t\t\tif (Array.isArray(props.modelValue)) {\n\t\t\t\temit('update:modelValue', [...props.modelValue, ...files]);\n\t\t\t}\n\t\t} else {\n\t\t\tfiles = files[0];\n\t\t\temit('update:modelValue', files);\n\t\t}\n\t\tif (event.currentTarget instanceof HTMLLabelElement) {\n\t\t\tconst innerInput = event.currentTarget.querySelector('input[type=file]');\n\t\t\tif (innerInput instanceof HTMLInputElement) {\n\t\t\t\tinnerInput.focus();\n\t\t\t}\n\t\t}\n\t}\n};\nconst onChange = (event: Event) => {\n\tif (event.target instanceof HTMLInputElement) {\n\t\tif (event.target.files) {\n\t\t\tlet files;\n\t\t\tfiles = parseFiles(Array.from(event.target.files));\n\t\t\tif (props.multiple) {\n\t\t\t\tif (Array.isArray(props.modelValue)) {\n\t\t\t\t\temit('update:modelValue', [...props.modelValue, ...files]);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfiles = files[0];\n\t\t\t\temit('update:modelValue', files);\n\t\t\t}\n\t\t}\n\t\tevent.target.value = '';\n\t\tevent.target.files = null;\n\t}\n};\n\nconst parseFiles = (files: File[]) => {\n\treturn files.filter((file, index) => {\n\t\t// Sizecheck\n\t\tif (props.maxSize) {\n\t\t\tlet passing = file.size <= props.maxSize;\n\t\t\tif (!passing) {\n\t\t\t\temit('error', createError.maxSize(file));\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\t// Uniqueness check\n\t\tlet alreadyExists = false;\n\t\tif (props.modelValue) {\n\t\t\tif (Array.isArray(props.modelValue)) {\n\t\t\t\talreadyExists = props.modelValue.some((current) =>\n\t\t\t\t\tcompareFiles(current, file)\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\talreadyExists = compareFiles(props.modelValue, file);\n\t\t\t}\n\t\t}\n\t\tif (alreadyExists) {\n\t\t\temit('error', createError.uniqueness(file));\n\t\t\treturn false;\n\t\t}\n\t\t// Mime type check\n\t\tif (props.accept) {\n\t\t\tconst mimePassed = acceptedMimeTypes.value.some((mime) => {\n\t\t\t\tlet found = false;\n\t\t\t\tif (mime.includes('*'))\n\t\t\t\t\tfound = found || mime.split('/')[0] === file.type.split('/')[0];\n\t\t\t\telse found = found || mime === file.type;\n\t\t\t\treturn found;\n\t\t\t});\n\t\t\tif (!mimePassed) {\n\t\t\t\temit('error', createError.accept(file));\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\t// Max files check\n\t\tif (props.maxFiles) {\n\t\t\tif (Array.isArray(props.modelValue)) {\n\t\t\t\tif (props.modelValue.length + index + 1 > props.maxFiles) {\n\t\t\t\t\temit(\n\t\t\t\t\t\t'error',\n\t\t\t\t\t\tcreateError.maxFiles(file, props.modelValue.length + index + 1)\n\t\t\t\t\t);\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t});\n};\n\nconst onDragOver = (event: Event) => {\n\t// Find the closest dropzone in case of nested dropzones\n\tconst target = event.target;\n\tif (target instanceof HTMLElement) {\n\t\tconst closestDropzone = findInTree([target], 'parentElement', (el) =>\n\t\t\tel.classList.contains('bb-dropzone')\n\t\t);\n\t\tif (closestDropzone) {\n\t\t\t/* When dragging over this dropzone set as dragging */\n\t\t\tif (closestDropzone.id === containerId) {\n\t\t\t\tsetDragging();\n\t\t\t\t/* When dragging over a nested dropzone do not highlight this dropzone */\n\t\t\t} else {\n\t\t\t\tunsetDragging();\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst setDragging = () => {\n\tclearTimeout(draggingTimeout);\n\tdragging.value = true;\n};\n\nconst unsetDragging = () => {\n\tdraggingTimeout = setTimeout(() => {\n\t\tdragging.value = false;\n\t}, 100);\n};\n\nconst bytesToUnit = (bytes: number, decimals = 2) => {\n\tif (!bytes) return '0 B';\n\tconst k = 1024;\n\tconst dm = decimals || 0;\n\tconst sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\n\treturn parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\n};\n\n/**\n * Returns true if files are identical by the properties that are accessible\n * @param file The file to check\n * @param otherFile The file to check against\n */\nconst compareFiles = (file: File, otherFile: File) => {\n\tconst properties: (keyof File)[] = ['name', 'size', 'lastModified', 'type'];\n\treturn !properties.some((key) => file[key] !== otherFile[key]);\n};\n\n/**\n * Helper that creates errors based on component properties\n */\nconst createError = {\n\tmaxSize: (file: File) => {\n\t\t// Todo update to isNil\n\t\tif (props.maxSize) {\n\t\t\treturn {\n\t\t\t\ttype: 'maxSize',\n\t\t\t\tfile: file,\n\t\t\t\tformattedMaxSize: bytesToUnit(+props.maxSize),\n\t\t\t\tformattedSize: bytesToUnit(file.size),\n\t\t\t\tfilename: file.name,\n\t\t\t} as const;\n\t\t} else\n\t\t\tthrow new Error(\n\t\t\t\t'Requested to create an error for maxSize without providing a maxSize.'\n\t\t\t);\n\t},\n\tuniqueness: (file: File) => {\n\t\treturn {\n\t\t\ttype: 'uniqueness',\n\t\t\tfile: file,\n\t\t\tfilename: file.name,\n\t\t} as const;\n\t},\n\taccept: (file: File) => {\n\t\treturn {\n\t\t\ttype: 'accept',\n\t\t\tfile: file,\n\t\t\tacceptedMimeTypes: acceptedMimeTypes.value,\n\t\t\tmimeType: file.type,\n\t\t\tfilename: file.name,\n\t\t} as const;\n\t},\n\tmaxFiles: (file: File, totalFiles: number) => {\n\t\treturn {\n\t\t\ttype: 'maxFiles',\n\t\t\tfile: file,\n\t\t\tmaxFiles: props.maxFiles,\n\t\t\ttotalFiles,\n\t\t\tfilename: file.name,\n\t\t} as const;\n\t},\n};\n\nconst computedErrors = computed(() => {\n\treturn props.errors ? ([] as string[]).concat(props.errors) : [];\n});\n\nconst hasErrors = computed(\n\t() => Boolean(computedErrors.value.length) || props.hasErrors\n);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbDropzone';\n</style>\n"],"names":["mime","props","__props","emit","__emit","submittable","ref","hasFocus","onFocus","event","onBlur","watch","container","file","acceptedMimeTypes","acceptedMimeTypesString","computed","accumulated","i","element","foundMime","id","useId","containerId","dragging","draggingTimeout","classes","hasErrors","slotAttributes","onDrop","files","parseFiles","innerInput","onChange","index","createError","alreadyExists","current","compareFiles","found","onDragOver","target","closestDropzone","findInTree","el","setDragging","unsetDragging","bytesToUnit","bytes","decimals","k","dm","sizes","otherFile","key","totalFiles","computedErrors"],"mappings":"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"}
+{"version":3,"file":"index74.js","sources":["../src/components/BbDropdownButton/BbDropdownButton.vue"],"sourcesContent":["<template>\n\t<span\n\t\tclass=\"bb-dropdown-button\"\n\t\t:class=\"{\n\t\t\t'bb-dropdown-button--block': block,\n\t\t\t[`bb-dropdown-button--theme-${props.theme}`]: props.theme,\n\t\t}\"\n\t>\n\t\t<BaseButton v-bind=\"mainBtn\" class=\"bb-dropdown-button__main-btn\">\n\t\t\t<slot\n\t\t\t\t:disabled=\"mainBtn.disabled\"\n\t\t\t\tname=\"left-btn\"\n\t\t\t\t:text=\"mainBtn.text\"\n\t\t\t></slot>\n\t\t</BaseButton>\n\t\t<BbDropdown\n\t\t\t:id=\"id\"\n\t\t\t:arrow-padding=\"arrowPadding\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:eager=\"eager\"\n\t\t\t:items=\"items\"\n\t\t\t:offset=\"offset\"\n\t\t\t:padding=\"padding\"\n\t\t\t:placement=\"placement\"\n\t\t\t:theme=\"theme\"\n\t\t\t:transition-duration=\"transitionDuration\"\n\t\t\t:width=\"width\"\n\t\t>\n\t\t\t<template\n\t\t\t\t#activator=\"{\n\t\t\t\t\tprops,\n\t\t\t\t\topening,\n\t\t\t\t\topen,\n\t\t\t\t\tclosed,\n\t\t\t\t\tclosing,\n\t\t\t\t\tdisabled,\n\t\t\t\t\tplacement,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\t:closed=\"closed\"\n\t\t\t\t\t:closing=\"closing\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\tname=\"activator\"\n\t\t\t\t\t:open=\"open\"\n\t\t\t\t\t:opening=\"opening\"\n\t\t\t\t\t:placement=\"placement\"\n\t\t\t\t\t:props=\"props\"\n\t\t\t\t>\n\t\t\t\t\t<BaseButton v-bind=\"props\" class=\"bb-dropdown-button__dropdown-btn\">\n\t\t\t\t\t\t<span class=\"bb-dropdown-button__dropdown-label\"\n\t\t\t\t\t\t\t>{{ open || opening ? 'Chiudi' : 'Apri' }} il menu</span\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:closed=\"closed\"\n\t\t\t\t\t\t\t:closing=\"closing\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\tname=\"right-btn\"\n\t\t\t\t\t\t\t:open=\"open\"\n\t\t\t\t\t\t\t:opening=\"opening\"\n\t\t\t\t\t\t\t:placement=\"placement\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\"bb-dropdown-button__dropdown-chevron\"\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\td=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z\"\n\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t/></svg></slot></BaseButton></slot\n\t\t\t></template>\n\t\t\t<template #prepend=\"data\"><slot name=\"prepend\" v-bind=\"data\" /></template>\n\t\t\t<template #item:prepend=\"data\">\n\t\t\t\t<slot name=\"item:prepend\" v-bind=\"data\" />\n\t\t\t</template>\n\t\t\t<template #item=\"data\"><slot name=\"item\" v-bind=\"data\" /></template>\n\t\t\t<template v-for=\"item in items\" #[item.key]=\"data\">\n\t\t\t\t<slot :name=\"item.key\" v-bind=\"data\" />\n\t\t\t</template>\n\t\t\t<template #item:append=\"data\">\n\t\t\t\t<slot name=\"item:append\" v-bind=\"data\" />\n\t\t\t</template>\n\t\t\t<template #append=\"data\"><slot name=\"append\" v-bind=\"data\" /></template>\n\t\t</BbDropdown>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport BbDropdown from '../BbDropdown/BbDropdown.vue';\nimport type { BbDropdownProps, MappedItem } from '../BbDropdown/BbDropdown.vue';\n\nexport type BbDropdownButtonProps = Pick<\n\tBbDropdownProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'id'\n\t| 'items'\n\t| 'offset'\n\t| 'padding'\n\t| 'placement'\n\t| 'theme'\n\t| 'transitionDuration'\n\t| 'width'\n>;\n\nconst props = withDefaults(defineProps<BbDropdownButtonProps>(), {\n\ttheme: 'default',\n});\n\ndefineSlots<\n\t{\n\t\t'left-btn'?: (props: {\n\t\t\tdisabled?: boolean;\n\t\t\ttext: MappedItem['text'];\n\t\t}) => any;\n\t\tactivator?: (props: {\n\t\t\tprops: {\n\t\t\t\t'aria-expanded': boolean;\n\t\t\t\t'aria-controls': string;\n\t\t\t\tid: string;\n\t\t\t\tonClick: MappedItem['onClick'];\n\t\t\t\tonKeydown: MappedItem['onKeydown'];\n\t\t\t\tdisabled?: BbDropdownButtonProps['disabled'];\n\t\t\t};\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: boolean;\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t}) => any;\n\t\tprepend?: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: boolean;\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t}) => any;\n\t\t'item:prepend'?: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: MappedItem['disabled'];\n\t\t\tindex: number;\n\t\t\titem: BbDropdownButtonProps['items'][number];\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t\ttext: MappedItem['text'];\n\t\t}) => any;\n\t\titem?: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: MappedItem['disabled'];\n\t\t\tindex: number;\n\t\t\titem: BbDropdownButtonProps['items'][number];\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t\ttext: MappedItem['text'];\n\t\t}) => any;\n\t\t'item:append'?: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: MappedItem['disabled'];\n\t\t\tindex: number;\n\t\t\titem: BbDropdownButtonProps['items'][number];\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t\ttext: MappedItem['text'];\n\t\t}) => any;\n\t\tappend?: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: boolean;\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t}) => any;\n\t\t'right-btn'?: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: boolean;\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t}) => any;\n\t} & {\n\t\t[key: string]: (props: {\n\t\t\tclosed: boolean;\n\t\t\tclosing: boolean;\n\t\t\tdisabled?: MappedItem['disabled'];\n\t\t\tindex: number;\n\t\t\titem: BbDropdownButtonProps['items'][number];\n\t\t\topen: boolean;\n\t\t\topening: boolean;\n\t\t\tplacement: BbDropdownButtonProps['placement'];\n\t\t\ttext: MappedItem['text'];\n\t\t}) => any;\n\t}\n>();\n\nconst mainBtn = computed(() => {\n\tconst base = { ...props.items[0] };\n\tbase.disabled = base.disabled || props.disabled;\n\treturn base;\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbDropdownButton';\n</style>\n"],"names":["props","__props","mainBtn","computed","base"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA,UAAMA,IAAQC,GAkGRC,IAAUC,EAAS,MAAM;AAC9B,YAAMC,IAAO,EAAE,GAAGJ,EAAM,MAAM,CAAC,EAAE;AAC5B,aAAAI,EAAA,WAAWA,EAAK,YAAYJ,EAAM,UAChCI;AAAA,IAAA,CACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index76.js

@@ -1,47 +1,224 @@
-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 "./index224.js";
-const M = /* @__PURE__ */ h({
-  __name: "BbIntersection",
+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 "./index247.js";
+import { useId as re } from "./index9.js";
+import oe from "./index124.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: {
-    debounceTime: { default: 0 },
-    options: { default: () => ({
-      root: null,
-      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
-    }) },
+    autofocus: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    id: {},
+    multiple: { type: Boolean },
+    name: {},
+    accept: {},
+    maxFiles: {},
+    maxSize: {},
+    modelValue: {},
     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"
+  emits: ["blur", "error", "focus", "update:modelValue"],
+  setup(D, { emit: C }) {
+    let b;
+    const t = D, l = C, d = g(null);
+    if (t.accept && !Array.isArray(t.accept))
+      throw new Error("Property accept is not an array");
+    if (t.multiple && !Array.isArray(t.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(
+      () => t.modelValue,
+      () => {
+        let e = new DataTransfer();
+        Array.isArray(t.modelValue) ? t.modelValue.length && t.modelValue.forEach((a) => e.items.add(a)) : t.modelValue && e.items.add(t.modelValue), d.value && (e.items.length ? d.value.files = e.files : d.value.files = null);
+      }
+    );
+    const p = g([]), P = m(
+      () => p.value.join(",")
+    );
+    x(
+      () => t.accept,
+      async () => {
+        if (t.accept) {
+          let e = [];
+          for (let a = 0; a < t.accept.length; a++) {
+            const r = t.accept[a];
+            if (r.includes("/")) e.push(r);
+            else {
+              b || (b = (await import("./index246.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 = t.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 a;
+        if (a = Array.from(e.dataTransfer.files), a = _(a), t.multiple ? Array.isArray(t.modelValue) && l("update:modelValue", [...t.modelValue, ...a]) : (a = a[0], l("update:modelValue", a)), 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 a;
+          a = _(Array.from(e.target.files)), t.multiple ? Array.isArray(t.modelValue) && l("update:modelValue", [...t.modelValue, ...a]) : (a = a[0], l("update:modelValue", a));
+        }
+        e.target.value = "", e.target.files = null;
+      }
+    }, _ = (e) => e.filter((a, r) => {
+      if (t.maxSize && !(a.size <= t.maxSize))
+        return l("error", f.maxSize(a)), !1;
+      let o = !1;
+      return t.modelValue && (Array.isArray(t.modelValue) ? o = t.modelValue.some(
+        (s) => S(s, a)
+      ) : o = S(t.modelValue, a)), o ? (l("error", f.uniqueness(a)), !1) : t.accept && !p.value.some((n) => {
+        let u = !1;
+        return n.includes("*") ? u = u || n.split("/")[0] === a.type.split("/")[0] : u = u || n === a.type, u;
+      }) ? (l("error", f.accept(a)), !1) : t.maxFiles && Array.isArray(t.modelValue) && t.modelValue.length + r + 1 > t.maxFiles ? (l(
+        "error",
+        f.maxFiles(a, t.modelValue.length + r + 1)
+      ), !1) : !0;
+    }), N = (e) => {
+      const a = e.target;
+      if (a instanceof HTMLElement) {
+        const r = ae(
+          [a],
+          "parentElement",
+          (o) => o.classList.contains("bb-dropzone")
+        );
+        r && (r.id === v ? B() : E());
+      }
+    }, B = () => {
+      clearTimeout(T), i.value = !0;
+    }, E = () => {
+      T = setTimeout(() => {
+        i.value = !1;
+      }, 100);
+    }, A = (e, a = 2) => {
+      if (!e) return "0 B";
+      const r = 1024, o = a || 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, a) => !["name", "size", "lastModified", "type"].some((o) => e[o] !== a[o]), f = {
+      maxSize: (e) => {
+        if (t.maxSize)
+          return {
+            type: "maxSize",
+            file: e,
+            formattedMaxSize: A(+t.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, a) => ({
+        type: "maxFiles",
+        file: e,
+        maxFiles: t.maxFiles,
+        totalFiles: a,
+        filename: e.name
+      })
+    }, w = m(() => t.errors ? [].concat(t.errors) : []), R = m(
+      () => !!w.value.length || t.hasErrors
+    );
+    return (e, a) => (V(), G(K(e.tag), {
+      id: v,
+      class: O(k.value)
     }, {
-      default: _(() => [
-        I(e.$slots, "default", {
-          hidden: s.value,
-          percentage: a.value,
-          shown: o.value
-        })
+      default: M(() => [
+        c("label", {
+          onDragenter: y(B, ["prevent"]),
+          onDragleave: y(E, ["prevent"]),
+          onDragover: y(N, ["prevent"]),
+          onDrop: y($, ["prevent"])
+        }, [
+          c("input", {
+            accept: P.value,
+            autofocus: e.autofocus,
+            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, [
+          J(" Server files "),
+          c("input", {
+            id: Q(z),
+            ref_key: "submittable",
+            ref: d,
+            class: "bb-dropzone__submittable-input",
+            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
-    }, 512));
+    }, 8, ["class"]));
   }
 });
 export {
-  M as default
+  fe as default
 };
 //# sourceMappingURL=index76.js.map