dap-design-system 0.61.6 → 0.61.7

package/dist/components/file-input/file-input.component.js

@@ -1,57 +1,57 @@
-var C = Object.defineProperty, P = Object.defineProperties;
+var B = Object.defineProperty, P = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var E = Object.getOwnPropertySymbols;
 var I = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
-var k = (c, e, t) => e in c ? C(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, F = (c, e) => {
+var k = (u, e, t) => e in u ? B(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, w = (u, e) => {
   for (var t in e || (e = {}))
-    I.call(e, t) && k(c, t, e[t]);
+    I.call(e, t) && k(u, t, e[t]);
   if (E)
     for (var t of E(e))
-      R.call(e, t) && k(c, t, e[t]);
-  return c;
-}, L = (c, e) => P(c, U(e));
-var $ = (c, e, t) => new Promise((i, s) => {
-  var p = (h) => {
+      R.call(e, t) && k(u, t, e[t]);
+  return u;
+}, L = (u, e) => P(u, U(e));
+var F = (u, e, t) => new Promise((i, s) => {
+  var l = (h) => {
     try {
-      n(t.next(h));
-    } catch (u) {
-      s(u);
+      d(t.next(h));
+    } catch (c) {
+      s(c);
     }
   }, r = (h) => {
     try {
-      n(t.throw(h));
-    } catch (u) {
-      s(u);
+      d(t.throw(h));
+    } catch (c) {
+      s(c);
     }
-  }, n = (h) => h.done ? i(h.value) : Promise.resolve(h.value).then(p, r);
-  n((t = t.apply(c, e)).next());
+  }, d = (h) => h.done ? i(h.value) : Promise.resolve(h.value).then(l, r);
+  d((t = t.apply(u, e)).next());
 });
 import { clsx as D } from "../../node_modules/clsx/dist/clsx.js";
 import "../../node_modules/@lit/reactive-element/reactive-element.js";
 import { nothing as y, html as m } from "../../node_modules/lit-html/lit-html.js";
 import "../../node_modules/lit-element/lit-element.js";
-import { property as l } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
 import { state as v } from "../../node_modules/@lit/reactive-element/decorators/state.js";
 import { query as O } from "../../node_modules/@lit/reactive-element/decorators/query.js";
 import { ifDefined as b } from "../../node_modules/lit-html/directives/if-defined.js";
-import { HttpError as S, FileError as w } from "../../common/errors.js";
+import { HttpError as S, FileError as $ } from "../../common/errors.js";
 import { GenericFormElement as H } from "../../internal/mixin/genericFormElement.js";
 import "../../localization/localization.js";
 import q from "../button/button.component.js";
 import M from "../feedback/feedback.component.js";
-import V from "../form/form-label/form-label.component.js";
-import j from "../icon/icon.component.js";
-import N from "../icon-button/icon-button.component.js";
+import N from "../form/form-label/form-label.component.js";
+import V from "../icon/icon.component.js";
+import j from "../icon-button/icon-button.component.js";
 import A from "../modal/modal.component.js";
 import J from "../tooltip/tooltip.component.js";
 import W from "../typography/typography.component.js";
 import K from "./file-input.scss.js";
-import B, { t as T } from "../../node_modules/i18next/dist/esm/i18next.js";
+import C, { t as T } from "../../node_modules/i18next/dist/esm/i18next.js";
 import { unsafeCSS as X, css as G } from "../../node_modules/@lit/reactive-element/css-tag.js";
 import { translate as g } from "../../node_modules/lit-i18n/src/lit-i18n.js";
-var Q = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, a = (c, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Y(e, t) : e, p = c.length - 1, r; p >= 0; p--)
-    (r = c[p]) && (s = (i ? r(e, t, s) : r(s)) || s);
+var Q = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, a = (u, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Y(e, t) : e, l = u.length - 1, r; l >= 0; l--)
+    (r = u[l]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && Q(e, t, s), s;
 };
 const z = class z extends H {
@@ -88,48 +88,48 @@ const z = class z extends H {
    * Validates a file list against all constraints (count, size, type)
    */
   validateFiles(e) {
-    const t = [];
-    if (this.maxFiles && e.length + this._files.length > this.maxFiles)
-      for (const s of e)
+    const t = [], i = this.keepValue ? this._files.length : 0;
+    if (this.maxFiles && e.length + i > this.maxFiles)
+      for (const l of e)
         t.push({
-          file: s,
+          file: l,
           meta: {
             maxFiles: this.maxFiles,
-            totalFiles: e.length + this._files.length
+            totalFiles: e.length + i
           },
           message: this.maxFileAmountErrorText || T("fileInput.error.fileAmount", {
             count: this.maxFiles
           }),
           type: "maxFiles"
         });
-    let i = 0;
-    for (const s of e)
-      this.validateFileType(s) || t.push({
-        file: s,
+    let s = 0;
+    for (const l of e)
+      this.validateFileType(l) || t.push({
+        file: l,
         meta: {
           type: this.accept,
-          fileType: s.type
+          fileType: l.type
         },
         message: this.fileTypeErrorText || T("fileInput.error.fileType", {
           type: this.accept
         }),
         type: "fileType"
-      }), this.maxSizePerFile && s.size > this.maxSizePerFile && t.push({
-        file: s,
+      }), this.maxSizePerFile && l.size > this.maxSizePerFile && t.push({
+        file: l,
         meta: {
           maxSizePerFile: this.maxSizePerFile,
-          fileSize: s.size
+          fileSize: l.size
         },
         message: this.maxSizePerFileErrorText || T("fileInput.error.perFileSize", {
           size: Math.round(this.maxSizePerFile / 1024 / 1024)
         }),
         type: "maxSizePerFile"
-      }), i += s.size, this.maxFileSize && i > this.maxFileSize && t.push({
-        file: s,
+      }), s += l.size, this.maxFileSize && s > this.maxFileSize && t.push({
+        file: l,
         meta: {
           maxFileSize: this.maxFileSize,
-          totalSize: i,
-          fileSize: s.size
+          totalSize: s,
+          fileSize: l.size
         },
         message: this.maxFileSizeErrorText || T("fileInput.error.fileSize", {
           size: Math.round(this.maxFileSize / 1024 / 1024)
@@ -141,14 +141,52 @@ const z = class z extends H {
       errors: t.length > 0 ? t : void 0
     };
   }
-  removeFile(e) {
-    return this.confirmRemove ? new Promise((t, i) => {
-      this._removeResolve = t, this._removeReject = i, this._showRemoveDialog = !0, this._fileToRemove = e;
+  /**
+   * Removes a single file from the file input and frees up a slot in the
+   * `maxFiles` budget.
+   *
+   * @param fileData The file to remove. It is matched against the selected files
+   * by name, size, type and lastModified, so a structurally equal file also works.
+   * @param options.skipConfirm Skips the built-in confirmation dialog for this
+   * call only, without having to change the `confirmRemove` property. Useful when
+   * the host application renders its own file list and already confirmed removal.
+   */
+  removeFile(e, t) {
+    return this.confirmRemove && !(t != null && t.skipConfirm) ? new Promise((i, s) => {
+      this._removeResolve = i, this._removeReject = s, this._showRemoveDialog = !0, this._fileToRemove = e;
     }).then(() => this.performFileRemoval(e)).catch(() => {
     }) : this.performFileRemoval(e);
   }
-  performFileRemoval(e) {
-    return $(this, null, function* () {
+  /**
+   * Removes every selected file, so the whole `maxFiles` budget becomes
+   * available again.
+   *
+   * This is a programmatic API, so it never shows the confirmation dialog.
+   * Files already uploaded are deleted from the server when `deleteUrl` is set,
+   * and in-flight uploads are aborted.
+   */
+  clearFiles() {
+    return F(this, null, function* () {
+      const e = [...this._files];
+      if (e.length !== 0) {
+        this.abortAllUploads();
+        for (const t of e)
+          yield this.deleteUploadedFileFromServer(t);
+        this._files = [], this.value = void 0, this.syncNativeInput(), e.forEach((t) => this.emit("dds-file-removed", { file: t })), this.emit("dds-file-change", {
+          newFiles: [],
+          files: this._files,
+          canceledFiles: /* @__PURE__ */ new Set(),
+          currentFiles: this._files
+        }), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
+      }
+    });
+  }
+  /**
+   * Deletes an already uploaded file from the server when a deleteUrl is set.
+   * Delete failures are reported but never block the local removal.
+   */
+  deleteUploadedFileFromServer(e) {
+    return F(this, null, function* () {
       const t = e.name;
       if (this._uploadedFiles.has(t))
         try {
@@ -157,9 +195,24 @@ const z = class z extends H {
         } catch (i) {
           this.emit("dds-file-delete-error", { file: e, error: i });
         }
-      this._files = this._files.filter(
-        (i) => !this.checkFileEquality(i, e)
-      ), this._files.length === 0 && this.required && (this.value = void 0, this.input.value = ""), this.emit("dds-file-removed", { file: e }), this.emit("dds-file-change", {
+    });
+  }
+  /** Keeps the native input element in sync with the current file list */
+  syncNativeInput() {
+    if (!this.input) return;
+    if (this._files.length === 0) {
+      this.input.value = "";
+      return;
+    }
+    if (typeof DataTransfer == "undefined") return;
+    const e = new DataTransfer();
+    this._files.forEach((t) => e.items.add(t)), this.input.files = e.files;
+  }
+  performFileRemoval(e) {
+    return F(this, null, function* () {
+      this.abortUpload(e.name), yield this.deleteUploadedFileFromServer(e), this._files = this._files.filter(
+        (t) => !this.checkFileEquality(t, e)
+      ), this.syncNativeInput(), this._files.length === 0 && this.required && (this.value = void 0), this.emit("dds-file-removed", { file: e }), this.emit("dds-file-change", {
         newFiles: [],
         files: this._files,
         canceledFiles: /* @__PURE__ */ new Set(),
@@ -168,16 +221,16 @@ const z = class z extends H {
     });
   }
   connectedCallback() {
-    super.connectedCallback(), B.on("languageChanged", this.languageChangeHandler), this.addEventListener("dds-file-remove", (e) => {
+    super.connectedCallback(), C.on("languageChanged", this.languageChangeHandler), this.addEventListener("dds-file-remove", (e) => {
       const t = e;
       this.removeFile(t.detail.file);
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), B.off("languageChanged", this.languageChangeHandler);
+    super.disconnectedCallback(), C.off("languageChanged", this.languageChangeHandler);
   }
   onConfirmDelete() {
-    return $(this, null, function* () {
+    return F(this, null, function* () {
       this._removeResolve && this._removeResolve(!0), this._showRemoveDialog = !1, this._fileToRemove = null, this._removeResolve = null, this._removeReject = null;
     });
   }
@@ -208,7 +261,7 @@ const z = class z extends H {
     const t = this._activeUploads.get(e);
     if (t) {
       t.abort(), this._uploadingFiles.delete(e), this._activeUploads.delete(e);
-      const i = F({}, this._uploadProgress);
+      const i = w({}, this._uploadProgress);
       delete i[e], this._uploadProgress = i;
     }
   }
@@ -230,15 +283,15 @@ const z = class z extends H {
    * Delete an uploaded file from the server
    */
   deleteUploadedFile(e, t) {
-    return $(this, null, function* () {
+    return F(this, null, function* () {
       if (!this.deleteUrl) {
         console.error("Delete URL is not configured");
         return;
       }
       const i = new XMLHttpRequest();
-      return i.withCredentials = this.withCredentials, new Promise((s, p) => {
+      return i.withCredentials = this.withCredentials, new Promise((s, l) => {
         i.onload = () => {
-          i.status >= 200 && i.status < 300 ? s() : p(
+          i.status >= 200 && i.status < 300 ? s() : l(
             new S(
               `HTTP error! status: ${i.status}`,
               i.response,
@@ -246,7 +299,7 @@ const z = class z extends H {
             )
           );
         }, i.onerror = () => {
-          p(new Error("Network error during file deletion"));
+          l(new Error("Network error during file deletion"));
         };
         let r = this.deleteUrl;
         if (r = r.replace(
@@ -266,11 +319,11 @@ const z = class z extends H {
           encodeURIComponent(t.location)
         ))), i.open(this.deleteMethod, r), this.deleteHeaders)
           try {
-            const n = JSON.parse(this.deleteHeaders);
-            Object.entries(n).forEach(([h, u]) => {
-              i.setRequestHeader(h, u);
+            const d = JSON.parse(this.deleteHeaders);
+            Object.entries(d).forEach(([h, c]) => {
+              i.setRequestHeader(h, c);
             });
-          } catch (n) {
+          } catch (d) {
             console.warn("Invalid deleteHeaders JSON:", this.deleteHeaders);
           }
         this.deleteMethod === "DELETE" ? t && (t.ETag || t.VersionId) ? (i.setRequestHeader("Content-Type", "application/json"), i.send(
@@ -283,7 +336,7 @@ const z = class z extends H {
     });
   }
   uploadFiles(e) {
-    return $(this, null, function* () {
+    return F(this, null, function* () {
       if (!this.uploadUrl) {
         console.error("Upload URL is not configured");
         return;
@@ -291,25 +344,25 @@ const z = class z extends H {
       const t = e.length;
       let i = 0;
       for (const s of e) {
-        const p = new FormData();
-        p.append(this.uploadProperty, s);
+        const l = new FormData();
+        l.append(this.uploadProperty, s);
         try {
           let r;
-          this._uploadingFiles.add(s.name), this._uploadProgress = L(F({}, this._uploadProgress), { [s.name]: 0 }), this.emit("dds-upload-start", { file: s });
-          const n = new XMLHttpRequest();
-          if (n.withCredentials = this.withCredentials, this._activeUploads.set(s.name, n), n.open(this.uploadMethod, this.uploadUrl), this.uploadHeaders)
+          this._uploadingFiles.add(s.name), this._uploadProgress = L(w({}, this._uploadProgress), { [s.name]: 0 }), this.emit("dds-upload-start", { file: s });
+          const d = new XMLHttpRequest();
+          if (d.withCredentials = this.withCredentials, this._activeUploads.set(s.name, d), d.open(this.uploadMethod, this.uploadUrl), this.uploadHeaders)
             try {
               const f = JSON.parse(this.uploadHeaders);
               Object.entries(f).forEach(([_, x]) => {
-                n.setRequestHeader(_, x);
+                d.setRequestHeader(_, x);
               });
             } catch (f) {
               console.warn("Invalid uploadHeaders JSON:", this.uploadHeaders);
             }
-          n.upload.onprogress = (f) => {
+          d.upload.onprogress = (f) => {
             if (f.lengthComputable) {
               const _ = f.loaded / f.total * 100;
-              this._uploadProgress = L(F({}, this._uploadProgress), {
+              this._uploadProgress = L(w({}, this._uploadProgress), {
                 [s.name]: _
               }), this.fileList && (r = this.setFileLoadingState(s, !0)), this.emit("dds-upload-progress", {
                 file: s,
@@ -319,39 +372,39 @@ const z = class z extends H {
             }
           };
           const h = yield new Promise((f, _) => {
-            n.onload = () => {
-              if (n.status >= 200 && n.status < 300)
-                f(n.response);
+            d.onload = () => {
+              if (d.status >= 200 && d.status < 300)
+                f(d.response);
               else {
                 const x = new S(
-                  `HTTP error! status: ${n.status}`,
-                  n.response,
-                  n.status
+                  `HTTP error! status: ${d.status}`,
+                  d.response,
+                  d.status
                 );
                 _(x);
               }
-            }, n.onerror = () => {
+            }, d.onerror = () => {
               this.fileList && (r = this.setFileLoadingState(s, !1)), _(new Error("Network error"));
-            }, n.send(p);
-          }), u = JSON.parse(h);
+            }, d.send(l);
+          }), c = JSON.parse(h);
           this.fileList && (r = this.setFileLoadingState(s, !1)), this._uploadingFiles.delete(s.name), this._activeUploads.delete(s.name);
-          const d = F({}, this._uploadProgress);
-          delete d[s.name], this._uploadProgress = d, this._uploadedFiles.set(s.name, u), this.emit("dds-upload-complete", { file: s, item: r, result: u }), i++, i === t && this.emit("dds-all-uploads-complete");
+          const p = w({}, this._uploadProgress);
+          delete p[s.name], this._uploadProgress = p, this._uploadedFiles.set(s.name, c), this.emit("dds-upload-complete", { file: s, item: r, result: c }), i++, i === t && this.emit("dds-all-uploads-complete");
         } catch (r) {
           this._uploadingFiles.delete(s.name), this._activeUploads.delete(s.name);
-          const n = F({}, this._uploadProgress);
-          delete n[s.name], this._uploadProgress = n;
-          const h = r instanceof w ? r : new w(
+          const d = w({}, this._uploadProgress);
+          delete d[s.name], this._uploadProgress = d;
+          const h = r instanceof $ ? r : new $(
             r instanceof Error ? r.message : String(r),
             s,
             r instanceof S ? "http" : "upload",
             r instanceof S ? { status: r.status, response: r.response } : void 0
           );
           if (this.fileList) {
-            const u = this.setFileLoadingState(s, !1);
+            const c = this.setFileLoadingState(s, !1);
             this.emit("dds-upload-error", {
               file: s,
-              item: u,
+              item: c,
               errors: [h]
             });
           } else
@@ -378,14 +431,14 @@ const z = class z extends H {
   handleFileList(e) {
     var s;
     const t = [...this._files];
-    this.keepValue && ((s = this._files) != null && s.length) ? (Object.values(e).forEach((p) => {
+    this.keepValue && ((s = this._files) != null && s.length) ? (Object.values(e).forEach((l) => {
       !!this._files.find(
-        (n) => this.checkFileEquality(n, p)
-      ) || t.push(p);
+        (d) => this.checkFileEquality(d, l)
+      ) || t.push(l);
     }), this._files = t) : this._files = e ? Object.values(e) : [];
     const i = new DataTransfer();
-    this._files.forEach((p) => {
-      i.items.add(p);
+    this._files.forEach((l) => {
+      i.items.add(l);
     }), this.input.files = i.files, this.autoupload && this.uploadFiles(this._files);
   }
   onChange(e) {
@@ -397,32 +450,32 @@ const z = class z extends H {
     if (i) {
       const h = this.validateFiles(i);
       if (!h.isValid && h.errors) {
-        const u = h.errors.map((d) => {
-          if (d.file)
-            return new w(
-              d.message,
-              d.file,
-              d.type,
-              d.meta
+        const c = h.errors.map((p) => {
+          if (p.file)
+            return new $(
+              p.message,
+              p.file,
+              p.type,
+              p.meta
             );
           {
             const f = i.length > 0 ? i[0] : new File([], "unknown");
-            return new w(
-              d.message,
+            return new $(
+              p.message,
               f,
-              d.type,
-              d.meta
+              p.type,
+              p.meta
             );
           }
         });
-        this.emit("dds-upload-error", { errors: u });
+        this.emit("dds-upload-error", { errors: c });
         return;
       }
     }
-    const s = i ? Array.from(i) : [], p = this.calculateNewFileList(i), r = /* @__PURE__ */ new Set();
+    const s = i ? Array.from(i) : [], l = this.calculateNewFileList(i), r = /* @__PURE__ */ new Set();
     if (this.emit(
       "dds-file-change",
-      { newFiles: s, files: p, canceledFiles: r, currentFiles: this._files },
+      { newFiles: s, files: l, canceledFiles: r, currentFiles: this._files },
       { cancelable: !0 }
     ).defaultPrevented) {
       this.input.value = "";
@@ -430,9 +483,9 @@ const z = class z extends H {
     }
     if (r.size > 0 && i) {
       const h = Array.from(i).filter(
-        (d) => !r.has(d)
-      ), u = new DataTransfer();
-      h.forEach((d) => u.items.add(d)), this.value = this.input.value, this.handleFileList(u.files), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
+        (p) => !r.has(p)
+      ), c = new DataTransfer();
+      h.forEach((p) => c.items.add(p)), this.value = this.input.value, this.handleFileList(c.files), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
     } else
       this.value = this.input.value, this.handleFileList(i), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
   }
@@ -446,46 +499,46 @@ const z = class z extends H {
     this.disabled || (e.preventDefault(), this.contains(e.relatedTarget) || (this._isDragOver = !1));
   }
   onDrop(e) {
-    var n;
+    var d;
     if (this.disabled) return;
     e.preventDefault(), this._isDragOver = !1;
-    const t = (n = e.dataTransfer) == null ? void 0 : n.files;
+    const t = (d = e.dataTransfer) == null ? void 0 : d.files;
     if (t) {
       const h = this.validateFiles(t);
       if (!h.isValid && h.errors) {
-        const u = h.errors.map((d) => {
-          if (d.file)
-            return new w(
-              d.message,
-              d.file,
-              d.type,
-              d.meta
+        const c = h.errors.map((p) => {
+          if (p.file)
+            return new $(
+              p.message,
+              p.file,
+              p.type,
+              p.meta
             );
           {
             const f = t.length > 0 ? t[0] : new File([], "unknown");
-            return new w(
-              d.message,
+            return new $(
+              p.message,
               f,
-              d.type,
-              d.meta
+              p.type,
+              p.meta
             );
           }
         });
-        this.emit("dds-upload-error", { errors: u });
+        this.emit("dds-upload-error", { errors: c });
         return;
       }
     }
-    const i = t ? Array.from(t) : [], s = this.calculateNewFileList(t != null ? t : null), p = /* @__PURE__ */ new Set();
+    const i = t ? Array.from(t) : [], s = this.calculateNewFileList(t != null ? t : null), l = /* @__PURE__ */ new Set();
     if (!this.emit(
       "dds-file-change",
-      { newFiles: i, files: s, canceledFiles: p, currentFiles: this._files },
+      { newFiles: i, files: s, canceledFiles: l, currentFiles: this._files },
       { cancelable: !0 }
     ).defaultPrevented)
-      if (p.size > 0 && t) {
+      if (l.size > 0 && t) {
         const h = Array.from(t).filter(
-          (d) => !p.has(d)
-        ), u = new DataTransfer();
-        h.forEach((d) => u.items.add(d)), this.handleFileList(u.files), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
+          (p) => !l.has(p)
+        ), c = new DataTransfer();
+        h.forEach((p) => c.items.add(p)), this.handleFileList(c.files), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
       } else
         this.handleFileList(t != null ? t : null), this.setValidity(), this.emit("dds-files-accepted", { files: this._files });
   }
@@ -638,12 +691,12 @@ const z = class z extends H {
       </span>
       ${!this.fileList && this._uploadingFiles.size > 0 ? m`
             <div class="upload-progress" part="upload-progress">
-              ${Array.from(this._uploadingFiles).map((p) => {
-      const r = this._uploadProgress[p] || 0;
+              ${Array.from(this._uploadingFiles).map((l) => {
+      const r = this._uploadProgress[l] || 0;
       return m`
                   <div class="upload-progress__item">
                     <dap-ds-typography variant="caption">
-                      ${p} - ${Math.round(r)}%
+                      ${l} - ${Math.round(r)}%
                     </dap-ds-typography>
                     <div class="upload-progress__bar">
                       <div
@@ -687,10 +740,10 @@ const z = class z extends H {
   }
 };
 z.tagName = "dap-ds-file-input", z.dependencies = {
-  "dap-ds-form-label": V,
+  "dap-ds-form-label": N,
   "dap-ds-tooltip": J,
-  "dap-ds-icon-button": N,
-  "dap-ds-icon": j,
+  "dap-ds-icon-button": j,
+  "dap-ds-icon": V,
   "dap-ds-typography": W,
   "dap-ds-button": q,
   "dap-ds-modal": A,
@@ -703,118 +756,118 @@ a([
   O("#input")
 ], o.prototype, "input", 2);
 a([
-  l()
+  n()
 ], o.prototype, "uploadButtonLabel", 2);
 a([
-  l()
+  n()
 ], o.prototype, "browseButtonLabel", 2);
 a([
-  l()
+  n()
 ], o.prototype, "browseButtonTestId", 2);
 a([
-  l()
+  n()
 ], o.prototype, "uploadButtonTestId", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "showDropzone", 2);
 a([
-  l()
+  n()
 ], o.prototype, "dropzoneText", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "showFileList", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "confirmRemove", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "showUploadButton", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "showBrowseButton", 2);
 a([
-  l()
+  n()
 ], o.prototype, "accept", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "multiple", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "keepValue", 2);
 a([
-  l()
+  n()
 ], o.prototype, "uploadUrl", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "autoupload", 2);
 a([
-  l()
+  n()
 ], o.prototype, "uploadProperty", 2);
 a([
-  l()
+  n()
 ], o.prototype, "uploadMethod", 2);
 a([
-  l()
+  n()
 ], o.prototype, "deleteUrl", 2);
 a([
-  l()
+  n()
 ], o.prototype, "deleteMethod", 2);
 a([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], o.prototype, "withCredentials", 2);
 a([
-  l()
+  n()
 ], o.prototype, "uploadHeaders", 2);
 a([
-  l()
+  n()
 ], o.prototype, "deleteHeaders", 2);
 a([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], o.prototype, "fileList", 2);
 a([
-  l({ type: Number })
+  n({ type: Number })
 ], o.prototype, "maxFiles", 2);
 a([
-  l({ type: Number })
+  n({ type: Number })
 ], o.prototype, "maxFileSize", 2);
 a([
-  l({ type: Number })
+  n({ type: Number })
 ], o.prototype, "maxSizePerFile", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "maxFileSizeErrorText", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "maxSizePerFileErrorText", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "maxFileAmountErrorText", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "fileTypeErrorText", 2);
 a([
-  l()
+  n()
 ], o.prototype, "removeButtonLabel", 2);
 a([
-  l()
+  n()
 ], o.prototype, "cancelButtonLabel", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "removeButtonDanger", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "showThumbnail", 2);
 a([
-  l()
+  n()
 ], o.prototype, "dropzoneAriaLabel", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "dropzoneFocusable", 2);
 a([
-  l({ type: String })
+  n({ type: String })
 ], o.prototype, "thumbnailSize", 2);
 a([
-  l({ type: Array, attribute: !1 })
+  n({ type: Array, attribute: !1 })
 ], o.prototype, "files", 1);
 a([
   v()