@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/index175.js

@@ -0,0 +1,761 @@
+import A from "./index213.js";
+import O from "./index214.js";
+import V from "./index215.js";
+import R from "./index216.js";
+import j from "./index217.js";
+import K from "./index218.js";
+import H from "./index210.js";
+import { DomHandler as w } from "./index162.js";
+import W from "./index211.js";
+import G from "./index219.js";
+import Y from "./index220.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 = {
+  name: "BaseFileUpload",
+  extends: W,
+  props: {
+    name: {
+      type: String,
+      default: null
+    },
+    url: {
+      type: String,
+      default: null
+    },
+    mode: {
+      type: String,
+      default: "advanced"
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    accept: {
+      type: String,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    auto: {
+      type: Boolean,
+      default: !1
+    },
+    maxFileSize: {
+      type: Number,
+      default: null
+    },
+    invalidFileSizeMessage: {
+      type: String,
+      default: "{0}: Invalid file size, file size should be smaller than {1}."
+    },
+    invalidFileTypeMessage: {
+      type: String,
+      default: "{0}: Invalid file type, allowed file types: {1}."
+    },
+    fileLimit: {
+      type: Number,
+      default: null
+    },
+    invalidFileLimitMessage: {
+      type: String,
+      default: "Maximum number of files exceeded, limit is {0} at most."
+    },
+    withCredentials: {
+      type: Boolean,
+      default: !1
+    },
+    previewWidth: {
+      type: Number,
+      default: 50
+    },
+    chooseLabel: {
+      type: String,
+      default: null
+    },
+    uploadLabel: {
+      type: String,
+      default: null
+    },
+    cancelLabel: {
+      type: String,
+      default: null
+    },
+    customUpload: {
+      type: Boolean,
+      default: !1
+    },
+    showUploadButton: {
+      type: Boolean,
+      default: !0
+    },
+    showCancelButton: {
+      type: Boolean,
+      default: !0
+    },
+    chooseIcon: {
+      type: String,
+      default: void 0
+    },
+    uploadIcon: {
+      type: String,
+      default: void 0
+    },
+    cancelIcon: {
+      type: String,
+      default: void 0
+    },
+    style: null,
+    class: null
+  },
+  style: G,
+  provide: function() {
+    return {
+      $parentInstance: this
+    };
+  }
+}, P = {
+  name: "FileContent",
+  hostName: "FileUpload",
+  extends: W,
+  emits: ["remove"],
+  props: {
+    files: {
+      type: Array,
+      default: function() {
+        return [];
+      }
+    },
+    badgeSeverity: {
+      type: String,
+      default: "warning"
+    },
+    badgeValue: {
+      type: String,
+      default: null
+    },
+    previewWidth: {
+      type: Number,
+      default: 50
+    },
+    templates: {
+      type: 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]);
+    }
+  },
+  components: {
+    FileUploadButton: A,
+    FileUploadBadge: Y,
+    TimesIcon: V
+  }
+}, 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({
+      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);
+      },
+      text: "",
+      rounded: "",
+      severity: "danger",
+      class: B(e.cx("removeButton")),
+      unstyled: e.unstyled,
+      pt: e.ptm("removeButton")
+    }, {
+      icon: C(function(c) {
+        return [i.templates.fileremoveicon ? (o(), m(b(i.templates.fileremoveicon), {
+          key: 0,
+          class: B(c.class),
+          file: d,
+          index: I
+        }, null, 8, ["class", "file", "index"])) : (o(), m(a, r({
+          key: 1,
+          class: c.class,
+          "aria-hidden": "true"
+        }, e.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();
+}
+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 $(e) {
+  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+}
+function x(e) {
+  if (Array.isArray(e)) return D(e);
+}
+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() {
+      };
+      return { s: n, n: function() {
+        return s >= e.length ? { done: !0 } : { done: !1, value: e[s++] };
+      }, e: function(d) {
+        throw d;
+      }, f: n };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In 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() {
+    try {
+      !l && i.return != null && i.return();
+    } finally {
+      if (u) throw a;
+    }
+  } };
+}
+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 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;
+}
+var _ = {
+  name: "FileUpload",
+  extends: q,
+  inheritAttrs: !1,
+  emits: ["select", "uploader", "before-upload", "progress", "upload", "error", "before-send", "clear", "remove", "remove-uploaded-file"],
+  duplicateIEEvent: !1,
+  data: function() {
+    return {
+      uploadedFileCount: 0,
+      files: [],
+      messages: [],
+      focused: !1,
+      progress: null,
+      uploadedFiles: []
+    };
+  },
+  methods: {
+    onFileSelect: function(t) {
+      if (t.type !== "drop" && this.isIE11() && this.duplicateIEEvent) {
+        this.duplicateIEEvent = !1;
+        return;
+      }
+      this.messages = [], this.files = this.files || [];
+      var i = t.dataTransfer ? t.dataTransfer.files : t.target.files, s = S(i), n;
+      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));
+        }
+      } catch (u) {
+        s.e(u);
+      } finally {
+        s.f();
+      }
+      this.$emit("select", {
+        originalEvent: t,
+        files: this.files
+      }), this.fileLimit && this.checkFileLimit(), this.auto && this.hasFiles && !this.isFileLimitExceeded() && this.upload(), t.type !== "drop" && this.isIE11() ? this.clearIEInput() : this.clearInputElement();
+    },
+    choose: function() {
+      this.$refs.fileInput.click();
+    },
+    upload: function() {
+      var t = this;
+      if (this.customUpload)
+        this.fileLimit && (this.uploadedFileCount += this.files.length), this.$emit("uploader", {
+          files: this.files
+        }), this.clear();
+      else {
+        var i = new XMLHttpRequest(), s = new FormData();
+        this.$emit("before-upload", {
+          xhr: i,
+          formData: s
+        });
+        var n = S(this.files), l;
+        try {
+          for (n.s(); !(l = n.n()).done; ) {
+            var u = l.value;
+            s.append(this.name, u, u.name);
+          }
+        } catch (a) {
+          n.e(a);
+        } finally {
+          n.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
+          });
+        }), 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();
+          }
+        }, i.open("POST", this.url, !0), this.$emit("before-send", {
+          xhr: i,
+          formData: s
+        }), i.withCredentials = this.withCredentials, i.send(s);
+      }
+    },
+    clear: function() {
+      this.files = [], this.messages = null, this.$emit("clear"), this.isAdvanced && this.clearInputElement();
+    },
+    onFocus: function() {
+      this.focused = !0;
+    },
+    onBlur: function() {
+      this.focused = !1;
+    },
+    isFileSelected: function(t) {
+      if (this.files && this.files.length) {
+        var i = S(this.files), s;
+        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;
+          }
+        } catch (l) {
+          i.e(l);
+        } finally {
+          i.f();
+        }
+      }
+      return !1;
+    },
+    isIE11: function() {
+      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;
+    },
+    isFileTypeValid: function(t) {
+      var i = this.accept.split(",").map(function(a) {
+        return a.trim();
+      }), s = S(i), n;
+      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;
+        }
+      } catch (a) {
+        s.e(a);
+      } finally {
+        s.f();
+      }
+      return !1;
+    },
+    getTypeClass: function(t) {
+      return t.substring(0, t.indexOf("/"));
+    },
+    isWildcard: function(t) {
+      return t.indexOf("*") !== -1;
+    },
+    getFileExtension: function(t) {
+      return "." + t.name.split(".").pop();
+    },
+    isImage: function(t) {
+      return /^image\//.test(t.type);
+    },
+    onDragEnter: function(t) {
+      this.disabled || (t.stopPropagation(), t.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());
+    },
+    onDragLeave: function() {
+      this.disabled || (!this.isUnstyled && w.removeClass(this.$refs.content, "p-fileupload-highlight"), this.$refs.content.setAttribute("data-p-highlight", !1));
+    },
+    onDrop: function(t) {
+      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);
+      }
+    },
+    onBasicUploaderClick: function(t) {
+      this.hasFiles ? this.upload() : t.button === 0 && this.$refs.fileInput.click();
+    },
+    remove: function(t) {
+      this.clearInputElement();
+      var i = this.files.splice(t, 1)[0];
+      this.files = k(this.files), this.$emit("remove", {
+        file: i,
+        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,
+        files: this.uploadedFiles
+      });
+    },
+    clearInputElement: function() {
+      this.$refs.fileInput.value = "";
+    },
+    clearIEInput: function() {
+      this.$refs.fileInput && (this.duplicateIEEvent = !0, 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]);
+    },
+    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;
+    },
+    checkFileLimit: function() {
+      this.isFileLimitExceeded() && this.messages.push(this.invalidFileLimitMessage.replace("{0}", this.fileLimit.toString()));
+    },
+    onMessageClose: function() {
+      this.messages = null;
+    }
+  },
+  computed: {
+    isAdvanced: function() {
+      return this.mode === "advanced";
+    },
+    isBasic: function() {
+      return this.mode === "basic";
+    },
+    chooseButtonClass: function() {
+      return [this.cx("chooseButton"), this.class];
+    },
+    basicChooseButtonLabel: function() {
+      return this.auto ? this.chooseButtonLabel : this.hasFiles ? this.files.map(function(t) {
+        return t.name;
+      }).join(", ") : this.chooseButtonLabel;
+    },
+    hasFiles: function() {
+      return this.files && this.files.length > 0;
+    },
+    hasUploadedFiles: function() {
+      return this.uploadedFiles && this.uploadedFiles.length > 0;
+    },
+    chooseDisabled: function() {
+      return this.disabled || this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount;
+    },
+    uploadDisabled: function() {
+      return this.disabled || !this.hasFiles || this.fileLimit && this.fileLimit < this.files.length;
+    },
+    cancelDisabled: function() {
+      return this.disabled || !this.hasFiles;
+    },
+    chooseButtonLabel: function() {
+      return this.chooseLabel || this.$primevue.config.locale.choose;
+    },
+    uploadButtonLabel: function() {
+      return this.uploadLabel || this.$primevue.config.locale.upload;
+    },
+    cancelButtonLabel: function() {
+      return this.cancelLabel || this.$primevue.config.locale.cancel;
+    },
+    completedLabel: function() {
+      return this.$primevue.config.locale.completed;
+    },
+    pendingLabel: function() {
+      return this.$primevue.config.locale.pending;
+    }
+  },
+  components: {
+    FileUploadButton: A,
+    FileUploadProgressBar: K,
+    FileUploadMessage: j,
+    FileContent: P,
+    PlusIcon: O,
+    UploadIcon: R,
+    TimesIcon: V
+  },
+  directives: {
+    ripple: H
+  }
+}, 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({
+    key: 0,
+    class: e.cx("root")
+  }, e.ptmi("root")), [h("input", r({
+    ref: "fileInput",
+    type: "file",
+    onChange: t[0] || (t[0] = function() {
+      return l.onFileSelect && l.onFileSelect.apply(l, 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
+  }, 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);
+      }),
+      onKeydown: t[2] || (t[2] = T(function() {
+        return l.choose && l.choose.apply(l, arguments);
+      }, ["enter"])),
+      onFocus: t[3] || (t[3] = function() {
+        return l.onFocus && l.onFocus.apply(l, arguments);
+      }),
+      onBlur: t[4] || (t[4] = function() {
+        return l.onBlur && l.onBlur.apply(l, arguments);
+      }),
+      tabindex: "0"
+    }, e.ptm("chooseButton")), [g(e.$slots, "chooseicon", {
+      class: B(e.cx("chooseIcon"))
+    }, function() {
+      return [(o(), m(b(e.chooseIcon ? "span" : "PlusIcon"), r({
+        class: [e.cx("chooseIcon"), e.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, {
+      key: 0,
+      label: l.uploadButtonLabel,
+      onClick: l.upload,
+      disabled: l.uploadDisabled,
+      unstyled: e.unstyled,
+      pt: e.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],
+            "aria-hidden": "true"
+          }, e.ptm("uploadButton").icon, {
+            "data-pc-section": "uploadbuttonicon"
+          }), null, 16, ["class"]))];
+        })];
+      }),
+      _: 3
+    }, 8, ["label", "onClick", "disabled", "unstyled", "pt"])) : v("", !0), e.showCancelButton ? (o(), m(u, {
+      key: 1,
+      label: l.cancelButtonLabel,
+      onClick: l.clear,
+      disabled: l.cancelDisabled,
+      unstyled: e.unstyled,
+      pt: e.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],
+            "aria-hidden": "true"
+          }, e.ptm("cancelButton").icon, {
+            "data-pc-section": "cancelbuttonicon"
+          }), null, 16, ["class"]))];
+        })];
+      }),
+      _: 3
+    }, 8, ["label", "onClick", "disabled", "unstyled", "pt"])) : v("", !0)];
+  })], 16), h("div", r({
+    ref: "content",
+    class: e.cx("content"),
+    onDragenter: t[5] || (t[5] = function() {
+      return l.onDragEnter && l.onDragEnter.apply(l, arguments);
+    }),
+    onDragover: t[6] || (t[6] = function() {
+      return l.onDragOver && l.onDragOver.apply(l, arguments);
+    }),
+    onDragleave: t[7] || (t[7] = function() {
+      return l.onDragLeave && l.onDragLeave.apply(l, arguments);
+    }),
+    onDrop: t[8] || (t[8] = function() {
+      return l.onDrop && l.onDrop.apply(l, 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
+  }, function() {
+    return [l.hasFiles ? (o(), f(U, {
+      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,
+        severity: "error",
+        onClose: l.onMessageClose,
+        unstyled: e.unstyled,
+        pt: e.ptm("message")
+      }, {
+        default: C(function() {
+          return [z(F(c), 1)];
+        }),
+        _: 2
+      }, 1032, ["onClose", "unstyled", "pt"]);
+    }), 128)), L(p, {
+      files: n.uploadedFiles,
+      onRemove: l.removeUploadedFile,
+      badgeValue: l.completedLabel,
+      badgeSeverity: "success",
+      previewWidth: e.previewWidth,
+      templates: e.$slots,
+      unstyled: e.unstyled,
+      pt: e.pt
+    }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "unstyled", "pt"])];
+  }), e.$slots.empty && !l.hasFiles && !l.hasUploadedFiles ? (o(), f("div", r({
+    key: 0,
+    class: e.cx("empty")
+  }, e.ptm("empty")), [g(e.$slots, "empty")], 16)) : v("", !0)], 16)], 16)) : l.isBasic ? (o(), f("div", r({
+    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,
+      severity: "error",
+      onClose: l.onMessageClose,
+      unstyled: e.unstyled,
+      pt: e.ptm("messages")
+    }, {
+      default: C(function() {
+        return [z(F(c), 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);
+    }),
+    onKeydown: t[13] || (t[13] = T(function() {
+      return l.choose && l.choose.apply(l, arguments);
+    }, ["enter"])),
+    onFocus: t[14] || (t[14] = function() {
+      return l.onFocus && l.onFocus.apply(l, arguments);
+    }),
+    onBlur: t[15] || (t[15] = function() {
+      return l.onBlur && l.onBlur.apply(l, arguments);
+    }),
+    tabindex: "0"
+  }, e.ptm("chooseButton")), [!l.hasFiles || e.auto ? g(e.$slots, "uploadicon", {
+    key: 0,
+    class: B(e.cx("uploadIcon"))
+  }, function() {
+    return [(o(), m(b(e.uploadIcon ? "span" : "UploadIcon"), r({
+      class: [e.cx("uploadIcon"), e.uploadIcon],
+      "aria-hidden": "true"
+    }, e.ptm("uploadIcon")), null, 16, ["class"]))];
+  }) : g(e.$slots, "chooseicon", {
+    key: 1,
+    class: B(e.cx("chooseIcon"))
+  }, function() {
+    return [(o(), m(b(e.chooseIcon ? "span" : "PlusIcon"), r({
+      class: [e.cx("chooseIcon"), e.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({
+    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);
+    }),
+    onFocus: t[10] || (t[10] = function() {
+      return l.onFocus && l.onFocus.apply(l, arguments);
+    }),
+    onBlur: t[11] || (t[11] = function() {
+      return l.onBlur && l.onBlur.apply(l, arguments);
+    })
+  }, e.ptm("input")), null, 16, te))], 16)), [[I]])], 16)) : v("", !0);
+}
+_.render = le;
+export {
+  _ as default
+};