primevue 3.12.2 → 3.12.5

package/fileupload/fileupload.cjs.js

@@ -424,12 +424,12 @@ var script = {
         }
     },
     components: {
-        'FileUploadButton': Button__default['default'],
-        'FileUploadProgressBar': ProgressBar__default['default'],
-        'FileUploadMessage': Message__default['default']
+        'FileUploadButton': Button__default["default"],
+        'FileUploadProgressBar': ProgressBar__default["default"],
+        'FileUploadMessage': Message__default["default"]
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -438,22 +438,25 @@ const _hoisted_1 = {
   class: "p-fileupload p-fileupload-advanced p-component"
 };
 const _hoisted_2 = { class: "p-fileupload-buttonbar" };
-const _hoisted_3 = /*#__PURE__*/vue.createVNode("span", { class: "p-button-icon p-button-icon-left pi pi-fw pi-plus" }, null, -1);
-const _hoisted_4 = { class: "p-button-label" };
-const _hoisted_5 = {
+const _hoisted_3 = ["multiple", "accept", "disabled"];
+const _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "p-button-icon p-button-icon-left pi pi-fw pi-plus" }, null, -1);
+const _hoisted_5 = { class: "p-button-label" };
+const _hoisted_6 = {
   key: 1,
   class: "p-fileupload-files"
 };
-const _hoisted_6 = { class: "p-fileupload-filename" };
-const _hoisted_7 = {
+const _hoisted_7 = ["alt", "src", "width"];
+const _hoisted_8 = { class: "p-fileupload-filename" };
+const _hoisted_9 = {
   key: 2,
   class: "p-fileupload-empty"
 };
-const _hoisted_8 = {
+const _hoisted_10 = {
   key: 1,
   class: "p-fileupload p-fileupload-basic p-component"
 };
-const _hoisted_9 = { class: "p-button-label" };
+const _hoisted_11 = { class: "p-button-label" };
+const _hoisted_12 = ["accept", "disabled", "multiple"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileUploadButton = vue.resolveComponent("FileUploadButton");
@@ -462,28 +465,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = vue.resolveDirective("ripple");
 
   return ($options.isAdvanced)
-    ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-        vue.createVNode("div", _hoisted_2, [
-          vue.withDirectives(vue.createVNode("span", {
-            class: $options.advancedChooseButtonClass,
-            style: $props.style,
-            onClick: _cache[2] || (_cache[2] = (...args) => ($options.choose && $options.choose(...args))),
-            onKeydown: _cache[3] || (_cache[3] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
-            onFocus: _cache[4] || (_cache[4] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-            onBlur: _cache[5] || (_cache[5] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+    ? (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.createVNode("input", {
+            vue.createElementVNode("input", {
               ref: "fileInput",
               type: "file",
-              onChange: _cache[1] || (_cache[1] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
+              onChange: _cache[0] || (_cache[0] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
               multiple: $props.multiple,
               accept: $props.accept,
               disabled: $options.chooseDisabled
-            }, null, 40, ["multiple", "accept", "disabled"]),
-            _hoisted_3,
-            vue.createVNode("span", _hoisted_4, vue.toDisplayString($options.chooseButtonLabel), 1)
-          ], 38), [
+            }, null, 40, _hoisted_3),
+            _hoisted_4,
+            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.chooseButtonLabel), 1)
+          ], 38)), [
             [_directive_ripple]
           ]),
           ($props.showUploadButton)
@@ -505,13 +508,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["label", "onClick", "disabled"]))
             : vue.createCommentVNode("", true)
         ]),
-        vue.createVNode("div", {
+        vue.createElementVNode("div", {
           ref: "content",
           class: "p-fileupload-content",
-          onDragenter: _cache[6] || (_cache[6] = (...args) => ($options.onDragEnter && $options.onDragEnter(...args))),
-          onDragover: _cache[7] || (_cache[7] = (...args) => ($options.onDragOver && $options.onDragOver(...args))),
-          onDragleave: _cache[8] || (_cache[8] = (...args) => ($options.onDragLeave && $options.onDragLeave(...args))),
-          onDrop: _cache[9] || (_cache[9] = (...args) => ($options.onDrop && $options.onDrop(...args)))
+          onDragenter: _cache[5] || (_cache[5] = (...args) => ($options.onDragEnter && $options.onDragEnter(...args))),
+          onDragover: _cache[6] || (_cache[6] = (...args) => ($options.onDragOver && $options.onDragOver(...args))),
+          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, {
@@ -519,7 +522,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 value: $data.progress
               }, null, 8, ["value"]))
             : vue.createCommentVNode("", true),
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
             return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
               severity: "error",
               key: msg,
@@ -532,26 +535,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, 1032, ["onClose"]))
           }), 128)),
           ($options.hasFiles)
-            ? (vue.openBlock(), vue.createBlock("div", _hoisted_5, [
-                (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($data.files, (file, index) => {
-                  return (vue.openBlock(), vue.createBlock("div", {
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.files, (file, index) => {
+                  return (vue.openBlock(), vue.createElementBlock("div", {
                     class: "p-fileupload-row",
                     key: file.name + file.type + file.size
                   }, [
-                    vue.createVNode("div", null, [
+                    vue.createElementVNode("div", null, [
                       ($options.isImage(file))
-                        ? (vue.openBlock(), vue.createBlock("img", {
+                        ? (vue.openBlock(), vue.createElementBlock("img", {
                             key: 0,
                             role: "presentation",
                             alt: file.name,
                             src: file.objectURL,
                             width: $props.previewWidth
-                          }, null, 8, ["alt", "src", "width"]))
+                          }, null, 8, _hoisted_7))
                         : vue.createCommentVNode("", true)
                     ]),
-                    vue.createVNode("div", _hoisted_6, vue.toDisplayString(file.name), 1),
-                    vue.createVNode("div", null, vue.toDisplayString($options.formatSize(file.size)), 1),
-                    vue.createVNode("div", null, [
+                    vue.createElementVNode("div", _hoisted_8, 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",
@@ -563,15 +566,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ]))
             : vue.createCommentVNode("", true),
           (_ctx.$slots.empty && !$options.hasFiles)
-            ? (vue.openBlock(), vue.createBlock("div", _hoisted_7, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
                 vue.renderSlot(_ctx.$slots, "empty")
               ]))
             : vue.createCommentVNode("", true)
         ], 544)
       ]))
     : ($options.isBasic)
-      ? (vue.openBlock(), vue.createBlock("div", _hoisted_8, [
-          (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
             return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
               severity: "error",
               key: msg,
@@ -583,31 +586,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               _: 2
             }, 1032, ["onClose"]))
           }), 128)),
-          vue.withDirectives(vue.createVNode("span", {
-            class: $options.basicChooseButtonClass,
-            style: $props.style,
-            onMouseup: _cache[13] || (_cache[13] = (...args) => ($options.onBasicUploaderClick && $options.onBasicUploaderClick(...args))),
-            onKeydown: _cache[14] || (_cache[14] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
-            onFocus: _cache[15] || (_cache[15] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-            onBlur: _cache[16] || (_cache[16] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass($options.basicChooseButtonClass),
+            style: vue.normalizeStyle($props.style),
+            onMouseup: _cache[12] || (_cache[12] = (...args) => ($options.onBasicUploaderClick && $options.onBasicUploaderClick(...args))),
+            onKeydown: _cache[13] || (_cache[13] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
+            onFocus: _cache[14] || (_cache[14] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+            onBlur: _cache[15] || (_cache[15] = (...args) => ($options.onBlur && $options.onBlur(...args))),
             tabindex: "0"
           }, [
-            vue.createVNode("span", { class: $options.basicChooseButtonIconClass }, null, 2),
-            vue.createVNode("span", _hoisted_9, vue.toDisplayString($options.basicChooseButtonLabel), 1),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass($options.basicChooseButtonIconClass)
+            }, null, 2),
+            vue.createElementVNode("span", _hoisted_11, vue.toDisplayString($options.basicChooseButtonLabel), 1),
             (!$options.hasFiles)
-              ? (vue.openBlock(), vue.createBlock("input", {
+              ? (vue.openBlock(), vue.createElementBlock("input", {
                   key: 0,
                   ref: "fileInput",
                   type: "file",
                   accept: $props.accept,
                   disabled: $props.disabled,
                   multiple: $props.multiple,
-                  onChange: _cache[10] || (_cache[10] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
-                  onFocus: _cache[11] || (_cache[11] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-                  onBlur: _cache[12] || (_cache[12] = (...args) => ($options.onBlur && $options.onBlur(...args)))
-                }, null, 40, ["accept", "disabled", "multiple"]))
+                  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_12))
               : vue.createCommentVNode("", true)
-          ], 38), [
+          ], 38)), [
             [_directive_ripple]
           ])
         ]))

package/fileupload/fileupload.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),t=require("primevue/progressbar"),i=require("primevue/message"),l=require("primevue/utils"),s=require("primevue/ripple"),o=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(e),r=a(t),p=a(i),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},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 i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.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||(l.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.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}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},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=o.createVNode("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),m={class:"p-button-label"},g={key:1,class:"p-fileupload-files"},b={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},y={key:1,class:"p-fileupload p-fileupload-basic p-component"},B={class:"p-button-label"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.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,i,l,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.createBlock("div",u,[o.createVNode("div",h,[o.withDirectives(o.createVNode("span",{class:a.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>a.choose&&a.choose(...e)),onKeydown:t[3]||(t[3]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:a.chooseDisabled},null,40,["multiple","accept","disabled"]),f,o.createVNode("span",m,o.toDisplayString(a.chooseButtonLabel),1)],38),[[d]]),i.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:"pi pi-upload",onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0),i.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:"pi pi-times",onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0)]),o.createVNode("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>a.onDragEnter&&a.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>a.onDragOver&&a.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>a.onDragLeave&&a.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...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.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createBlock("div",g,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[o.createVNode("div",null,[a.isImage(e)?(o.openBlock(),o.createBlock("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):o.createCommentVNode("",!0)]),o.createVNode("div",b,o.toDisplayString(e.name),1),o.createVNode("div",null,o.toDisplayString(a.formatSize(e.size)),1),o.createVNode("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.createBlock("div",v,[o.renderSlot(e.$slots,"empty")])):o.createCommentVNode("",!0)],544)])):a.isBasic?(o.openBlock(),o.createBlock("div",y,[(o.openBlock(!0),o.createBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.withDirectives(o.createVNode("span",{class:a.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>a.onBasicUploaderClick&&a.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=o.withKeys(((...e)=>a.choose&&a.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>a.onBlur&&a.onBlur(...e)),tabindex:"0"},[o.createVNode("span",{class:a.basicChooseButtonIconClass},null,2),o.createVNode("span",B,o.toDisplayString(a.basicChooseButtonLabel),1),a.hasFiles?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>a.onFileSelect&&a.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>a.onFocus&&a.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>a.onBlur&&a.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[d]])])):o.createCommentVNode("",!0)},module.exports=c;
+"use strict";var e=require("primevue/button"),t=require("primevue/progressbar"),l=require("primevue/message"),i=require("primevue/utils"),s=require("primevue/ripple"),o=require("vue");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},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}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},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=o.createElementVNode("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),g={class:"p-button-label"},b={key:1,class:"p-fileupload-files"},B=["alt","src","width"],y={class:"p-fileupload-filename"},v={key:2,class:"p-fileupload-empty"},C={key:1,class:"p-fileupload p-fileupload-basic p-component"},F={class:"p-button-label"},k=["accept","disabled","multiple"];!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),m,o.createElementVNode("span",g,o.toDisplayString(a.chooseButtonLabel),1)],38)),[[d]]),l.showUploadButton?(o.openBlock(),o.createBlock(n,{key:0,label:a.uploadButtonLabel,icon:"pi pi-upload",onClick:a.upload,disabled:a.uploadDisabled},null,8,["label","onClick","disabled"])):o.createCommentVNode("",!0),l.showCancelButton?(o.openBlock(),o.createBlock(n,{key:1,label:a.cancelButtonLabel,icon:"pi pi-times",onClick:a.clear,disabled:a.cancelDisabled},null,8,["label","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,{severity:"error",key:e,onClose:a.onMessageClose},{default:o.withCtx((()=>[o.createTextVNode(o.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),a.hasFiles?(o.openBlock(),o.createElementBlock("div",b,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.files,((e,t)=>(o.openBlock(),o.createElementBlock("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[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",C,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(s.messages,(e=>(o.openBlock(),o.createBlock(p,{severity:"error",key:e,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",F,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,k))],38)),[[d]])])):o.createCommentVNode("",!0)},module.exports=c;

package/fileupload/fileupload.esm.js

@@ -3,7 +3,7 @@ import ProgressBar from 'primevue/progressbar';
 import Message from 'primevue/message';
 import { DomHandler } from 'primevue/utils';
 import Ripple from 'primevue/ripple';
-import { resolveComponent, resolveDirective, openBlock, createBlock, createVNode, withDirectives, withKeys, toDisplayString, createCommentVNode, Fragment, renderList, withCtx, createTextVNode, renderSlot } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, withDirectives, normalizeClass, normalizeStyle, withKeys, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, withCtx, createTextVNode, createVNode, renderSlot } from 'vue';
 
 var script = {
     name: 'FileUpload',
@@ -429,22 +429,25 @@ const _hoisted_1 = {
   class: "p-fileupload p-fileupload-advanced p-component"
 };
 const _hoisted_2 = { class: "p-fileupload-buttonbar" };
-const _hoisted_3 = /*#__PURE__*/createVNode("span", { class: "p-button-icon p-button-icon-left pi pi-fw pi-plus" }, null, -1);
-const _hoisted_4 = { class: "p-button-label" };
-const _hoisted_5 = {
+const _hoisted_3 = ["multiple", "accept", "disabled"];
+const _hoisted_4 = /*#__PURE__*/createElementVNode("span", { class: "p-button-icon p-button-icon-left pi pi-fw pi-plus" }, null, -1);
+const _hoisted_5 = { class: "p-button-label" };
+const _hoisted_6 = {
   key: 1,
   class: "p-fileupload-files"
 };
-const _hoisted_6 = { class: "p-fileupload-filename" };
-const _hoisted_7 = {
+const _hoisted_7 = ["alt", "src", "width"];
+const _hoisted_8 = { class: "p-fileupload-filename" };
+const _hoisted_9 = {
   key: 2,
   class: "p-fileupload-empty"
 };
-const _hoisted_8 = {
+const _hoisted_10 = {
   key: 1,
   class: "p-fileupload p-fileupload-basic p-component"
 };
-const _hoisted_9 = { class: "p-button-label" };
+const _hoisted_11 = { class: "p-button-label" };
+const _hoisted_12 = ["accept", "disabled", "multiple"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileUploadButton = resolveComponent("FileUploadButton");
@@ -453,28 +456,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
   return ($options.isAdvanced)
-    ? (openBlock(), createBlock("div", _hoisted_1, [
-        createVNode("div", _hoisted_2, [
-          withDirectives(createVNode("span", {
-            class: $options.advancedChooseButtonClass,
-            style: $props.style,
-            onClick: _cache[2] || (_cache[2] = (...args) => ($options.choose && $options.choose(...args))),
-            onKeydown: _cache[3] || (_cache[3] = withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
-            onFocus: _cache[4] || (_cache[4] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-            onBlur: _cache[5] || (_cache[5] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+    ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          withDirectives((openBlock(), createElementBlock("span", {
+            class: normalizeClass($options.advancedChooseButtonClass),
+            style: normalizeStyle($props.style),
+            onClick: _cache[1] || (_cache[1] = (...args) => ($options.choose && $options.choose(...args))),
+            onKeydown: _cache[2] || (_cache[2] = 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"
           }, [
-            createVNode("input", {
+            createElementVNode("input", {
               ref: "fileInput",
               type: "file",
-              onChange: _cache[1] || (_cache[1] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
+              onChange: _cache[0] || (_cache[0] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
               multiple: $props.multiple,
               accept: $props.accept,
               disabled: $options.chooseDisabled
-            }, null, 40, ["multiple", "accept", "disabled"]),
-            _hoisted_3,
-            createVNode("span", _hoisted_4, toDisplayString($options.chooseButtonLabel), 1)
-          ], 38), [
+            }, null, 40, _hoisted_3),
+            _hoisted_4,
+            createElementVNode("span", _hoisted_5, toDisplayString($options.chooseButtonLabel), 1)
+          ], 38)), [
             [_directive_ripple]
           ]),
           ($props.showUploadButton)
@@ -496,13 +499,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, null, 8, ["label", "onClick", "disabled"]))
             : createCommentVNode("", true)
         ]),
-        createVNode("div", {
+        createElementVNode("div", {
           ref: "content",
           class: "p-fileupload-content",
-          onDragenter: _cache[6] || (_cache[6] = (...args) => ($options.onDragEnter && $options.onDragEnter(...args))),
-          onDragover: _cache[7] || (_cache[7] = (...args) => ($options.onDragOver && $options.onDragOver(...args))),
-          onDragleave: _cache[8] || (_cache[8] = (...args) => ($options.onDragLeave && $options.onDragLeave(...args))),
-          onDrop: _cache[9] || (_cache[9] = (...args) => ($options.onDrop && $options.onDrop(...args)))
+          onDragenter: _cache[5] || (_cache[5] = (...args) => ($options.onDragEnter && $options.onDragEnter(...args))),
+          onDragover: _cache[6] || (_cache[6] = (...args) => ($options.onDragOver && $options.onDragOver(...args))),
+          onDragleave: _cache[7] || (_cache[7] = (...args) => ($options.onDragLeave && $options.onDragLeave(...args))),
+          onDrop: _cache[8] || (_cache[8] = (...args) => ($options.onDrop && $options.onDrop(...args)))
         }, [
           ($options.hasFiles)
             ? (openBlock(), createBlock(_component_FileUploadProgressBar, {
@@ -510,7 +513,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 value: $data.progress
               }, null, 8, ["value"]))
             : createCommentVNode("", true),
-          (openBlock(true), createBlock(Fragment, null, renderList($data.messages, (msg) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, (msg) => {
             return (openBlock(), createBlock(_component_FileUploadMessage, {
               severity: "error",
               key: msg,
@@ -523,26 +526,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, 1032, ["onClose"]))
           }), 128)),
           ($options.hasFiles)
-            ? (openBlock(), createBlock("div", _hoisted_5, [
-                (openBlock(true), createBlock(Fragment, null, renderList($data.files, (file, index) => {
-                  return (openBlock(), createBlock("div", {
+            ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.files, (file, index) => {
+                  return (openBlock(), createElementBlock("div", {
                     class: "p-fileupload-row",
                     key: file.name + file.type + file.size
                   }, [
-                    createVNode("div", null, [
+                    createElementVNode("div", null, [
                       ($options.isImage(file))
-                        ? (openBlock(), createBlock("img", {
+                        ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             role: "presentation",
                             alt: file.name,
                             src: file.objectURL,
                             width: $props.previewWidth
-                          }, null, 8, ["alt", "src", "width"]))
+                          }, null, 8, _hoisted_7))
                         : createCommentVNode("", true)
                     ]),
-                    createVNode("div", _hoisted_6, toDisplayString(file.name), 1),
-                    createVNode("div", null, toDisplayString($options.formatSize(file.size)), 1),
-                    createVNode("div", null, [
+                    createElementVNode("div", _hoisted_8, toDisplayString(file.name), 1),
+                    createElementVNode("div", null, toDisplayString($options.formatSize(file.size)), 1),
+                    createElementVNode("div", null, [
                       createVNode(_component_FileUploadButton, {
                         type: "button",
                         icon: "pi pi-times",
@@ -554,15 +557,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ]))
             : createCommentVNode("", true),
           (_ctx.$slots.empty && !$options.hasFiles)
-            ? (openBlock(), createBlock("div", _hoisted_7, [
+            ? (openBlock(), createElementBlock("div", _hoisted_9, [
                 renderSlot(_ctx.$slots, "empty")
               ]))
             : createCommentVNode("", true)
         ], 544)
       ]))
     : ($options.isBasic)
-      ? (openBlock(), createBlock("div", _hoisted_8, [
-          (openBlock(true), createBlock(Fragment, null, renderList($data.messages, (msg) => {
+      ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, (msg) => {
             return (openBlock(), createBlock(_component_FileUploadMessage, {
               severity: "error",
               key: msg,
@@ -574,31 +577,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               _: 2
             }, 1032, ["onClose"]))
           }), 128)),
-          withDirectives(createVNode("span", {
-            class: $options.basicChooseButtonClass,
-            style: $props.style,
-            onMouseup: _cache[13] || (_cache[13] = (...args) => ($options.onBasicUploaderClick && $options.onBasicUploaderClick(...args))),
-            onKeydown: _cache[14] || (_cache[14] = withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
-            onFocus: _cache[15] || (_cache[15] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-            onBlur: _cache[16] || (_cache[16] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+          withDirectives((openBlock(), createElementBlock("span", {
+            class: normalizeClass($options.basicChooseButtonClass),
+            style: normalizeStyle($props.style),
+            onMouseup: _cache[12] || (_cache[12] = (...args) => ($options.onBasicUploaderClick && $options.onBasicUploaderClick(...args))),
+            onKeydown: _cache[13] || (_cache[13] = withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
+            onFocus: _cache[14] || (_cache[14] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+            onBlur: _cache[15] || (_cache[15] = (...args) => ($options.onBlur && $options.onBlur(...args))),
             tabindex: "0"
           }, [
-            createVNode("span", { class: $options.basicChooseButtonIconClass }, null, 2),
-            createVNode("span", _hoisted_9, toDisplayString($options.basicChooseButtonLabel), 1),
+            createElementVNode("span", {
+              class: normalizeClass($options.basicChooseButtonIconClass)
+            }, null, 2),
+            createElementVNode("span", _hoisted_11, toDisplayString($options.basicChooseButtonLabel), 1),
             (!$options.hasFiles)
-              ? (openBlock(), createBlock("input", {
+              ? (openBlock(), createElementBlock("input", {
                   key: 0,
                   ref: "fileInput",
                   type: "file",
                   accept: $props.accept,
                   disabled: $props.disabled,
                   multiple: $props.multiple,
-                  onChange: _cache[10] || (_cache[10] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
-                  onFocus: _cache[11] || (_cache[11] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-                  onBlur: _cache[12] || (_cache[12] = (...args) => ($options.onBlur && $options.onBlur(...args)))
-                }, null, 40, ["accept", "disabled", "multiple"]))
+                  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_12))
               : createCommentVNode("", true)
-          ], 38), [
+          ], 38)), [
             [_directive_ripple]
           ])
         ]))
@@ -637,4 +642,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-import e from"primevue/button";import t from"primevue/progressbar";import i from"primevue/message";import{DomHandler as l}from"primevue/utils";import s from"primevue/ripple";import{resolveComponent as o,resolveDirective as a,openBlock as n,createBlock as p,createVNode as r,withDirectives as d,withKeys as u,toDisplayString as h,createCommentVNode as c,Fragment as f,renderList as m,withCtx as g,createTextVNode as b,renderSlot as v}from"vue";var y={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},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 i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.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||(l.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.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}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},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:e,FileUploadProgressBar:t,FileUploadMessage:i},directives:{ripple:s}};const F={key:0,class:"p-fileupload p-fileupload-advanced p-component"},B={class:"p-fileupload-buttonbar"},C=r("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),L={class:"p-button-label"},w={key:1,class:"p-fileupload-files"},x={class:"p-fileupload-filename"},S={key:2,class:"p-fileupload-empty"},k={key:1,class:"p-fileupload p-fileupload-basic p-component"},E={class:"p-button-label"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.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"),y.render=function(e,t,i,l,s,y){const I=o("FileUploadButton"),D=o("FileUploadProgressBar"),M=o("FileUploadMessage"),$=a("ripple");return y.isAdvanced?(n(),p("div",F,[r("div",B,[d(r("span",{class:y.advancedChooseButtonClass,style:i.style,onClick:t[2]||(t[2]=(...e)=>y.choose&&y.choose(...e)),onKeydown:t[3]||(t[3]=u(((...e)=>y.choose&&y.choose(...e)),["enter"])),onFocus:t[4]||(t[4]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[5]||(t[5]=(...e)=>y.onBlur&&y.onBlur(...e)),tabindex:"0"},[r("input",{ref:"fileInput",type:"file",onChange:t[1]||(t[1]=(...e)=>y.onFileSelect&&y.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:y.chooseDisabled},null,40,["multiple","accept","disabled"]),C,r("span",L,h(y.chooseButtonLabel),1)],38),[[$]]),i.showUploadButton?(n(),p(I,{key:0,label:y.uploadButtonLabel,icon:"pi pi-upload",onClick:y.upload,disabled:y.uploadDisabled},null,8,["label","onClick","disabled"])):c("",!0),i.showCancelButton?(n(),p(I,{key:1,label:y.cancelButtonLabel,icon:"pi pi-times",onClick:y.clear,disabled:y.cancelDisabled},null,8,["label","onClick","disabled"])):c("",!0)]),r("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[6]||(t[6]=(...e)=>y.onDragEnter&&y.onDragEnter(...e)),onDragover:t[7]||(t[7]=(...e)=>y.onDragOver&&y.onDragOver(...e)),onDragleave:t[8]||(t[8]=(...e)=>y.onDragLeave&&y.onDragLeave(...e)),onDrop:t[9]||(t[9]=(...e)=>y.onDrop&&y.onDrop(...e))},[y.hasFiles?(n(),p(D,{key:0,value:s.progress},null,8,["value"])):c("",!0),(n(!0),p(f,null,m(s.messages,(e=>(n(),p(M,{severity:"error",key:e,onClose:y.onMessageClose},{default:g((()=>[b(h(e),1)])),_:2},1032,["onClose"])))),128)),y.hasFiles?(n(),p("div",w,[(n(!0),p(f,null,m(s.files,((e,t)=>(n(),p("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[r("div",null,[y.isImage(e)?(n(),p("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,["alt","src","width"])):c("",!0)]),r("div",x,h(e.name),1),r("div",null,h(y.formatSize(e.size)),1),r("div",null,[r(I,{type:"button",icon:"pi pi-times",onClick:e=>y.remove(t)},null,8,["onClick"])])])))),128))])):c("",!0),e.$slots.empty&&!y.hasFiles?(n(),p("div",S,[v(e.$slots,"empty")])):c("",!0)],544)])):y.isBasic?(n(),p("div",k,[(n(!0),p(f,null,m(s.messages,(e=>(n(),p(M,{severity:"error",key:e,onClose:y.onMessageClose},{default:g((()=>[b(h(e),1)])),_:2},1032,["onClose"])))),128)),d(r("span",{class:y.basicChooseButtonClass,style:i.style,onMouseup:t[13]||(t[13]=(...e)=>y.onBasicUploaderClick&&y.onBasicUploaderClick(...e)),onKeydown:t[14]||(t[14]=u(((...e)=>y.choose&&y.choose(...e)),["enter"])),onFocus:t[15]||(t[15]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[16]||(t[16]=(...e)=>y.onBlur&&y.onBlur(...e)),tabindex:"0"},[r("span",{class:y.basicChooseButtonIconClass},null,2),r("span",E,h(y.basicChooseButtonLabel),1),y.hasFiles?c("",!0):(n(),p("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[10]||(t[10]=(...e)=>y.onFileSelect&&y.onFileSelect(...e)),onFocus:t[11]||(t[11]=(...e)=>y.onFocus&&y.onFocus(...e)),onBlur:t[12]||(t[12]=(...e)=>y.onBlur&&y.onBlur(...e))},null,40,["accept","disabled","multiple"]))],38),[[$]])])):c("",!0)};export default y;
+import e from"primevue/button";import t from"primevue/progressbar";import i from"primevue/message";import{DomHandler as l}from"primevue/utils";import s from"primevue/ripple";import{resolveComponent as o,resolveDirective as a,openBlock as n,createElementBlock as p,createElementVNode as r,withDirectives as d,normalizeClass as u,normalizeStyle as h,withKeys as c,toDisplayString as f,createBlock as m,createCommentVNode as g,Fragment as b,renderList as v,withCtx as y,createTextVNode as F,createVNode as B,renderSlot as C}from"vue";var L={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},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 i of t){if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.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||(l.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||l.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){l.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}]},basicChooseButtonIconClass(){return["p-button-icon p-button-icon-left pi",{"pi-plus":!this.hasFiles||this.auto,"pi-upload":this.hasFiles&&!this.auto}]},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:e,FileUploadProgressBar:t,FileUploadMessage:i},directives:{ripple:s}};const w={key:0,class:"p-fileupload p-fileupload-advanced p-component"},x={class:"p-fileupload-buttonbar"},S=["multiple","accept","disabled"],k=r("span",{class:"p-button-icon p-button-icon-left pi pi-fw pi-plus"},null,-1),E={class:"p-button-label"},I={key:1,class:"p-fileupload-files"},D=["alt","src","width"],M={class:"p-fileupload-filename"},$={key:2,class:"p-fileupload-empty"},U={key:1,class:"p-fileupload p-fileupload-basic p-component"},z={class:"p-button-label"},T=["accept","disabled","multiple"];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&l.firstChild?l.insertBefore(s,l.firstChild):l.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"),L.render=function(e,t,i,l,s,L){const O=o("FileUploadButton"),P=o("FileUploadProgressBar"),N=o("FileUploadMessage"),R=a("ripple");return L.isAdvanced?(n(),p("div",w,[r("div",x,[d((n(),p("span",{class:u(L.advancedChooseButtonClass),style:h(i.style),onClick:t[1]||(t[1]=(...e)=>L.choose&&L.choose(...e)),onKeydown:t[2]||(t[2]=c(((...e)=>L.choose&&L.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>L.onFocus&&L.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>L.onBlur&&L.onBlur(...e)),tabindex:"0"},[r("input",{ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>L.onFileSelect&&L.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:L.chooseDisabled},null,40,S),k,r("span",E,f(L.chooseButtonLabel),1)],38)),[[R]]),i.showUploadButton?(n(),m(O,{key:0,label:L.uploadButtonLabel,icon:"pi pi-upload",onClick:L.upload,disabled:L.uploadDisabled},null,8,["label","onClick","disabled"])):g("",!0),i.showCancelButton?(n(),m(O,{key:1,label:L.cancelButtonLabel,icon:"pi pi-times",onClick:L.clear,disabled:L.cancelDisabled},null,8,["label","onClick","disabled"])):g("",!0)]),r("div",{ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>L.onDragEnter&&L.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>L.onDragOver&&L.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>L.onDragLeave&&L.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>L.onDrop&&L.onDrop(...e))},[L.hasFiles?(n(),m(P,{key:0,value:s.progress},null,8,["value"])):g("",!0),(n(!0),p(b,null,v(s.messages,(e=>(n(),m(N,{severity:"error",key:e,onClose:L.onMessageClose},{default:y((()=>[F(f(e),1)])),_:2},1032,["onClose"])))),128)),L.hasFiles?(n(),p("div",I,[(n(!0),p(b,null,v(s.files,((e,t)=>(n(),p("div",{class:"p-fileupload-row",key:e.name+e.type+e.size},[r("div",null,[L.isImage(e)?(n(),p("img",{key:0,role:"presentation",alt:e.name,src:e.objectURL,width:i.previewWidth},null,8,D)):g("",!0)]),r("div",M,f(e.name),1),r("div",null,f(L.formatSize(e.size)),1),r("div",null,[B(O,{type:"button",icon:"pi pi-times",onClick:e=>L.remove(t)},null,8,["onClick"])])])))),128))])):g("",!0),e.$slots.empty&&!L.hasFiles?(n(),p("div",$,[C(e.$slots,"empty")])):g("",!0)],544)])):L.isBasic?(n(),p("div",U,[(n(!0),p(b,null,v(s.messages,(e=>(n(),m(N,{severity:"error",key:e,onClose:L.onMessageClose},{default:y((()=>[F(f(e),1)])),_:2},1032,["onClose"])))),128)),d((n(),p("span",{class:u(L.basicChooseButtonClass),style:h(i.style),onMouseup:t[12]||(t[12]=(...e)=>L.onBasicUploaderClick&&L.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=c(((...e)=>L.choose&&L.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>L.onFocus&&L.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>L.onBlur&&L.onBlur(...e)),tabindex:"0"},[r("span",{class:u(L.basicChooseButtonIconClass)},null,2),r("span",z,f(L.basicChooseButtonLabel),1),L.hasFiles?g("",!0):(n(),p("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:t[9]||(t[9]=(...e)=>L.onFileSelect&&L.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>L.onFocus&&L.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>L.onBlur&&L.onBlur(...e))},null,40,T))],38)),[[R]])])):g("",!0)};export{L as default};