@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/vendor/primevue/fileupload/fileupload.esm.es.js

@@ -1,761 +1,870 @@
-import { s as A } from "../button/button.esm.es.js";
-import { s as O } from "../icons/plus/index.esm.es.js";
-import { s as V } from "../icons/times/index.esm.es.js";
-import { s as R } from "../icons/upload/index.esm.es.js";
-import { s as j } from "../message/message.esm.es.js";
-import { s as K } from "../progressbar/progressbar.esm.es.js";
-import { R as H } from "../ripple/ripple.esm.es.js";
-import { D as w } from "../utils/utils.esm.es.js";
-import { s as W } from "../basecomponent/basecomponent.esm.es.js";
-import { F as G } from "./style/fileuploadstyle.esm.es.js";
-import { s as Y } from "../badge/badge.esm.es.js";
-import { resolveComponent as y, createElementBlock as f, openBlock as o, Fragment as U, renderList as E, mergeProps as r, createElementVNode as h, createVNode as L, toDisplayString as F, normalizeClass as B, withCtx as C, createBlock as m, resolveDynamicComponent as b, resolveDirective as Z, createCommentVNode as v, renderSlot as g, withDirectives as M, withKeys as T, createTextVNode as z } from "vue";
-var q = {
+import { s as script$7 } from "../button/button.esm.es.js";
+import { s as script$5 } from "../icons/plus/index.esm.es.js";
+import { s as script$3 } from "../icons/times/index.esm.es.js";
+import { s as script$4 } from "../icons/upload/index.esm.es.js";
+import { s as script$9 } from "../message/message.esm.es.js";
+import { s as script$a } from "../progressbar/progressbar.esm.es.js";
+import { R as Ripple } from "../ripple/ripple.esm.es.js";
+import { D as DomHandler } from "../utils/utils.esm.es.js";
+import { s as script$8 } from "../basecomponent/basecomponent.esm.es.js";
+import { F as FileUploadStyle } from "./style/fileuploadstyle.esm.es.js";
+import { s as script$6 } from "../badge/badge.esm.es.js";
+import { resolveComponent, createElementBlock, openBlock, Fragment, renderList, mergeProps, createElementVNode, createVNode, toDisplayString, normalizeClass, withCtx, createBlock, resolveDynamicComponent, resolveDirective, createCommentVNode, renderSlot, withDirectives, withKeys, createTextVNode } from "vue";
+var script$2 = {
   name: "BaseFileUpload",
-  extends: W,
+  "extends": script$8,
   props: {
     name: {
       type: String,
-      default: null
+      "default": null
     },
     url: {
       type: String,
-      default: null
+      "default": null
     },
     mode: {
       type: String,
-      default: "advanced"
+      "default": "advanced"
     },
     multiple: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     accept: {
       type: String,
-      default: null
+      "default": null
     },
     disabled: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     auto: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     maxFileSize: {
       type: Number,
-      default: null
+      "default": null
     },
     invalidFileSizeMessage: {
       type: String,
-      default: "{0}: Invalid file size, file size should be smaller than {1}."
+      "default": "{0}: Invalid file size, file size should be smaller than {1}."
     },
     invalidFileTypeMessage: {
       type: String,
-      default: "{0}: Invalid file type, allowed file types: {1}."
+      "default": "{0}: Invalid file type, allowed file types: {1}."
     },
     fileLimit: {
       type: Number,
-      default: null
+      "default": null
     },
     invalidFileLimitMessage: {
       type: String,
-      default: "Maximum number of files exceeded, limit is {0} at most."
+      "default": "Maximum number of files exceeded, limit is {0} at most."
     },
     withCredentials: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     previewWidth: {
       type: Number,
-      default: 50
+      "default": 50
     },
     chooseLabel: {
       type: String,
-      default: null
+      "default": null
     },
     uploadLabel: {
       type: String,
-      default: null
+      "default": null
     },
     cancelLabel: {
       type: String,
-      default: null
+      "default": null
     },
     customUpload: {
       type: Boolean,
-      default: !1
+      "default": false
     },
     showUploadButton: {
       type: Boolean,
-      default: !0
+      "default": true
     },
     showCancelButton: {
       type: Boolean,
-      default: !0
+      "default": true
     },
     chooseIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     uploadIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     cancelIcon: {
       type: String,
-      default: void 0
+      "default": void 0
     },
     style: null,
-    class: null
+    "class": null
   },
-  style: G,
-  provide: function() {
+  style: FileUploadStyle,
+  provide: function provide() {
     return {
       $parentInstance: this
     };
   }
-}, P = {
+};
+var script$1 = {
   name: "FileContent",
   hostName: "FileUpload",
-  extends: W,
+  "extends": script$8,
   emits: ["remove"],
   props: {
     files: {
       type: Array,
-      default: function() {
+      "default": function _default() {
         return [];
       }
     },
     badgeSeverity: {
       type: String,
-      default: "warning"
+      "default": "warning"
     },
     badgeValue: {
       type: String,
-      default: null
+      "default": null
     },
     previewWidth: {
       type: Number,
-      default: 50
+      "default": 50
     },
     templates: {
       type: null,
-      default: null
+      "default": null
     }
   },
   methods: {
-    formatSize: function(t) {
-      var i, s = 1024, n = 3, l = ((i = this.$primevue.config.locale) === null || i === void 0 ? void 0 : i.fileSizeTypes) || ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-      if (t === 0)
-        return "0 ".concat(l[0]);
-      var u = Math.floor(Math.log(t) / Math.log(s)), a = parseFloat((t / Math.pow(s, u)).toFixed(n));
-      return "".concat(a, " ").concat(l[u]);
+    formatSize: function formatSize(bytes) {
+      var _this$$primevue$confi;
+      var k = 1024;
+      var dm = 3;
+      var sizes = ((_this$$primevue$confi = this.$primevue.config.locale) === null || _this$$primevue$confi === void 0 ? void 0 : _this$$primevue$confi.fileSizeTypes) || ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+      if (bytes === 0) {
+        return "0 ".concat(sizes[0]);
+      }
+      var i = Math.floor(Math.log(bytes) / Math.log(k));
+      var formattedSize = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));
+      return "".concat(formattedSize, " ").concat(sizes[i]);
     }
   },
   components: {
-    FileUploadButton: A,
-    FileUploadBadge: Y,
-    TimesIcon: V
+    FileUploadButton: script$7,
+    FileUploadBadge: script$6,
+    TimesIcon: script$3
   }
-}, X = ["alt", "src", "width"];
-function J(e, t, i, s, n, l) {
-  var u = y("FileUploadBadge"), a = y("TimesIcon"), p = y("FileUploadButton");
-  return o(!0), f(U, null, E(i.files, function(d, I) {
-    return o(), f("div", r({
-      key: d.name + d.type + d.size,
-      class: e.cx("file")
-    }, e.ptm("file")), [h("img", r({
+};
+var _hoisted_1$1 = ["alt", "src", "width"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FileUploadBadge = resolveComponent("FileUploadBadge");
+  var _component_TimesIcon = resolveComponent("TimesIcon");
+  var _component_FileUploadButton = resolveComponent("FileUploadButton");
+  return openBlock(true), createElementBlock(Fragment, null, renderList($props.files, function(file, index) {
+    return openBlock(), createElementBlock("div", mergeProps({
+      key: file.name + file.type + file.size,
+      "class": _ctx.cx("file")
+    }, _ctx.ptm("file")), [createElementVNode("img", mergeProps({
       role: "presentation",
-      class: e.cx("thumbnail"),
-      alt: d.name,
-      src: d.objectURL,
-      width: i.previewWidth
-    }, e.ptm("thumbnail")), null, 16, X), h("div", r({
-      class: e.cx("details")
-    }, e.ptm("details")), [h("div", r({
-      class: e.cx("fileName")
-    }, e.ptm("fileName")), F(d.name), 17), h("span", r({
-      class: e.cx("fileSize")
-    }, e.ptm("fileSize")), F(l.formatSize(d.size)), 17), L(u, {
-      value: i.badgeValue,
-      class: B(e.cx("badge")),
-      severity: i.badgeSeverity,
-      unstyled: e.unstyled,
-      pt: e.ptm("badge")
-    }, null, 8, ["value", "class", "severity", "unstyled", "pt"])], 16), h("div", r({
-      class: e.cx("actions")
-    }, e.ptm("actions")), [L(p, {
-      onClick: function(ie) {
-        return e.$emit("remove", I);
+      "class": _ctx.cx("thumbnail"),
+      alt: file.name,
+      src: file.objectURL,
+      width: $props.previewWidth
+    }, _ctx.ptm("thumbnail")), null, 16, _hoisted_1$1), createElementVNode("div", mergeProps({
+      "class": _ctx.cx("details")
+    }, _ctx.ptm("details")), [createElementVNode("div", mergeProps({
+      "class": _ctx.cx("fileName")
+    }, _ctx.ptm("fileName")), toDisplayString(file.name), 17), createElementVNode("span", mergeProps({
+      "class": _ctx.cx("fileSize")
+    }, _ctx.ptm("fileSize")), toDisplayString($options.formatSize(file.size)), 17), createVNode(_component_FileUploadBadge, {
+      value: $props.badgeValue,
+      "class": normalizeClass(_ctx.cx("badge")),
+      severity: $props.badgeSeverity,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.ptm("badge")
+    }, null, 8, ["value", "class", "severity", "unstyled", "pt"])], 16), createElementVNode("div", mergeProps({
+      "class": _ctx.cx("actions")
+    }, _ctx.ptm("actions")), [createVNode(_component_FileUploadButton, {
+      onClick: function onClick($event) {
+        return _ctx.$emit("remove", index);
       },
       text: "",
       rounded: "",
       severity: "danger",
-      class: B(e.cx("removeButton")),
-      unstyled: e.unstyled,
-      pt: e.ptm("removeButton")
+      "class": normalizeClass(_ctx.cx("removeButton")),
+      unstyled: _ctx.unstyled,
+      pt: _ctx.ptm("removeButton")
     }, {
-      icon: C(function(c) {
-        return [i.templates.fileremoveicon ? (o(), m(b(i.templates.fileremoveicon), {
+      icon: withCtx(function(iconProps) {
+        return [$props.templates.fileremoveicon ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.fileremoveicon), {
           key: 0,
-          class: B(c.class),
-          file: d,
-          index: I
-        }, null, 8, ["class", "file", "index"])) : (o(), m(a, r({
+          "class": normalizeClass(iconProps["class"]),
+          file,
+          index
+        }, null, 8, ["class", "file", "index"])) : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
           key: 1,
-          class: c.class,
+          "class": iconProps["class"],
           "aria-hidden": "true"
-        }, e.ptm("removeButton").icon), null, 16, ["class"]))];
+        }, _ctx.ptm("removeButton")["icon"]), null, 16, ["class"]))];
       }),
       _: 2
     }, 1032, ["onClick", "class", "unstyled", "pt"])], 16)], 16);
   }), 128);
 }
-P.render = J;
-function k(e) {
-  return x(e) || $(e) || N(e) || Q();
+script$1.render = render$1;
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-function Q() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function $(e) {
-  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function x(e) {
-  if (Array.isArray(e)) return D(e);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-function S(e, t) {
-  var i = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (!i) {
-    if (Array.isArray(e) || (i = N(e)) || t) {
-      i && (e = i);
-      var s = 0, n = function() {
+function _createForOfIteratorHelper(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (!it) {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) {
+      if (it) o = it;
+      var i = 0;
+      var F = function F2() {
       };
-      return { s: n, n: function() {
-        return s >= e.length ? { done: !0 } : { done: !1, value: e[s++] };
-      }, e: function(d) {
-        throw d;
-      }, f: n };
+      return { s: F, n: function n() {
+        if (i >= o.length) return { done: true };
+        return { done: false, value: o[i++] };
+      }, e: function e(_e) {
+        throw _e;
+      }, f: F };
     }
-    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  var l = !0, u = !1, a;
-  return { s: function() {
-    i = i.call(e);
-  }, n: function() {
-    var d = i.next();
-    return l = d.done, d;
-  }, e: function(d) {
-    u = !0, a = d;
-  }, f: function() {
+  var normalCompletion = true, didErr = false, err;
+  return { s: function s() {
+    it = it.call(o);
+  }, n: function n() {
+    var step = it.next();
+    normalCompletion = step.done;
+    return step;
+  }, e: function e(_e2) {
+    didErr = true;
+    err = _e2;
+  }, f: function f() {
     try {
-      !l && i.return != null && i.return();
+      if (!normalCompletion && it["return"] != null) it["return"]();
     } finally {
-      if (u) throw a;
+      if (didErr) throw err;
     }
   } };
 }
-function N(e, t) {
-  if (e) {
-    if (typeof e == "string") return D(e, t);
-    var i = Object.prototype.toString.call(e).slice(8, -1);
-    if (i === "Object" && e.constructor && (i = e.constructor.name), i === "Map" || i === "Set") return Array.from(e);
-    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return D(e, t);
-  }
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-function D(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var i = 0, s = new Array(t); i < t; i++) s[i] = e[i];
-  return s;
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
 }
-var _ = {
+var script = {
   name: "FileUpload",
-  extends: q,
-  inheritAttrs: !1,
+  "extends": script$2,
+  inheritAttrs: false,
   emits: ["select", "uploader", "before-upload", "progress", "upload", "error", "before-send", "clear", "remove", "remove-uploaded-file"],
-  duplicateIEEvent: !1,
-  data: function() {
+  duplicateIEEvent: false,
+  data: function data() {
     return {
       uploadedFileCount: 0,
       files: [],
       messages: [],
-      focused: !1,
+      focused: false,
       progress: null,
       uploadedFiles: []
     };
   },
   methods: {
-    onFileSelect: function(t) {
-      if (t.type !== "drop" && this.isIE11() && this.duplicateIEEvent) {
-        this.duplicateIEEvent = !1;
+    onFileSelect: function onFileSelect(event) {
+      if (event.type !== "drop" && this.isIE11() && this.duplicateIEEvent) {
+        this.duplicateIEEvent = false;
         return;
       }
-      this.messages = [], this.files = this.files || [];
-      var i = t.dataTransfer ? t.dataTransfer.files : t.target.files, s = S(i), n;
+      this.messages = [];
+      this.files = this.files || [];
+      var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+      var _iterator = _createForOfIteratorHelper(files), _step;
       try {
-        for (s.s(); !(n = s.n()).done; ) {
-          var l = n.value;
-          this.isFileSelected(l) || this.validate(l) && (this.isImage(l) && (l.objectURL = window.URL.createObjectURL(l)), this.files.push(l));
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          var file = _step.value;
+          if (!this.isFileSelected(file)) {
+            if (this.validate(file)) {
+              if (this.isImage(file)) {
+                file.objectURL = window.URL.createObjectURL(file);
+              }
+              this.files.push(file);
+            }
+          }
         }
-      } catch (u) {
-        s.e(u);
+      } catch (err) {
+        _iterator.e(err);
       } finally {
-        s.f();
+        _iterator.f();
       }
       this.$emit("select", {
-        originalEvent: t,
+        originalEvent: event,
         files: this.files
-      }), this.fileLimit && this.checkFileLimit(), this.auto && this.hasFiles && !this.isFileLimitExceeded() && this.upload(), t.type !== "drop" && this.isIE11() ? this.clearIEInput() : this.clearInputElement();
+      });
+      if (this.fileLimit) {
+        this.checkFileLimit();
+      }
+      if (this.auto && this.hasFiles && !this.isFileLimitExceeded()) {
+        this.upload();
+      }
+      if (event.type !== "drop" && this.isIE11()) {
+        this.clearIEInput();
+      } else {
+        this.clearInputElement();
+      }
     },
-    choose: function() {
+    choose: function choose() {
       this.$refs.fileInput.click();
     },
-    upload: function() {
-      var t = this;
-      if (this.customUpload)
-        this.fileLimit && (this.uploadedFileCount += this.files.length), this.$emit("uploader", {
+    upload: function upload() {
+      var _this = this;
+      if (this.customUpload) {
+        if (this.fileLimit) {
+          this.uploadedFileCount += this.files.length;
+        }
+        this.$emit("uploader", {
           files: this.files
-        }), this.clear();
-      else {
-        var i = new XMLHttpRequest(), s = new FormData();
+        });
+        this.clear();
+      } else {
+        var xhr = new XMLHttpRequest();
+        var formData = new FormData();
         this.$emit("before-upload", {
-          xhr: i,
-          formData: s
+          xhr,
+          formData
         });
-        var n = S(this.files), l;
+        var _iterator2 = _createForOfIteratorHelper(this.files), _step2;
         try {
-          for (n.s(); !(l = n.n()).done; ) {
-            var u = l.value;
-            s.append(this.name, u, u.name);
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+            var file = _step2.value;
+            formData.append(this.name, file, file.name);
           }
-        } catch (a) {
-          n.e(a);
+        } catch (err) {
+          _iterator2.e(err);
         } finally {
-          n.f();
+          _iterator2.f();
         }
-        i.upload.addEventListener("progress", function(a) {
-          a.lengthComputable && (t.progress = Math.round(a.loaded * 100 / a.total)), t.$emit("progress", {
-            originalEvent: a,
-            progress: t.progress
+        xhr.upload.addEventListener("progress", function(event) {
+          if (event.lengthComputable) {
+            _this.progress = Math.round(event.loaded * 100 / event.total);
+          }
+          _this.$emit("progress", {
+            originalEvent: event,
+            progress: _this.progress
           });
-        }), i.onreadystatechange = function() {
-          if (i.readyState === 4) {
-            var a;
-            t.progress = 0, i.status >= 200 && i.status < 300 ? (t.fileLimit && (t.uploadedFileCount += t.files.length), t.$emit("upload", {
-              xhr: i,
-              files: t.files
-            })) : t.$emit("error", {
-              xhr: i,
-              files: t.files
-            }), (a = t.uploadedFiles).push.apply(a, k(t.files)), t.clear();
+        });
+        xhr.onreadystatechange = function() {
+          if (xhr.readyState === 4) {
+            var _this$uploadedFiles;
+            _this.progress = 0;
+            if (xhr.status >= 200 && xhr.status < 300) {
+              if (_this.fileLimit) {
+                _this.uploadedFileCount += _this.files.length;
+              }
+              _this.$emit("upload", {
+                xhr,
+                files: _this.files
+              });
+            } else {
+              _this.$emit("error", {
+                xhr,
+                files: _this.files
+              });
+            }
+            (_this$uploadedFiles = _this.uploadedFiles).push.apply(_this$uploadedFiles, _toConsumableArray(_this.files));
+            _this.clear();
           }
-        }, i.open("POST", this.url, !0), this.$emit("before-send", {
-          xhr: i,
-          formData: s
-        }), i.withCredentials = this.withCredentials, i.send(s);
+        };
+        xhr.open("POST", this.url, true);
+        this.$emit("before-send", {
+          xhr,
+          formData
+        });
+        xhr.withCredentials = this.withCredentials;
+        xhr.send(formData);
       }
     },
-    clear: function() {
-      this.files = [], this.messages = null, this.$emit("clear"), this.isAdvanced && this.clearInputElement();
+    clear: function clear() {
+      this.files = [];
+      this.messages = null;
+      this.$emit("clear");
+      if (this.isAdvanced) {
+        this.clearInputElement();
+      }
     },
-    onFocus: function() {
-      this.focused = !0;
+    onFocus: function onFocus() {
+      this.focused = true;
     },
-    onBlur: function() {
-      this.focused = !1;
+    onBlur: function onBlur() {
+      this.focused = false;
     },
-    isFileSelected: function(t) {
+    isFileSelected: function isFileSelected(file) {
       if (this.files && this.files.length) {
-        var i = S(this.files), s;
+        var _iterator3 = _createForOfIteratorHelper(this.files), _step3;
         try {
-          for (i.s(); !(s = i.n()).done; ) {
-            var n = s.value;
-            if (n.name + n.type + n.size === t.name + t.type + t.size) return !0;
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
+            var sFile = _step3.value;
+            if (sFile.name + sFile.type + sFile.size === file.name + file.type + file.size) return true;
           }
-        } catch (l) {
-          i.e(l);
+        } catch (err) {
+          _iterator3.e(err);
         } finally {
-          i.f();
+          _iterator3.f();
         }
       }
-      return !1;
+      return false;
     },
-    isIE11: function() {
-      return !!window.MSInputMethodContext && !!document.documentMode;
+    isIE11: function isIE11() {
+      return !!window["MSInputMethodContext"] && !!document["documentMode"];
     },
-    validate: function(t) {
-      return this.accept && !this.isFileTypeValid(t) ? (this.messages.push(this.invalidFileTypeMessage.replace("{0}", t.name).replace("{1}", this.accept)), !1) : this.maxFileSize && t.size > this.maxFileSize ? (this.messages.push(this.invalidFileSizeMessage.replace("{0}", t.name).replace("{1}", this.formatSize(this.maxFileSize))), !1) : !0;
+    validate: function validate(file) {
+      if (this.accept && !this.isFileTypeValid(file)) {
+        this.messages.push(this.invalidFileTypeMessage.replace("{0}", file.name).replace("{1}", this.accept));
+        return false;
+      }
+      if (this.maxFileSize && file.size > this.maxFileSize) {
+        this.messages.push(this.invalidFileSizeMessage.replace("{0}", file.name).replace("{1}", this.formatSize(this.maxFileSize)));
+        return false;
+      }
+      return true;
     },
-    isFileTypeValid: function(t) {
-      var i = this.accept.split(",").map(function(a) {
-        return a.trim();
-      }), s = S(i), n;
+    isFileTypeValid: function isFileTypeValid(file) {
+      var acceptableTypes = this.accept.split(",").map(function(type2) {
+        return type2.trim();
+      });
+      var _iterator4 = _createForOfIteratorHelper(acceptableTypes), _step4;
       try {
-        for (s.s(); !(n = s.n()).done; ) {
-          var l = n.value, u = this.isWildcard(l) ? this.getTypeClass(t.type) === this.getTypeClass(l) : t.type == l || this.getFileExtension(t).toLowerCase() === l.toLowerCase();
-          if (u)
-            return !0;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
+          var type = _step4.value;
+          var acceptable = this.isWildcard(type) ? this.getTypeClass(file.type) === this.getTypeClass(type) : file.type == type || this.getFileExtension(file).toLowerCase() === type.toLowerCase();
+          if (acceptable) {
+            return true;
+          }
         }
-      } catch (a) {
-        s.e(a);
+      } catch (err) {
+        _iterator4.e(err);
       } finally {
-        s.f();
+        _iterator4.f();
       }
-      return !1;
+      return false;
     },
-    getTypeClass: function(t) {
-      return t.substring(0, t.indexOf("/"));
+    getTypeClass: function getTypeClass(fileType) {
+      return fileType.substring(0, fileType.indexOf("/"));
     },
-    isWildcard: function(t) {
-      return t.indexOf("*") !== -1;
+    isWildcard: function isWildcard(fileType) {
+      return fileType.indexOf("*") !== -1;
     },
-    getFileExtension: function(t) {
-      return "." + t.name.split(".").pop();
+    getFileExtension: function getFileExtension(file) {
+      return "." + file.name.split(".").pop();
     },
-    isImage: function(t) {
-      return /^image\//.test(t.type);
+    isImage: function isImage(file) {
+      return /^image\//.test(file.type);
     },
-    onDragEnter: function(t) {
-      this.disabled || (t.stopPropagation(), t.preventDefault());
+    onDragEnter: function onDragEnter(event) {
+      if (!this.disabled) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
     },
-    onDragOver: function(t) {
-      this.disabled || (!this.isUnstyled && w.addClass(this.$refs.content, "p-fileupload-highlight"), this.$refs.content.setAttribute("data-p-highlight", !0), t.stopPropagation(), t.preventDefault());
+    onDragOver: function onDragOver(event) {
+      if (!this.disabled) {
+        !this.isUnstyled && DomHandler.addClass(this.$refs.content, "p-fileupload-highlight");
+        this.$refs.content.setAttribute("data-p-highlight", true);
+        event.stopPropagation();
+        event.preventDefault();
+      }
     },
-    onDragLeave: function() {
-      this.disabled || (!this.isUnstyled && w.removeClass(this.$refs.content, "p-fileupload-highlight"), this.$refs.content.setAttribute("data-p-highlight", !1));
+    onDragLeave: function onDragLeave() {
+      if (!this.disabled) {
+        !this.isUnstyled && DomHandler.removeClass(this.$refs.content, "p-fileupload-highlight");
+        this.$refs.content.setAttribute("data-p-highlight", false);
+      }
     },
-    onDrop: function(t) {
+    onDrop: function onDrop(event) {
       if (!this.disabled) {
-        !this.isUnstyled && w.removeClass(this.$refs.content, "p-fileupload-highlight"), this.$refs.content.setAttribute("data-p-highlight", !1), t.stopPropagation(), t.preventDefault();
-        var i = t.dataTransfer ? t.dataTransfer.files : t.target.files, s = this.multiple || i && i.length === 1;
-        s && this.onFileSelect(t);
+        !this.isUnstyled && DomHandler.removeClass(this.$refs.content, "p-fileupload-highlight");
+        this.$refs.content.setAttribute("data-p-highlight", false);
+        event.stopPropagation();
+        event.preventDefault();
+        var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+        var allowDrop = this.multiple || files && files.length === 1;
+        if (allowDrop) {
+          this.onFileSelect(event);
+        }
       }
     },
-    onBasicUploaderClick: function(t) {
-      this.hasFiles ? this.upload() : t.button === 0 && this.$refs.fileInput.click();
+    onBasicUploaderClick: function onBasicUploaderClick(event) {
+      if (this.hasFiles) this.upload();
+      else if (event.button === 0) this.$refs.fileInput.click();
     },
-    remove: function(t) {
+    remove: function remove(index) {
       this.clearInputElement();
-      var i = this.files.splice(t, 1)[0];
-      this.files = k(this.files), this.$emit("remove", {
-        file: i,
+      var removedFile = this.files.splice(index, 1)[0];
+      this.files = _toConsumableArray(this.files);
+      this.$emit("remove", {
+        file: removedFile,
         files: this.files
       });
     },
-    removeUploadedFile: function(t) {
-      var i = this.uploadedFiles.splice(t, 1)[0];
-      this.uploadedFiles = k(this.uploadedFiles), this.$emit("remove-uploaded-file", {
-        file: i,
+    removeUploadedFile: function removeUploadedFile(index) {
+      var removedFile = this.uploadedFiles.splice(index, 1)[0];
+      this.uploadedFiles = _toConsumableArray(this.uploadedFiles);
+      this.$emit("remove-uploaded-file", {
+        file: removedFile,
         files: this.uploadedFiles
       });
     },
-    clearInputElement: function() {
+    clearInputElement: function clearInputElement() {
       this.$refs.fileInput.value = "";
     },
-    clearIEInput: function() {
-      this.$refs.fileInput && (this.duplicateIEEvent = !0, this.$refs.fileInput.value = "");
+    clearIEInput: function clearIEInput() {
+      if (this.$refs.fileInput) {
+        this.duplicateIEEvent = true;
+        this.$refs.fileInput.value = "";
+      }
     },
-    formatSize: function(t) {
-      var i, s = 1024, n = 3, l = ((i = this.$primevue.config.locale) === null || i === void 0 ? void 0 : i.fileSizeTypes) || ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-      if (t === 0)
-        return "0 ".concat(l[0]);
-      var u = Math.floor(Math.log(t) / Math.log(s)), a = parseFloat((t / Math.pow(s, u)).toFixed(n));
-      return "".concat(a, " ").concat(l[u]);
+    formatSize: function formatSize2(bytes) {
+      var _this$$primevue$confi;
+      var k = 1024;
+      var dm = 3;
+      var sizes = ((_this$$primevue$confi = this.$primevue.config.locale) === null || _this$$primevue$confi === void 0 ? void 0 : _this$$primevue$confi.fileSizeTypes) || ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+      if (bytes === 0) {
+        return "0 ".concat(sizes[0]);
+      }
+      var i = Math.floor(Math.log(bytes) / Math.log(k));
+      var formattedSize = parseFloat((bytes / Math.pow(k, i)).toFixed(dm));
+      return "".concat(formattedSize, " ").concat(sizes[i]);
     },
-    isFileLimitExceeded: function() {
-      return this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount && this.focused && (this.focused = !1), this.fileLimit && this.fileLimit < this.files.length + this.uploadedFileCount;
+    isFileLimitExceeded: function isFileLimitExceeded() {
+      if (this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount && this.focused) {
+        this.focused = false;
+      }
+      return this.fileLimit && this.fileLimit < this.files.length + this.uploadedFileCount;
     },
-    checkFileLimit: function() {
-      this.isFileLimitExceeded() && this.messages.push(this.invalidFileLimitMessage.replace("{0}", this.fileLimit.toString()));
+    checkFileLimit: function checkFileLimit() {
+      if (this.isFileLimitExceeded()) {
+        this.messages.push(this.invalidFileLimitMessage.replace("{0}", this.fileLimit.toString()));
+      }
     },
-    onMessageClose: function() {
+    onMessageClose: function onMessageClose() {
       this.messages = null;
     }
   },
   computed: {
-    isAdvanced: function() {
+    isAdvanced: function isAdvanced() {
       return this.mode === "advanced";
     },
-    isBasic: function() {
+    isBasic: function isBasic() {
       return this.mode === "basic";
     },
-    chooseButtonClass: function() {
-      return [this.cx("chooseButton"), this.class];
+    chooseButtonClass: function chooseButtonClass() {
+      return [this.cx("chooseButton"), this["class"]];
     },
-    basicChooseButtonLabel: function() {
-      return this.auto ? this.chooseButtonLabel : this.hasFiles ? this.files.map(function(t) {
-        return t.name;
+    basicChooseButtonLabel: function basicChooseButtonLabel() {
+      return this.auto ? this.chooseButtonLabel : this.hasFiles ? this.files.map(function(f) {
+        return f.name;
       }).join(", ") : this.chooseButtonLabel;
     },
-    hasFiles: function() {
+    hasFiles: function hasFiles() {
       return this.files && this.files.length > 0;
     },
-    hasUploadedFiles: function() {
+    hasUploadedFiles: function hasUploadedFiles() {
       return this.uploadedFiles && this.uploadedFiles.length > 0;
     },
-    chooseDisabled: function() {
+    chooseDisabled: function chooseDisabled() {
       return this.disabled || this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount;
     },
-    uploadDisabled: function() {
+    uploadDisabled: function uploadDisabled() {
       return this.disabled || !this.hasFiles || this.fileLimit && this.fileLimit < this.files.length;
     },
-    cancelDisabled: function() {
+    cancelDisabled: function cancelDisabled() {
       return this.disabled || !this.hasFiles;
     },
-    chooseButtonLabel: function() {
+    chooseButtonLabel: function chooseButtonLabel() {
       return this.chooseLabel || this.$primevue.config.locale.choose;
     },
-    uploadButtonLabel: function() {
+    uploadButtonLabel: function uploadButtonLabel() {
       return this.uploadLabel || this.$primevue.config.locale.upload;
     },
-    cancelButtonLabel: function() {
+    cancelButtonLabel: function cancelButtonLabel() {
       return this.cancelLabel || this.$primevue.config.locale.cancel;
     },
-    completedLabel: function() {
+    completedLabel: function completedLabel() {
       return this.$primevue.config.locale.completed;
     },
-    pendingLabel: function() {
+    pendingLabel: function pendingLabel() {
       return this.$primevue.config.locale.pending;
     }
   },
   components: {
-    FileUploadButton: A,
-    FileUploadProgressBar: K,
-    FileUploadMessage: j,
-    FileContent: P,
-    PlusIcon: O,
-    UploadIcon: R,
-    TimesIcon: V
+    FileUploadButton: script$7,
+    FileUploadProgressBar: script$a,
+    FileUploadMessage: script$9,
+    FileContent: script$1,
+    PlusIcon: script$5,
+    UploadIcon: script$4,
+    TimesIcon: script$3
   },
   directives: {
-    ripple: H
+    ripple: Ripple
   }
-}, ee = ["multiple", "accept", "disabled"], te = ["accept", "disabled", "multiple"];
-function le(e, t, i, s, n, l) {
-  var u = y("FileUploadButton"), a = y("FileUploadProgressBar"), p = y("FileContent"), d = y("FileUploadMessage"), I = Z("ripple");
-  return l.isAdvanced ? (o(), f("div", r({
+};
+var _hoisted_1 = ["multiple", "accept", "disabled"];
+var _hoisted_2 = ["accept", "disabled", "multiple"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_FileUploadButton = resolveComponent("FileUploadButton");
+  var _component_FileUploadProgressBar = resolveComponent("FileUploadProgressBar");
+  var _component_FileContent = resolveComponent("FileContent");
+  var _component_FileUploadMessage = resolveComponent("FileUploadMessage");
+  var _directive_ripple = resolveDirective("ripple");
+  return $options.isAdvanced ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
-    class: e.cx("root")
-  }, e.ptmi("root")), [h("input", r({
+    "class": _ctx.cx("root")
+  }, _ctx.ptmi("root")), [createElementVNode("input", mergeProps({
     ref: "fileInput",
     type: "file",
-    onChange: t[0] || (t[0] = function() {
-      return l.onFileSelect && l.onFileSelect.apply(l, arguments);
+    onChange: _cache[0] || (_cache[0] = function() {
+      return $options.onFileSelect && $options.onFileSelect.apply($options, arguments);
     }),
-    multiple: e.multiple,
-    accept: e.accept,
-    disabled: l.chooseDisabled
-  }, e.ptm("input")), null, 16, ee), h("div", r({
-    class: e.cx("buttonbar")
-  }, e.ptm("buttonbar")), [g(e.$slots, "header", {
-    files: n.files,
-    uploadedFiles: n.uploadedFiles,
-    chooseCallback: l.choose,
-    uploadCallback: l.upload,
-    clearCallback: l.clear
+    multiple: _ctx.multiple,
+    accept: _ctx.accept,
+    disabled: $options.chooseDisabled
+  }, _ctx.ptm("input")), null, 16, _hoisted_1), createElementVNode("div", mergeProps({
+    "class": _ctx.cx("buttonbar")
+  }, _ctx.ptm("buttonbar")), [renderSlot(_ctx.$slots, "header", {
+    files: $data.files,
+    uploadedFiles: $data.uploadedFiles,
+    chooseCallback: $options.choose,
+    uploadCallback: $options.upload,
+    clearCallback: $options.clear
   }, function() {
-    return [M((o(), f("span", r({
-      class: l.chooseButtonClass,
-      style: e.style,
-      onClick: t[1] || (t[1] = function() {
-        return l.choose && l.choose.apply(l, arguments);
+    return [withDirectives((openBlock(), createElementBlock("span", mergeProps({
+      "class": $options.chooseButtonClass,
+      style: _ctx.style,
+      onClick: _cache[1] || (_cache[1] = function() {
+        return $options.choose && $options.choose.apply($options, arguments);
       }),
-      onKeydown: t[2] || (t[2] = T(function() {
-        return l.choose && l.choose.apply(l, arguments);
+      onKeydown: _cache[2] || (_cache[2] = withKeys(function() {
+        return $options.choose && $options.choose.apply($options, arguments);
       }, ["enter"])),
-      onFocus: t[3] || (t[3] = function() {
-        return l.onFocus && l.onFocus.apply(l, arguments);
+      onFocus: _cache[3] || (_cache[3] = function() {
+        return $options.onFocus && $options.onFocus.apply($options, arguments);
       }),
-      onBlur: t[4] || (t[4] = function() {
-        return l.onBlur && l.onBlur.apply(l, arguments);
+      onBlur: _cache[4] || (_cache[4] = function() {
+        return $options.onBlur && $options.onBlur.apply($options, arguments);
       }),
       tabindex: "0"
-    }, e.ptm("chooseButton")), [g(e.$slots, "chooseicon", {
-      class: B(e.cx("chooseIcon"))
+    }, _ctx.ptm("chooseButton")), [renderSlot(_ctx.$slots, "chooseicon", {
+      "class": normalizeClass(_ctx.cx("chooseIcon"))
     }, function() {
-      return [(o(), m(b(e.chooseIcon ? "span" : "PlusIcon"), r({
-        class: [e.cx("chooseIcon"), e.chooseIcon],
+      return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.chooseIcon ? "span" : "PlusIcon"), mergeProps({
+        "class": [_ctx.cx("chooseIcon"), _ctx.chooseIcon],
         "aria-hidden": "true"
-      }, e.ptm("chooseIcon")), null, 16, ["class"]))];
-    }), h("span", r({
-      class: e.cx("chooseButtonLabel")
-    }, e.ptm("chooseButtonLabel")), F(l.chooseButtonLabel), 17)], 16)), [[I]]), e.showUploadButton ? (o(), m(u, {
+      }, _ctx.ptm("chooseIcon")), null, 16, ["class"]))];
+    }), createElementVNode("span", mergeProps({
+      "class": _ctx.cx("chooseButtonLabel")
+    }, _ctx.ptm("chooseButtonLabel")), toDisplayString($options.chooseButtonLabel), 17)], 16)), [[_directive_ripple]]), _ctx.showUploadButton ? (openBlock(), createBlock(_component_FileUploadButton, {
       key: 0,
-      label: l.uploadButtonLabel,
-      onClick: l.upload,
-      disabled: l.uploadDisabled,
-      unstyled: e.unstyled,
-      pt: e.ptm("uploadButton")
+      label: $options.uploadButtonLabel,
+      onClick: $options.upload,
+      disabled: $options.uploadDisabled,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.ptm("uploadButton")
     }, {
-      icon: C(function(c) {
-        return [g(e.$slots, "uploadicon", {}, function() {
-          return [(o(), m(b(e.uploadIcon ? "span" : "UploadIcon"), r({
-            class: [c.class, e.uploadIcon],
+      icon: withCtx(function(iconProps) {
+        return [renderSlot(_ctx.$slots, "uploadicon", {}, function() {
+          return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.uploadIcon ? "span" : "UploadIcon"), mergeProps({
+            "class": [iconProps["class"], _ctx.uploadIcon],
             "aria-hidden": "true"
-          }, e.ptm("uploadButton").icon, {
+          }, _ctx.ptm("uploadButton")["icon"], {
             "data-pc-section": "uploadbuttonicon"
           }), null, 16, ["class"]))];
         })];
       }),
       _: 3
-    }, 8, ["label", "onClick", "disabled", "unstyled", "pt"])) : v("", !0), e.showCancelButton ? (o(), m(u, {
+    }, 8, ["label", "onClick", "disabled", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.showCancelButton ? (openBlock(), createBlock(_component_FileUploadButton, {
       key: 1,
-      label: l.cancelButtonLabel,
-      onClick: l.clear,
-      disabled: l.cancelDisabled,
-      unstyled: e.unstyled,
-      pt: e.ptm("cancelButton")
+      label: $options.cancelButtonLabel,
+      onClick: $options.clear,
+      disabled: $options.cancelDisabled,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.ptm("cancelButton")
     }, {
-      icon: C(function(c) {
-        return [g(e.$slots, "cancelicon", {}, function() {
-          return [(o(), m(b(e.cancelIcon ? "span" : "TimesIcon"), r({
-            class: [c.class, e.cancelIcon],
+      icon: withCtx(function(iconProps) {
+        return [renderSlot(_ctx.$slots, "cancelicon", {}, function() {
+          return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.cancelIcon ? "span" : "TimesIcon"), mergeProps({
+            "class": [iconProps["class"], _ctx.cancelIcon],
             "aria-hidden": "true"
-          }, e.ptm("cancelButton").icon, {
+          }, _ctx.ptm("cancelButton")["icon"], {
             "data-pc-section": "cancelbuttonicon"
           }), null, 16, ["class"]))];
         })];
       }),
       _: 3
-    }, 8, ["label", "onClick", "disabled", "unstyled", "pt"])) : v("", !0)];
-  })], 16), h("div", r({
+    }, 8, ["label", "onClick", "disabled", "unstyled", "pt"])) : createCommentVNode("", true)];
+  })], 16), createElementVNode("div", mergeProps({
     ref: "content",
-    class: e.cx("content"),
-    onDragenter: t[5] || (t[5] = function() {
-      return l.onDragEnter && l.onDragEnter.apply(l, arguments);
+    "class": _ctx.cx("content"),
+    onDragenter: _cache[5] || (_cache[5] = function() {
+      return $options.onDragEnter && $options.onDragEnter.apply($options, arguments);
     }),
-    onDragover: t[6] || (t[6] = function() {
-      return l.onDragOver && l.onDragOver.apply(l, arguments);
+    onDragover: _cache[6] || (_cache[6] = function() {
+      return $options.onDragOver && $options.onDragOver.apply($options, arguments);
     }),
-    onDragleave: t[7] || (t[7] = function() {
-      return l.onDragLeave && l.onDragLeave.apply(l, arguments);
+    onDragleave: _cache[7] || (_cache[7] = function() {
+      return $options.onDragLeave && $options.onDragLeave.apply($options, arguments);
     }),
-    onDrop: t[8] || (t[8] = function() {
-      return l.onDrop && l.onDrop.apply(l, arguments);
+    onDrop: _cache[8] || (_cache[8] = function() {
+      return $options.onDrop && $options.onDrop.apply($options, arguments);
     })
-  }, e.ptm("content"), {
-    "data-p-highlight": !1
-  }), [g(e.$slots, "content", {
-    files: n.files,
-    uploadedFiles: n.uploadedFiles,
-    removeUploadedFileCallback: l.removeUploadedFile,
-    removeFileCallback: l.remove,
-    progress: n.progress,
-    messages: n.messages
+  }, _ctx.ptm("content"), {
+    "data-p-highlight": false
+  }), [renderSlot(_ctx.$slots, "content", {
+    files: $data.files,
+    uploadedFiles: $data.uploadedFiles,
+    removeUploadedFileCallback: $options.removeUploadedFile,
+    removeFileCallback: $options.remove,
+    progress: $data.progress,
+    messages: $data.messages
   }, function() {
-    return [l.hasFiles ? (o(), f(U, {
+    return [$options.hasFiles ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [L(a, {
-      value: n.progress,
-      showValue: !1,
-      unstyled: e.unstyled,
-      pt: e.ptm("progressbar")
-    }, null, 8, ["value", "unstyled", "pt"]), L(p, {
-      files: n.files,
-      onRemove: l.remove,
-      badgeValue: l.pendingLabel,
-      previewWidth: e.previewWidth,
-      templates: e.$slots,
-      unstyled: e.unstyled,
-      pt: e.pt
-    }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "unstyled", "pt"])], 64)) : v("", !0), (o(!0), f(U, null, E(n.messages, function(c) {
-      return o(), m(d, {
-        key: c,
+    }, [createVNode(_component_FileUploadProgressBar, {
+      value: $data.progress,
+      showValue: false,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.ptm("progressbar")
+    }, null, 8, ["value", "unstyled", "pt"]), createVNode(_component_FileContent, {
+      files: $data.files,
+      onRemove: $options.remove,
+      badgeValue: $options.pendingLabel,
+      previewWidth: _ctx.previewWidth,
+      templates: _ctx.$slots,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.pt
+    }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "unstyled", "pt"])], 64)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, function(msg) {
+      return openBlock(), createBlock(_component_FileUploadMessage, {
+        key: msg,
         severity: "error",
-        onClose: l.onMessageClose,
-        unstyled: e.unstyled,
-        pt: e.ptm("message")
+        onClose: $options.onMessageClose,
+        unstyled: _ctx.unstyled,
+        pt: _ctx.ptm("message")
       }, {
-        default: C(function() {
-          return [z(F(c), 1)];
+        "default": withCtx(function() {
+          return [createTextVNode(toDisplayString(msg), 1)];
         }),
         _: 2
       }, 1032, ["onClose", "unstyled", "pt"]);
-    }), 128)), L(p, {
-      files: n.uploadedFiles,
-      onRemove: l.removeUploadedFile,
-      badgeValue: l.completedLabel,
+    }), 128)), createVNode(_component_FileContent, {
+      files: $data.uploadedFiles,
+      onRemove: $options.removeUploadedFile,
+      badgeValue: $options.completedLabel,
       badgeSeverity: "success",
-      previewWidth: e.previewWidth,
-      templates: e.$slots,
-      unstyled: e.unstyled,
-      pt: e.pt
+      previewWidth: _ctx.previewWidth,
+      templates: _ctx.$slots,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.pt
     }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "unstyled", "pt"])];
-  }), e.$slots.empty && !l.hasFiles && !l.hasUploadedFiles ? (o(), f("div", r({
+  }), _ctx.$slots.empty && !$options.hasFiles && !$options.hasUploadedFiles ? (openBlock(), createElementBlock("div", mergeProps({
     key: 0,
-    class: e.cx("empty")
-  }, e.ptm("empty")), [g(e.$slots, "empty")], 16)) : v("", !0)], 16)], 16)) : l.isBasic ? (o(), f("div", r({
+    "class": _ctx.cx("empty")
+  }, _ctx.ptm("empty")), [renderSlot(_ctx.$slots, "empty")], 16)) : createCommentVNode("", true)], 16)], 16)) : $options.isBasic ? (openBlock(), createElementBlock("div", mergeProps({
     key: 1,
-    class: e.cx("root")
-  }, e.ptmi("root")), [(o(!0), f(U, null, E(n.messages, function(c) {
-    return o(), m(d, {
-      key: c,
+    "class": _ctx.cx("root")
+  }, _ctx.ptmi("root")), [(openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, function(msg) {
+    return openBlock(), createBlock(_component_FileUploadMessage, {
+      key: msg,
       severity: "error",
-      onClose: l.onMessageClose,
-      unstyled: e.unstyled,
-      pt: e.ptm("messages")
+      onClose: $options.onMessageClose,
+      unstyled: _ctx.unstyled,
+      pt: _ctx.ptm("messages")
     }, {
-      default: C(function() {
-        return [z(F(c), 1)];
+      "default": withCtx(function() {
+        return [createTextVNode(toDisplayString(msg), 1)];
       }),
       _: 2
     }, 1032, ["onClose", "unstyled", "pt"]);
-  }), 128)), M((o(), f("span", r({
-    class: l.chooseButtonClass,
-    style: e.style,
-    onMouseup: t[12] || (t[12] = function() {
-      return l.onBasicUploaderClick && l.onBasicUploaderClick.apply(l, arguments);
+  }), 128)), withDirectives((openBlock(), createElementBlock("span", mergeProps({
+    "class": $options.chooseButtonClass,
+    style: _ctx.style,
+    onMouseup: _cache[12] || (_cache[12] = function() {
+      return $options.onBasicUploaderClick && $options.onBasicUploaderClick.apply($options, arguments);
     }),
-    onKeydown: t[13] || (t[13] = T(function() {
-      return l.choose && l.choose.apply(l, arguments);
+    onKeydown: _cache[13] || (_cache[13] = withKeys(function() {
+      return $options.choose && $options.choose.apply($options, arguments);
     }, ["enter"])),
-    onFocus: t[14] || (t[14] = function() {
-      return l.onFocus && l.onFocus.apply(l, arguments);
+    onFocus: _cache[14] || (_cache[14] = function() {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),
-    onBlur: t[15] || (t[15] = function() {
-      return l.onBlur && l.onBlur.apply(l, arguments);
+    onBlur: _cache[15] || (_cache[15] = function() {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
     }),
     tabindex: "0"
-  }, e.ptm("chooseButton")), [!l.hasFiles || e.auto ? g(e.$slots, "uploadicon", {
+  }, _ctx.ptm("chooseButton")), [!$options.hasFiles || _ctx.auto ? renderSlot(_ctx.$slots, "uploadicon", {
     key: 0,
-    class: B(e.cx("uploadIcon"))
+    "class": normalizeClass(_ctx.cx("uploadIcon"))
   }, function() {
-    return [(o(), m(b(e.uploadIcon ? "span" : "UploadIcon"), r({
-      class: [e.cx("uploadIcon"), e.uploadIcon],
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.uploadIcon ? "span" : "UploadIcon"), mergeProps({
+      "class": [_ctx.cx("uploadIcon"), _ctx.uploadIcon],
       "aria-hidden": "true"
-    }, e.ptm("uploadIcon")), null, 16, ["class"]))];
-  }) : g(e.$slots, "chooseicon", {
+    }, _ctx.ptm("uploadIcon")), null, 16, ["class"]))];
+  }) : renderSlot(_ctx.$slots, "chooseicon", {
     key: 1,
-    class: B(e.cx("chooseIcon"))
+    "class": normalizeClass(_ctx.cx("chooseIcon"))
   }, function() {
-    return [(o(), m(b(e.chooseIcon ? "span" : "PlusIcon"), r({
-      class: [e.cx("chooseIcon"), e.chooseIcon],
+    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.chooseIcon ? "span" : "PlusIcon"), mergeProps({
+      "class": [_ctx.cx("chooseIcon"), _ctx.chooseIcon],
       "aria-hidden": "true"
-    }, e.ptm("chooseIcon")), null, 16, ["class"]))];
-  }), h("span", r({
-    class: e.cx("label")
-  }, e.ptm("label")), F(l.basicChooseButtonLabel), 17), l.hasFiles ? v("", !0) : (o(), f("input", r({
+    }, _ctx.ptm("chooseIcon")), null, 16, ["class"]))];
+  }), createElementVNode("span", mergeProps({
+    "class": _ctx.cx("label")
+  }, _ctx.ptm("label")), toDisplayString($options.basicChooseButtonLabel), 17), !$options.hasFiles ? (openBlock(), createElementBlock("input", mergeProps({
     key: 2,
     ref: "fileInput",
     type: "file",
-    accept: e.accept,
-    disabled: e.disabled,
-    multiple: e.multiple,
-    onChange: t[9] || (t[9] = function() {
-      return l.onFileSelect && l.onFileSelect.apply(l, arguments);
+    accept: _ctx.accept,
+    disabled: _ctx.disabled,
+    multiple: _ctx.multiple,
+    onChange: _cache[9] || (_cache[9] = function() {
+      return $options.onFileSelect && $options.onFileSelect.apply($options, arguments);
     }),
-    onFocus: t[10] || (t[10] = function() {
-      return l.onFocus && l.onFocus.apply(l, arguments);
+    onFocus: _cache[10] || (_cache[10] = function() {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),
-    onBlur: t[11] || (t[11] = function() {
-      return l.onBlur && l.onBlur.apply(l, arguments);
+    onBlur: _cache[11] || (_cache[11] = function() {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
     })
-  }, e.ptm("input")), null, 16, te))], 16)), [[I]])], 16)) : v("", !0);
+  }, _ctx.ptm("input")), null, 16, _hoisted_2)) : createCommentVNode("", true)], 16)), [[_directive_ripple]])], 16)) : createCommentVNode("", true);
 }
-_.render = le;
+script.render = render;
 export {
-  _ as s
+  script as s
 };