@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index185.js

@@ -1,1236 +1,761 @@
-import q from "./index228.js";
-import X from "./index229.js";
-import { ZIndexUtils as T, DomHandler as c, UniqueComponentId as k, ObjectUtils as $ } from "./index170.js";
-import O from "./index218.js";
-import Y from "./index230.js";
-import J from "./index222.js";
-import L from "./index217.js";
-import H from "./index231.js";
-import M from "./index232.js";
-import { resolveDirective as C, createElementBlock as d, openBlock as s, mergeProps as l, createElementVNode as b, createCommentVNode as h, withDirectives as y, createBlock as f, resolveDynamicComponent as p, Fragment as U, renderList as G, resolveComponent as A, createVNode as z, withCtx as D, Transition as Q } from "vue";
-import ee from "./index233.js";
-import te from "./index234.js";
-var ie = {
-  name: "BaseGalleria",
-  extends: O,
+import A from "./index219.js";
+import O from "./index220.js";
+import V from "./index221.js";
+import R from "./index222.js";
+import j from "./index223.js";
+import K from "./index224.js";
+import H from "./index225.js";
+import { DomHandler as w } from "./index172.js";
+import W from "./index226.js";
+import G from "./index227.js";
+import Y from "./index228.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: {
-    id: {
+    name: {
       type: String,
       default: null
     },
-    value: {
-      type: Array,
+    url: {
+      type: String,
       default: null
     },
-    activeIndex: {
-      type: Number,
-      default: 0
-    },
-    fullScreen: {
-      type: Boolean,
-      default: !1
+    mode: {
+      type: String,
+      default: "advanced"
     },
-    visible: {
+    multiple: {
       type: Boolean,
       default: !1
     },
-    numVisible: {
-      type: Number,
-      default: 3
-    },
-    responsiveOptions: {
-      type: Array,
+    accept: {
+      type: String,
       default: null
     },
-    showItemNavigators: {
+    disabled: {
       type: Boolean,
       default: !1
     },
-    showThumbnailNavigators: {
-      type: Boolean,
-      default: !0
-    },
-    showItemNavigatorsOnHover: {
-      type: Boolean,
-      default: !1
-    },
-    changeItemOnIndicatorHover: {
+    auto: {
       type: Boolean,
       default: !1
     },
-    circular: {
-      type: Boolean,
-      default: !1
-    },
-    autoPlay: {
-      type: Boolean,
-      default: !1
-    },
-    transitionInterval: {
+    maxFileSize: {
       type: Number,
-      default: 4e3
-    },
-    showThumbnails: {
-      type: Boolean,
-      default: !0
+      default: null
     },
-    thumbnailsPosition: {
+    invalidFileSizeMessage: {
       type: String,
-      default: "bottom"
+      default: "{0}: Invalid file size, file size should be smaller than {1}."
     },
-    verticalThumbnailViewPortHeight: {
+    invalidFileTypeMessage: {
       type: String,
-      default: "300px"
+      default: "{0}: Invalid file type, allowed file types: {1}."
     },
-    showIndicators: {
-      type: Boolean,
-      default: !1
+    fileLimit: {
+      type: Number,
+      default: null
+    },
+    invalidFileLimitMessage: {
+      type: String,
+      default: "Maximum number of files exceeded, limit is {0} at most."
     },
-    showIndicatorsOnItem: {
+    withCredentials: {
       type: Boolean,
       default: !1
     },
-    indicatorsPosition: {
-      type: String,
-      default: "bottom"
-    },
-    baseZIndex: {
+    previewWidth: {
       type: Number,
-      default: 0
+      default: 50
     },
-    maskClass: {
+    chooseLabel: {
       type: String,
       default: null
     },
-    containerStyle: {
-      type: null,
+    uploadLabel: {
+      type: String,
       default: null
     },
-    containerClass: {
-      type: null,
+    cancelLabel: {
+      type: String,
       default: null
     },
-    containerProps: {
-      type: null,
-      default: null
+    customUpload: {
+      type: Boolean,
+      default: !1
     },
-    prevButtonProps: {
-      type: null,
-      default: null
+    showUploadButton: {
+      type: Boolean,
+      default: !0
     },
-    nextButtonProps: {
-      type: null,
-      default: null
+    showCancelButton: {
+      type: Boolean,
+      default: !0
     },
-    ariaLabel: {
+    chooseIcon: {
       type: String,
-      default: null
+      default: void 0
     },
-    ariaRoledescription: {
+    uploadIcon: {
       type: String,
-      default: null
-    }
+      default: void 0
+    },
+    cancelIcon: {
+      type: String,
+      default: void 0
+    },
+    style: null,
+    class: null
   },
-  style: Y,
+  style: G,
   provide: function() {
     return {
       $parentInstance: this
     };
   }
-};
-function g(e) {
-  return oe(e) || re(e) || ae(e) || ne();
-}
-function ne() {
-  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 ae(e, t) {
-  if (e) {
-    if (typeof e == "string") return V(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 V(e, t);
-  }
-}
-function re(e) {
-  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
-}
-function oe(e) {
-  if (Array.isArray(e)) return V(e);
-}
-function V(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var i = 0, n = new Array(t); i < t; i++) n[i] = e[i];
-  return n;
-}
-var _ = {
-  name: "GalleriaItem",
-  hostName: "Galleria",
-  extends: O,
-  emits: ["start-slideshow", "stop-slideshow", "update:activeIndex"],
+}, P = {
+  name: "FileContent",
+  hostName: "FileUpload",
+  extends: W,
+  emits: ["remove"],
   props: {
-    circular: {
-      type: Boolean,
-      default: !1
-    },
-    activeIndex: {
-      type: Number,
-      default: 0
-    },
-    value: {
+    files: {
       type: Array,
-      default: null
-    },
-    showItemNavigators: {
-      type: Boolean,
-      default: !0
-    },
-    showIndicators: {
-      type: Boolean,
-      default: !0
+      default: function() {
+        return [];
+      }
     },
-    slideShowActive: {
-      type: Boolean,
-      default: !0
+    badgeSeverity: {
+      type: String,
+      default: "warning"
     },
-    changeItemOnIndicatorHover: {
-      type: Boolean,
-      default: !0
+    badgeValue: {
+      type: String,
+      default: null
     },
-    autoPlay: {
-      type: Boolean,
-      default: !1
+    previewWidth: {
+      type: Number,
+      default: 50
     },
     templates: {
       type: null,
       default: null
-    },
-    id: {
-      type: String,
-      default: null
     }
   },
-  mounted: function() {
-    this.autoPlay && this.$emit("start-slideshow");
-  },
   methods: {
-    getIndicatorPTOptions: function(t) {
-      return {
-        context: {
-          highlighted: this.activeIndex === t
-        }
-      };
-    },
-    next: function() {
-      var t = this.activeIndex + 1, i = this.circular && this.value.length - 1 === this.activeIndex ? 0 : t;
-      this.$emit("update:activeIndex", i);
-    },
-    prev: function() {
-      var t = this.activeIndex !== 0 ? this.activeIndex - 1 : 0, i = this.circular && this.activeIndex === 0 ? this.value.length - 1 : t;
-      this.$emit("update:activeIndex", i);
-    },
-    stopSlideShow: function() {
-      this.slideShowActive && this.stopSlideShow && this.$emit("stop-slideshow");
-    },
-    navBackward: function(t) {
-      this.stopSlideShow(), this.prev(), t && t.cancelable && t.preventDefault();
-    },
-    navForward: function(t) {
-      this.stopSlideShow(), this.next(), t && t.cancelable && t.preventDefault();
-    },
-    onIndicatorClick: function(t) {
-      this.stopSlideShow(), this.$emit("update:activeIndex", t);
-    },
-    onIndicatorMouseEnter: function(t) {
-      this.changeItemOnIndicatorHover && (this.stopSlideShow(), this.$emit("update:activeIndex", t));
-    },
-    onIndicatorKeyDown: function(t, i) {
-      switch (t.code) {
-        case "Enter":
-        case "NumpadEnter":
-        case "Space":
-          this.stopSlideShow(), this.$emit("update:activeIndex", i), t.preventDefault();
-          break;
-        case "ArrowRight":
-          this.onRightKey();
-          break;
-        case "ArrowLeft":
-          this.onLeftKey();
-          break;
-        case "Home":
-          this.onHomeKey(), t.preventDefault();
-          break;
-        case "End":
-          this.onEndKey(), t.preventDefault();
-          break;
-        case "Tab":
-          this.onTabKey();
-          break;
-        case "ArrowDown":
-        case "ArrowUp":
-        case "PageUp":
-        case "PageDown":
-          t.preventDefault();
-          break;
-      }
-    },
-    onRightKey: function() {
-      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(i, i + 1 === t.length ? t.length - 1 : i + 1);
-    },
-    onLeftKey: function() {
-      var t = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(t, t - 1 <= 0 ? 0 : t - 1);
-    },
-    onHomeKey: function() {
-      var t = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(t, 0);
-    },
-    onEndKey: function() {
-      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(i, t.length - 1);
-    },
-    onTabKey: function() {
-      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = t.findIndex(function(a) {
-        return c.getAttribute(a, "data-p-highlight") === !0;
-      }), n = c.findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]'), r = t.findIndex(function(a) {
-        return a === n.parentElement;
-      });
-      t[r].children[0].tabIndex = "-1", t[i].children[0].tabIndex = "0";
-    },
-    findFocusedIndicatorIndex: function() {
-      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = c.findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]');
-      return t.findIndex(function(n) {
-        return n === i.parentElement;
-      });
-    },
-    changedFocusedIndicator: function(t, i) {
-      var n = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]'));
-      n[t].children[0].tabIndex = "-1", n[i].children[0].tabIndex = "0", n[i].children[0].focus();
-    },
-    isIndicatorItemActive: function(t) {
-      return this.activeIndex === t;
-    },
-    isNavBackwardDisabled: function() {
-      return !this.circular && this.activeIndex === 0;
-    },
-    isNavForwardDisabled: function() {
-      return !this.circular && this.activeIndex === this.value.length - 1;
-    },
-    ariaSlideNumber: function(t) {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g, t) : void 0;
-    },
-    ariaPageLabel: function(t) {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g, t) : void 0;
-    }
-  },
-  computed: {
-    activeItem: function() {
-      return this.value[this.activeIndex];
-    },
-    ariaSlideLabel: function() {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slide : void 0;
+    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: {
-    ChevronLeftIcon: H,
-    ChevronRightIcon: M
-  },
-  directives: {
-    ripple: L
+    FileUploadButton: A,
+    FileUploadBadge: Y,
+    TimesIcon: V
   }
-}, se = ["disabled"], le = ["id", "aria-label", "aria-roledescription"], ue = ["disabled"], ce = ["aria-label", "aria-selected", "aria-controls", "onClick", "onMouseenter", "onKeydown", "data-p-highlight"], de = ["tabindex"];
-function he(e, t, i, n, r, a) {
-  var v = C("ripple");
-  return s(), d("div", l({
-    class: e.cx("itemWrapper")
-  }, e.ptm("itemWrapper")), [b("div", l({
-    class: e.cx("itemContainer")
-  }, e.ptm("itemContainer")), [i.showItemNavigators ? y((s(), d("button", l({
-    key: 0,
-    type: "button",
-    class: e.cx("previousItemButton"),
-    onClick: t[0] || (t[0] = function(u) {
-      return a.navBackward(u);
-    }),
-    disabled: a.isNavBackwardDisabled()
-  }, e.ptm("previousItemButton"), {
-    "data-pc-group-section": "itemnavigator"
-  }), [(s(), f(p(i.templates.previousitemicon || "ChevronLeftIcon"), l({
-    class: e.cx("previousItemIcon")
-  }, e.ptm("previousItemIcon")), null, 16, ["class"]))], 16, se)), [[v]]) : h("", !0), b("div", l({
-    id: i.id + "_item_" + i.activeIndex,
-    class: e.cx("item"),
-    role: "group",
-    "aria-label": a.ariaSlideNumber(i.activeIndex + 1),
-    "aria-roledescription": a.ariaSlideLabel
-  }, e.ptm("item")), [i.templates.item ? (s(), f(p(i.templates.item), {
-    key: 0,
-    item: a.activeItem
-  }, null, 8, ["item"])) : h("", !0)], 16, le), i.showItemNavigators ? y((s(), d("button", l({
-    key: 1,
-    type: "button",
-    class: e.cx("nextItemButton"),
-    onClick: t[1] || (t[1] = function(u) {
-      return a.navForward(u);
-    }),
-    disabled: a.isNavForwardDisabled()
-  }, e.ptm("nextItemButton"), {
-    "data-pc-group-section": "itemnavigator"
-  }), [(s(), f(p(i.templates.nextitemicon || "ChevronRightIcon"), l({
-    class: e.cx("nextItemIcon")
-  }, e.ptm("nextItemIcon")), null, 16, ["class"]))], 16, ue)), [[v]]) : h("", !0), i.templates.caption ? (s(), d("div", l({
-    key: 2,
-    class: e.cx("caption")
-  }, e.ptm("caption")), [i.templates.caption ? (s(), f(p(i.templates.caption), {
-    key: 0,
-    item: a.activeItem
-  }, null, 8, ["item"])) : h("", !0)], 16)) : h("", !0)], 16), i.showIndicators ? (s(), d("ul", l({
-    key: 0,
-    ref: "indicatorContent",
-    class: e.cx("indicators")
-  }, e.ptm("indicators")), [(s(!0), d(U, null, G(i.value, function(u, o) {
-    return s(), d("li", l({
-      key: "p-galleria-indicator-".concat(o),
-      class: e.cx("indicator", {
-        index: o
-      }),
-      "aria-label": a.ariaPageLabel(o + 1),
-      "aria-selected": i.activeIndex === o,
-      "aria-controls": i.id + "_item_" + o,
-      onClick: function(I) {
-        return a.onIndicatorClick(o);
-      },
-      onMouseenter: function(I) {
-        return a.onIndicatorMouseEnter(o);
+}, 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);
       },
-      onKeydown: function(I) {
-        return a.onIndicatorKeyDown(I, o);
-      }
-    }, e.ptm("indicator", a.getIndicatorPTOptions(o)), {
-      "data-p-highlight": a.isIndicatorItemActive(o)
-    }), [i.templates.indicator ? h("", !0) : (s(), d("button", l({
-      key: 0,
-      type: "button",
-      tabindex: i.activeIndex === o ? "0" : "-1",
-      class: e.cx("indicatorButton")
-    }, e.ptm("indicatorButton", a.getIndicatorPTOptions(o))), null, 16, de)), i.templates.indicator ? (s(), f(p(i.templates.indicator), {
-      key: 1,
-      index: o
-    }, null, 8, ["index"])) : h("", !0)], 16, ce);
-  }), 128))], 16)) : h("", !0)], 16);
+      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);
 }
-_.render = he;
-function B(e) {
-  return pe(e) || ve(e) || fe(e) || me();
+P.render = J;
+function k(e) {
+  return x(e) || $(e) || N(e) || Q();
 }
-function me() {
+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 fe(e, t) {
+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 N(e, t);
+    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 N(e, t);
+    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return D(e, t);
   }
 }
-function ve(e) {
-  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
-}
-function pe(e) {
-  if (Array.isArray(e)) return N(e);
-}
-function N(e, t) {
+function D(e, t) {
   (t == null || t > e.length) && (t = e.length);
-  for (var i = 0, n = new Array(t); i < t; i++) n[i] = e[i];
-  return n;
+  for (var i = 0, s = new Array(t); i < t; i++) s[i] = e[i];
+  return s;
 }
-var W = {
-  name: "GalleriaThumbnails",
-  hostName: "Galleria",
-  extends: O,
-  emits: ["stop-slideshow", "update:activeIndex"],
-  props: {
-    containerId: {
-      type: String,
-      default: null
-    },
-    value: {
-      type: Array,
-      default: null
-    },
-    numVisible: {
-      type: Number,
-      default: 3
-    },
-    activeIndex: {
-      type: Number,
-      default: 0
-    },
-    isVertical: {
-      type: Boolean,
-      default: !1
-    },
-    slideShowActive: {
-      type: Boolean,
-      default: !1
-    },
-    circular: {
-      type: Boolean,
-      default: !1
-    },
-    responsiveOptions: {
-      type: Array,
-      default: null
-    },
-    contentHeight: {
-      type: String,
-      default: "300px"
-    },
-    showThumbnailNavigators: {
-      type: Boolean,
-      default: !0
-    },
-    templates: {
-      type: null,
-      default: null
-    },
-    prevButtonProps: {
-      type: null,
-      default: null
-    },
-    nextButtonProps: {
-      type: null,
-      default: null
-    }
-  },
-  startPos: null,
-  thumbnailsStyle: null,
-  sortedResponsiveOptions: null,
+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 {
-      d_numVisible: this.numVisible,
-      d_oldNumVisible: this.numVisible,
-      d_activeIndex: this.activeIndex,
-      d_oldActiveItemIndex: this.activeIndex,
-      totalShiftedItems: 0,
-      page: 0
+      uploadedFileCount: 0,
+      files: [],
+      messages: [],
+      focused: !1,
+      progress: null,
+      uploadedFiles: []
     };
   },
-  watch: {
-    numVisible: function(t, i) {
-      this.d_numVisible = t, this.d_oldNumVisible = i;
-    },
-    activeIndex: function(t, i) {
-      this.d_activeIndex = t, this.d_oldActiveItemIndex = i;
-    }
-  },
-  mounted: function() {
-    this.createStyle(), this.calculatePosition(), this.responsiveOptions && this.bindDocumentListeners();
-  },
-  updated: function() {
-    var t = this.totalShiftedItems;
-    (this.d_oldNumVisible !== this.d_numVisible || this.d_oldActiveItemIndex !== this.d_activeIndex) && (this.d_activeIndex <= this.getMedianItemIndex() ? t = 0 : this.value.length - this.d_numVisible + this.getMedianItemIndex() < this.d_activeIndex ? t = this.d_numVisible - this.value.length : this.value.length - this.d_numVisible < this.d_activeIndex && this.d_numVisible % 2 === 0 ? t = this.d_activeIndex * -1 + this.getMedianItemIndex() + 1 : t = this.d_activeIndex * -1 + this.getMedianItemIndex(), t !== this.totalShiftedItems && (this.totalShiftedItems = t), this.$refs.itemsContainer.style.transform = this.isVertical ? "translate3d(0, ".concat(t * (100 / this.d_numVisible), "%, 0)") : "translate3d(".concat(t * (100 / this.d_numVisible), "%, 0, 0)"), this.d_oldActiveItemIndex !== this.d_activeIndex && (document.body.setAttribute("data-p-items-hidden", "false"), !this.isUnstyled && c.removeClass(this.$refs.itemsContainer, "p-items-hidden"), this.$refs.itemsContainer.style.transition = "transform 500ms ease 0s"), this.d_oldActiveItemIndex = this.d_activeIndex, this.d_oldNumVisible = this.d_numVisible);
-  },
-  beforeUnmount: function() {
-    this.responsiveOptions && this.unbindDocumentListeners(), this.thumbnailsStyle && this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle);
-  },
   methods: {
-    step: function(t) {
-      var i = this.totalShiftedItems + t;
-      t < 0 && -1 * i + this.d_numVisible > this.value.length - 1 ? i = this.d_numVisible - this.value.length : t > 0 && i > 0 && (i = 0), this.circular && (t < 0 && this.value.length - 1 === this.d_activeIndex ? i = 0 : t > 0 && this.d_activeIndex === 0 && (i = this.d_numVisible - this.value.length)), this.$refs.itemsContainer && (document.body.setAttribute("data-p-items-hidden", "false"), !this.isUnstyled && c.removeClass(this.$refs.itemsContainer, "p-items-hidden"), this.$refs.itemsContainer.style.transform = this.isVertical ? "translate3d(0, ".concat(i * (100 / this.d_numVisible), "%, 0)") : "translate3d(".concat(i * (100 / this.d_numVisible), "%, 0, 0)"), this.$refs.itemsContainer.style.transition = "transform 500ms ease 0s"), this.totalShiftedItems = i;
-    },
-    stopSlideShow: function() {
-      this.slideShowActive && this.stopSlideShow && this.$emit("stop-slideshow");
-    },
-    getMedianItemIndex: function() {
-      var t = Math.floor(this.d_numVisible / 2);
-      return this.d_numVisible % 2 ? t : t - 1;
-    },
-    navBackward: function(t) {
-      this.stopSlideShow();
-      var i = this.d_activeIndex !== 0 ? this.d_activeIndex - 1 : 0, n = i + this.totalShiftedItems;
-      this.d_numVisible - n - 1 > this.getMedianItemIndex() && (-1 * this.totalShiftedItems !== 0 || this.circular) && this.step(1);
-      var r = this.circular && this.d_activeIndex === 0 ? this.value.length - 1 : i;
-      this.$emit("update:activeIndex", r), t.cancelable && t.preventDefault();
-    },
-    navForward: function(t) {
-      this.stopSlideShow();
-      var i = this.d_activeIndex === this.value.length - 1 ? this.value.length - 1 : this.d_activeIndex + 1;
-      i + this.totalShiftedItems > this.getMedianItemIndex() && (-1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 || this.circular) && this.step(-1);
-      var n = this.circular && this.value.length - 1 === this.d_activeIndex ? 0 : i;
-      this.$emit("update:activeIndex", n), t.cancelable && t.preventDefault();
-    },
-    onItemClick: function(t) {
-      this.stopSlideShow();
-      var i = t;
-      if (i !== this.d_activeIndex) {
-        var n = i + this.totalShiftedItems, r = 0;
-        i < this.d_activeIndex ? (r = this.d_numVisible - n - 1 - this.getMedianItemIndex(), r > 0 && -1 * this.totalShiftedItems !== 0 && this.step(r)) : (r = this.getMedianItemIndex() - n, r < 0 && -1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 && this.step(r)), this.$emit("update:activeIndex", i);
+    onFileSelect: function(t) {
+      if (t.type !== "drop" && this.isIE11() && this.duplicateIEEvent) {
+        this.duplicateIEEvent = !1;
+        return;
       }
-    },
-    onThumbnailKeydown: function(t, i) {
-      switch ((t.code === "Enter" || t.code === "NumpadEnter" || t.code === "Space") && (this.onItemClick(i), t.preventDefault()), t.code) {
-        case "ArrowRight":
-          this.onRightKey();
-          break;
-        case "ArrowLeft":
-          this.onLeftKey();
-          break;
-        case "Home":
-          this.onHomeKey(), t.preventDefault();
-          break;
-        case "End":
-          this.onEndKey(), t.preventDefault();
-          break;
-        case "ArrowUp":
-        case "ArrowDown":
-          t.preventDefault();
-          break;
-        case "Tab":
-          this.onTabKey();
-          break;
+      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();
     },
-    onRightKey: function() {
-      var t = c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]'), i = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(i, i + 1 === t.length ? t.length - 1 : i + 1);
-    },
-    onLeftKey: function() {
-      var t = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(t, t - 1 <= 0 ? 0 : t - 1);
-    },
-    onHomeKey: function() {
-      var t = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(t, 0);
+    choose: function() {
+      this.$refs.fileInput.click();
     },
-    onEndKey: function() {
-      var t = c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]'), i = this.findFocusedIndicatorIndex();
-      this.changedFocusedIndicator(i, t.length - 1);
-    },
-    onTabKey: function() {
-      var t = B(c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]')), i = t.findIndex(function(a) {
-        return c.getAttribute(a, "data-p-active") === !0;
-      }), n = c.findSingle(this.$refs.itemsContainer, '[tabindex="0"]'), r = t.findIndex(function(a) {
-        return a === n.parentElement;
-      });
-      t[r].children[0].tabIndex = "-1", t[i].children[0].tabIndex = "0";
+    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);
+      }
     },
-    findFocusedIndicatorIndex: function() {
-      var t = B(c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]')), i = c.findSingle(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"] > [tabindex="0"]');
-      return t.findIndex(function(n) {
-        return n === i.parentElement;
-      });
+    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;
     },
-    changedFocusedIndicator: function(t, i) {
-      var n = c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]');
-      n[t].children[0].tabIndex = "-1", n[i].children[0].tabIndex = "0", n[i].children[0].focus();
+    getTypeClass: function(t) {
+      return t.substring(0, t.indexOf("/"));
     },
-    onTransitionEnd: function(t) {
-      this.$refs.itemsContainer && t.propertyName === "transform" && (document.body.setAttribute("data-p-items-hidden", "true"), !this.isUnstyled && c.addClass(this.$refs.itemsContainer, "p-items-hidden"), this.$refs.itemsContainer.style.transition = "");
+    isWildcard: function(t) {
+      return t.indexOf("*") !== -1;
     },
-    onTouchStart: function(t) {
-      var i = t.changedTouches[0];
-      this.startPos = {
-        x: i.pageX,
-        y: i.pageY
-      };
+    getFileExtension: function(t) {
+      return "." + t.name.split(".").pop();
     },
-    onTouchMove: function(t) {
-      t.cancelable && t.preventDefault();
+    isImage: function(t) {
+      return /^image\//.test(t.type);
     },
-    onTouchEnd: function(t) {
-      var i = t.changedTouches[0];
-      this.isVertical ? this.changePageOnTouch(t, i.pageY - this.startPos.y) : this.changePageOnTouch(t, i.pageX - this.startPos.x);
+    onDragEnter: function(t) {
+      this.disabled || (t.stopPropagation(), t.preventDefault());
     },
-    changePageOnTouch: function(t, i) {
-      i < 0 ? this.navForward(t) : this.navBackward(t);
+    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());
     },
-    getTotalPageNumber: function() {
-      return this.value.length > this.d_numVisible ? this.value.length - this.d_numVisible + 1 : 0;
+    onDragLeave: function() {
+      this.disabled || (!this.isUnstyled && w.removeClass(this.$refs.content, "p-fileupload-highlight"), this.$refs.content.setAttribute("data-p-highlight", !1));
     },
-    createStyle: function() {
-      if (!this.thumbnailsStyle) {
-        var t;
-        this.thumbnailsStyle = document.createElement("style"), this.thumbnailsStyle.type = "text/css", c.setAttribute(this.thumbnailsStyle, "nonce", (t = this.$primevue) === null || t === void 0 || (t = t.config) === null || t === void 0 || (t = t.csp) === null || t === void 0 ? void 0 : t.nonce), document.body.appendChild(this.thumbnailsStyle);
-      }
-      var i = `
-                #`.concat(this.containerId, ` [data-pc-section="thumbnailitem"] {
-                    flex: 1 0 `).concat(100 / this.d_numVisible, `%
-                }
-            `);
-      if (this.responsiveOptions && !this.isUnstyled) {
-        this.sortedResponsiveOptions = B(this.responsiveOptions);
-        var n = $.localeComparator();
-        this.sortedResponsiveOptions.sort(function(v, u) {
-          var o = v.breakpoint, m = u.breakpoint;
-          return $.sort(o, m, -1, n);
-        });
-        for (var r = 0; r < this.sortedResponsiveOptions.length; r++) {
-          var a = this.sortedResponsiveOptions[r];
-          i += `
-                        @media screen and (max-width: `.concat(a.breakpoint, `) {
-                            #`).concat(this.containerId, ` .p-galleria-thumbnail-item {
-                                flex: 1 0 `).concat(100 / a.numVisible, `%
-                            }
-                        }
-                    `);
-        }
-      }
-      this.thumbnailsStyle.innerHTML = i;
-    },
-    calculatePosition: function() {
-      if (this.$refs.itemsContainer && this.sortedResponsiveOptions) {
-        for (var t = window.innerWidth, i = {
-          numVisible: this.numVisible
-        }, n = 0; n < this.sortedResponsiveOptions.length; n++) {
-          var r = this.sortedResponsiveOptions[n];
-          parseInt(r.breakpoint, 10) >= t && (i = r);
-        }
-        this.d_numVisible !== i.numVisible && (this.d_numVisible = i.numVisible);
+    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);
       }
     },
-    bindDocumentListeners: function() {
-      var t = this;
-      this.documentResizeListener || (this.documentResizeListener = function() {
-        t.calculatePosition();
-      }, window.addEventListener("resize", this.documentResizeListener));
+    onBasicUploaderClick: function(t) {
+      this.hasFiles ? this.upload() : t.button === 0 && this.$refs.fileInput.click();
     },
-    unbindDocumentListeners: function() {
-      this.documentResizeListener && (window.removeEventListener("resize", this.documentResizeListener), this.documentResizeListener = null);
+    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
+      });
     },
-    isNavBackwardDisabled: function() {
-      return !this.circular && this.d_activeIndex === 0 || this.value.length <= this.d_numVisible;
+    clearInputElement: function() {
+      this.$refs.fileInput.value = "";
     },
-    isNavForwardDisabled: function() {
-      return !this.circular && this.d_activeIndex === this.value.length - 1 || this.value.length <= this.d_numVisible;
+    clearIEInput: function() {
+      this.$refs.fileInput && (this.duplicateIEEvent = !0, this.$refs.fileInput.value = "");
     },
-    firstItemAciveIndex: function() {
-      return this.totalShiftedItems * -1;
+    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]);
     },
-    lastItemActiveIndex: function() {
-      return this.firstItemAciveIndex() + this.d_numVisible - 1;
+    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;
     },
-    isItemActive: function(t) {
-      return this.firstItemAciveIndex() <= t && this.lastItemActiveIndex() >= t;
+    checkFileLimit: function() {
+      this.isFileLimitExceeded() && this.messages.push(this.invalidFileLimitMessage.replace("{0}", this.fileLimit.toString()));
     },
-    ariaPageLabel: function(t) {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g, t) : void 0;
+    onMessageClose: function() {
+      this.messages = null;
     }
   },
   computed: {
-    ariaPrevButtonLabel: function() {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.prevPageLabel : void 0;
+    isAdvanced: function() {
+      return this.mode === "advanced";
     },
-    ariaNextButtonLabel: function() {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : void 0;
-    }
-  },
-  components: {
-    ChevronLeftIcon: H,
-    ChevronRightIcon: M,
-    ChevronUpIcon: te,
-    ChevronDownIcon: ee
-  },
-  directives: {
-    ripple: L
-  }
-};
-function S(e) {
-  "@babel/helpers - typeof";
-  return S = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, S(e);
-}
-function E(e, t) {
-  var i = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), i.push.apply(i, n);
-  }
-  return i;
-}
-function x(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var i = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? E(Object(i), !0).forEach(function(n) {
-      be(e, n, i[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : E(Object(i)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
-    });
-  }
-  return e;
-}
-function be(e, t, i) {
-  return t = Ie(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
-}
-function Ie(e) {
-  var t = ye(e, "string");
-  return S(t) == "symbol" ? t : String(t);
-}
-function ye(e, t) {
-  if (S(e) != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var n = i.call(e, t);
-    if (S(n) != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(e);
-}
-var ge = ["disabled", "aria-label"], Se = ["data-p-active", "aria-selected", "aria-controls", "onKeydown", "data-p-galleria-thumbnail-item-current", "data-p-galleria-thumbnail-item-active", "data-p-galleria-thumbnail-item-start", "data-p-galleria-thumbnail-item-end"], we = ["tabindex", "aria-label", "aria-current", "onClick"], Pe = ["disabled", "aria-label"];
-function xe(e, t, i, n, r, a) {
-  var v = C("ripple");
-  return s(), d("div", l({
-    class: e.cx("thumbnailWrapper")
-  }, e.ptm("thumbnailWrapper")), [b("div", l({
-    class: e.cx("thumbnailContainer")
-  }, e.ptm("thumbnailContainer")), [i.showThumbnailNavigators ? y((s(), d("button", l({
-    key: 0,
-    class: e.cx("previousThumbnailButton"),
-    disabled: a.isNavBackwardDisabled(),
-    type: "button",
-    "aria-label": a.ariaPrevButtonLabel,
-    onClick: t[0] || (t[0] = function(u) {
-      return a.navBackward(u);
-    })
-  }, x(x({}, i.prevButtonProps), e.ptm("previousThumbnailButton")), {
-    "data-pc-group-section": "thumbnailnavigator"
-  }), [(s(), f(p(i.templates.previousthumbnailicon || (i.isVertical ? "ChevronUpIcon" : "ChevronLeftIcon")), l({
-    class: e.cx("previousThumbnailIcon")
-  }, e.ptm("previousThumbnailIcon")), null, 16, ["class"]))], 16, ge)), [[v]]) : h("", !0), b("div", l({
-    class: e.cx("thumbnailItemsContainer"),
-    style: {
-      height: i.isVertical ? i.contentHeight : ""
-    }
-  }, e.ptm("thumbnailItemsContainer")), [b("div", l({
-    ref: "itemsContainer",
-    class: e.cx("thumbnailItems"),
-    role: "tablist",
-    onTransitionend: t[1] || (t[1] = function(u) {
-      return a.onTransitionEnd(u);
-    }),
-    onTouchstart: t[2] || (t[2] = function(u) {
-      return a.onTouchStart(u);
-    }),
-    onTouchmove: t[3] || (t[3] = function(u) {
-      return a.onTouchMove(u);
-    }),
-    onTouchend: t[4] || (t[4] = function(u) {
-      return a.onTouchEnd(u);
-    })
-  }, e.ptm("thumbnailItems")), [(s(!0), d(U, null, G(i.value, function(u, o) {
-    return s(), d("div", l({
-      key: "p-galleria-thumbnail-item-".concat(o),
-      class: e.cx("thumbnailItem", {
-        index: o,
-        activeIndex: i.activeIndex
-      }),
-      role: "tab",
-      "data-p-active": i.activeIndex === o,
-      "aria-selected": i.activeIndex === o,
-      "aria-controls": i.containerId + "_item_" + o,
-      onKeydown: function(I) {
-        return a.onThumbnailKeydown(I, o);
-      }
-    }, e.ptm("thumbnailItem"), {
-      "data-p-galleria-thumbnail-item-current": i.activeIndex === o,
-      "data-p-galleria-thumbnail-item-active": a.isItemActive(o),
-      "data-p-galleria-thumbnail-item-start": a.firstItemAciveIndex() === o,
-      "data-p-galleria-thumbnail-item-end": a.lastItemActiveIndex() === o
-    }), [b("div", l({
-      class: e.cx("thumbnailItemContent"),
-      tabindex: i.activeIndex === o ? "0" : "-1",
-      "aria-label": a.ariaPageLabel(o + 1),
-      "aria-current": i.activeIndex === o ? "page" : void 0,
-      onClick: function(I) {
-        return a.onItemClick(o);
-      }
-    }, e.ptm("thumbnailItemContent")), [i.templates.thumbnail ? (s(), f(p(i.templates.thumbnail), {
-      key: 0,
-      item: u
-    }, null, 8, ["item"])) : h("", !0)], 16, we)], 16, Se);
-  }), 128))], 16)], 16), i.showThumbnailNavigators ? y((s(), d("button", l({
-    key: 1,
-    class: e.cx("nextThumbnailButton"),
-    disabled: a.isNavForwardDisabled(),
-    type: "button",
-    "aria-label": a.ariaNextButtonLabel,
-    onClick: t[5] || (t[5] = function(u) {
-      return a.navForward(u);
-    })
-  }, x(x({}, i.nextButtonProps), e.ptm("nextThumbnailButton")), {
-    "data-pc-group-section": "thumbnailnavigator"
-  }), [(s(), f(p(i.templates.nextthumbnailicon || (i.isVertical ? "ChevronDownIcon" : "ChevronRightIcon")), l({
-    class: e.cx("nextThumbnailIcon")
-  }, e.ptm("nextThumbnailIcon")), null, 16, ["class"]))], 16, Pe)), [[v]]) : h("", !0)], 16)], 16);
-}
-W.render = xe;
-function w(e) {
-  "@babel/helpers - typeof";
-  return w = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, w(e);
-}
-function K(e, t) {
-  var i = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), i.push.apply(i, n);
-  }
-  return i;
-}
-function j(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var i = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? K(Object(i), !0).forEach(function(n) {
-      Ae(e, n, i[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : K(Object(i)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
-    });
-  }
-  return e;
-}
-function Ae(e, t, i) {
-  return t = Oe(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
-}
-function Oe(e) {
-  var t = Ce(e, "string");
-  return w(t) == "symbol" ? t : String(t);
-}
-function Ce(e, t) {
-  if (w(e) != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var n = i.call(e, t);
-    if (w(n) != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(e);
-}
-var Z = {
-  name: "GalleriaContent",
-  hostName: "Galleria",
-  extends: O,
-  inheritAttrs: !1,
-  interval: null,
-  emits: ["activeitem-change", "mask-hide"],
-  data: function() {
-    return {
-      id: this.$attrs.id || k(),
-      activeIndex: this.$attrs.activeIndex,
-      numVisible: this.$attrs.numVisible,
-      slideShowActive: !1
-    };
-  },
-  watch: {
-    "$attrs.id": function(t) {
-      this.id = t || k();
+    isBasic: function() {
+      return this.mode === "basic";
     },
-    "$attrs.value": function(t) {
-      t && t.length < this.numVisible && (this.numVisible = t.length);
+    chooseButtonClass: function() {
+      return [this.cx("chooseButton"), this.class];
     },
-    "$attrs.activeIndex": function(t) {
-      this.activeIndex = t;
+    basicChooseButtonLabel: function() {
+      return this.auto ? this.chooseButtonLabel : this.hasFiles ? this.files.map(function(t) {
+        return t.name;
+      }).join(", ") : this.chooseButtonLabel;
     },
-    "$attrs.numVisible": function(t) {
-      this.numVisible = t;
+    hasFiles: function() {
+      return this.files && this.files.length > 0;
     },
-    "$attrs.autoPlay": function(t) {
-      t ? this.startSlideShow() : this.stopSlideShow();
-    }
-  },
-  mounted: function() {
-    this.id = this.id || k();
-  },
-  updated: function() {
-    this.$emit("activeitem-change", this.activeIndex);
-  },
-  beforeUnmount: function() {
-    this.slideShowActive && this.stopSlideShow();
-  },
-  methods: {
-    getPTOptions: function(t) {
-      return this.ptm(t, {
-        props: j(j({}, this.$attrs), {}, {
-          pt: this.pt,
-          unstyled: this.unstyled
-        })
-      });
+    hasUploadedFiles: function() {
+      return this.uploadedFiles && this.uploadedFiles.length > 0;
     },
-    isAutoPlayActive: function() {
-      return this.slideShowActive;
+    chooseDisabled: function() {
+      return this.disabled || this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount;
     },
-    startSlideShow: function() {
-      var t = this;
-      this.interval = setInterval(function() {
-        var i = t.$attrs.circular && t.$attrs.value.length - 1 === t.activeIndex ? 0 : t.activeIndex + 1;
-        t.activeIndex = i;
-      }, this.$attrs.transitionInterval), this.slideShowActive = !0;
+    uploadDisabled: function() {
+      return this.disabled || !this.hasFiles || this.fileLimit && this.fileLimit < this.files.length;
     },
-    stopSlideShow: function() {
-      this.interval && clearInterval(this.interval), this.slideShowActive = !1;
+    cancelDisabled: function() {
+      return this.disabled || !this.hasFiles;
     },
-    getPositionClass: function(t, i) {
-      var n = ["top", "left", "bottom", "right"], r = n.find(function(a) {
-        return a === i;
-      });
-      return r ? "".concat(t, "-").concat(r) : "";
+    chooseButtonLabel: function() {
+      return this.chooseLabel || this.$primevue.config.locale.choose;
     },
-    isVertical: function() {
-      return this.$attrs.thumbnailsPosition === "left" || this.$attrs.thumbnailsPosition === "right";
-    }
-  },
-  computed: {
-    closeAriaLabel: function() {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : void 0;
+    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: {
-    GalleriaItem: _,
-    GalleriaThumbnails: W,
-    TimesIcon: J
+    FileUploadButton: A,
+    FileUploadProgressBar: K,
+    FileUploadMessage: j,
+    FileContent: P,
+    PlusIcon: O,
+    UploadIcon: R,
+    TimesIcon: V
   },
   directives: {
-    ripple: L
+    ripple: H
   }
-};
-function P(e) {
-  "@babel/helpers - typeof";
-  return P = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, P(e);
-}
-function F(e, t) {
-  var i = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), i.push.apply(i, n);
-  }
-  return i;
-}
-function R(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var i = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? F(Object(i), !0).forEach(function(n) {
-      Te(e, n, i[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : F(Object(i)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
-    });
-  }
-  return e;
-}
-function Te(e, t, i) {
-  return t = ke(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
-}
-function ke(e) {
-  var t = Be(e, "string");
-  return P(t) == "symbol" ? t : String(t);
-}
-function Be(e, t) {
-  if (P(e) != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var n = i.call(e, t);
-    if (P(n) != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(e);
-}
-var Ve = ["id", "aria-label", "aria-roledescription"], Ne = ["aria-label"], Le = ["aria-live"];
-function $e(e, t, i, n, r, a) {
-  var v = A("GalleriaItem"), u = A("GalleriaThumbnails"), o = C("ripple");
-  return e.$attrs.value && e.$attrs.value.length > 0 ? (s(), d("div", l({
-    key: 0,
-    id: r.id,
-    role: "region",
-    class: [e.cx("root"), e.$attrs.containerClass],
-    style: e.$attrs.containerStyle,
-    "aria-label": e.$attrs.ariaLabel,
-    "aria-roledescription": e.$attrs.ariaRoledescription
-  }, R(R({}, e.$attrs.containerProps), a.getPTOptions("root"))), [e.$attrs.fullScreen ? y((s(), d("button", l({
+}, 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,
-    autofocus: "",
-    type: "button",
-    class: e.cx("closeButton"),
-    "aria-label": a.closeAriaLabel,
-    onClick: t[0] || (t[0] = function(m) {
-      return e.$emit("mask-hide");
-    })
-  }, a.getPTOptions("closeButton")), [(s(), f(p(e.$attrs.templates.closeicon || "TimesIcon"), l({
-    class: e.cx("closeIcon")
-  }, a.getPTOptions("closeIcon")), null, 16, ["class"]))], 16, Ne)), [[o]]) : h("", !0), e.$attrs.templates && e.$attrs.templates.header ? (s(), d("div", l({
-    key: 1,
-    class: e.cx("header")
-  }, a.getPTOptions("header")), [(s(), f(p(e.$attrs.templates.header)))], 16)) : h("", !0), b("div", l({
+    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"),
-    "aria-live": e.$attrs.autoPlay ? "polite" : "off"
-  }, a.getPTOptions("content")), [z(v, {
-    id: r.id,
-    activeIndex: r.activeIndex,
-    "onUpdate:activeIndex": t[1] || (t[1] = function(m) {
-      return r.activeIndex = m;
+    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);
     }),
-    slideShowActive: r.slideShowActive,
-    "onUpdate:slideShowActive": t[2] || (t[2] = function(m) {
-      return r.slideShowActive = m;
+    onDragleave: t[7] || (t[7] = function() {
+      return l.onDragLeave && l.onDragLeave.apply(l, arguments);
     }),
-    value: e.$attrs.value,
-    circular: e.$attrs.circular,
-    templates: e.$attrs.templates,
-    showIndicators: e.$attrs.showIndicators,
-    changeItemOnIndicatorHover: e.$attrs.changeItemOnIndicatorHover,
-    showItemNavigators: e.$attrs.showItemNavigators,
-    autoPlay: e.$attrs.autoPlay,
-    onStartSlideshow: a.startSlideShow,
-    onStopSlideshow: a.stopSlideShow,
-    pt: e.pt,
-    unstyled: e.unstyled
-  }, null, 8, ["id", "activeIndex", "slideShowActive", "value", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "onStartSlideshow", "onStopSlideshow", "pt", "unstyled"]), e.$attrs.showThumbnails ? (s(), f(u, {
+    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,
-    activeIndex: r.activeIndex,
-    "onUpdate:activeIndex": t[3] || (t[3] = function(m) {
-      return r.activeIndex = m;
+    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);
     }),
-    slideShowActive: r.slideShowActive,
-    "onUpdate:slideShowActive": t[4] || (t[4] = function(m) {
-      return r.slideShowActive = m;
+    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);
     }),
-    containerId: r.id,
-    value: e.$attrs.value,
-    templates: e.$attrs.templates,
-    numVisible: r.numVisible,
-    responsiveOptions: e.$attrs.responsiveOptions,
-    circular: e.$attrs.circular,
-    isVertical: a.isVertical(),
-    contentHeight: e.$attrs.verticalThumbnailViewPortHeight,
-    showThumbnailNavigators: e.$attrs.showThumbnailNavigators,
-    prevButtonProps: e.$attrs.prevButtonProps,
-    nextButtonProps: e.$attrs.nextButtonProps,
-    onStopSlideshow: a.stopSlideShow,
-    pt: e.pt,
-    unstyled: e.unstyled
-  }, null, 8, ["activeIndex", "slideShowActive", "containerId", "value", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "prevButtonProps", "nextButtonProps", "onStopSlideshow", "pt", "unstyled"])) : h("", !0)], 16, Le), e.$attrs.templates && e.$attrs.templates.footer ? (s(), d("div", l({
-    key: 2,
-    class: e.cx("footer")
-  }, a.getPTOptions("footer")), [(s(), f(p(e.$attrs.templates.footer)))], 16)) : h("", !0)], 16, Ve)) : h("", !0);
-}
-Z.render = $e;
-var De = {
-  name: "Galleria",
-  extends: ie,
-  inheritAttrs: !1,
-  emits: ["update:activeIndex", "update:visible"],
-  container: null,
-  mask: null,
-  data: function() {
-    return {
-      containerVisible: this.visible
-    };
-  },
-  updated: function() {
-    this.fullScreen && this.visible && (this.containerVisible = this.visible);
-  },
-  beforeUnmount: function() {
-    this.fullScreen && c.unblockBodyScroll(), this.mask = null, this.container && (T.clear(this.container), this.container = null);
-  },
-  methods: {
-    onBeforeEnter: function(t) {
-      T.set("modal", t, this.baseZIndex || this.$primevue.config.zIndex.modal);
-    },
-    onEnter: function(t) {
-      this.mask.style.zIndex = String(parseInt(t.style.zIndex, 10) - 1), c.blockBodyScroll(), this.focus();
-    },
-    onBeforeLeave: function() {
-      !this.isUnstyled && c.addClass(this.mask, "p-component-overlay-leave");
-    },
-    onAfterLeave: function(t) {
-      T.clear(t), this.containerVisible = !1, c.unblockBodyScroll();
-    },
-    onActiveItemChange: function(t) {
-      this.activeIndex !== t && this.$emit("update:activeIndex", t);
-    },
-    maskHide: function() {
-      this.$emit("update:visible", !1);
-    },
-    containerRef: function(t) {
-      this.container = t;
-    },
-    maskRef: function(t) {
-      this.mask = t;
-    },
-    focus: function() {
-      var t = this.container.$el.querySelector("[autofocus]");
-      t && t.focus();
-    }
-  },
-  components: {
-    GalleriaContent: Z,
-    Portal: X
-  },
-  directives: {
-    focustrap: q
-  }
-}, Ee = ["aria-modal"];
-function Ke(e, t, i, n, r, a) {
-  var v = A("GalleriaContent"), u = A("Portal"), o = C("focustrap");
-  return e.fullScreen ? (s(), f(u, {
-    key: 0
-  }, {
-    default: D(function() {
-      return [r.containerVisible ? (s(), d("div", l({
-        key: 0,
-        ref: a.maskRef,
-        class: [e.cx("mask"), e.maskClass],
-        role: "dialog",
-        "aria-modal": e.fullScreen ? "true" : void 0
-      }, e.ptm("mask")), [z(Q, l({
-        name: "p-galleria",
-        onBeforeEnter: a.onBeforeEnter,
-        onEnter: a.onEnter,
-        onBeforeLeave: a.onBeforeLeave,
-        onAfterLeave: a.onAfterLeave,
-        appear: ""
-      }, e.ptm("transition")), {
-        default: D(function() {
-          return [e.visible ? y((s(), f(v, l({
-            key: 0,
-            ref: a.containerRef,
-            onMaskHide: a.maskHide,
-            templates: e.$slots,
-            onActiveitemChange: a.onActiveItemChange,
-            pt: e.pt,
-            unstyled: e.unstyled
-          }, e.$props), null, 16, ["onMaskHide", "templates", "onActiveitemChange", "pt", "unstyled"])), [[o]]) : h("", !0)];
-        }),
-        _: 1
-      }, 16, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onAfterLeave"])], 16, Ee)) : h("", !0)];
+    onBlur: t[15] || (t[15] = function() {
+      return l.onBlur && l.onBlur.apply(l, arguments);
     }),
-    _: 1
-  })) : (s(), f(v, l({
+    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,
-    templates: e.$slots,
-    onActiveitemChange: a.onActiveItemChange,
-    pt: e.pt,
-    unstyled: e.unstyled
-  }, e.$props), null, 16, ["templates", "onActiveitemChange", "pt", "unstyled"]));
+    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);
 }
-De.render = Ke;
+_.render = le;
 export {
-  De as default
+  _ as default
 };