primevue 3.26.1 → 3.28.0

package/fileupload/fileupload.esm.js

@@ -1,12 +1,17 @@
+import BaseComponent from 'primevue/basecomponent';
 import Button from 'primevue/button';
+import PlusIcon from 'primevue/icons/plus';
+import TimesIcon from 'primevue/icons/times';
+import UploadIcon from 'primevue/icons/upload';
 import Message from 'primevue/message';
 import ProgressBar from 'primevue/progressbar';
 import Ripple from 'primevue/ripple';
 import { DomHandler } from 'primevue/utils';
 import Badge from 'primevue/badge';
-import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createVNode, resolveDirective, renderSlot, withDirectives, normalizeClass, normalizeStyle, withKeys, createBlock, createCommentVNode, withCtx, createTextVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, mergeProps, createElementVNode, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, normalizeClass, resolveDirective, renderSlot, withDirectives, withKeys, createCommentVNode, createTextVNode } from 'vue';
 
 var script$1 = {
+    extends: BaseComponent,
     emits: ['remove'],
     props: {
         files: {
@@ -24,6 +29,10 @@ var script$1 = {
         previewWidth: {
             type: Number,
             default: 50
+        },
+        templates: {
+            type: null,
+            default: null
         }
     },
     methods: {
@@ -42,49 +51,67 @@ var script$1 = {
     },
     components: {
         FileUploadButton: Button,
-        FileUploadBadge: Badge
+        FileUploadBadge: Badge,
+        TimesIcon
     }
 };
 
 const _hoisted_1$1 = ["alt", "src", "width"];
-const _hoisted_2$1 = { class: "p-fileupload-file-details" };
-const _hoisted_3$1 = { class: "p-fileupload-file-name" };
-const _hoisted_4$1 = { class: "p-fileupload-file-size" };
-const _hoisted_5$1 = { class: "p-fileupload-file-actions" };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileUploadBadge = resolveComponent("FileUploadBadge");
+  const _component_TimesIcon = resolveComponent("TimesIcon");
   const _component_FileUploadButton = resolveComponent("FileUploadButton");
 
   return (openBlock(true), createElementBlock(Fragment, null, renderList($props.files, (file, index) => {
-    return (openBlock(), createElementBlock("div", {
+    return (openBlock(), createElementBlock("div", mergeProps({
       key: file.name + file.type + file.size,
       class: "p-fileupload-file"
-    }, [
-      createElementVNode("img", {
+    }, _ctx.ptm('file')), [
+      createElementVNode("img", mergeProps({
         role: "presentation",
         class: "p-fileupload-file-thumbnail",
         alt: file.name,
         src: file.objectURL,
         width: $props.previewWidth
-      }, null, 8, _hoisted_1$1),
-      createElementVNode("div", _hoisted_2$1, [
-        createElementVNode("div", _hoisted_3$1, toDisplayString(file.name), 1),
-        createElementVNode("span", _hoisted_4$1, toDisplayString($options.formatSize(file.size)), 1),
+      }, _ctx.ptm('thumbnail')), null, 16, _hoisted_1$1),
+      createElementVNode("div", mergeProps({ class: "p-fileupload-file-details" }, _ctx.ptm('details')), [
+        createElementVNode("div", mergeProps({ class: "p-fileupload-file-name" }, _ctx.ptm('fileName')), toDisplayString(file.name), 17),
+        createElementVNode("span", mergeProps({ class: "p-fileupload-file-size" }, _ctx.ptm('fileSize')), toDisplayString($options.formatSize(file.size)), 17),
         createVNode(_component_FileUploadBadge, {
           value: $props.badgeValue,
           class: "p-fileupload-file-badge",
-          severity: $props.badgeSeverity
-        }, null, 8, ["value", "severity"])
-      ]),
-      createElementVNode("div", _hoisted_5$1, [
+          severity: $props.badgeSeverity,
+          pt: _ctx.ptm('badge')
+        }, null, 8, ["value", "severity", "pt"])
+      ], 16),
+      createElementVNode("div", mergeProps({ class: "p-fileupload-file-actions" }, _ctx.ptm('actions')), [
         createVNode(_component_FileUploadButton, {
-          icon: "pi pi-times",
           onClick: $event => (_ctx.$emit('remove', index)),
-          class: "p-fileupload-file-remove p-button-text p-button-danger p-button-rounded"
-        }, null, 8, ["onClick"])
-      ])
-    ]))
+          text: "",
+          rounded: "",
+          severity: "danger",
+          class: "p-fileupload-file-remove",
+          pt: _ctx.ptm('removeButton')
+        }, {
+          icon: withCtx((iconProps) => [
+            ($props.templates.fileremoveicon)
+              ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.fileremoveicon), {
+                  key: 0,
+                  class: normalizeClass(iconProps.class),
+                  file: file,
+                  index: index
+                }, null, 8, ["class", "file", "index"]))
+              : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
+                  key: 1,
+                  class: iconProps.class,
+                  "aria-hidden": "true"
+                }, _ctx.ptm('removeButton')['icon']), null, 16, ["class"]))
+          ]),
+          _: 2
+        }, 1032, ["onClick", "pt"])
+      ], 16)
+    ], 16))
   }), 128))
 }
 
@@ -92,6 +119,7 @@ script$1.render = render$1;
 
 var script = {
     name: 'FileUpload',
+    extends: BaseComponent,
     emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'remove-uploaded-file'],
     props: {
         name: {
@@ -176,15 +204,15 @@ var script = {
         },
         chooseIcon: {
             type: String,
-            default: 'pi pi-plus'
+            default: undefined
         },
         uploadIcon: {
             type: String,
-            default: 'pi pi-upload'
+            default: undefined
         },
         cancelIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         style: null,
         class: null
@@ -499,12 +527,6 @@ var script = {
                 }
             ];
         },
-        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((f) => f.name).join(', ') : this.chooseButtonLabel;
         },
@@ -543,30 +565,18 @@ var script = {
         FileUploadButton: Button,
         FileUploadProgressBar: ProgressBar,
         FileUploadMessage: Message,
-        FileContent: script$1
+        FileContent: script$1,
+        PlusIcon,
+        UploadIcon,
+        TimesIcon
     },
     directives: {
         ripple: Ripple
     }
 };
 
-const _hoisted_1 = {
-  key: 0,
-  class: "p-fileupload p-fileupload-advanced p-component"
-};
-const _hoisted_2 = ["multiple", "accept", "disabled"];
-const _hoisted_3 = { class: "p-fileupload-buttonbar" };
-const _hoisted_4 = { class: "p-button-label" };
-const _hoisted_5 = {
-  key: 0,
-  class: "p-fileupload-empty"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "p-fileupload p-fileupload-basic p-component"
-};
-const _hoisted_7 = { class: "p-button-label" };
-const _hoisted_8 = ["accept", "disabled", "multiple"];
+const _hoisted_1 = ["multiple", "accept", "disabled"];
+const _hoisted_2 = ["accept", "disabled", "multiple"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileUploadButton = resolveComponent("FileUploadButton");
@@ -576,67 +586,93 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
   return ($options.isAdvanced)
-    ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("input", {
+    ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        class: "p-fileupload p-fileupload-advanced p-component"
+      }, _ctx.ptm('root')), [
+        createElementVNode("input", mergeProps({
           ref: "fileInput",
           type: "file",
           onChange: _cache[0] || (_cache[0] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
           multiple: $props.multiple,
           accept: $props.accept,
           disabled: $options.chooseDisabled
-        }, null, 40, _hoisted_2),
-        createElementVNode("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "header", {
+        }, _ctx.ptm('input')), null, 16, _hoisted_1),
+        createElementVNode("div", mergeProps({ class: "p-fileupload-buttonbar" }, _ctx.ptm('buttonbar')), [
+          renderSlot(_ctx.$slots, "header", mergeProps({
             files: $data.files,
             uploadedFiles: $data.uploadedFiles,
             chooseCallback: $options.choose,
             uploadCallback: $options.upload,
             clearCallback: $options.clear
-          }, () => [
-            withDirectives((openBlock(), createElementBlock("span", {
-              class: normalizeClass($options.advancedChooseButtonClass),
-              style: normalizeStyle($props.style),
+          }, _ctx.ptm('header')), () => [
+            withDirectives((openBlock(), createElementBlock("span", mergeProps({
+              class: $options.advancedChooseButtonClass,
+              style: $props.style,
               onClick: _cache[1] || (_cache[1] = (...args) => ($options.choose && $options.choose(...args))),
               onKeydown: _cache[2] || (_cache[2] = withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
               onFocus: _cache[3] || (_cache[3] = (...args) => ($options.onFocus && $options.onFocus(...args))),
               onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
               tabindex: "0"
-            }, [
-              createElementVNode("span", {
-                class: normalizeClass($options.advancedChooseIconClass)
-              }, null, 2),
-              createElementVNode("span", _hoisted_4, toDisplayString($options.chooseButtonLabel), 1)
-            ], 38)), [
+            }, _ctx.ptm('button')), [
+              renderSlot(_ctx.$slots, "chooseicon", {}, () => [
+                (openBlock(), createBlock(resolveDynamicComponent($props.chooseIcon ? 'span' : 'PlusIcon'), mergeProps({
+                  class: ['p-button-icon p-button-icon-left', $props.chooseIcon],
+                  "aria-hidden": "true"
+                }, _ctx.ptm('chooseIcon')), null, 16, ["class"]))
+              ]),
+              createElementVNode("span", mergeProps({ class: "p-button-label" }, _ctx.ptm('chooseButtonLabel')), toDisplayString($options.chooseButtonLabel), 17)
+            ], 16)), [
               [_directive_ripple]
             ]),
             ($props.showUploadButton)
               ? (openBlock(), createBlock(_component_FileUploadButton, {
                   key: 0,
                   label: $options.uploadButtonLabel,
-                  icon: $props.uploadIcon,
                   onClick: $options.upload,
-                  disabled: $options.uploadDisabled
-                }, null, 8, ["label", "icon", "onClick", "disabled"]))
+                  disabled: $options.uploadDisabled,
+                  pt: _ctx.ptm('uploadButton')
+                }, {
+                  icon: withCtx((iconProps) => [
+                    renderSlot(_ctx.$slots, "uploadicon", {}, () => [
+                      (openBlock(), createBlock(resolveDynamicComponent($props.uploadIcon ? 'span' : 'UploadIcon'), mergeProps({
+                        class: [iconProps.class, $props.uploadIcon],
+                        "aria-hidden": "true"
+                      }, _ctx.ptm('uploadButton')['icon']), null, 16, ["class"]))
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["label", "onClick", "disabled", "pt"]))
               : createCommentVNode("", true),
             ($props.showCancelButton)
               ? (openBlock(), createBlock(_component_FileUploadButton, {
                   key: 1,
                   label: $options.cancelButtonLabel,
-                  icon: $props.cancelIcon,
                   onClick: $options.clear,
-                  disabled: $options.cancelDisabled
-                }, null, 8, ["label", "icon", "onClick", "disabled"]))
+                  disabled: $options.cancelDisabled,
+                  pt: _ctx.ptm('cancelButton')
+                }, {
+                  icon: withCtx((iconProps) => [
+                    renderSlot(_ctx.$slots, "cancelicon", {}, () => [
+                      (openBlock(), createBlock(resolveDynamicComponent($props.cancelIcon ? 'span' : 'TimesIcon'), mergeProps({
+                        class: [iconProps.class, $props.cancelIcon],
+                        "aria-hidden": "true"
+                      }, _ctx.ptm('cancelButton')['icon']), null, 16, ["class"]))
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["label", "onClick", "disabled", "pt"]))
               : createCommentVNode("", true)
           ])
-        ]),
-        createElementVNode("div", {
+        ], 16),
+        createElementVNode("div", mergeProps({
           ref: "content",
           class: "p-fileupload-content",
           onDragenter: _cache[5] || (_cache[5] = (...args) => ($options.onDragEnter && $options.onDragEnter(...args))),
           onDragover: _cache[6] || (_cache[6] = (...args) => ($options.onDragOver && $options.onDragOver(...args))),
           onDragleave: _cache[7] || (_cache[7] = (...args) => ($options.onDragLeave && $options.onDragLeave(...args))),
           onDrop: _cache[8] || (_cache[8] = (...args) => ($options.onDrop && $options.onDrop(...args)))
-        }, [
+        }, _ctx.ptm('content')), [
           renderSlot(_ctx.$slots, "content", {
             files: $data.files,
             uploadedFiles: $data.uploadedFiles,
@@ -649,20 +685,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ? (openBlock(), createBlock(_component_FileUploadProgressBar, {
                   key: 0,
                   value: $data.progress,
-                  showValue: false
-                }, null, 8, ["value"]))
+                  showValue: false,
+                  pt: _ctx.ptm('progressbar')
+                }, null, 8, ["value", "pt"]))
               : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, (msg) => {
               return (openBlock(), createBlock(_component_FileUploadMessage, {
                 key: msg,
                 severity: "error",
-                onClose: $options.onMessageClose
+                onClose: $options.onMessageClose,
+                pt: _ctx.ptm('messages')
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(msg), 1)
                 ]),
                 _: 2
-              }, 1032, ["onClose"]))
+              }, 1032, ["onClose", "pt"]))
             }), 128)),
             ($options.hasFiles)
               ? (openBlock(), createBlock(_component_FileContent, {
@@ -670,54 +708,75 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   files: $data.files,
                   onRemove: $options.remove,
                   badgeValue: $options.pendingLabel,
-                  previewWidth: $props.previewWidth
-                }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth"]))
+                  previewWidth: $props.previewWidth,
+                  templates: _ctx.$slots,
+                  pt: _ctx.pt
+                }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "pt"]))
               : createCommentVNode("", true),
             createVNode(_component_FileContent, {
               files: $data.uploadedFiles,
               onRemove: $options.removeUploadedFile,
               badgeValue: $options.completedLabel,
               badgeSeverity: "success",
-              previewWidth: $props.previewWidth
-            }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth"])
+              previewWidth: $props.previewWidth,
+              templates: _ctx.$slots,
+              pt: _ctx.pt
+            }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "pt"])
           ]),
           (_ctx.$slots.empty && !$options.hasFiles && !$options.hasUploadedFiles)
-            ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            ? (openBlock(), createElementBlock("div", mergeProps({
+                key: 0,
+                class: "p-fileupload-empty"
+              }, _ctx.ptm('empty')), [
                 renderSlot(_ctx.$slots, "empty")
-              ]))
+              ], 16))
             : createCommentVNode("", true)
-        ], 544)
-      ]))
+        ], 16)
+      ], 16))
     : ($options.isBasic)
-      ? (openBlock(), createElementBlock("div", _hoisted_6, [
+      ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 1,
+          class: "p-fileupload p-fileupload-basic p-component"
+        }, _ctx.ptm('root')), [
           (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, (msg) => {
             return (openBlock(), createBlock(_component_FileUploadMessage, {
               key: msg,
               severity: "error",
-              onClose: $options.onMessageClose
+              onClose: $options.onMessageClose,
+              pt: _ctx.ptm('messages')
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(msg), 1)
               ]),
               _: 2
-            }, 1032, ["onClose"]))
+            }, 1032, ["onClose", "pt"]))
           }), 128)),
-          withDirectives((openBlock(), createElementBlock("span", {
-            class: normalizeClass($options.basicChooseButtonClass),
-            style: normalizeStyle($props.style),
+          withDirectives((openBlock(), createElementBlock("span", mergeProps({
+            class: $options.basicChooseButtonClass,
+            style: $props.style,
             onMouseup: _cache[12] || (_cache[12] = (...args) => ($options.onBasicUploaderClick && $options.onBasicUploaderClick(...args))),
             onKeydown: _cache[13] || (_cache[13] = withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
             onFocus: _cache[14] || (_cache[14] = (...args) => ($options.onFocus && $options.onFocus(...args))),
             onBlur: _cache[15] || (_cache[15] = (...args) => ($options.onBlur && $options.onBlur(...args))),
             tabindex: "0"
-          }, [
-            createElementVNode("span", {
-              class: normalizeClass($options.basicChooseButtonIconClass)
-            }, null, 2),
-            createElementVNode("span", _hoisted_7, toDisplayString($options.basicChooseButtonLabel), 1),
+          }, _ctx.ptm('basicButton')), [
+            (!$options.hasFiles || $props.auto)
+              ? renderSlot(_ctx.$slots, "uploadicon", { key: 0 }, () => [
+                  (openBlock(), createBlock(resolveDynamicComponent($props.uploadIcon ? 'span' : 'UploadIcon'), mergeProps({
+                    class: ['p-button-icon p-button-icon-left', $props.uploadIcon],
+                    "aria-hidden": "true"
+                  }, _ctx.ptm('uploadIcon')), null, 16, ["class"]))
+                ])
+              : renderSlot(_ctx.$slots, "chooseicon", { key: 1 }, () => [
+                  (openBlock(), createBlock(resolveDynamicComponent($props.chooseIcon ? 'span' : 'PlusIcon'), mergeProps({
+                    class: ['p-button-icon p-button-icon-left', $props.chooseIcon],
+                    "aria-hidden": "true"
+                  }, _ctx.ptm('chooseIcon')), null, 16, ["class"]))
+                ]),
+            createElementVNode("span", mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), toDisplayString($options.basicChooseButtonLabel), 17),
             (!$options.hasFiles)
-              ? (openBlock(), createElementBlock("input", {
-                  key: 0,
+              ? (openBlock(), createElementBlock("input", mergeProps({
+                  key: 2,
                   ref: "fileInput",
                   type: "file",
                   accept: $props.accept,
@@ -726,12 +785,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   onChange: _cache[9] || (_cache[9] = (...args) => ($options.onFileSelect && $options.onFileSelect(...args))),
                   onFocus: _cache[10] || (_cache[10] = (...args) => ($options.onFocus && $options.onFocus(...args))),
                   onBlur: _cache[11] || (_cache[11] = (...args) => ($options.onBlur && $options.onBlur(...args)))
-                }, null, 40, _hoisted_8))
+                }, _ctx.ptm('input')), null, 16, _hoisted_2))
               : createCommentVNode("", true)
-          ], 38)), [
+          ], 16)), [
             [_directive_ripple]
           ])
-        ]))
+        ], 16))
       : createCommentVNode("", true)
 }
 

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