bitboss-ui 0.1.2 → 0.1.4

package/dist/index54.js

@@ -1,221 +1,107 @@
-import { defineComponent as q, ref as h, watch as M, computed as m, openBlock as z, createBlock as H, resolveDynamicComponent as N, normalizeClass as j, withCtx as S, createElementVNode as p, withModifiers as g, renderSlot as G, normalizeProps as K, guardReactiveProps as O, createTextVNode as R, unref as U, createVNode as Y, createElementBlock as F, Fragment as Z, renderList as J, toDisplayString as Q } from "vue";
-import { findInTree as W } from "./index180.js";
-import { nanoid as X } from "./index165.js";
-import ee from "./index95.js";
-import "./index140.js";
-const te = ["onDrop", "onDragenter", "onDragover", "onDragleave"], ae = ["accept", "autofocus", "disabled", "multiple"], re = {
-  class: "bb-dropzone__submittable-label",
-  "aria-hidden": "true"
-}, oe = ["id", "name", "multiple", "disabled"], le = { class: "bb-dropzone__errors" }, pe = /* @__PURE__ */ q({
-  __name: "BbDropzone",
+import { defineComponent as f, openBlock as _, createElementBlock as B, normalizeClass as k, createVNode as i, unref as e, withCtx as s, renderSlot as d, createTextVNode as v, toDisplayString as h, createSlots as C, mergeProps as $, createElementVNode as l, renderList as D, normalizeProps as g, guardReactiveProps as y } from "vue";
+import w from "./index2.js";
+import "./index3.js";
+import L from "./index52.js";
+import "./index53.js";
+const N = { class: "bb-dropdown-button__dropdown-label" }, P = /* @__PURE__ */ l("svg", {
+  class: "bb-dropdown-button__dropdown-chevron",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, [
+  /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z"
+  })
+], -1), T = /* @__PURE__ */ f({
+  __name: "BbDropdownButton",
   props: {
-    accept: {},
-    autofocus: { type: Boolean },
+    block: { type: Boolean },
     disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    id: {},
-    maxFiles: {},
-    maxSize: {},
-    modelValue: {},
-    multiple: { type: Boolean },
-    name: {},
-    tag: { default: "div" }
+    items: {},
+    placement: {},
+    theme: { default: "dropdown-btn" },
+    transitionDuration: {},
+    width: {}
   },
-  emits: ["blur", "error", "focus", "update:modelValue"],
-  setup(w, { emit: l }) {
-    const a = w;
-    let y;
-    const d = h(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"
-      );
-    M(
-      () => 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 c = h([]), x = m(
-      () => c.value.join(",")
-    );
-    M(
-      () => 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 {
-              y || (y = await import("./index179.js").then((s) => s.i));
-              const o = y.getType(r);
-              if (!o)
-                throw new Error(
-                  `Could not detect the correct mime associated with ${r}`
-                );
-              e.push(o);
-            }
-          }
-          c.value = e;
-        }
-      },
-      { immediate: !0 }
-    );
-    const b = a.id || `${X()}`, V = `bb_dz_${b}`, i = h(!1);
-    let v;
-    const C = m(() => ({
-      "bb-dropzone": !0,
-      "bb-dropzone--errors": k.value,
-      "bb-dropzone--dragging": i.value
-    })), L = m(() => ({
-      dragging: i.value,
-      id: b
-    })), P = (e) => {
-      if (i.value = !1, e.dataTransfer) {
-        e.stopImmediatePropagation();
-        let t;
-        if (t = Array.from(e.dataTransfer.files), t = T(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();
-        }
-      }
-    }, $ = (e) => {
-      if (e.target instanceof HTMLInputElement) {
-        if (e.target.files) {
-          let t;
-          t = T(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;
-      }
-    }, T = (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) => D(s, t)
-      ) : o = D(a.modelValue, t)), o ? (l("error", f.uniqueness(t)), !1) : a.accept && !c.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) : !0;
-    }), I = (e) => {
-      const t = e.target;
-      if (t instanceof HTMLElement) {
-        const r = W(
-          [t],
-          "parentElement",
-          (o) => o.classList.contains("bb-dropzone")
-        );
-        r && (r.id === V ? B() : E());
-      }
-    }, B = () => {
-      clearTimeout(v), i.value = !0;
-    }, E = () => {
-      v = 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];
-    }, D = (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
-          };
-      },
-      uniqueness: (e) => {
-        if (a.maxSize)
-          return {
-            type: "uniqueness",
-            file: e,
-            filename: e.name
-          };
-      },
-      accept: (e) => ({
-        type: "accept",
-        file: e,
-        acceptedMimeTypes: c.value,
-        mimeType: e.type,
-        filename: e.name
-      }),
-      maxFiles: (e, t) => ({
-        type: "maxFiles",
-        file: e,
-        maxFiles: a.maxFiles,
-        totalFiles: t,
-        filename: e.name
-      })
-    }, _ = m(() => a.errors ? [].concat(a.errors) : []), k = m(
-      () => !!_.value.length || a.hasErrors
-    );
-    return (e, t) => (z(), H(N(e.tag), {
-      class: j(C.value),
-      id: V
-    }, {
-      default: S(() => [
-        p("label", {
-          onDrop: g(P, ["prevent"]),
-          onDragenter: g(B, ["prevent"]),
-          onDragover: g(I, ["prevent"]),
-          onDragleave: g(E, ["prevent"])
-        }, [
-          p("input", {
-            type: "file",
-            accept: x.value,
-            autofocus: e.autofocus,
-            disabled: e.disabled,
-            multiple: e.multiple,
-            onChange: $,
-            onFocus: t[0] || (t[0] = (r) => e.$emit("focus", r)),
-            onBlur: t[1] || (t[1] = (r) => e.$emit("blur", r))
-          }, null, 40, ae),
-          G(e.$slots, "default", K(O(L.value)))
-        ], 40, te),
-        p("label", re, [
-          R(" Server files "),
-          p("input", {
-            class: "bb-dropzone__submittable-input",
-            type: "file",
-            id: U(b),
-            name: e.name,
-            ref_key: "submittable",
-            ref: d,
-            multiple: e.multiple,
-            disabled: e.disabled
-          }, null, 8, oe)
+  setup(c) {
+    const o = c.items[0];
+    return (t, V) => (_(), B("span", {
+      class: k(["bb-dropdown-button", { "bb-dropdown-button--block": t.block }])
+    }, [
+      i(w, {
+        disabled: e(o).disabled || t.disabled,
+        href: e(o).href,
+        to: e(o).to,
+        onClick: e(o).handler,
+        class: "bb-dropdown-button__main-btn"
+      }, {
+        default: s(() => [
+          d(t.$slots, "left-btn", {
+            disabled: e(o).disabled || t.disabled,
+            text: e(o).text
+          }, () => [
+            v(h(e(o).text), 1)
+          ])
         ]),
-        p("span", le, [
-          Y(ee, { tag: "span" }, {
-            default: S(() => [
-              (z(!0), F(Z, null, J(_.value, (r) => (z(), F("span", {
-                class: "bb-dropzone__error",
-                key: r
-              }, Q(r), 1))), 128))
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
+        _: 3
+      }, 8, ["disabled", "href", "to", "onClick"]),
+      i(L, {
+        disabled: t.disabled,
+        items: t.items,
+        placement: t.placement,
+        theme: t.theme,
+        transitionDuration: t.transitionDuration,
+        width: t.width
+      }, C({
+        activator: s(({
+          props: a,
+          opening: n,
+          open: r,
+          closed: b,
+          closing: p,
+          disabled: m,
+          placement: u
+        }) => [
+          d(t.$slots, "activator", {
+            props: a,
+            opening: n,
+            open: r,
+            closed: b,
+            closing: p,
+            disabled: m,
+            placement: u
+          }, () => [
+            i(w, $(a, { class: "bb-dropdown-button__dropdown-btn" }), {
+              default: s(() => [
+                l("span", N, h(r || n ? "Chiudi" : "Apri") + " il menu", 1),
+                d(t.$slots, "right-btn", {
+                  opening: n,
+                  open: r,
+                  closed: b,
+                  closing: p,
+                  disabled: m,
+                  placement: u
+                }, () => [
+                  P
+                ])
+              ]),
+              _: 2
+            }, 1040)
+          ])
+        ]),
+        _: 2
+      }, [
+        D(t.$slots, (a, n) => ({
+          name: n,
+          fn: s((r) => [
+            d(t.$slots, n, g(y(r)))
+          ])
+        }))
+      ]), 1032, ["disabled", "items", "placement", "theme", "transitionDuration", "width"])
+    ], 2));
   }
 });
 export {
-  pe as default
+  T as default
 };
 //# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -1 +1 @@
-{"version":3,"file":"index54.js","sources":["../src/components/BbDropzone/BbDropzone.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, withModifiers as _withModifiers, unref as _unref, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, withCtx as _withCtx, createVNode as _createVNode, resolveDynamicComponent as _resolveDynamicComponent, normalizeClass as _normalizeClass, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"onDrop\", \"onDragenter\", \"onDragover\", \"onDragleave\"]\nconst _hoisted_2 = [\"accept\", \"autofocus\", \"disabled\", \"multiple\"]\nconst _hoisted_3 = {\n  class: \"bb-dropzone__submittable-label\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_4 = [\"id\", \"name\", \"multiple\", \"disabled\"]\nconst _hoisted_5 = { class: \"bb-dropzone__errors\" }\n\nimport { computed, ref, watch } from \"vue\";\nimport { findInTree } from \"@/utilities/functions/findInTree\";\nimport { nanoid } from \"nanoid\";\nimport BbSmoothHeight from \"../BbSmoothHeight/BbSmoothHeight.vue\";\n\nexport type DropZoneError = ReturnType<\n  (typeof createError)[keyof typeof createError]\n>;\n\nexport interface BbDropzoneProps {\n  accept?: string[];\n  autofocus?: boolean;\n  disabled?: boolean;\n  errors?: string | string[];\n  hasErrors?: boolean;\n  id?: string;\n  maxFiles?: number;\n  maxSize?: number;\n  modelValue: any;\n  multiple?: boolean;\n  name?: string;\n  tag?: string;\n}\n\n// This is the dynamic import for mime\nexport type BbDropzoneEvents = {\n  (e: \"blur\", event: FocusEvent): void;\n  (e: \"error\", data: DropZoneError): void;\n  (e: \"focus\", event: FocusEvent): void;\n  (e: \"update:modelValue\", data: any): void;\n};\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropzone',\n  props: {\n    accept: {},\n    autofocus: { type: Boolean },\n    disabled: { type: Boolean },\n    errors: {},\n    hasErrors: { type: Boolean },\n    id: {},\n    maxFiles: {},\n    maxSize: {},\n    modelValue: {},\n    multiple: { type: Boolean },\n    name: {},\n    tag: { default: \"div\" }\n  },\n  emits: [\"blur\", \"error\", \"focus\", \"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\nlet mime: any;\n\n\n\n\nconst submittable = ref<any | null>(null);\n\nif (props.accept) {\n  if (!Array.isArray(props.accept)) {\n    throw new Error(\"Property accept is not an array\");\n  }\n}\nif (props.multiple) {\n  if (!Array.isArray(props.modelValue)) {\n    throw new Error(\n      \"Component is set to multiple but modelValue is not an array\"\n    );\n  }\n}\n\n/**  Allow dropzone to be submittable (this is flimsy and might break) */\nwatch(\n  () => props.modelValue,\n  () => {\n    let container = new DataTransfer();\n    if (Array.isArray(props.modelValue)) {\n      if (props.modelValue.length) {\n        props.modelValue.forEach((file) => container.items.add(file));\n      }\n    } else {\n      if (props.modelValue) container.items.add(props.modelValue);\n    }\n    if (submittable.value) {\n      if (container.items.length) {\n        submittable.value.files = container.files;\n      } else {\n        submittable.value.files = null;\n      }\n    }\n  }\n);\n\nconst acceptedMimeTypes = ref<string[]>([]);\nconst acceptedMimeTypesString = computed(() =>\n  acceptedMimeTypes.value.join(\",\")\n);\nwatch(\n  () => props.accept,\n  async () => {\n    if (props.accept) {\n      let accumulated = [];\n      for (let i = 0; i < props.accept.length; i++) {\n        const element = props.accept[i];\n        if (element.includes(\"/\")) accumulated.push(element);\n        else {\n          if (!mime) mime = await import(\"mime\");\n          const foundMime = mime.getType(element);\n          if (!foundMime) {\n            throw new Error(\n              `Could not detect the correct mime associated with ${element}`\n            );\n          }\n          accumulated.push(foundMime);\n        }\n      }\n      acceptedMimeTypes.value = accumulated;\n    }\n  },\n  { immediate: true }\n);\n\n/**\n * Component state\n */\nconst id = props.id || `${nanoid()}`;\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  return {\n    \"bb-dropzone\": true,\n    \"bb-dropzone--errors\": hasErrors.value,\n    \"bb-dropzone--dragging\": dragging.value,\n  };\n});\nconst slotAttributes = computed(() => {\n  return {\n    dragging: dragging.value,\n    id: id,\n  };\n});\n\n/**\n * Component handlers\n */\nconst onDrop = (event: DragEvent) => {\n  dragging.value = false;\n\n  if (event.dataTransfer) {\n    event.stopImmediatePropagation();\n    let files;\n    files = Array.from(event.dataTransfer.files);\n    files = parseFiles(files);\n    if (props.multiple) {\n      if (Array.isArray(props.modelValue)) {\n        emit(\"update:modelValue\", [...props.modelValue, ...files]);\n      }\n    } else {\n      files = files[0];\n      emit(\"update:modelValue\", files);\n    }\n    if (event.currentTarget instanceof HTMLLabelElement) {\n      const innerInput = event.currentTarget.querySelector(\"input[type=file]\");\n      if (innerInput instanceof HTMLInputElement) {\n        innerInput.focus();\n      }\n    }\n  }\n};\nconst onChange = (event: Event) => {\n  if (event.target instanceof HTMLInputElement) {\n    if (event.target.files) {\n      let files;\n      files = parseFiles(Array.from(event.target.files));\n      if (props.multiple) {\n        if (Array.isArray(props.modelValue)) {\n          emit(\"update:modelValue\", [...props.modelValue, ...files]);\n        }\n      } else {\n        files = files[0];\n        emit(\"update:modelValue\", files);\n      }\n    }\n    event.target.value = \"\";\n    event.target.files = null;\n  }\n};\n\nconst parseFiles = (files: File[]) => {\n  return files.filter((file, index) => {\n    // Sizecheck\n    if (props.maxSize) {\n      let passing = file.size <= props.maxSize;\n      if (!passing) {\n        emit(\"error\", createError.maxSize(file));\n        return false;\n      }\n    }\n    // Uniqueness check\n    let alreadyExists = false;\n    if (props.modelValue) {\n      if (Array.isArray(props.modelValue)) {\n        alreadyExists = props.modelValue.some((current) =>\n          compareFiles(current, file)\n        );\n      } else {\n        alreadyExists = compareFiles(props.modelValue, file);\n      }\n    }\n    if (alreadyExists) {\n      emit(\"error\", createError.uniqueness(file));\n      return false;\n    }\n    // Mime type check\n    if (props.accept) {\n      const mimePassed = acceptedMimeTypes.value.some((mime) => {\n        let found = false;\n        if (mime.includes(\"*\"))\n          found = found || mime.split(\"/\")[0] === file.type.split(\"/\")[0];\n        else found = found || mime === file.type;\n        return found;\n      });\n      if (!mimePassed) {\n        emit(\"error\", createError.accept(file));\n        return false;\n      }\n    }\n    // Max files check\n    if (props.maxFiles) {\n      if (Array.isArray(props.modelValue)) {\n        if (props.modelValue.length + index + 1 > props.maxFiles) {\n          emit(\n            \"error\",\n            createError.maxFiles(file, props.modelValue.length + index)\n          );\n          return false;\n        }\n      }\n    }\n    return true;\n  });\n};\n\nconst onDragOver = (event: Event) => {\n  // Find the closest dropzone in case of nested dropzones\n  const target = event.target;\n  if (target instanceof HTMLElement) {\n    const closestDropzone = findInTree([target], \"parentElement\", (el) =>\n      el.classList.contains(\"bb-dropzone\")\n    );\n    if (closestDropzone) {\n      /* When dragging over this dropzone set as dragging */\n      if (closestDropzone.id === containerId) {\n        setDragging();\n        /* When dragging over a nested dropzone do not highlight this dropzone */\n      } else {\n        unsetDragging();\n      }\n    }\n  }\n};\n\nconst setDragging = () => {\n  clearTimeout(draggingTimeout);\n  dragging.value = true;\n};\n\nconst unsetDragging = () => {\n  draggingTimeout = setTimeout(() => {\n    dragging.value = false;\n  }, 100);\n};\n\nconst bytesToUnit = (bytes: number, decimals = 2) => {\n  if (!bytes) return \"0 B\";\n  const k = 1024;\n  const dm = decimals || 0;\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return 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  const properties: (keyof File)[] = [\"name\", \"size\", \"lastModified\", \"type\"];\n  return !properties.some((key) => file[key] !== otherFile[key]);\n};\n\n/**\n * Helper that creates errors based on component properties\n */\nconst createError = {\n  maxSize: (file: File) => {\n    // Todo update to isNil\n    if (props.maxSize) {\n      return {\n        type: \"maxSize\",\n        file: file,\n        formattedMaxSize: bytesToUnit(+props.maxSize),\n        formattedSize: bytesToUnit(file.size),\n        filename: file.name,\n      };\n    }\n  },\n  uniqueness: (file: File) => {\n    // Todo update to isNil\n    if (props.maxSize) {\n      return {\n        type: \"uniqueness\",\n        file: file,\n        filename: file.name,\n      };\n    }\n  },\n  accept: (file: File) => {\n    return {\n      type: \"accept\",\n      file: file,\n      acceptedMimeTypes: acceptedMimeTypes.value,\n      mimeType: file.type,\n      filename: file.name,\n    };\n  },\n  maxFiles: (file: File, totalFiles: number) => {\n    return {\n      type: \"maxFiles\",\n      file: file,\n      maxFiles: props.maxFiles,\n      totalFiles,\n      filename: file.name,\n    };\n  },\n};\n\nconst computedErrors = computed(() => {\n  return props.errors ? ([] as string[]).concat(props.errors) : [];\n});\n\nconst hasErrors = computed(\n  () => Boolean(computedErrors.value.length) || props.hasErrors\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n    class: _normalizeClass(classes.value),\n    id: containerId\n  }, {\n    default: _withCtx(() => [\n      _createElementVNode(\"label\", {\n        onDrop: _withModifiers(onDrop, [\"prevent\"]),\n        onDragenter: _withModifiers(setDragging, [\"prevent\"]),\n        onDragover: _withModifiers(onDragOver, [\"prevent\"]),\n        onDragleave: _withModifiers(unsetDragging, [\"prevent\"])\n      }, [\n        _createElementVNode(\"input\", {\n          type: \"file\",\n          accept: acceptedMimeTypesString.value,\n          autofocus: _ctx.autofocus,\n          disabled: _ctx.disabled,\n          multiple: _ctx.multiple,\n          onChange: onChange,\n          onFocus: _cache[0] || (_cache[0] = (event) => _ctx.$emit('focus', event)),\n          onBlur: _cache[1] || (_cache[1] = (event) => _ctx.$emit('blur', event))\n        }, null, 40, _hoisted_2),\n        _renderSlot(_ctx.$slots, \"default\", _normalizeProps(_guardReactiveProps(slotAttributes.value)))\n      ], 40, _hoisted_1),\n      _createElementVNode(\"label\", _hoisted_3, [\n        _createTextVNode(\" Server files \"),\n        _createElementVNode(\"input\", {\n          class: \"bb-dropzone__submittable-input\",\n          type: \"file\",\n          id: _unref(id),\n          name: _ctx.name,\n          ref_key: \"submittable\",\n          ref: submittable,\n          multiple: _ctx.multiple,\n          disabled: _ctx.disabled\n        }, null, 8, _hoisted_4)\n      ]),\n      _createElementVNode(\"span\", _hoisted_5, [\n        _createVNode(BbSmoothHeight, { tag: \"span\" }, {\n          default: _withCtx(() => [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(computedErrors.value, (error) => {\n              return (_openBlock(), _createElementBlock(\"span\", {\n                class: \"bb-dropzone__error\",\n                key: error\n              }, _toDisplayString(error), 1))\n            }), 128))\n          ]),\n          _: 1\n        })\n      ])\n    ]),\n    _: 3\n  }, 8, [\"class\"]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","emit","props","mime","submittable","ref","watch","container","file","acceptedMimeTypes","acceptedMimeTypesString","computed","accumulated","i","element","foundMime","id","nanoid","containerId","dragging","draggingTimeout","classes","hasErrors","slotAttributes","onDrop","event","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","_ctx","_cache","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createElementVNode","_withModifiers","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode","_unref","_createVNode","BbSmoothHeight","_createElementBlock","_Fragment","_renderList","error","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index54.js","sources":["../src/components/BbDropdownButton/BbDropdownButton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderList as _renderList, createSlots as _createSlots, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-dropdown-button__dropdown-label\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"bb-dropdown-button__dropdown-chevron\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    fill: \"currentColor\",\n    d: \"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6l1.41 1.41Z\"\n  })\n], -1)\n\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { Item } from \"../BbDropdown/BbDropdown.vue\";\nimport BbDropdown from \"../BbDropdown/BbDropdown.vue\";\n\nexport type BbDropdownButtonProps = {\n  block?: boolean;\n  disabled?: boolean;\n  items: Item[];\n  placement?:\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"right\"\n    | \"right-start\"\n    | \"right-end\"\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\"\n    | \"left\"\n    | \"left-start\"\n    | \"left-end\";\n  theme?: string;\n  transitionDuration?: number;\n  width?: number;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbDropdownButton',\n  props: {\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    items: {},\n    placement: {},\n    theme: { default: \"dropdown-btn\" },\n    transitionDuration: {},\n    width: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst mainBtn = props.items[0];\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass([\"bb-dropdown-button\", { 'bb-dropdown-button--block': _ctx.block }])\n  }, [\n    _createVNode(BaseButton, {\n      disabled: _unref(mainBtn).disabled || _ctx.disabled,\n      href: _unref(mainBtn).href,\n      to: _unref(mainBtn).to,\n      onClick: _unref(mainBtn).handler,\n      class: \"bb-dropdown-button__main-btn\"\n    }, {\n      default: _withCtx(() => [\n        _renderSlot(_ctx.$slots, \"left-btn\", {\n          disabled: _unref(mainBtn).disabled || _ctx.disabled,\n          text: _unref(mainBtn).text\n        }, () => [\n          _createTextVNode(_toDisplayString(_unref(mainBtn).text), 1)\n        ])\n      ]),\n      _: 3\n    }, 8, [\"disabled\", \"href\", \"to\", \"onClick\"]),\n    _createVNode(BbDropdown, {\n      disabled: _ctx.disabled,\n      items: _ctx.items,\n      placement: _ctx.placement,\n      theme: _ctx.theme,\n      transitionDuration: _ctx.transitionDuration,\n      width: _ctx.width\n    }, _createSlots({\n      activator: _withCtx(({\n          props,\n          opening,\n          open,\n          closed,\n          closing,\n          disabled,\n          placement,\n        }) => [\n        _renderSlot(_ctx.$slots, \"activator\", {\n          props: props,\n          opening: opening,\n          open: open,\n          closed: closed,\n          closing: closing,\n          disabled: disabled,\n          placement: placement\n        }, () => [\n          _createVNode(BaseButton, _mergeProps(props, { class: \"bb-dropdown-button__dropdown-btn\" }), {\n            default: _withCtx(() => [\n              _createElementVNode(\"span\", _hoisted_1, _toDisplayString(open || opening ? \"Chiudi\" : \"Apri\") + \" il menu\", 1),\n              _renderSlot(_ctx.$slots, \"right-btn\", {\n                opening: opening,\n                open: open,\n                closed: closed,\n                closing: closing,\n                disabled: disabled,\n                placement: placement\n              }, () => [\n                _hoisted_2\n              ])\n            ]),\n            _: 2\n          }, 1040)\n        ])\n      ]),\n      _: 2\n    }, [\n      _renderList(_ctx.$slots, (_, name) => {\n        return {\n          name: name,\n          fn: _withCtx((data) => [\n            _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n          ])\n        }\n      })\n    ]), 1032, [\"disabled\", \"items\", \"placement\", \"theme\", \"transitionDuration\", \"width\"])\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","mainBtn","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createVNode","BaseButton","_unref","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","BbDropdown","_createSlots","props","opening","open","closed","closing","disabled","placement","_mergeProps","_createElementVNode","_renderList","_","name","data","_normalizeProps","_guardReactiveProps"],"mappings":"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"}

package/dist/index56.js

@@ -1,52 +1,221 @@
-import { defineComponent as m, getCurrentInstance as x, inject as y, ref as h, computed as u, onMounted as _, watch as w, openBlock as z, createElementBlock as I, mergeProps as b } from "vue";
-import { isCssColor as g } from "./index151.js";
-const k = /* @__PURE__ */ m({
-  __name: "BbIcon",
+import { defineComponent as q, ref as h, watch as M, computed as m, openBlock as z, createBlock as H, resolveDynamicComponent as N, normalizeClass as j, withCtx as S, createElementVNode as p, withModifiers as g, renderSlot as G, normalizeProps as K, guardReactiveProps as O, createTextVNode as R, unref as U, createVNode as Y, createElementBlock as F, Fragment as Z, renderList as J, toDisplayString as Q } from "vue";
+import { findInTree as W } from "./index188.js";
+import { nanoid as X } from "./index176.js";
+import ee from "./index99.js";
+import "./index146.js";
+const te = ["onDrop", "onDragenter", "onDragover", "onDragleave"], ae = ["accept", "autofocus", "disabled", "multiple"], re = {
+  class: "bb-dropzone__submittable-label",
+  "aria-hidden": "true"
+}, oe = ["id", "name", "multiple", "disabled"], le = { class: "bb-dropzone__errors" }, pe = /* @__PURE__ */ q({
+  __name: "BbDropzone",
   props: {
-    color: {},
-    size: { default: "md" },
-    type: {}
+    accept: {},
+    autofocus: { type: Boolean },
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    id: {},
+    maxFiles: {},
+    maxSize: {},
+    modelValue: {},
+    multiple: { type: Boolean },
+    name: {},
+    tag: { default: "div" }
   },
-  setup(p) {
-    var i, c;
-    const e = p;
-    let t;
-    !!((c = (i = x()) == null ? void 0 : i.proxy) != null && c.$nuxt) ? t = useNuxtApp().$icons : t = y("icons");
-    const n = h(null), a = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, f = u(() => {
-      const o = {
-        "bb-icon": !0
-      };
-      let l = { width: u(() => {
-        let s;
-        return typeof e.size == "string" ? s = a[e.size] ?? parseInt(e.size, 10) : s = e.size, s + "px";
-      }).value };
-      return e.color && (g(e.color) ? l.color = e.color : o[`text-${e.color}`] = !0), {
-        class: o,
-        style: l
-      };
-    }), r = () => {
-      if (t) {
-        if (typeof t[e.type] > "u")
-          throw new Error(`Icon "${e.type}" does not exist.`);
-        return t[e.type]().then((o) => {
-          n.value && (n.value.innerHTML = o);
-        });
+  emits: ["blur", "error", "focus", "update:modelValue"],
+  setup(w, { emit: l }) {
+    const a = w;
+    let y;
+    const d = h(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"
+      );
+    M(
+      () => 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);
       }
-    };
-    return _(r), w(() => e.type, r), (o, d) => (z(), I("i", b(f.value, {
-      ref_key: "container",
-      ref: n
-    }), null, 16));
+    );
+    const c = h([]), x = m(
+      () => c.value.join(",")
+    );
+    M(
+      () => 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 {
+              y || (y = await import("./index187.js").then((s) => s.i));
+              const o = y.getType(r);
+              if (!o)
+                throw new Error(
+                  `Could not detect the correct mime associated with ${r}`
+                );
+              e.push(o);
+            }
+          }
+          c.value = e;
+        }
+      },
+      { immediate: !0 }
+    );
+    const b = a.id || `${X()}`, V = `bb_dz_${b}`, i = h(!1);
+    let v;
+    const C = m(() => ({
+      "bb-dropzone": !0,
+      "bb-dropzone--errors": k.value,
+      "bb-dropzone--dragging": i.value
+    })), L = m(() => ({
+      dragging: i.value,
+      id: b
+    })), P = (e) => {
+      if (i.value = !1, e.dataTransfer) {
+        e.stopImmediatePropagation();
+        let t;
+        if (t = Array.from(e.dataTransfer.files), t = T(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();
+        }
+      }
+    }, $ = (e) => {
+      if (e.target instanceof HTMLInputElement) {
+        if (e.target.files) {
+          let t;
+          t = T(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;
+      }
+    }, T = (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) => D(s, t)
+      ) : o = D(a.modelValue, t)), o ? (l("error", f.uniqueness(t)), !1) : a.accept && !c.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) : !0;
+    }), I = (e) => {
+      const t = e.target;
+      if (t instanceof HTMLElement) {
+        const r = W(
+          [t],
+          "parentElement",
+          (o) => o.classList.contains("bb-dropzone")
+        );
+        r && (r.id === V ? B() : E());
+      }
+    }, B = () => {
+      clearTimeout(v), i.value = !0;
+    }, E = () => {
+      v = 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];
+    }, D = (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
+          };
+      },
+      uniqueness: (e) => {
+        if (a.maxSize)
+          return {
+            type: "uniqueness",
+            file: e,
+            filename: e.name
+          };
+      },
+      accept: (e) => ({
+        type: "accept",
+        file: e,
+        acceptedMimeTypes: c.value,
+        mimeType: e.type,
+        filename: e.name
+      }),
+      maxFiles: (e, t) => ({
+        type: "maxFiles",
+        file: e,
+        maxFiles: a.maxFiles,
+        totalFiles: t,
+        filename: e.name
+      })
+    }, _ = m(() => a.errors ? [].concat(a.errors) : []), k = m(
+      () => !!_.value.length || a.hasErrors
+    );
+    return (e, t) => (z(), H(N(e.tag), {
+      class: j(C.value),
+      id: V
+    }, {
+      default: S(() => [
+        p("label", {
+          onDrop: g(P, ["prevent"]),
+          onDragenter: g(B, ["prevent"]),
+          onDragover: g(I, ["prevent"]),
+          onDragleave: g(E, ["prevent"])
+        }, [
+          p("input", {
+            type: "file",
+            accept: x.value,
+            autofocus: e.autofocus,
+            disabled: e.disabled,
+            multiple: e.multiple,
+            onChange: $,
+            onFocus: t[0] || (t[0] = (r) => e.$emit("focus", r)),
+            onBlur: t[1] || (t[1] = (r) => e.$emit("blur", r))
+          }, null, 40, ae),
+          G(e.$slots, "default", K(O(L.value)))
+        ], 40, te),
+        p("label", re, [
+          R(" Server files "),
+          p("input", {
+            class: "bb-dropzone__submittable-input",
+            type: "file",
+            id: U(b),
+            name: e.name,
+            ref_key: "submittable",
+            ref: d,
+            multiple: e.multiple,
+            disabled: e.disabled
+          }, null, 8, oe)
+        ]),
+        p("span", le, [
+          Y(ee, { tag: "span" }, {
+            default: S(() => [
+              (z(!0), F(Z, null, J(_.value, (r) => (z(), F("span", {
+                class: "bb-dropzone__error",
+                key: r
+              }, Q(r), 1))), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  k as default
+  pe as default
 };
 //# sourceMappingURL=index56.js.map