primevue 3.16.2 → 3.18.0

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