primevue 3.20.0 → 3.22.0

package/fieldset/fieldset.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import t from"primevue/ripple";import{resolveDirective as l,openBlock as n,createElementBlock as a,normalizeClass as o,createElementVNode as s,renderSlot as d,toDisplayString as i,createCommentVNode as r,withDirectives as p,mergeProps as c,createVNode as g,Transition as u,withCtx as f,vShow as h}from"vue";var m={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>e(),buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:t}};const b={class:"p-fieldset-legend"},x=["id"],y=["id","aria-controls","aria-expanded","aria-label"],_={class:"p-fieldset-legend-text"},v=["id","aria-labelledby"],w={class:"p-fieldset-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\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    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n"),m.render=function(e,t,m,k,B,C){const I=l("ripple");return n(),a("fieldset",{class:o(["p-fieldset p-component",{"p-fieldset-toggleable":m.toggleable}])},[s("legend",b,[m.toggleable?r("",!0):d(e.$slots,"legend",{key:0},(()=>[s("span",{id:C.ariaId+"_header",class:"p-fieldset-legend-text"},i(m.legend),9,x)])),m.toggleable?p((n(),a("a",c({key:1,id:C.ariaId+"_header",tabindex:"0",role:"button","aria-controls":C.ariaId+"_content","aria-expanded":!B.d_collapsed,"aria-label":C.buttonAriaLabel,onClick:t[0]||(t[0]=(...e)=>C.toggle&&C.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>C.onKeyDown&&C.onKeyDown(...e))},m.toggleButtonProps),[s("span",{class:o(C.iconClass)},null,2),d(e.$slots,"legend",{},(()=>[s("span",_,i(m.legend),1)]))],16,y)),[[I]]):r("",!0)]),g(u,{name:"p-toggleable-content"},{default:f((()=>[p(s("div",{id:C.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":C.ariaId+"_header"},[s("div",w,[d(e.$slots,"default")])],8,v),[[h,!B.d_collapsed]])])),_:3})],2)};export{m as default};
+import e from"primevue/ripple";import{UniqueComponentId as t}from"primevue/utils";import{resolveDirective as l,openBlock as n,createElementBlock as a,normalizeClass as o,createElementVNode as d,renderSlot as s,toDisplayString as i,createCommentVNode as r,withDirectives as p,mergeProps as g,createVNode as c,Transition as u,withCtx as f,vShow as h}from"vue";var m={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>t(),buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:e}};const b={class:"p-fieldset-legend"},y=["id"],_=["id","aria-controls","aria-expanded","aria-label"],v={class:"p-fieldset-legend-text"},x=["id","aria-labelledby"],B={class:"p-fieldset-content"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n"),m.render=function(e,t,m,C,w,I){const P=l("ripple");return n(),a("fieldset",{class:o(["p-fieldset p-component",{"p-fieldset-toggleable":m.toggleable}])},[d("legend",b,[m.toggleable?r("",!0):s(e.$slots,"legend",{key:0},(()=>[d("span",{id:I.ariaId+"_header",class:"p-fieldset-legend-text"},i(m.legend),9,y)])),m.toggleable?p((n(),a("a",g({key:1,id:I.ariaId+"_header",tabindex:"0",role:"button","aria-controls":I.ariaId+"_content","aria-expanded":!w.d_collapsed,"aria-label":I.buttonAriaLabel,onClick:t[0]||(t[0]=(...e)=>I.toggle&&I.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>I.onKeyDown&&I.onKeyDown(...e))},m.toggleButtonProps),[d("span",{class:o(I.iconClass)},null,2),s(e.$slots,"legend",{},(()=>[d("span",v,i(m.legend),1)]))],16,_)),[[P]]):r("",!0)]),c(u,{name:"p-toggleable-content"},{default:f((()=>[p(d("div",{id:I.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":I.ariaId+"_header"},[d("div",B,[s(e.$slots,"default")])],8,x),[[h,!w.d_collapsed]])])),_:3})],2)};export{m as default};

package/fieldset/fieldset.js

@@ -1,5 +1,5 @@
 this.primevue = this.primevue || {};
-this.primevue.fieldset = (function (utils, Ripple, vue) {
+this.primevue.fieldset = (function (Ripple, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -158,11 +158,11 @@ this.primevue.fieldset = (function (utils, Ripple, vue) {
       }
     }
 
-    var css_248z = "\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\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    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n";
+    var css_248z = "\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n";
     styleInject(css_248z);
 
     script.render = render;
 
     return script;
 
-})(primevue.utils, primevue.ripple, Vue);
+})(primevue.ripple, primevue.utils, Vue);

package/fieldset/fieldset.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>e.UniqueComponentId(),buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:n(t).default}};const a={class:"p-fieldset-legend"},i=["id"],s=["id","aria-controls","aria-expanded","aria-label"],d={class:"p-fieldset-legend-text"},r=["id","aria-labelledby"],c={class:"p-fieldset-content"};return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===l&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\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    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n"),o.render=function(e,t,n,o,p,g){const u=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("fieldset",{class:l.normalizeClass(["p-fieldset p-component",{"p-fieldset-toggleable":n.toggleable}])},[l.createElementVNode("legend",a,[n.toggleable?l.createCommentVNode("",!0):l.renderSlot(e.$slots,"legend",{key:0},(()=>[l.createElementVNode("span",{id:g.ariaId+"_header",class:"p-fieldset-legend-text"},l.toDisplayString(n.legend),9,i)])),n.toggleable?l.withDirectives((l.openBlock(),l.createElementBlock("a",l.mergeProps({key:1,id:g.ariaId+"_header",tabindex:"0",role:"button","aria-controls":g.ariaId+"_content","aria-expanded":!p.d_collapsed,"aria-label":g.buttonAriaLabel,onClick:t[0]||(t[0]=(...e)=>g.toggle&&g.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>g.onKeyDown&&g.onKeyDown(...e))},n.toggleButtonProps),[l.createElementVNode("span",{class:l.normalizeClass(g.iconClass)},null,2),l.renderSlot(e.$slots,"legend",{},(()=>[l.createElementVNode("span",d,l.toDisplayString(n.legend),1)]))],16,s)),[[u]]):l.createCommentVNode("",!0)]),l.createVNode(l.Transition,{name:"p-toggleable-content"},{default:l.withCtx((()=>[l.withDirectives(l.createElementVNode("div",{id:g.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":g.ariaId+"_header"},[l.createElementVNode("div",c,[l.renderSlot(e.$slots,"default")])],8,r),[[l.vShow,!p.d_collapsed]])])),_:3})],2)},o}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o={name:"Fieldset",emits:["update:collapsed","toggle"],props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown(e){"Enter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{iconClass(){return["p-fieldset-toggler pi ",{"pi-minus":!this.d_collapsed,"pi-plus":this.d_collapsed}]},ariaId:()=>t.UniqueComponentId(),buttonAriaLabel(){return this.toggleButtonProps&&this.toggleButtonProps["aria-label"]?this.toggleButtonProps["aria-label"]:this.legend}},directives:{ripple:n(e).default}};const a={class:"p-fieldset-legend"},i=["id"],d=["id","aria-controls","aria-expanded","aria-label"],s={class:"p-fieldset-legend-text"},r=["id","aria-labelledby"],p={class:"p-fieldset-content"};return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===l&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-fieldset-toggleable .p-fieldset-legend a {\n    cursor: pointer;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    text-decoration: none;\n}\n.p-fieldset-legend-text {\n    line-height: 1;\n}\n"),o.render=function(e,t,n,o,c,g){const u=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("fieldset",{class:l.normalizeClass(["p-fieldset p-component",{"p-fieldset-toggleable":n.toggleable}])},[l.createElementVNode("legend",a,[n.toggleable?l.createCommentVNode("",!0):l.renderSlot(e.$slots,"legend",{key:0},(()=>[l.createElementVNode("span",{id:g.ariaId+"_header",class:"p-fieldset-legend-text"},l.toDisplayString(n.legend),9,i)])),n.toggleable?l.withDirectives((l.openBlock(),l.createElementBlock("a",l.mergeProps({key:1,id:g.ariaId+"_header",tabindex:"0",role:"button","aria-controls":g.ariaId+"_content","aria-expanded":!c.d_collapsed,"aria-label":g.buttonAriaLabel,onClick:t[0]||(t[0]=(...e)=>g.toggle&&g.toggle(...e)),onKeydown:t[1]||(t[1]=(...e)=>g.onKeyDown&&g.onKeyDown(...e))},n.toggleButtonProps),[l.createElementVNode("span",{class:l.normalizeClass(g.iconClass)},null,2),l.renderSlot(e.$slots,"legend",{},(()=>[l.createElementVNode("span",s,l.toDisplayString(n.legend),1)]))],16,d)),[[u]]):l.createCommentVNode("",!0)]),l.createVNode(l.Transition,{name:"p-toggleable-content"},{default:l.withCtx((()=>[l.withDirectives(l.createElementVNode("div",{id:g.ariaId+"_content",class:"p-toggleable-content",role:"region","aria-labelledby":g.ariaId+"_header"},[l.createElementVNode("div",p,[l.renderSlot(e.$slots,"default")])],8,r),[[l.vShow,!c.d_collapsed]])])),_:3})],2)},o}(primevue.ripple,primevue.utils,Vue);

package/fileupload/FileUpload.d.ts

@@ -212,10 +212,60 @@ export interface FileUploadProps {
 }
 
 export interface FileUploadSlots {
+    /**
+     * Custom header content template.
+     */
+    header: (scope: {
+        /**
+         * Files to upload.
+         */
+        files: File[];
+        /**
+         * Uploaded files.
+         */
+        uploadedFiles: File[];
+        /**
+         * Choose function
+         */
+        chooseCallback: () => void;
+        /**
+         * Upload function
+         */
+        uploadCallback: () => void;
+        /**
+         *  Clear function
+         */
+        clearCallback: () => void;
+    }) => VNode[];
     /**
      * Custom uploaded content template.
      */
-    content: () => VNode[];
+    content: (scope: {
+        /**
+         * Files to upload.
+         */
+        files: File[];
+        /**
+         * Uploaded files.
+         */
+        uploadedFiles: File[];
+        /**
+         * Function to remove an uploaded file.
+         */
+        removeUploadedFileCallback: (index: number) => void;
+        /**
+         * Function to remove a file.
+         */
+        removeFileCallback: (index: number) => void;
+        /**
+         *  Uploaded progress as number.
+         */
+        progress: number;
+        /**
+         * Status messages about upload process.
+         */
+        messages: string | undefined;
+    }) => VNode[];
     /**
      * Custom content when there is no selected file.
      */

package/fileupload/FileUpload.vue

@@ -43,7 +43,7 @@ import FileContent from './FileContent.vue';
 
 export default {
     name: 'FileUpload',
-    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'removeUploadedFile'],
+    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'remove-uploaded-file'],
     props: {
         name: {
             type: String,
@@ -380,7 +380,7 @@ export default {
             let removedFile = this.uploadedFiles.splice(index, 1)[0];
 
             this.uploadedFiles = [...this.uploadedFiles];
-            this.$emit('removeUploadedFile', {
+            this.$emit('remove-uploaded-file', {
                 file: removedFile,
                 files: this.uploadedFiles
             });

package/fileupload/fileupload.cjs.js

@@ -102,7 +102,7 @@ script$1.render = render$1;
 
 var script = {
     name: 'FileUpload',
-    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'removeUploadedFile'],
+    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'remove-uploaded-file'],
     props: {
         name: {
             type: String,
@@ -439,7 +439,7 @@ var script = {
             let removedFile = this.uploadedFiles.splice(index, 1)[0];
 
             this.uploadedFiles = [...this.uploadedFiles];
-            this.$emit('removeUploadedFile', {
+            this.$emit('remove-uploaded-file', {
                 file: removedFile,
                 files: this.uploadedFiles
             });
@@ -772,7 +772,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n.p-fileupload-file {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n";
+var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: 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";
 styleInject(css_248z);
 
 script.render = render;

package/fileupload/fileupload.cjs.min.js

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

package/fileupload/fileupload.esm.js

@@ -92,7 +92,7 @@ script$1.render = render$1;
 
 var script = {
     name: 'FileUpload',
-    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'removeUploadedFile'],
+    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'remove-uploaded-file'],
     props: {
         name: {
             type: String,
@@ -429,7 +429,7 @@ var script = {
             let removedFile = this.uploadedFiles.splice(index, 1)[0];
 
             this.uploadedFiles = [...this.uploadedFiles];
-            this.$emit('removeUploadedFile', {
+            this.$emit('remove-uploaded-file', {
                 file: removedFile,
                 files: this.uploadedFiles
             });
@@ -762,7 +762,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n.p-fileupload-file {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n";
+var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: 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";
 styleInject(css_248z);
 
 script.render = render;

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-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 o from"primevue/badge";import{resolveComponent as a,openBlock as n,createElementBlock as p,Fragment as d,renderList as r,createElementVNode as u,toDisplayString as h,createVNode as c,resolveDirective as f,renderSlot as m,withDirectives as g,normalizeClass as b,normalizeStyle as v,withKeys as F,createBlock as y,createCommentVNode as B,withCtx as C,createTextVNode as L}from"vue";var w={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]}},components:{FileUploadButton:e,FileUploadBadge:o}};const x=["alt","src","width"],S={class:"p-fileupload-file-details"},I={class:"p-fileupload-file-name"},k={class:"p-fileupload-file-size"},E={class:"p-fileupload-file-actions"};w.render=function(e,l,i,t,s,o){const f=a("FileUploadBadge"),m=a("FileUploadButton");return n(!0),p(d,null,r(i.files,((l,t)=>(n(),p("div",{key:l.name+l.type+l.size,class:"p-fileupload-file"},[u("img",{role:"presentation",class:"p-fileupload-file-thumbnail",alt:l.name,src:l.objectURL,width:i.previewWidth},null,8,x),u("div",S,[u("div",I,h(l.name),1),u("span",k,h(o.formatSize(l.size)),1),c(f,{value:i.badgeValue,class:"p-fileupload-file-badge",severity:i.badgeSeverity},null,8,["value","severity"])]),u("div",E,[c(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 U={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:w},directives:{ripple:t}};const D={key:0,class:"p-fileupload p-fileupload-advanced p-component"},M=["multiple","accept","disabled"],$={class:"p-fileupload-buttonbar"},z={class:"p-button-label"},T={key:0,class:"p-fileupload-empty"},W={key:1,class:"p-fileupload p-fileupload-basic p-component"},R={class:"p-button-label"},V=["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"),U.render=function(e,l,i,t,s,o){const w=a("FileUploadButton"),x=a("FileUploadProgressBar"),S=a("FileUploadMessage"),I=a("FileContent"),k=f("ripple");return o.isAdvanced?(n(),p("div",D,[u("input",{ref:"fileInput",type:"file",onChange:l[0]||(l[0]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:o.chooseDisabled},null,40,M),u("div",$,[m(e.$slots,"header",{files:s.files,uploadedFiles:s.uploadedFiles,chooseCallback:o.choose,uploadCallback:o.upload,clearCallback:o.clear},(()=>[g((n(),p("span",{class:b(o.advancedChooseButtonClass),style:v(i.style),onClick:l[1]||(l[1]=(...e)=>o.choose&&o.choose(...e)),onKeydown:l[2]||(l[2]=F(((...e)=>o.choose&&o.choose(...e)),["enter"])),onFocus:l[3]||(l[3]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:l[4]||(l[4]=(...e)=>o.onBlur&&o.onBlur(...e)),tabindex:"0"},[u("span",{class:b(o.advancedChooseIconClass)},null,2),u("span",z,h(o.chooseButtonLabel),1)],38)),[[k]]),i.showUploadButton?(n(),y(w,{key:0,label:o.uploadButtonLabel,icon:i.uploadIcon,onClick:o.upload,disabled:o.uploadDisabled},null,8,["label","icon","onClick","disabled"])):B("",!0),i.showCancelButton?(n(),y(w,{key:1,label:o.cancelButtonLabel,icon:i.cancelIcon,onClick:o.clear,disabled:o.cancelDisabled},null,8,["label","icon","onClick","disabled"])):B("",!0)]))]),u("div",{ref:"content",class:"p-fileupload-content",onDragenter:l[5]||(l[5]=(...e)=>o.onDragEnter&&o.onDragEnter(...e)),onDragover:l[6]||(l[6]=(...e)=>o.onDragOver&&o.onDragOver(...e)),onDragleave:l[7]||(l[7]=(...e)=>o.onDragLeave&&o.onDragLeave(...e)),onDrop:l[8]||(l[8]=(...e)=>o.onDrop&&o.onDrop(...e))},[m(e.$slots,"content",{files:s.files,uploadedFiles:s.uploadedFiles,removeUploadedFileCallback:o.removeUploadedFile,removeFileCallback:o.remove,progress:s.progress,messages:s.messages},(()=>[o.hasFiles?(n(),y(x,{key:0,value:s.progress,showValue:!1},null,8,["value"])):B("",!0),(n(!0),p(d,null,r(s.messages,(e=>(n(),y(S,{key:e,severity:"error",onClose:o.onMessageClose},{default:C((()=>[L(h(e),1)])),_:2},1032,["onClose"])))),128)),o.hasFiles?(n(),y(I,{key:1,files:s.files,onRemove:o.remove,badgeValue:o.pendingLabel,previewWidth:i.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])):B("",!0),c(I,{files:s.uploadedFiles,onRemove:o.removeUploadedFile,badgeValue:o.completedLabel,badgeSeverity:"success",previewWidth:i.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])])),!e.$slots.empty||o.hasFiles||o.hasUploadedFiles?B("",!0):(n(),p("div",T,[m(e.$slots,"empty")]))],544)])):o.isBasic?(n(),p("div",W,[(n(!0),p(d,null,r(s.messages,(e=>(n(),y(S,{key:e,severity:"error",onClose:o.onMessageClose},{default:C((()=>[L(h(e),1)])),_:2},1032,["onClose"])))),128)),g((n(),p("span",{class:b(o.basicChooseButtonClass),style:v(i.style),onMouseup:l[12]||(l[12]=(...e)=>o.onBasicUploaderClick&&o.onBasicUploaderClick(...e)),onKeydown:l[13]||(l[13]=F(((...e)=>o.choose&&o.choose(...e)),["enter"])),onFocus:l[14]||(l[14]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:l[15]||(l[15]=(...e)=>o.onBlur&&o.onBlur(...e)),tabindex:"0"},[u("span",{class:b(o.basicChooseButtonIconClass)},null,2),u("span",R,h(o.basicChooseButtonLabel),1),o.hasFiles?B("",!0):(n(),p("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:l[9]||(l[9]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),onFocus:l[10]||(l[10]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:l[11]||(l[11]=(...e)=>o.onBlur&&o.onBlur(...e))},null,40,V))],38)),[[k]])])):B("",!0)};export{U 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 o from"primevue/badge";import{resolveComponent as a,openBlock as n,createElementBlock as p,Fragment as d,renderList as r,createElementVNode as u,toDisplayString as h,createVNode as c,resolveDirective as f,renderSlot as m,withDirectives as g,normalizeClass as b,normalizeStyle as v,withKeys as F,createBlock as y,createCommentVNode as B,withCtx as C,createTextVNode as L}from"vue";var S={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]}},components:{FileUploadButton:e,FileUploadBadge:o}};const w=["alt","src","width"],I={class:"p-fileupload-file-details"},x={class:"p-fileupload-file-name"},E={class:"p-fileupload-file-size"},k={class:"p-fileupload-file-actions"};S.render=function(e,l,i,t,s,o){const f=a("FileUploadBadge"),m=a("FileUploadButton");return n(!0),p(d,null,r(i.files,((l,t)=>(n(),p("div",{key:l.name+l.type+l.size,class:"p-fileupload-file"},[u("img",{role:"presentation",class:"p-fileupload-file-thumbnail",alt:l.name,src:l.objectURL,width:i.previewWidth},null,8,w),u("div",I,[u("div",x,h(l.name),1),u("span",E,h(o.formatSize(l.size)),1),c(f,{value:i.badgeValue,class:"p-fileupload-file-badge",severity:i.badgeSeverity},null,8,["value","severity"])]),u("div",k,[c(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 D={name:"FileUpload",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:"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("remove-uploaded-file",{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:S},directives:{ripple:t}};const M={key:0,class:"p-fileupload p-fileupload-advanced p-component"},U=["multiple","accept","disabled"],$={class:"p-fileupload-buttonbar"},z={class:"p-button-label"},T={key:0,class:"p-fileupload-empty"},W={key:1,class:"p-fileupload p-fileupload-basic p-component"},R={class:"p-button-label"},V=["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: 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"),D.render=function(e,l,i,t,s,o){const S=a("FileUploadButton"),w=a("FileUploadProgressBar"),I=a("FileUploadMessage"),x=a("FileContent"),E=f("ripple");return o.isAdvanced?(n(),p("div",M,[u("input",{ref:"fileInput",type:"file",onChange:l[0]||(l[0]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),multiple:i.multiple,accept:i.accept,disabled:o.chooseDisabled},null,40,U),u("div",$,[m(e.$slots,"header",{files:s.files,uploadedFiles:s.uploadedFiles,chooseCallback:o.choose,uploadCallback:o.upload,clearCallback:o.clear},(()=>[g((n(),p("span",{class:b(o.advancedChooseButtonClass),style:v(i.style),onClick:l[1]||(l[1]=(...e)=>o.choose&&o.choose(...e)),onKeydown:l[2]||(l[2]=F(((...e)=>o.choose&&o.choose(...e)),["enter"])),onFocus:l[3]||(l[3]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:l[4]||(l[4]=(...e)=>o.onBlur&&o.onBlur(...e)),tabindex:"0"},[u("span",{class:b(o.advancedChooseIconClass)},null,2),u("span",z,h(o.chooseButtonLabel),1)],38)),[[E]]),i.showUploadButton?(n(),y(S,{key:0,label:o.uploadButtonLabel,icon:i.uploadIcon,onClick:o.upload,disabled:o.uploadDisabled},null,8,["label","icon","onClick","disabled"])):B("",!0),i.showCancelButton?(n(),y(S,{key:1,label:o.cancelButtonLabel,icon:i.cancelIcon,onClick:o.clear,disabled:o.cancelDisabled},null,8,["label","icon","onClick","disabled"])):B("",!0)]))]),u("div",{ref:"content",class:"p-fileupload-content",onDragenter:l[5]||(l[5]=(...e)=>o.onDragEnter&&o.onDragEnter(...e)),onDragover:l[6]||(l[6]=(...e)=>o.onDragOver&&o.onDragOver(...e)),onDragleave:l[7]||(l[7]=(...e)=>o.onDragLeave&&o.onDragLeave(...e)),onDrop:l[8]||(l[8]=(...e)=>o.onDrop&&o.onDrop(...e))},[m(e.$slots,"content",{files:s.files,uploadedFiles:s.uploadedFiles,removeUploadedFileCallback:o.removeUploadedFile,removeFileCallback:o.remove,progress:s.progress,messages:s.messages},(()=>[o.hasFiles?(n(),y(w,{key:0,value:s.progress,showValue:!1},null,8,["value"])):B("",!0),(n(!0),p(d,null,r(s.messages,(e=>(n(),y(I,{key:e,severity:"error",onClose:o.onMessageClose},{default:C((()=>[L(h(e),1)])),_:2},1032,["onClose"])))),128)),o.hasFiles?(n(),y(x,{key:1,files:s.files,onRemove:o.remove,badgeValue:o.pendingLabel,previewWidth:i.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])):B("",!0),c(x,{files:s.uploadedFiles,onRemove:o.removeUploadedFile,badgeValue:o.completedLabel,badgeSeverity:"success",previewWidth:i.previewWidth},null,8,["files","onRemove","badgeValue","previewWidth"])])),!e.$slots.empty||o.hasFiles||o.hasUploadedFiles?B("",!0):(n(),p("div",T,[m(e.$slots,"empty")]))],544)])):o.isBasic?(n(),p("div",W,[(n(!0),p(d,null,r(s.messages,(e=>(n(),y(I,{key:e,severity:"error",onClose:o.onMessageClose},{default:C((()=>[L(h(e),1)])),_:2},1032,["onClose"])))),128)),g((n(),p("span",{class:b(o.basicChooseButtonClass),style:v(i.style),onMouseup:l[12]||(l[12]=(...e)=>o.onBasicUploaderClick&&o.onBasicUploaderClick(...e)),onKeydown:l[13]||(l[13]=F(((...e)=>o.choose&&o.choose(...e)),["enter"])),onFocus:l[14]||(l[14]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:l[15]||(l[15]=(...e)=>o.onBlur&&o.onBlur(...e)),tabindex:"0"},[u("span",{class:b(o.basicChooseButtonIconClass)},null,2),u("span",R,h(o.basicChooseButtonLabel),1),o.hasFiles?B("",!0):(n(),p("input",{key:0,ref:"fileInput",type:"file",accept:i.accept,disabled:i.disabled,multiple:i.multiple,onChange:l[9]||(l[9]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),onFocus:l[10]||(l[10]=(...e)=>o.onFocus&&o.onFocus(...e)),onBlur:l[11]||(l[11]=(...e)=>o.onBlur&&o.onBlur(...e))},null,40,V))],38)),[[E]])])):B("",!0)};export{D as default};

package/fileupload/fileupload.js

@@ -96,7 +96,7 @@ this.primevue.fileupload = (function (Button, Message, ProgressBar, Ripple, util
 
     var script = {
         name: 'FileUpload',
-        emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'removeUploadedFile'],
+        emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'remove-uploaded-file'],
         props: {
             name: {
                 type: String,
@@ -433,7 +433,7 @@ this.primevue.fileupload = (function (Button, Message, ProgressBar, Ripple, util
                 let removedFile = this.uploadedFiles.splice(index, 1)[0];
 
                 this.uploadedFiles = [...this.uploadedFiles];
-                this.$emit('removeUploadedFile', {
+                this.$emit('remove-uploaded-file', {
                     file: removedFile,
                     files: this.uploadedFiles
                 });
@@ -766,7 +766,7 @@ this.primevue.fileupload = (function (Button, Message, ProgressBar, Ripple, util
       }
     }
 
-    var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-fileupload > input[type='file'],\n.p-fileupload-basic input[type='file'] {\n    display: none;\n}\n.p-fluid .p-fileupload .p-button {\n    width: auto;\n}\n.p-fileupload-file {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-fileupload-file-thumbnail {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n}\n.p-fileupload-file-actions {\n    margin-left: auto;\n}\n";
+    var css_248z = "\n.p-fileupload-content {\n    position: relative;\n}\n.p-fileupload-content .p-progressbar {\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-button.p-fileupload-choose {\n    position: relative;\n    overflow: hidden;\n}\n.p-fileupload-buttonbar {\n    display: 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";
     styleInject(css_248z);
 
     script.render = render;

package/fileupload/fileupload.min.js

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