primevue 3.29.2 → 3.30.0

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/button";import l from"primevue/icons/plus";import i from"primevue/icons/times";import s from"primevue/icons/upload";import o from"primevue/message";import a from"primevue/progressbar";import n from"primevue/ripple";import{DomHandler as p}from"primevue/utils";import d from"primevue/badge";import{resolveComponent as r,openBlock as u,createElementBlock as c,Fragment as h,renderList as f,mergeProps as m,createElementVNode as g,toDisplayString as b,createVNode as v,withCtx as y,createBlock as F,resolveDynamicComponent as B,normalizeClass as C,resolveDirective as I,renderSlot as L,withDirectives as S,withKeys as w,createCommentVNode as x,createTextVNode as k}from"vue";var $={extends:e,emits:["remove"],props:{files:{type:Array,default:()=>[]},badgeSeverity:{type:String,default:"warning"},badgeValue:{type:String,default:null},previewWidth:{type:Number,default:50},templates:{type:null,default:null}},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]}},components:{FileUploadButton:t,FileUploadBadge:d,TimesIcon:i}};const E=["alt","src","width"];$.render=function(e,t,l,i,s,o){const a=r("FileUploadBadge"),n=r("TimesIcon"),p=r("FileUploadButton");return u(!0),c(h,null,f(l.files,((t,i)=>(u(),c("div",m({key:t.name+t.type+t.size,class:"p-fileupload-file"},e.ptm("file")),[g("img",m({role:"presentation",class:"p-fileupload-file-thumbnail",alt:t.name,src:t.objectURL,width:l.previewWidth},e.ptm("thumbnail")),null,16,E),g("div",m({class:"p-fileupload-file-details"},e.ptm("details")),[g("div",m({class:"p-fileupload-file-name"},e.ptm("fileName")),b(t.name),17),g("span",m({class:"p-fileupload-file-size"},e.ptm("fileSize")),b(o.formatSize(t.size)),17),v(a,{value:l.badgeValue,class:"p-fileupload-file-badge",severity:l.badgeSeverity,pt:e.ptm("badge")},null,8,["value","severity","pt"])],16),g("div",m({class:"p-fileupload-file-actions"},e.ptm("actions")),[v(p,{onClick:t=>e.$emit("remove",i),text:"",rounded:"",severity:"danger",class:"p-fileupload-file-remove",pt:e.ptm("removeButton")},{icon:y((s=>[l.templates.fileremoveicon?(u(),F(B(l.templates.fileremoveicon),{key:0,class:C(s.class),file:t,index:i},null,8,["class","file","index"])):(u(),F(n,m({key:1,class:s.class,"aria-hidden":"true"},e.ptm("removeButton").icon),null,16,["class"]))])),_:2},1032,["onClick","pt"])],16)],16)))),128)};var U={name:"FileUpload",extends:e,emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove","remove-uploaded-file"],props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},chooseIcon:{type:String,default:void 0},uploadIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0},style:null,class:null},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||(p.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||p.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){p.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("remove-uploaded-file",{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}]},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:t,FileUploadProgressBar:a,FileUploadMessage:o,FileContent:$,PlusIcon:l,UploadIcon:s,TimesIcon:i},directives:{ripple:n}};const D=["multiple","accept","disabled"],M=["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-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: flex;\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: flex;\n    flex-wrap: wrap;\n    align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n"),U.render=function(e,t,l,i,s,o){const a=r("FileUploadButton"),n=r("FileUploadProgressBar"),p=r("FileUploadMessage"),d=r("FileContent"),C=I("ripple");return o.isAdvanced?(u(),c("div",m({key:0,class:"p-fileupload p-fileupload-advanced p-component"},e.ptm("root")),[g("input",m({ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),multiple:l.multiple,accept:l.accept,disabled:o.chooseDisabled},e.ptm("input")),null,16,D),g("div",m({class:"p-fileupload-buttonbar"},e.ptm("buttonbar")),[L(e.$slots,"header",{files:s.files,uploadedFiles:s.uploadedFiles,chooseCallback:o.choose,uploadCallback:o.upload,clearCallback:o.clear},(()=>[S((u(),c("span",m({class:o.advancedChooseButtonClass,style:l.style,onClick:t[1]||(t[1]=(...e)=>o.choose&&o.choose(...e)),onKeydown:t[2]||(t[2]=w(((...e)=>o.choose&&o.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>o.onBlur&&o.onBlur(...e)),tabindex:"0"},e.ptm("chooseButton")),[L(e.$slots,"chooseicon",{},(()=>[(u(),F(B(l.chooseIcon?"span":"PlusIcon"),m({class:["p-button-icon p-button-icon-left",l.chooseIcon],"aria-hidden":"true"},e.ptm("chooseIcon")),null,16,["class"]))])),g("span",m({class:"p-button-label"},e.ptm("chooseButtonLabel")),b(o.chooseButtonLabel),17)],16)),[[C]]),l.showUploadButton?(u(),F(a,{key:0,label:o.uploadButtonLabel,onClick:o.upload,disabled:o.uploadDisabled,pt:e.ptm("uploadButton")},{icon:y((t=>[L(e.$slots,"uploadicon",{},(()=>[(u(),F(B(l.uploadIcon?"span":"UploadIcon"),m({class:[t.class,l.uploadIcon],"aria-hidden":"true"},e.ptm("uploadButton").icon),null,16,["class"]))]))])),_:3},8,["label","onClick","disabled","pt"])):x("",!0),l.showCancelButton?(u(),F(a,{key:1,label:o.cancelButtonLabel,onClick:o.clear,disabled:o.cancelDisabled,pt:e.ptm("cancelButton")},{icon:y((t=>[L(e.$slots,"cancelicon",{},(()=>[(u(),F(B(l.cancelIcon?"span":"TimesIcon"),m({class:[t.class,l.cancelIcon],"aria-hidden":"true"},e.ptm("cancelButton").icon),null,16,["class"]))]))])),_:3},8,["label","onClick","disabled","pt"])):x("",!0)]))],16),g("div",m({ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>o.onDragEnter&&o.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>o.onDragOver&&o.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>o.onDragLeave&&o.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>o.onDrop&&o.onDrop(...e))},e.ptm("content")),[L(e.$slots,"content",{files:s.files,uploadedFiles:s.uploadedFiles,removeUploadedFileCallback:o.removeUploadedFile,removeFileCallback:o.remove,progress:s.progress,messages:s.messages},(()=>[o.hasFiles?(u(),F(n,{key:0,value:s.progress,showValue:!1,pt:e.ptm("progressbar")},null,8,["value","pt"])):x("",!0),(u(!0),c(h,null,f(s.messages,(t=>(u(),F(p,{key:t,severity:"error",onClose:o.onMessageClose,pt:e.ptm("message")},{default:y((()=>[k(b(t),1)])),_:2},1032,["onClose","pt"])))),128)),o.hasFiles?(u(),F(d,{key:1,files:s.files,onRemove:o.remove,badgeValue:o.pendingLabel,previewWidth:l.previewWidth,templates:e.$slots,pt:e.pt},null,8,["files","onRemove","badgeValue","previewWidth","templates","pt"])):x("",!0),v(d,{files:s.uploadedFiles,onRemove:o.removeUploadedFile,badgeValue:o.completedLabel,badgeSeverity:"success",previewWidth:l.previewWidth,templates:e.$slots,pt:e.pt},null,8,["files","onRemove","badgeValue","previewWidth","templates","pt"])])),!e.$slots.empty||o.hasFiles||o.hasUploadedFiles?x("",!0):(u(),c("div",m({key:0,class:"p-fileupload-empty"},e.ptm("empty")),[L(e.$slots,"empty")],16))],16)],16)):o.isBasic?(u(),c("div",m({key:1,class:"p-fileupload p-fileupload-basic p-component"},e.ptm("root")),[(u(!0),c(h,null,f(s.messages,(t=>(u(),F(p,{key:t,severity:"error",onClose:o.onMessageClose,pt:e.ptm("messages")},{default:y((()=>[k(b(t),1)])),_:2},1032,["onClose","pt"])))),128)),S((u(),c("span",m({class:o.basicChooseButtonClass,style:l.style,onMouseup:t[12]||(t[12]=(...e)=>o.onBasicUploaderClick&&o.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=w(((...e)=>o.choose&&o.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>o.onBlur&&o.onBlur(...e)),tabindex:"0"},e.ptm("basicButton")),[!o.hasFiles||l.auto?L(e.$slots,"uploadicon",{key:0},(()=>[(u(),F(B(l.uploadIcon?"span":"UploadIcon"),m({class:["p-button-icon p-button-icon-left",l.uploadIcon],"aria-hidden":"true"},e.ptm("uploadIcon")),null,16,["class"]))])):L(e.$slots,"chooseicon",{key:1},(()=>[(u(),F(B(l.chooseIcon?"span":"PlusIcon"),m({class:["p-button-icon p-button-icon-left",l.chooseIcon],"aria-hidden":"true"},e.ptm("chooseIcon")),null,16,["class"]))])),g("span",m({class:"p-button-label"},e.ptm("label")),b(o.basicChooseButtonLabel),17),o.hasFiles?x("",!0):(u(),c("input",m({key:2,ref:"fileInput",type:"file",accept:l.accept,disabled:l.disabled,multiple:l.multiple,onChange:t[9]||(t[9]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>o.onBlur&&o.onBlur(...e))},e.ptm("input")),null,16,M))],16)),[[C]])],16)):x("",!0)};export{U as default};
+import e from"primevue/button";import t from"primevue/icons/plus";import l from"primevue/icons/times";import n from"primevue/icons/upload";import i from"primevue/message";import o from"primevue/progressbar";import s from"primevue/ripple";import a from"primevue/basecomponent";import{useStyle as r}from"primevue/usestyle";import u from"primevue/badge";import{resolveComponent as p,openBlock as c,createElementBlock as d,Fragment as f,renderList as h,mergeProps as m,createElementVNode as y,toDisplayString as v,createVNode as b,normalizeClass as g,withCtx as F,createBlock as B,resolveDynamicComponent as I,resolveDirective as x,renderSlot as L,withDirectives as S,withKeys as C,createCommentVNode as w,createTextVNode as $}from"vue";var k=r("\n.p-fileupload-content {\n    position: relative;\n}\n\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n\n.p-fileupload-buttonbar {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n\n.p-fileupload-file {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n}\n\n.p-fileupload-file-thumbnail {\n    flex-shrink: 0;\n}\n\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n",{name:"fileupload",manual:!0}),U={name:"BaseFileUpload",extends:a,props:{name:{type:String,default:null},url:{type:String,default:null},mode:{type:String,default:"advanced"},multiple:{type:Boolean,default:!1},accept:{type:String,default:null},disabled:{type:Boolean,default:!1},auto:{type:Boolean,default:!1},maxFileSize:{type:Number,default:null},invalidFileSizeMessage:{type:String,default:"{0}: Invalid file size, file size should be smaller than {1}."},invalidFileTypeMessage:{type:String,default:"{0}: Invalid file type, allowed file types: {1}."},fileLimit:{type:Number,default:null},invalidFileLimitMessage:{type:String,default:"Maximum number of files exceeded, limit is {0} at most."},withCredentials:{type:Boolean,default:!1},previewWidth:{type:Number,default:50},chooseLabel:{type:String,default:null},uploadLabel:{type:String,default:null},cancelLabel:{type:String,default:null},customUpload:{type:Boolean,default:!1},showUploadButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},chooseIcon:{type:String,default:void 0},uploadIcon:{type:String,default:void 0},cancelIcon:{type:String,default:void 0},style:null,class:null},css:{classes:{root:function(e){return["p-fileupload p-fileupload-".concat(e.props.mode," p-component")]},buttonbar:"p-fileupload-buttonbar",chooseButton:function(e){var t=e.instance,l=e.props;return["p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":"basic"===l.mode&&t.hasFiles,"p-disabled":l.disabled,"p-focus":t.focused}]},chooseIcon:"p-button-icon p-button-icon-left",chooseButtonLabel:"p-button-label",content:"p-fileupload-content",empty:"p-fileupload-empty",uploadIcon:"p-button-icon p-button-icon-left",label:"p-button-label",file:"p-fileupload-file",thumbnail:"p-fileupload-file-thumbnail",details:"p-fileupload-file-details",fileName:"p-fileupload-file-name",fileSize:"p-fileupload-file-size",badge:"p-fileupload-file-badge",actions:"p-fileupload-file-actions",removeButton:"p-fileupload-file-remove"},loadStyle:k.load},provide:function(){return{$parentInstance:this}}},E={name:"FileContent",hostName:"FileUpload",extends:a,emits:["remove"],props:{files:{type:Array,default:function(){return[]}},badgeSeverity:{type:String,default:"warning"},badgeValue:{type:String,default:null},previewWidth:{type:Number,default:50},templates:{type:null,default:null}},methods:{formatSize:function(e){if(0===e)return"0 B";var 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]}},components:{FileUploadButton:e,FileUploadBadge:u,TimesIcon:l}},M=["alt","src","width"];function D(e){return A(e)||T(e)||W(e)||z()}function z(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function A(e){if(Array.isArray(e))return O(e)}function P(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=W(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,i=function(){};return{s:i,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,a=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return s=e.done,e},e:function(e){a=!0,o=e},f:function(){try{s||null==l.return||l.return()}finally{if(a)throw o}}}}function W(e,t){if(e){if("string"==typeof e)return O(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?O(e,t):void 0}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}E.render=function(e,t,l,n,i,o){var s=p("FileUploadBadge"),a=p("TimesIcon"),r=p("FileUploadButton");return c(!0),d(f,null,h(l.files,(function(t,n){return c(),d("div",m({key:t.name+t.type+t.size,class:e.cx("file")},e.ptm("file")),[y("img",m({role:"presentation",class:e.cx("thumbnail"),alt:t.name,src:t.objectURL,width:l.previewWidth},e.ptm("thumbnail")),null,16,M),y("div",m({class:e.cx("details")},e.ptm("details")),[y("div",m({class:e.cx("fileName")},e.ptm("fileName")),v(t.name),17),y("span",m({class:e.cx("fileSize")},e.ptm("fileSize")),v(o.formatSize(t.size)),17),b(s,{value:l.badgeValue,class:g(e.cx("badge")),severity:l.badgeSeverity,unstyled:e.unstyled,pt:e.ptm("badge")},null,8,["value","class","severity","unstyled","pt"])],16),y("div",m({class:e.cx("actions")},e.ptm("actions")),[b(r,{onClick:function(t){return e.$emit("remove",n)},text:"",rounded:"",severity:"danger",class:g(e.cx("removeButton")),unstyled:e.unstyled,pt:e.ptm("removeButton")},{icon:F((function(i){return[l.templates.fileremoveicon?(c(),B(I(l.templates.fileremoveicon),{key:0,class:g(i.class),file:t,index:n},null,8,["class","file","index"])):(c(),B(a,m({key:1,class:i.class,"aria-hidden":"true"},e.ptm("removeButton").icon),null,16,["class"]))]})),_:2},1032,["onClick","class","unstyled","pt"])],16)],16)})),128)};var R={name:"FileUpload",extends:U,emits:["select","uploader","before-upload","progress","upload","error","before-send","clear","remove","remove-uploaded-file"],duplicateIEEvent:!1,data:function(){return{uploadedFileCount:0,files:[],messages:[],focused:!1,progress:null,uploadedFiles:[]}},methods:{onFileSelect:function(e){if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)this.duplicateIEEvent=!1;else{this.messages=[],this.files=this.files||[];var t,l=P(e.dataTransfer?e.dataTransfer.files:e.target.files);try{for(l.s();!(t=l.n()).done;){var n=t.value;this.isFileSelected(n)||this.validate(n)&&(this.isImage(n)&&(n.objectURL=window.URL.createObjectURL(n)),this.files.push(n))}}catch(e){l.e(e)}finally{l.f()}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:function(){this.$refs.fileInput.click()},upload:function(){var e=this;if(this.customUpload)this.fileLimit&&(this.uploadedFileCount+=this.files.length),this.$emit("uploader",{files:this.files}),this.clear();else{var t=new XMLHttpRequest,l=new FormData;this.$emit("before-upload",{xhr:t,formData:l});var n,i=P(this.files);try{for(i.s();!(n=i.n()).done;){var o=n.value;l.append(this.name,o,o.name)}}catch(e){i.e(e)}finally{i.f()}t.upload.addEventListener("progress",(function(t){t.lengthComputable&&(e.progress=Math.round(100*t.loaded/t.total)),e.$emit("progress",{originalEvent:t,progress:e.progress})})),t.onreadystatechange=function(){var l;4===t.readyState&&(e.progress=0,t.status>=200&&t.status<300?(e.fileLimit&&(e.uploadedFileCount+=e.files.length),e.$emit("upload",{xhr:t,files:e.files})):e.$emit("error",{xhr:t,files:e.files}),(l=e.uploadedFiles).push.apply(l,D(e.files)),e.clear())},t.open("POST",this.url,!0),this.$emit("before-send",{xhr:t,formData:l}),t.withCredentials=this.withCredentials,t.send(l)}},clear:function(){this.files=[],this.messages=null,this.$emit("clear"),this.isAdvanced&&this.clearInputElement()},onFocus:function(){this.focused=!0},onBlur:function(){this.focused=!1},isFileSelected:function(e){if(this.files&&this.files.length){var t,l=P(this.files);try{for(l.s();!(t=l.n()).done;){var n=t.value;if(n.name+n.type+n.size===e.name+e.type+e.size)return!0}}catch(e){l.e(e)}finally{l.f()}}return!1},isIE11:function(){return!!window.MSInputMethodContext&&!!document.documentMode},validate:function(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:function(e){var t,l=this.accept.split(",").map((function(e){return e.trim()})),n=P(l);try{for(n.s();!(t=n.n()).done;){var i=t.value;if(this.isWildcard(i)?this.getTypeClass(e.type)===this.getTypeClass(i):e.type==i||this.getFileExtension(e).toLowerCase()===i.toLowerCase())return!0}}catch(e){n.e(e)}finally{n.f()}return!1},getTypeClass:function(e){return e.substring(0,e.indexOf("/"))},isWildcard:function(e){return-1!==e.indexOf("*")},getFileExtension:function(e){return"."+e.name.split(".").pop()},isImage:function(e){return/^image\//.test(e.type)},onDragEnter:function(e){this.disabled||(e.stopPropagation(),e.preventDefault())},onDragOver:function(e){this.disabled||(this.$refs.content.setAttribute("data-p-highlight",!0),e.stopPropagation(),e.preventDefault())},onDragLeave:function(){this.disabled||this.$refs.content.setAttribute("data-p-highlight",!1)},onDrop:function(e){if(!this.disabled){this.$refs.content.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.multiple||t&&1===t.length)&&this.onFileSelect(e)}},onBasicUploaderClick:function(){this.hasFiles?this.upload():this.$refs.fileInput.click()},remove:function(e){this.clearInputElement();var t=this.files.splice(e,1)[0];this.files=D(this.files),this.$emit("remove",{file:t,files:this.files})},removeUploadedFile:function(e){var t=this.uploadedFiles.splice(e,1)[0];this.uploadedFiles=D(this.uploadedFiles),this.$emit("remove-uploaded-file",{file:t,files:this.uploadedFiles})},clearInputElement:function(){this.$refs.fileInput.value=""},clearIEInput:function(){this.$refs.fileInput&&(this.duplicateIEEvent=!0,this.$refs.fileInput.value="")},formatSize:function(e){if(0===e)return"0 B";var 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:function(){return this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount&&this.focused&&(this.focused=!1),this.fileLimit&&this.fileLimit<this.files.length+this.uploadedFileCount},checkFileLimit:function(){this.isFileLimitExceeded()&&this.messages.push(this.invalidFileLimitMessage.replace("{0}",this.fileLimit.toString()))},onMessageClose:function(){this.messages=null}},computed:{isAdvanced:function(){return"advanced"===this.mode},isBasic:function(){return"basic"===this.mode},chooseButtonClass:function(){return[this.cx("chooseButton"),this.class]},basicChooseButtonLabel:function(){return this.auto?this.chooseButtonLabel:this.hasFiles?this.files.map((function(e){return e.name})).join(", "):this.chooseButtonLabel},hasFiles:function(){return this.files&&this.files.length>0},hasUploadedFiles:function(){return this.uploadedFiles&&this.uploadedFiles.length>0},chooseDisabled:function(){return this.disabled||this.fileLimit&&this.fileLimit<=this.files.length+this.uploadedFileCount},uploadDisabled:function(){return this.disabled||!this.hasFiles||this.fileLimit&&this.fileLimit<this.files.length},cancelDisabled:function(){return this.disabled||!this.hasFiles},chooseButtonLabel:function(){return this.chooseLabel||this.$primevue.config.locale.choose},uploadButtonLabel:function(){return this.uploadLabel||this.$primevue.config.locale.upload},cancelButtonLabel:function(){return this.cancelLabel||this.$primevue.config.locale.cancel},completedLabel:function(){return this.$primevue.config.locale.completed},pendingLabel:function(){return this.$primevue.config.locale.pending}},components:{FileUploadButton:e,FileUploadProgressBar:o,FileUploadMessage:i,FileContent:E,PlusIcon:t,UploadIcon:n,TimesIcon:l},directives:{ripple:s}},V=["multiple","accept","disabled"],j=["accept","disabled","multiple"];R.render=function(e,t,l,n,i,o){var s=p("FileUploadButton"),a=p("FileUploadProgressBar"),r=p("FileUploadMessage"),u=p("FileContent"),k=x("ripple");return o.isAdvanced?(c(),d("div",m({key:0,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fileupload"}),[y("input",m({ref:"fileInput",type:"file",onChange:t[0]||(t[0]=function(){return o.onFileSelect&&o.onFileSelect.apply(o,arguments)}),multiple:e.multiple,accept:e.accept,disabled:o.chooseDisabled},e.ptm("input")),null,16,V),y("div",m({class:e.cx("buttonbar")},e.ptm("buttonbar")),[L(e.$slots,"header",{files:i.files,uploadedFiles:i.uploadedFiles,chooseCallback:o.choose,uploadCallback:o.upload,clearCallback:o.clear},(function(){return[S((c(),d("span",m({class:o.chooseButtonClass,style:e.style,onClick:t[1]||(t[1]=function(){return o.choose&&o.choose.apply(o,arguments)}),onKeydown:t[2]||(t[2]=C((function(){return o.choose&&o.choose.apply(o,arguments)}),["enter"])),onFocus:t[3]||(t[3]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[4]||(t[4]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),tabindex:"0"},e.ptm("chooseButton")),[L(e.$slots,"chooseicon",{class:g(e.cx("chooseIcon"))},(function(){return[(c(),B(I(e.chooseIcon?"span":"PlusIcon"),m({class:[e.cx("chooseIcon"),e.chooseIcon],"aria-hidden":"true"},e.ptm("chooseIcon")),null,16,["class"]))]})),y("span",m({class:e.cx("chooseButtonLabel")},e.ptm("chooseButtonLabel")),v(o.chooseButtonLabel),17)],16)),[[k]]),e.showUploadButton?(c(),B(s,{key:0,label:o.uploadButtonLabel,onClick:o.upload,disabled:o.uploadDisabled,unstyled:e.unstyled,pt:e.ptm("uploadButton")},{icon:F((function(t){return[L(e.$slots,"uploadicon",{},(function(){return[(c(),B(I(e.uploadIcon?"span":"UploadIcon"),m({class:[t.class,e.uploadIcon],"aria-hidden":"true"},e.ptm("uploadButton").icon),null,16,["class"]))]}))]})),_:3},8,["label","onClick","disabled","unstyled","pt"])):w("",!0),e.showCancelButton?(c(),B(s,{key:1,label:o.cancelButtonLabel,onClick:o.clear,disabled:o.cancelDisabled,unstyled:e.unstyled,pt:e.ptm("cancelButton")},{icon:F((function(t){return[L(e.$slots,"cancelicon",{},(function(){return[(c(),B(I(e.cancelIcon?"span":"TimesIcon"),m({class:[t.class,e.cancelIcon],"aria-hidden":"true"},e.ptm("cancelButton").icon),null,16,["class"]))]}))]})),_:3},8,["label","onClick","disabled","unstyled","pt"])):w("",!0)]}))],16),y("div",m({ref:"content",class:e.cx("content"),onDragenter:t[5]||(t[5]=function(){return o.onDragEnter&&o.onDragEnter.apply(o,arguments)}),onDragover:t[6]||(t[6]=function(){return o.onDragOver&&o.onDragOver.apply(o,arguments)}),onDragleave:t[7]||(t[7]=function(){return o.onDragLeave&&o.onDragLeave.apply(o,arguments)}),onDrop:t[8]||(t[8]=function(){return o.onDrop&&o.onDrop.apply(o,arguments)})},e.ptm("content"),{"data-p-highlight":!1}),[L(e.$slots,"content",{files:i.files,uploadedFiles:i.uploadedFiles,removeUploadedFileCallback:o.removeUploadedFile,removeFileCallback:o.remove,progress:i.progress,messages:i.messages},(function(){return[o.hasFiles?(c(),B(a,{key:0,value:i.progress,showValue:!1,unstyled:e.unstyled,pt:e.ptm("progressbar")},null,8,["value","unstyled","pt"])):w("",!0),(c(!0),d(f,null,h(i.messages,(function(t){return c(),B(r,{key:t,severity:"error",onClose:o.onMessageClose,unstyled:e.unstyled,pt:e.ptm("message")},{default:F((function(){return[$(v(t),1)]})),_:2},1032,["onClose","unstyled","pt"])})),128)),o.hasFiles?(c(),B(u,{key:1,files:i.files,onRemove:o.remove,badgeValue:o.pendingLabel,previewWidth:e.previewWidth,templates:e.$slots,unstyled:e.unstyled,pt:e.pt},null,8,["files","onRemove","badgeValue","previewWidth","templates","unstyled","pt"])):w("",!0),b(u,{files:i.uploadedFiles,onRemove:o.removeUploadedFile,badgeValue:o.completedLabel,badgeSeverity:"success",previewWidth:e.previewWidth,templates:e.$slots,unstyled:e.unstyled,pt:e.pt},null,8,["files","onRemove","badgeValue","previewWidth","templates","unstyled","pt"])]})),!e.$slots.empty||o.hasFiles||o.hasUploadedFiles?w("",!0):(c(),d("div",m({key:0,class:e.cx("empty")},e.ptm("empty")),[L(e.$slots,"empty")],16))],16)],16)):o.isBasic?(c(),d("div",m({key:1,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fileupload"}),[(c(!0),d(f,null,h(i.messages,(function(t){return c(),B(r,{key:t,severity:"error",onClose:o.onMessageClose,unstyled:e.unstyled,pt:e.ptm("messages")},{default:F((function(){return[$(v(t),1)]})),_:2},1032,["onClose","unstyled","pt"])})),128)),S((c(),d("span",m({class:o.chooseButtonClass,style:e.style,onMouseup:t[12]||(t[12]=function(){return o.onBasicUploaderClick&&o.onBasicUploaderClick.apply(o,arguments)}),onKeydown:t[13]||(t[13]=C((function(){return o.choose&&o.choose.apply(o,arguments)}),["enter"])),onFocus:t[14]||(t[14]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[15]||(t[15]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),tabindex:"0"},e.ptm("chooseButton")),[!o.hasFiles||e.auto?L(e.$slots,"uploadicon",{key:0,class:g(e.cx("uploadIcon"))},(function(){return[(c(),B(I(e.uploadIcon?"span":"UploadIcon"),m({class:[e.cx("uploadIcon"),e.uploadIcon],"aria-hidden":"true"},e.ptm("uploadIcon")),null,16,["class"]))]})):L(e.$slots,"chooseicon",{key:1,class:g(e.cx("chooseIcon"))},(function(){return[(c(),B(I(e.chooseIcon?"span":"PlusIcon"),m({class:[e.cx("chooseIcon"),e.chooseIcon],"aria-hidden":"true"},e.ptm("chooseIcon")),null,16,["class"]))]})),y("span",m({class:e.cx("label")},e.ptm("label")),v(o.basicChooseButtonLabel),17),o.hasFiles?w("",!0):(c(),d("input",m({key:2,ref:"fileInput",type:"file",accept:e.accept,disabled:e.disabled,multiple:e.multiple,onChange:t[9]||(t[9]=function(){return o.onFileSelect&&o.onFileSelect.apply(o,arguments)}),onFocus:t[10]||(t[10]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[11]||(t[11]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)})},e.ptm("input")),null,16,j))],16)),[[k]])],16)):w("",!0)};export{R as default};