huply 0.4.14 → 0.4.16

package/dist/huply.es.js

@@ -41,7 +41,7 @@ class b {
   sendChunkedFile(e, t, s = 0) {
     const i = this.store.options.chunkRetries ?? 3;
     if (this.store.options.chunkSize && e.size && e.data) {
-      const l = this.store.options.chunkSize * 1024 * 1024, a = t + l, n = a + 1, o = Math.min(a, e.size), g = e.data.slice(t, n);
+      const a = this.store.options.chunkSize * 1024 * 1024, l = t + a, n = l + 1, o = Math.min(l, e.size), g = e.data.slice(t, n);
       let p = new f(this.store).request("POST", this.store.options.uploadUrl);
       const m = "bytes " + t + "-" + o + "/" + e.size;
       p.setRequestHeader("Content-Range", m), p.addEventListener("load", () => {
@@ -50,7 +50,7 @@ class b {
             const u = JSON.parse(p.response);
             u.filename && (e.name = u.filename);
           }
-          e.size && (e.uploadProcess = Math.min(Math.ceil(a / e.size * 100), 100)), o === e.size ? (e.status = "uploaded", this.store.updateFileItem(e), this.upload()) : (this.store.updateFileItem(e), this.sendChunkedFile(e, n));
+          e.size && (e.uploadProcess = Math.min(Math.ceil(l / e.size * 100), 100)), o === e.size ? (e.status = "uploaded", this.store.updateFileItem(e), this.upload()) : (this.store.updateFileItem(e), this.sendChunkedFile(e, n));
         } else
           s < i ? this.sendChunkedFile(e, t, s + 1) : (e.status = "error", this.store.updateFileItem(e), this.upload());
       }), p.addEventListener("error", () => {
@@ -63,20 +63,20 @@ class b {
   sendFile(e) {
     return e.status = "uploading", e.uploadProcess = 0, this.store.updateFileItem(e), new Promise((t, s) => {
       let i = new f(this.store).request("POST", this.store.options.uploadUrl);
-      i.setRequestHeader("accept", "application/json"), i.upload.addEventListener("progress", (a) => {
-        e.uploadProcess = a.loaded / a.total * 100, this.store.updateFileItem(e);
+      i.setRequestHeader("accept", "application/json"), i.upload.addEventListener("progress", (l) => {
+        e.uploadProcess = l.loaded / l.total * 100, this.store.updateFileItem(e);
       }), i.addEventListener("load", () => {
         if (i.status === 200) {
           if (t(i.response), i.response) {
-            const a = JSON.parse(i.response);
-            a.filename && (e.name = a.filename);
+            const l = JSON.parse(i.response);
+            l.filename && (e.name = l.filename);
           }
           e.status = "uploaded", this.store.updateFileItem(e), this.upload();
         } else
           s(i.response), e.status = "error", this.store.updateFileItem(e), this.upload();
       });
-      let l = new FormData();
-      e.data && l.append("file", e.data), this.store.options?.maxFileSize && l.append("max_file_size", this.store.options.maxFileSize * 1024), i.send(l);
+      let a = new FormData();
+      e.data && a.append("file", e.data), this.store.options?.maxFileSize && a.append("max_file_size", this.store.options.maxFileSize * 1024), i.send(a);
     });
   }
 }
@@ -152,9 +152,11 @@ class c {
         status: "preloaded"
       };
       this.checkIfIsImage(e.name) && s.size && s.size <= this.store.maxSizeImageView && e.url ? this.getBlobFromUrl(e.url).then((i) => {
-        this.getDataUrlFromFile(i).then((l) => {
-          s.url = l, t(s);
+        this.getDataUrlFromFile(i).then((a) => {
+          s.url = a, t(s);
         });
+      }).catch(() => {
+        t(s);
       }) : t(s);
     });
   }
@@ -184,9 +186,9 @@ class M {
   constructor(e, t) {
     this.el = e.cloneNode(!0), this.el.setAttribute("name", `${e.getAttribute("name")}_real`), this.el.classList.add("huply-input"), t.options?.allowedFileTypes && this.el.setAttribute("accept", t.options?.allowedFileTypes.join(",")), this.el.addEventListener("change", (s) => {
       s.preventDefault(), s.target && [...s.target.files].forEach((i) => {
-        const a = new z(t).isValidFile(i);
+        const l = new z(t).isValidFile(i);
         new c(t).generateFileItemFromFile(i).then((n) => {
-          t.addFileItem(n), a.length !== 0 && (n.status = "error", n.statusMsg = a.map((o) => o.msg).join(", "), t.updateFileItem(n)), new b(t).upload();
+          t.addFileItem(n), l.length !== 0 && (n.status = "error", n.statusMsg = l.map((o) => o.msg).join(", "), t.updateFileItem(n)), new b(t).upload();
         });
       });
     });
@@ -313,8 +315,8 @@ class D {
       e.classList.remove("is-drag-over");
     }), e.addEventListener("drop", (s) => {
       if (s.preventDefault(), e.classList.remove("is-drag-over"), this.dragSrcEl && this.dragSrcEl !== e) {
-        const i = Array.from(this.fileList.children), l = i.indexOf(this.dragSrcEl), a = i.indexOf(e);
-        l < a ? this.fileList.insertBefore(this.dragSrcEl, e.nextSibling) : this.fileList.insertBefore(this.dragSrcEl, e);
+        const i = Array.from(this.fileList.children), a = i.indexOf(this.dragSrcEl), l = i.indexOf(e);
+        a < l ? this.fileList.insertBefore(this.dragSrcEl, e.nextSibling) : this.fileList.insertBefore(this.dragSrcEl, e);
         const n = Array.from(this.fileList.children).map((o) => o.dataset.fileId ?? "").filter((o) => o !== "");
         this.store.reorderFiles(n);
       }
@@ -356,9 +358,9 @@ class S {
         for (var s = 0; s < e.dataTransfer.items.length; s++) {
           const i = e.dataTransfer.items[s].getAsFile();
           if (i) {
-            const a = new z(this.store).isValidFile(i);
+            const l = new z(this.store).isValidFile(i);
             new c(this.store).generateFileItemFromFile(i).then((n) => {
-              this.store.addFileItem(n), a.length !== 0 && (n.status = "error", n.statusMsg = a.map((o) => o.msg).join(", "), this.store.updateFileItem(n)), t.upload();
+              this.store.addFileItem(n), l.length !== 0 && (n.status = "error", n.statusMsg = l.map((o) => o.msg).join(", "), this.store.updateFileItem(n)), t.upload();
             });
           }
         }
@@ -479,8 +481,8 @@ class P {
     e.appendChild(s);
     let i;
     this.store.options.dropzoneTheme === "sm" ? (i = new A(this.store), e.appendChild(i.render())) : (i = new U(this.store), e.appendChild(i.render()));
-    const l = new D(this.store);
-    return e.appendChild(l.render()), this.store.setComponent("input", t), this.store.setComponent("dropzone", i), this.store.setComponent("fileList", l), e;
+    const a = new D(this.store);
+    return e.appendChild(a.render()), this.store.setComponent("input", t), this.store.setComponent("dropzone", i), this.store.setComponent("fileList", a), e;
   }
 }
 const k = {
@@ -583,7 +585,7 @@ class O {
   reorderFiles(e) {
     const t = [];
     e.forEach((s) => {
-      const i = this.files.find((l) => l.id === s);
+      const i = this.files.find((a) => a.id === s);
       i && t.push(i);
     }), this.files.forEach((s) => {
       e.includes(s.id) || t.push(s);
@@ -622,10 +624,10 @@ class q {
     s && (t.dropzoneTheme = s);
     const i = this.el?.getAttribute("data-max-concurrent-uploads");
     i && (t.maxConcurrentUploads = Number(i));
-    const l = this.el?.getAttribute("data-max-file-size");
-    l && (t.maxFileSize = Number(l));
-    const a = this.el?.getAttribute("data-upload-url");
-    a && (t.uploadUrl = a);
+    const a = this.el?.getAttribute("data-max-file-size");
+    a && (t.maxFileSize = Number(a));
+    const l = this.el?.getAttribute("data-upload-url");
+    l && (t.uploadUrl = l);
     const n = this.el?.getAttribute("data-delete-url");
     n && (t.deleteUrl = n);
     const o = this.el?.getAttribute("data-headers");
@@ -679,8 +681,8 @@ class I {
     if (v(window.huplyTranslations))
       this.store.setTranslations(window.huplyTranslations);
     else {
-      const l = document.querySelector("html")?.getAttribute("lang");
-      l === "en" || l === "de" ? (window.huplyTranslations = i[this.options.lang], this.store.setTranslations(i[this.options.lang])) : (window.huplyTranslations = i.en, this.store.setTranslations(i.en));
+      const a = document.querySelector("html")?.getAttribute("lang");
+      a === "en" || a === "de" ? (window.huplyTranslations = i[this.options.lang], this.store.setTranslations(i[this.options.lang])) : (window.huplyTranslations = i.en, this.store.setTranslations(i.en));
     }
     return this;
   }
@@ -694,8 +696,10 @@ class I {
     }
     if (this.options?.preloadedFiles?.length) {
       const e = new c(this.store);
-      this.options.preloadedFiles.forEach((t) => {
-        e.generateFileItemFromPreloaded(t).then((s) => {
+      Promise.all(this.options.preloadedFiles.map(
+        (t) => e.generateFileItemFromPreloaded(t)
+      )).then((t) => {
+        t.forEach((s) => {
           this.store.addFileItem(s), s.status = "preloaded", this.store.updateFileItem(s);
         });
       });