primevue 3.17.0 → 3.18.0

package/fileupload/fileupload.js

@@ -1,17 +1,97 @@
 this.primevue = this.primevue || {};
-this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Ripple, vue) {
+this.primevue.fileupload = (function (Button, Message, ProgressBar, Ripple, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-    var ProgressBar__default = /*#__PURE__*/_interopDefaultLegacy(ProgressBar);
     var Message__default = /*#__PURE__*/_interopDefaultLegacy(Message);
+    var ProgressBar__default = /*#__PURE__*/_interopDefaultLegacy(ProgressBar);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
+    var script$1 = {
+        emits: ['remove'],
+        props: {
+            files: {
+                type: Array,
+                default: () => []
+            },
+            badgeSeverity: {
+                type: String,
+                default: 'warning'
+            },
+            badgeValue: {
+                type: String,
+                default: null
+            },
+            previewWidth: {
+                type: Number,
+                default: 50
+            }
+        },
+        methods: {
+            formatSize(bytes) {
+                if (bytes === 0) {
+                    return '0 B';
+                }
+
+                let k = 1000,
+                    dm = 3,
+                    sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+                    i = Math.floor(Math.log(bytes) / Math.log(k));
+
+                return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+            }
+        }
+    };
+
+    const _hoisted_1$1 = ["alt", "src", "width"];
+    const _hoisted_2$1 = { class: "p-fileupload-file-details" };
+    const _hoisted_3$1 = { class: "p-fileupload-file-name" };
+    const _hoisted_4$1 = { class: "p-fileupload-file-size" };
+    const _hoisted_5$1 = { class: "p-fileupload-file-actions" };
+
+    function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+      const _component_Badge = vue.resolveComponent("Badge");
+      const _component_Button = vue.resolveComponent("Button");
+
+      return (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.files, (file, index) => {
+        return (vue.openBlock(), vue.createElementBlock("div", {
+          key: file.name + file.type + file.size,
+          class: "p-fileupload-file"
+        }, [
+          vue.createElementVNode("img", {
+            role: "presentation",
+            class: "p-fileupload-file-thumbnail",
+            alt: file.name,
+            src: file.objectURL,
+            width: $props.previewWidth
+          }, null, 8, _hoisted_1$1),
+          vue.createElementVNode("div", _hoisted_2$1, [
+            vue.createElementVNode("div", _hoisted_3$1, vue.toDisplayString(file.name), 1),
+            vue.createElementVNode("span", _hoisted_4$1, vue.toDisplayString($options.formatSize(file.size)), 1),
+            vue.createVNode(_component_Badge, {
+              value: $props.badgeValue,
+              class: "p-fileupload-file-badge",
+              severity: $props.badgeSeverity
+            }, null, 8, ["value", "severity"])
+          ]),
+          vue.createElementVNode("div", _hoisted_5$1, [
+            vue.createVNode(_component_Button, {
+              icon: "pi pi-times",
+              onClick: $event => (_ctx.$emit('remove', index)),
+              class: "p-fileupload-file-remove p-button-text p-button-danger p-button-rounded"
+            }, null, 8, ["onClick"])
+          ])
+        ]))
+      }), 128))
+    }
+
+    script$1.render = render$1;
+
     var script = {
         name: 'FileUpload',
-        emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove'],
+        emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'removeUploadedFile'],
         props: {
             name: {
                 type: String,
@@ -115,7 +195,8 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
                 files: [],
                 messages: [],
                 focused: false,
-                progress: null
+                progress: null,
+                uploadedFiles: []
             };
         },
         methods: {
@@ -213,6 +294,7 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
                                 });
                             }
 
+                            this.uploadedFiles.push(...this.files);
                             this.clear();
                         }
                     };
@@ -342,6 +424,15 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
                     files: this.files
                 });
             },
+            removeUploadedFile(index) {
+                let removedFile = this.uploadedFiles.splice(index, 1)[0];
+
+                this.uploadedFiles = [...this.uploadedFiles];
+                this.$emit('removeUploadedFile', {
+                    file: removedFile,
+                    files: this.uploadedFiles
+                });
+            },
             clearInputElement() {
                 this.$refs.fileInput.value = '';
             },
@@ -419,6 +510,9 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
             hasFiles() {
                 return this.files && this.files.length > 0;
             },
+            hasUploadedFiles() {
+                return this.uploadedFiles && this.uploadedFiles.length > 0;
+            },
             chooseDisabled() {
                 return this.disabled || (this.fileLimit && this.fileLimit <= this.files.length + this.uploadedFileCount);
             },
@@ -436,12 +530,19 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
             },
             cancelButtonLabel() {
                 return this.cancelLabel || this.$primevue.config.locale.cancel;
+            },
+            completedLabel() {
+                return this.$primevue.config.locale.completed;
+            },
+            pendingLabel() {
+                return this.$primevue.config.locale.pending;
             }
         },
         components: {
             FileUploadButton: Button__default["default"],
             FileUploadProgressBar: ProgressBar__default["default"],
-            FileUploadMessage: Message__default["default"]
+            FileUploadMessage: Message__default["default"],
+            FileContent: script$1
         },
         directives: {
             ripple: Ripple__default["default"]
@@ -452,77 +553,80 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
       key: 0,
       class: "p-fileupload p-fileupload-advanced p-component"
     };
-    const _hoisted_2 = { class: "p-fileupload-buttonbar" };
-    const _hoisted_3 = ["multiple", "accept", "disabled"];
+    const _hoisted_2 = ["multiple", "accept", "disabled"];
+    const _hoisted_3 = { class: "p-fileupload-buttonbar" };
     const _hoisted_4 = { class: "p-button-label" };
     const _hoisted_5 = {
-      key: 1,
-      class: "p-fileupload-files"
-    };
-    const _hoisted_6 = ["alt", "src", "width"];
-    const _hoisted_7 = { class: "p-fileupload-filename" };
-    const _hoisted_8 = {
-      key: 2,
+      key: 0,
       class: "p-fileupload-empty"
     };
-    const _hoisted_9 = {
+    const _hoisted_6 = {
       key: 1,
       class: "p-fileupload p-fileupload-basic p-component"
     };
-    const _hoisted_10 = { class: "p-button-label" };
-    const _hoisted_11 = ["accept", "disabled", "multiple"];
+    const _hoisted_7 = { class: "p-button-label" };
+    const _hoisted_8 = ["accept", "disabled", "multiple"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_FileUploadButton = vue.resolveComponent("FileUploadButton");
       const _component_FileUploadProgressBar = vue.resolveComponent("FileUploadProgressBar");
       const _component_FileUploadMessage = vue.resolveComponent("FileUploadMessage");
+      const _component_FileContent = vue.resolveComponent("FileContent");
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return ($options.isAdvanced)
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("div", _hoisted_2, [
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-                class: vue.normalizeClass($options.advancedChooseButtonClass),
-                style: vue.normalizeStyle($props.style),
-                onClick: _cache[1] || (_cache[1] = (...args) => ($options.choose && $options.choose(...args))),
-                onKeydown: _cache[2] || (_cache[2] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
-                onFocus: _cache[3] || (_cache[3] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-                onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-                tabindex: "0"
-              }, [
-                vue.createElementVNode("input", {
-                  ref: "fileInput",
-                  type: "file",
-                  onChange: _cache[0] || (_cache[0] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
-                  multiple: $props.multiple,
-                  accept: $props.accept,
-                  disabled: $options.chooseDisabled
-                }, null, 40, _hoisted_3),
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass($options.advancedChooseIconClass)
-                }, null, 2),
-                vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.chooseButtonLabel), 1)
-              ], 38)), [
-                [_directive_ripple]
-              ]),
-              ($props.showUploadButton)
-                ? (vue.openBlock(), vue.createBlock(_component_FileUploadButton, {
-                    key: 0,
-                    label: $options.uploadButtonLabel,
-                    icon: $props.uploadIcon,
-                    onClick: $options.upload,
-                    disabled: $options.uploadDisabled
-                  }, null, 8, ["label", "icon", "onClick", "disabled"]))
-                : vue.createCommentVNode("", true),
-              ($props.showCancelButton)
-                ? (vue.openBlock(), vue.createBlock(_component_FileUploadButton, {
-                    key: 1,
-                    label: $options.cancelButtonLabel,
-                    icon: $props.cancelIcon,
-                    onClick: $options.clear,
-                    disabled: $options.cancelDisabled
-                  }, null, 8, ["label", "icon", "onClick", "disabled"]))
-                : vue.createCommentVNode("", true)
+            vue.createElementVNode("input", {
+              ref: "fileInput",
+              type: "file",
+              onChange: _cache[0] || (_cache[0] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
+              multiple: $props.multiple,
+              accept: $props.accept,
+              disabled: $options.chooseDisabled
+            }, null, 40, _hoisted_2),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.renderSlot(_ctx.$slots, "header", {
+                files: $data.files,
+                uploadedFiles: $data.uploadedFiles,
+                chooseCallback: $options.choose,
+                uploadCallback: $options.upload,
+                clearCallback: $options.clear
+              }, () => [
+                vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+                  class: vue.normalizeClass($options.advancedChooseButtonClass),
+                  style: vue.normalizeStyle($props.style),
+                  onClick: _cache[1] || (_cache[1] = (...args) => ($options.choose && $options.choose(...args))),
+                  onKeydown: _cache[2] || (_cache[2] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
+                  onFocus: _cache[3] || (_cache[3] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+                  onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+                  tabindex: "0"
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass($options.advancedChooseIconClass)
+                  }, null, 2),
+                  vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.chooseButtonLabel), 1)
+                ], 38)), [
+                  [_directive_ripple]
+                ]),
+                ($props.showUploadButton)
+                  ? (vue.openBlock(), vue.createBlock(_component_FileUploadButton, {
+                      key: 0,
+                      label: $options.uploadButtonLabel,
+                      icon: $props.uploadIcon,
+                      onClick: $options.upload,
+                      disabled: $options.uploadDisabled
+                    }, null, 8, ["label", "icon", "onClick", "disabled"]))
+                  : vue.createCommentVNode("", true),
+                ($props.showCancelButton)
+                  ? (vue.openBlock(), vue.createBlock(_component_FileUploadButton, {
+                      key: 1,
+                      label: $options.cancelButtonLabel,
+                      icon: $props.cancelIcon,
+                      onClick: $options.clear,
+                      disabled: $options.cancelDisabled
+                    }, null, 8, ["label", "icon", "onClick", "disabled"]))
+                  : vue.createCommentVNode("", true)
+              ])
             ]),
             vue.createElementVNode("div", {
               ref: "content",
@@ -532,64 +636,59 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
               onDragleave: _cache[7] || (_cache[7] = (...args) => ($options.onDragLeave && $options.onDragLeave(...args))),
               onDrop: _cache[8] || (_cache[8] = (...args) => ($options.onDrop && $options.onDrop(...args)))
             }, [
-              ($options.hasFiles)
-                ? (vue.openBlock(), vue.createBlock(_component_FileUploadProgressBar, {
-                    key: 0,
-                    value: $data.progress
-                  }, null, 8, ["value"]))
-                : vue.createCommentVNode("", true),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
-                return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
-                  key: msg,
-                  severity: "error",
-                  onClose: $options.onMessageClose
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(msg), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClose"]))
-              }), 128)),
-              ($options.hasFiles)
+              vue.renderSlot(_ctx.$slots, "content", {
+                files: $data.files,
+                uploadedFiles: $data.uploadedFiles,
+                removeUploadedFileCallback: $options.removeUploadedFile,
+                removeFileCallback: $options.remove,
+                progress: $data.progress,
+                messages: $data.messages
+              }, () => [
+                ($options.hasFiles)
+                  ? (vue.openBlock(), vue.createBlock(_component_FileUploadProgressBar, {
+                      key: 0,
+                      value: $data.progress,
+                      showValue: false
+                    }, null, 8, ["value"]))
+                  : vue.createCommentVNode("", true),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
+                  return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
+                    key: msg,
+                    severity: "error",
+                    onClose: $options.onMessageClose
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(msg), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClose"]))
+                }), 128)),
+                ($options.hasFiles)
+                  ? (vue.openBlock(), vue.createBlock(_component_FileContent, {
+                      key: 1,
+                      files: $data.files,
+                      onRemove: $options.remove,
+                      badgeValue: $options.pendingLabel,
+                      previewWidth: $props.previewWidth
+                    }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth"]))
+                  : vue.createCommentVNode("", true),
+                vue.createVNode(_component_FileContent, {
+                  files: $data.uploadedFiles,
+                  onRemove: $options.removeUploadedFile,
+                  badgeValue: $options.completedLabel,
+                  badgeSeverity: "success",
+                  previewWidth: $props.previewWidth
+                }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth"])
+              ]),
+              (_ctx.$slots.empty && !$options.hasFiles && !$options.hasUploadedFiles)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.files, (file, index) => {
-                      return (vue.openBlock(), vue.createElementBlock("div", {
-                        key: file.name + file.type + file.size,
-                        class: "p-fileupload-row"
-                      }, [
-                        vue.createElementVNode("div", null, [
-                          ($options.isImage(file))
-                            ? (vue.openBlock(), vue.createElementBlock("img", {
-                                key: 0,
-                                role: "presentation",
-                                alt: file.name,
-                                src: file.objectURL,
-                                width: $props.previewWidth
-                              }, null, 8, _hoisted_6))
-                            : vue.createCommentVNode("", true)
-                        ]),
-                        vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(file.name), 1),
-                        vue.createElementVNode("div", null, vue.toDisplayString($options.formatSize(file.size)), 1),
-                        vue.createElementVNode("div", null, [
-                          vue.createVNode(_component_FileUploadButton, {
-                            type: "button",
-                            icon: "pi pi-times",
-                            onClick: $event => ($options.remove(index))
-                          }, null, 8, ["onClick"])
-                        ])
-                      ]))
-                    }), 128))
-                  ]))
-                : vue.createCommentVNode("", true),
-              (_ctx.$slots.empty && !$options.hasFiles)
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
                     vue.renderSlot(_ctx.$slots, "empty")
                   ]))
                 : vue.createCommentVNode("", true)
             ], 544)
           ]))
         : ($options.isBasic)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
                 return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
                   key: msg,
@@ -614,7 +713,7 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass($options.basicChooseButtonIconClass)
                 }, null, 2),
-                vue.createElementVNode("span", _hoisted_10, vue.toDisplayString($options.basicChooseButtonLabel), 1),
+                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString($options.basicChooseButtonLabel), 1),
                 (!$options.hasFiles)
                   ? (vue.openBlock(), vue.createElementBlock("input", {
                       key: 0,
@@ -626,7 +725,7 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
                       onChange: _cache[9] || (_cache[9] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
                       onFocus: _cache[10] || (_cache[10] = (...args) => ($options.onFocus && $options.onFocus(...args))),
                       onBlur: _cache[11] || (_cache[11] = (...args) => ($options.onBlur && $options.onBlur(...args)))
-                    }, null, 40, _hoisted_11))
+                    }, null, 40, _hoisted_8))
                   : vue.createCommentVNode("", true)
               ], 38)), [
                 [_directive_ripple]
@@ -662,11 +761,11 @@ this.primevue.fileupload = (function (Button, ProgressBar, Message, utils, Rippl
       }
     }
 
-    var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-row > div {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 25%;\n}\n.p-fileupload-row > div:last-child {\n    text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type='file'] {\n    display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n    display: none;\n}\n.p-fileupload-filename {\n    word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n";
+    var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n.p-fileupload-file {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n";
     styleInject(css_248z);
 
     script.render = render;
 
     return script;
 
-})(primevue.button, primevue.progressbar, primevue.message, primevue.utils, primevue.ripple, Vue);
+})(primevue.button, primevue.message, primevue.progressbar, primevue.ripple, primevue.utils, Vue);

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,l,i,s,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(l),d=a(s),c={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove"],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:"pi pi-plus"},uploadIcon:{type:String,default:"pi pi-upload"},cancelIcon:{type:String,default:"pi pi-times"},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let l of t){if(this.isWildcard(l)?this.getTypeClass(e.type)===this.getTypeClass(l):e.type==l||this.getFileExtension(e).toLowerCase()===l.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(i.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||i.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){i.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){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(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},advancedChooseIconClass(){return["p-button-icon p-button-icon-left pi-fw",this.chooseIcon]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left",!this.hasFiles||this.auto?this.uploadIcon:this.chooseIcon]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel}},components:{FileUploadButton:n.default,FileUploadProgressBar:r.default,FileUploadMessage:p.default},directives:{ripple:d.default}};const u={key:0,class:"p-fileupload p-fileupload-advanced p-component"},h={class:"p-fileupload-buttonbar"},f=["multiple","accept","disabled"],m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b=["alt","src","width"],y={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},B={key:1,class:"p-fileupload p-fileupload-basic p-component"},C={class:"p-button-label"},F=["accept","disabled","multiple"];return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===l&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-row > div {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 25%;\n}\n.p-fileupload-row > div:last-child {\n    text-align: right;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-button.p-fileupload-choose input[type='file'] {\n    display: none;\n}\n.p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n    display: none;\n}\n.p-fileupload-filename {\n    word-break: break-all;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n"),c.render=function(e,t,l,i,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),p=o.resolveComponent("FileUploadMessage"),d=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createElementBlock("div",u,[o.createElementVNode("div",h,[o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.advancedChooseButtonClass),style:o.normalizeStyle(l.style),onClick:t[1]||(t[1]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[2]||(t[2]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("input",{ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:l.multiple,accept:l.accept,disabled:a.chooseDisabled},null,40,f),o.createElementVNode("span",{class:o.normalizeClass(a.advancedChooseIconClass)},null,2),o.createElementVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38)),[[d]]),l.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:l.uploadIcon,onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0),l.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:l.cancelIcon,onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createElementVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>a.onDrop&&a.onDrop(...e))},[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{key:e,severity:"error",onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createElementBlock("div",g,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createElementBlock("div",{key:e.name+e.type+e.size,class:"p-fileupload-row"},[o.createElementVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createElementBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:l.previewWidth},null,8,b)):o.createCommentVNode("",!0)]),o.createElementVNode("div",y,o.toDisplayString(e.name),1),o.createElementVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createElementVNode("div",null,[o.createVNode(n,{type:"button",icon:"pi pi-times",onClick:e=>a.remove(t)},null,8,["onClick"])])])))),128))])):o.createCommentVNode("",!0),e.$slots.empty&&!a.hasFiles?(o.openBlock(),o.createElementBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createElementBlock("div",B,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{key:e,severity:"error",onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.basicChooseButtonClass),style:o.normalizeStyle(l.style),onMouseup:t[12]||(t[12]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("span",{class:o.normalizeClass(a.basicChooseButtonIconClass)},null,2),o.createElementVNode("span",C,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,ref:"fileInput",type:"file",accept:l.accept,disabled:l.disabled,multiple:l.multiple,onChange:t[9]||(t[9]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,F))],38)),[[d]])])):o.createCommentVNode("",!0)},c}(primevue.button,primevue.progressbar,primevue.message,primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,l,i,s,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),d=a(l),p=a(i),c={emits:["remove"],props:{files:{type:Array,default:()=>[]},badgeSeverity:{type:String,default:"warning"},badgeValue:{type:String,default:null},previewWidth:{type:Number,default:50}},methods:{formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]}}};const u=["alt","src","width"],h={class:"p-fileupload-file-details"},f={class:"p-fileupload-file-name"},m={class:"p-fileupload-file-size"},g={class:"p-fileupload-file-actions"};c.render=function(e,t,l,i,s,a){const n=o.resolveComponent("Badge"),r=o.resolveComponent("Button");return o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.files,((t,i)=>(o.openBlock(),o.createElementBlock("div",{key:t.name+t.type+t.size,class:"p-fileupload-file"},[o.createElementVNode("img",{role:"presentation",class:"p-fileupload-file-thumbnail",alt:t.name,src:t.objectURL,width:l.previewWidth},null,8,u),o.createElementVNode("div",h,[o.createElementVNode("div",f,o.toDisplayString(t.name),1),o.createElementVNode("span",m,o.toDisplayString(a.formatSize(t.size)),1),o.createVNode(n,{value:l.badgeValue,class:"p-fileupload-file-badge",severity:l.badgeSeverity},null,8,["value","severity"])]),o.createElementVNode("div",g,[o.createVNode(r,{icon:"pi pi-times",onClick:t=>e.$emit("remove",i),class:"p-fileupload-file-remove p-button-text p-button-danger p-button-rounded"},null,8,["onClick"])])])))),128)};var b={name:"FileUpload",emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove","removeUploadedFile"],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:"pi pi-plus"},uploadIcon:{type:String,default:"pi pi-upload"},cancelIcon:{type:String,default:"pi pi-times"},style:null,class:null},duplicateIEEvent:!1,data:()=>({uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null,uploadedFiles:[]}),methods:{onFileSelect(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)return void(this.duplicateIEEvent=!1);this.messages=[],this.files=this.files||[];let t=e.dataTransfer?e.dataTransfer.files:e.target.files;for(let e of t)this.isFileSelected(e)||this.validate(e)&&(this.isImage(e)&&(e.objectURL=window.URL.createObjectURL(e)),this.files.push(e));this.$emit("select",{originalEvent:e,files:this.files}),this.fileLimit&&this.checkFileLimit(),this.auto&&this.hasFiles&&!this.isFileLimitExceeded()&&this.upload(),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement()},choose(){this.$refs.fileInput.click()},upload(){if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{let e=new XMLHttpRequest,t=new FormData;this.$emit("before-upload",{xhr:e,formData:t});for(let e of this.files)t.append(this.name,e,e.name);e.upload.addEventListener("progress",(e=>{e.lengthComputable&&(this.progress=Math.round(100*e.loaded/e.total)),this.$emit("progress",{originalEvent:e,progress:this.progress})})),e.onreadystatechange=()=>{4===e.readyState&&(this.progress=0,e.status>=200&&e.status<300?(this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("upload",{xhr:e,files:this.files})):this.$emit("error",{xhr:e,files:this.files}),this.uploadedFiles.push(...this.files),this.clear())},e.open("POST",this.url,!0),this.$emit("before-send",{xhr:e,formData:t}),e.withCredentials=this.withCredentials,e.send(t)}},clear(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus(){this.focused=!0},onBlur(){this.focused=!1},isFileSelected(e){if(this.files&&this.files.length)for(let t of this.files)if(t.name+t.type+t.size===e.name+e.type+e.size)return!0;return!1},isIE11:()=>!!window.MSInputMethodContext&&!!document.documentMode,validate(e){return this.accept&&!this.isFileTypeValid(e)?(this.messages.push(this.invalidFileTypeMessage.replace("{0}",e.name).replace("{1}",this.accept)),!1):!(this.maxFileSize&&e.size>this.maxFileSize)||(this.messages.push(this.invalidFileSizeMessage.replace("{0}",e.name).replace("{1}",this.formatSize(this.maxFileSize))),!1)},isFileTypeValid(e){let t=this.accept.split(",").map((e=>e.trim()));for(let l of t){if(this.isWildcard(l)?this.getTypeClass(e.type)===this.getTypeClass(l):e.type==l||this.getFileExtension(e).toLowerCase()===l.toLowerCase())return!0}return!1},getTypeClass:e=>e.substring(0,e.indexOf("/")),isWildcard:e=>-1!==e.indexOf("*"),getFileExtension:e=>"."+e.name.split(".").pop(),isImage:e=>/^image\//.test(e.type),onDragEnter(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver(e){this.disabled||(s.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||s.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){s.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();const t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove(e){this.clearInputElement();let t=this.files.splice(e,1)[0];this.files=[...this.files],this.$emit("remove",{file:t,files:this.files})},removeUploadedFile(e){let t=this.uploadedFiles.splice(e,1)[0];this.uploadedFiles=[...this.uploadedFiles],this.$emit("removeUploadedFile",{file:t,files:this.uploadedFiles})},clearInputElement(){this.$refs.fileInput.value=""},clearIEInput(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize(e){if(0===e)return"0 B";let t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},isFileLimitExceeded(){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(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose(){this.messages=null}},computed:{isAdvanced(){return"advanced"===this.mode},isBasic(){return"basic"===this.mode},advancedChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-disabled":this.disabled,"p-focus":this.focused}]},basicChooseButtonClass(){return["p-button p-component p-fileupload-choose",this.class,{"p-fileupload-choose-selected":this.hasFiles,"p-disabled":this.disabled,"p-focus":this.focused}]},advancedChooseIconClass(){return["p-button-icon p-button-icon-left pi-fw",this.chooseIcon]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left",!this.hasFiles||this.auto?this.uploadIcon:this.chooseIcon]},basicChooseButtonLabel(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((e=>e.name)).join(", "):this.chooseButtonLabel},hasFiles(){return this.files&&this.files.length>0},hasUploadedFiles(){return this.uploadedFiles&&this.uploadedFiles.length>0},chooseDisabled(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled(){return this.disabled||!this.hasFiles},chooseButtonLabel(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel(){return this.cancelLabel||this.$primevue.config.locale.cancel},completedLabel(){return this.$primevue.config.locale.completed},pendingLabel(){return this.$primevue.config.locale.pending}},components:{FileUploadButton:n.default,FileUploadProgressBar:d.default,FileUploadMessage:r.default,FileContent:c},directives:{ripple:p.default}};const v={key:0,class:"p-fileupload p-fileupload-advanced p-component"},y=["multiple","accept","disabled"],B={class:"p-fileupload-buttonbar"},F={class:"p-button-label"},C={key:0,class:"p-fileupload-empty"},k={key:1,class:"p-fileupload p-fileupload-basic p-component"},w={class:"p-button-label"},E=["accept","disabled","multiple"];return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===l&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n.p-fileupload-file {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n"),b.render=function(e,t,l,i,s,a){const n=o.resolveComponent("FileUploadButton"),r=o.resolveComponent("FileUploadProgressBar"),d=o.resolveComponent("FileUploadMessage"),p=o.resolveComponent("FileContent"),c=o.resolveDirective("ripple");return a.isAdvanced?(o.openBlock(),o.createElementBlock("div",v,[o.createElementVNode("input",{ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:l.multiple,accept:l.accept,disabled:a.chooseDisabled},null,40,y),o.createElementVNode("div",B,[o.renderSlot(e.$slots,"header",{files:s.files,uploadedFiles:s.uploadedFiles,chooseCallback:a.choose,uploadCallback:a.upload,clearCallback:a.clear},(()=>[o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.advancedChooseButtonClass),style:o.normalizeStyle(l.style),onClick:t[1]||(t[1]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[2]||(t[2]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("span",{class:o.normalizeClass(a.advancedChooseIconClass)},null,2),o.createElementVNode("span",F,o.toDisplayString(a.chooseButtonLabel),1)],38)),[[c]]),l.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:l.uploadIcon,onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0),l.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:l.cancelIcon,onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","icon","onClick","disabled"])):o.createCommentVNode("",!0)]))]),o.createElementVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>a.onDrop&&a.onDrop(...e))},[o.renderSlot(e.$slots,"content",{files:s.files,uploadedFiles:s.uploadedFiles,removeUploadedFileCallback:a.removeUploadedFile,removeFileCallback:a.remove,progress:s.progress,messages:s.messages},(()=>[a.hasFiles?(o.openBlock(),o.createBlock(r,{key:0,value:s.progress,showValue:!1},null,8,["value"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(d,{key:e,severity:"error",onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock(p,{key:1,files:s.files,onRemove:a.remove,badgeValue:a.pendingLabel,previewWidth:l.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])):o.createCommentVNode("",!0),o.createVNode(p,{files:s.uploadedFiles,onRemove:a.removeUploadedFile,badgeValue:a.completedLabel,badgeSeverity:"success",previewWidth:l.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])])),!e.$slots.empty||a.hasFiles||a.hasUploadedFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("div",C,[o.renderSlot(e.$slots,"empty")]))],544)])):a.isBasic?(o.openBlock(),o.createElementBlock("div",k,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(d,{key:e,severity:"error",onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives((o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(a.basicChooseButtonClass),style:o.normalizeStyle(l.style),onMouseup:t[12]||(t[12]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createElementVNode("span",{class:o.normalizeClass(a.basicChooseButtonIconClass)},null,2),o.createElementVNode("span",w,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,ref:"fileInput",type:"file",accept:l.accept,disabled:l.disabled,multiple:l.multiple,onChange:t[9]||(t[9]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,E))],38)),[[c]])])):o.createCommentVNode("",!0)},b}(primevue.button,primevue.message,primevue.progressbar,primevue.ripple,primevue.utils,Vue);

package/galleria/GalleriaThumbnails.vue

@@ -33,8 +33,8 @@
 </template>
 
 <script>
-import { DomHandler } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
+import { DomHandler } from 'primevue/utils';
 
 export default {
     name: 'GalleriaThumbnails',
@@ -211,7 +211,7 @@ export default {
         navForward(e) {
             this.stopSlideShow();
 
-            let nextItemIndex = this.d_activeIndex + 1;
+            let nextItemIndex = this.d_activeIndex === this.value.length - 1 ? this.value.length - 1 : this.d_activeIndex + 1;
 
             if (nextItemIndex + this.totalShiftedItems > this.getMedianItemIndex() && (-1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 || this.circular)) {
                 this.step(-1);

package/galleria/galleria.cjs.js

@@ -421,7 +421,7 @@ var script$3 = {
         navForward(e) {
             this.stopSlideShow();
 
-            let nextItemIndex = this.d_activeIndex + 1;
+            let nextItemIndex = this.d_activeIndex === this.value.length - 1 ? this.value.length - 1 : this.d_activeIndex + 1;
 
             if (nextItemIndex + this.totalShiftedItems > this.getMedianItemIndex() && (-1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 || this.circular)) {
                 this.step(-1);