primevue 3.27.0 → 3.28.0

package/fileupload/fileupload.js

@@ -1,9 +1,10 @@
 this.primevue = this.primevue || {};
-this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, Message, ProgressBar, Ripple, utils, Badge, vue) {
+this.primevue.fileupload = (function (BaseComponent, Button, PlusIcon, TimesIcon, UploadIcon, Message, ProgressBar, Ripple, utils, Badge, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
     var PlusIcon__default = /*#__PURE__*/_interopDefaultLegacy(PlusIcon);
     var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
@@ -14,6 +15,7 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
     var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
 
     var script$1 = {
+        extends: BaseComponent__default["default"],
         emits: ['remove'],
         props: {
             files: {
@@ -59,10 +61,6 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
     };
 
     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 = vue.resolveComponent("FileUploadBadge");
@@ -70,33 +68,35 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
       const _component_FileUploadButton = vue.resolveComponent("FileUploadButton");
 
       return (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.files, (file, index) => {
-        return (vue.openBlock(), vue.createElementBlock("div", {
+        return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
           key: file.name + file.type + file.size,
           class: "p-fileupload-file"
-        }, [
-          vue.createElementVNode("img", {
+        }, _ctx.ptm('file')), [
+          vue.createElementVNode("img", vue.mergeProps({
             role: "presentation",
             class: "p-fileupload-file-thumbnail",
             alt: file.name,
             src: file.objectURL,
             width: $props.previewWidth
-          }, null, 8, _hoisted_1$1),
-          vue.createElementVNode("div", _hoisted_2$1, [
-            vue.createElementVNode("div", _hoisted_3$1, vue.toDisplayString(file.name), 1),
-            vue.createElementVNode("span", _hoisted_4$1, vue.toDisplayString($options.formatSize(file.size)), 1),
+          }, _ctx.ptm('thumbnail')), null, 16, _hoisted_1$1),
+          vue.createElementVNode("div", vue.mergeProps({ class: "p-fileupload-file-details" }, _ctx.ptm('details')), [
+            vue.createElementVNode("div", vue.mergeProps({ class: "p-fileupload-file-name" }, _ctx.ptm('fileName')), vue.toDisplayString(file.name), 17),
+            vue.createElementVNode("span", vue.mergeProps({ class: "p-fileupload-file-size" }, _ctx.ptm('fileSize')), vue.toDisplayString($options.formatSize(file.size)), 17),
             vue.createVNode(_component_FileUploadBadge, {
               value: $props.badgeValue,
               class: "p-fileupload-file-badge",
-              severity: $props.badgeSeverity
-            }, null, 8, ["value", "severity"])
-          ]),
-          vue.createElementVNode("div", _hoisted_5$1, [
+              severity: $props.badgeSeverity,
+              pt: _ctx.ptm('badge')
+            }, null, 8, ["value", "severity", "pt"])
+          ], 16),
+          vue.createElementVNode("div", vue.mergeProps({ class: "p-fileupload-file-actions" }, _ctx.ptm('actions')), [
             vue.createVNode(_component_FileUploadButton, {
               onClick: $event => (_ctx.$emit('remove', index)),
               text: "",
               rounded: "",
               severity: "danger",
-              class: "p-fileupload-file-remove"
+              class: "p-fileupload-file-remove",
+              pt: _ctx.ptm('removeButton')
             }, {
               icon: vue.withCtx((iconProps) => [
                 ($props.templates.fileremoveicon)
@@ -106,16 +106,16 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
                       file: file,
                       index: index
                     }, null, 8, ["class", "file", "index"]))
-                  : (vue.openBlock(), vue.createBlock(_component_TimesIcon, {
+                  : (vue.openBlock(), vue.createBlock(_component_TimesIcon, vue.mergeProps({
                       key: 1,
-                      class: vue.normalizeClass(iconProps.class),
+                      class: iconProps.class,
                       "aria-hidden": "true"
-                    }, null, 8, ["class"]))
+                    }, _ctx.ptm('removeButton')['icon']), null, 16, ["class"]))
               ]),
               _: 2
-            }, 1032, ["onClick"])
-          ])
-        ]))
+            }, 1032, ["onClick", "pt"])
+          ], 16)
+        ], 16))
       }), 128))
     }
 
@@ -123,6 +123,7 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
 
     var script = {
         name: 'FileUpload',
+        extends: BaseComponent__default["default"],
         emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear', 'remove', 'remove-uploaded-file'],
         props: {
             name: {
@@ -578,23 +579,8 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
         }
     };
 
-    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 = vue.resolveComponent("FileUploadButton");
@@ -604,40 +590,43 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
       const _directive_ripple = vue.resolveDirective("ripple");
 
       return ($options.isAdvanced)
-        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("input", {
+        ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+            key: 0,
+            class: "p-fileupload p-fileupload-advanced p-component"
+          }, _ctx.ptm('root')), [
+            vue.createElementVNode("input", vue.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),
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.renderSlot(_ctx.$slots, "header", {
+            }, _ctx.ptm('input')), null, 16, _hoisted_1),
+            vue.createElementVNode("div", vue.mergeProps({ class: "p-fileupload-buttonbar" }, _ctx.ptm('buttonbar')), [
+              vue.renderSlot(_ctx.$slots, "header", vue.mergeProps({
                 files: $data.files,
                 uploadedFiles: $data.uploadedFiles,
                 chooseCallback: $options.choose,
                 uploadCallback: $options.upload,
                 clearCallback: $options.clear
-              }, () => [
-                vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-                  class: vue.normalizeClass($options.advancedChooseButtonClass),
-                  style: vue.normalizeStyle($props.style),
+              }, _ctx.ptm('header')), () => [
+                vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+                  class: $options.advancedChooseButtonClass,
+                  style: $props.style,
                   onClick: _cache[1] || (_cache[1] = (...args) => ($options.choose && $options.choose(...args))),
                   onKeydown: _cache[2] || (_cache[2] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
                   onFocus: _cache[3] || (_cache[3] = (...args) => ($options.onFocus && $options.onFocus(...args))),
                   onBlur: _cache[4] || (_cache[4] = (...args) => ($options.onBlur && $options.onBlur(...args))),
                   tabindex: "0"
-                }, [
+                }, _ctx.ptm('button')), [
                   vue.renderSlot(_ctx.$slots, "chooseicon", {}, () => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.chooseIcon ? 'span' : 'PlusIcon'), {
-                      class: vue.normalizeClass(['p-button-icon p-button-icon-left', $props.chooseIcon]),
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.chooseIcon ? 'span' : 'PlusIcon'), vue.mergeProps({
+                      class: ['p-button-icon p-button-icon-left', $props.chooseIcon],
                       "aria-hidden": "true"
-                    }, null, 8, ["class"]))
+                    }, _ctx.ptm('chooseIcon')), null, 16, ["class"]))
                   ]),
-                  vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($options.chooseButtonLabel), 1)
-                ], 38)), [
+                  vue.createElementVNode("span", vue.mergeProps({ class: "p-button-label" }, _ctx.ptm('chooseButtonLabel')), vue.toDisplayString($options.chooseButtonLabel), 17)
+                ], 16)), [
                   [_directive_ripple]
                 ]),
                 ($props.showUploadButton)
@@ -645,47 +634,49 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
                       key: 0,
                       label: $options.uploadButtonLabel,
                       onClick: $options.upload,
-                      disabled: $options.uploadDisabled
+                      disabled: $options.uploadDisabled,
+                      pt: _ctx.ptm('uploadButton')
                     }, {
                       icon: vue.withCtx((iconProps) => [
                         vue.renderSlot(_ctx.$slots, "uploadicon", {}, () => [
-                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.uploadIcon ? 'span' : 'UploadIcon'), {
-                            class: vue.normalizeClass([iconProps.class, $props.uploadIcon]),
+                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.uploadIcon ? 'span' : 'UploadIcon'), vue.mergeProps({
+                            class: [iconProps.class, $props.uploadIcon],
                             "aria-hidden": "true"
-                          }, null, 8, ["class"]))
+                          }, _ctx.ptm('uploadButton')['icon']), null, 16, ["class"]))
                         ])
                       ]),
                       _: 3
-                    }, 8, ["label", "onClick", "disabled"]))
+                    }, 8, ["label", "onClick", "disabled", "pt"]))
                   : vue.createCommentVNode("", true),
                 ($props.showCancelButton)
                   ? (vue.openBlock(), vue.createBlock(_component_FileUploadButton, {
                       key: 1,
                       label: $options.cancelButtonLabel,
                       onClick: $options.clear,
-                      disabled: $options.cancelDisabled
+                      disabled: $options.cancelDisabled,
+                      pt: _ctx.ptm('cancelButton')
                     }, {
                       icon: vue.withCtx((iconProps) => [
                         vue.renderSlot(_ctx.$slots, "cancelicon", {}, () => [
-                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'TimesIcon'), {
-                            class: vue.normalizeClass([iconProps.class, $props.cancelIcon]),
+                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.cancelIcon ? 'span' : 'TimesIcon'), vue.mergeProps({
+                            class: [iconProps.class, $props.cancelIcon],
                             "aria-hidden": "true"
-                          }, null, 8, ["class"]))
+                          }, _ctx.ptm('cancelButton')['icon']), null, 16, ["class"]))
                         ])
                       ]),
                       _: 3
-                    }, 8, ["label", "onClick", "disabled"]))
+                    }, 8, ["label", "onClick", "disabled", "pt"]))
                   : vue.createCommentVNode("", true)
               ])
-            ]),
-            vue.createElementVNode("div", {
+            ], 16),
+            vue.createElementVNode("div", vue.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')), [
               vue.renderSlot(_ctx.$slots, "content", {
                 files: $data.files,
                 uploadedFiles: $data.uploadedFiles,
@@ -698,20 +689,22 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
                   ? (vue.openBlock(), vue.createBlock(_component_FileUploadProgressBar, {
                       key: 0,
                       value: $data.progress,
-                      showValue: false
-                    }, null, 8, ["value"]))
+                      showValue: false,
+                      pt: _ctx.ptm('progressbar')
+                    }, null, 8, ["value", "pt"]))
                   : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
                   return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
                     key: msg,
                     severity: "error",
-                    onClose: $options.onMessageClose
+                    onClose: $options.onMessageClose,
+                    pt: _ctx.ptm('messages')
                   }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(vue.toDisplayString(msg), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClose"]))
+                  }, 1032, ["onClose", "pt"]))
                 }), 128)),
                 ($options.hasFiles)
                   ? (vue.openBlock(), vue.createBlock(_component_FileContent, {
@@ -720,8 +713,9 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
                       onRemove: $options.remove,
                       badgeValue: $options.pendingLabel,
                       previewWidth: $props.previewWidth,
-                      templates: _ctx.$slots
-                    }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates"]))
+                      templates: _ctx.$slots,
+                      pt: _ctx.pt
+                    }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "pt"]))
                   : vue.createCommentVNode("", true),
                 vue.createVNode(_component_FileContent, {
                   files: $data.uploadedFiles,
@@ -729,55 +723,63 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
                   badgeValue: $options.completedLabel,
                   badgeSeverity: "success",
                   previewWidth: $props.previewWidth,
-                  templates: _ctx.$slots
-                }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates"])
+                  templates: _ctx.$slots,
+                  pt: _ctx.pt
+                }, null, 8, ["files", "onRemove", "badgeValue", "previewWidth", "templates", "pt"])
               ]),
               (_ctx.$slots.empty && !$options.hasFiles && !$options.hasUploadedFiles)
-                ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                    key: 0,
+                    class: "p-fileupload-empty"
+                  }, _ctx.ptm('empty')), [
                     vue.renderSlot(_ctx.$slots, "empty")
-                  ]))
+                  ], 16))
                 : vue.createCommentVNode("", true)
-            ], 544)
-          ]))
+            ], 16)
+          ], 16))
         : ($options.isBasic)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+          ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              key: 1,
+              class: "p-fileupload p-fileupload-basic p-component"
+            }, _ctx.ptm('root')), [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
                 return (vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
                   key: msg,
                   severity: "error",
-                  onClose: $options.onMessageClose
+                  onClose: $options.onMessageClose,
+                  pt: _ctx.ptm('messages')
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(vue.toDisplayString(msg), 1)
                   ]),
                   _: 2
-                }, 1032, ["onClose"]))
+                }, 1032, ["onClose", "pt"]))
               }), 128)),
-              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-                class: vue.normalizeClass($options.basicChooseButtonClass),
-                style: vue.normalizeStyle($props.style),
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+                class: $options.basicChooseButtonClass,
+                style: $props.style,
                 onMouseup: _cache[12] || (_cache[12] = (...args) => ($options.onBasicUploaderClick && $options.onBasicUploaderClick(...args))),
                 onKeydown: _cache[13] || (_cache[13] = vue.withKeys((...args) => ($options.choose && $options.choose(...args)), ["enter"])),
                 onFocus: _cache[14] || (_cache[14] = (...args) => ($options.onFocus && $options.onFocus(...args))),
                 onBlur: _cache[15] || (_cache[15] = (...args) => ($options.onBlur && $options.onBlur(...args))),
                 tabindex: "0"
-              }, [
+              }, _ctx.ptm('basicButton')), [
                 (!$options.hasFiles || $props.auto)
                   ? vue.renderSlot(_ctx.$slots, "uploadicon", { key: 0 }, () => [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.uploadIcon ? 'span' : 'UploadIcon'), {
-                        class: vue.normalizeClass(['p-button-icon p-button-icon-left', $props.uploadIcon]),
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.uploadIcon ? 'span' : 'UploadIcon'), vue.mergeProps({
+                        class: ['p-button-icon p-button-icon-left', $props.uploadIcon],
                         "aria-hidden": "true"
-                      }, null, 8, ["class"]))
+                      }, _ctx.ptm('uploadIcon')), null, 16, ["class"]))
                     ])
                   : vue.renderSlot(_ctx.$slots, "chooseicon", { key: 1 }, () => [
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.chooseIcon ? 'span' : 'PlusIcon'), {
-                        class: vue.normalizeClass(['p-button-icon p-button-icon-left', $props.chooseIcon]),
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.chooseIcon ? 'span' : 'PlusIcon'), vue.mergeProps({
+                        class: ['p-button-icon p-button-icon-left', $props.chooseIcon],
                         "aria-hidden": "true"
-                      }, null, 8, ["class"]))
+                      }, _ctx.ptm('chooseIcon')), null, 16, ["class"]))
                     ]),
-                vue.createElementVNode("span", _hoisted_7, vue.toDisplayString($options.basicChooseButtonLabel), 1),
+                vue.createElementVNode("span", vue.mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), vue.toDisplayString($options.basicChooseButtonLabel), 17),
                 (!$options.hasFiles)
-                  ? (vue.openBlock(), vue.createElementBlock("input", {
+                  ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
                       key: 2,
                       ref: "fileInput",
                       type: "file",
@@ -787,12 +789,12 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
                       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))
                   : vue.createCommentVNode("", true)
-              ], 38)), [
+              ], 16)), [
                 [_directive_ripple]
               ])
-            ]))
+            ], 16))
           : vue.createCommentVNode("", true)
     }
 
@@ -830,4 +832,4 @@ this.primevue.fileupload = (function (Button, PlusIcon, TimesIcon, UploadIcon, M
 
     return script;
 
-})(primevue.button, primevue.icons.plus, primevue.icons.times, primevue.icons.upload, primevue.message, primevue.progressbar, primevue.ripple, primevue.utils, primevue.badge, Vue);
+})(primevue.basecomponent, primevue.button, primevue.icons.plus, primevue.icons.times, primevue.icons.upload, primevue.message, primevue.progressbar, primevue.ripple, primevue.utils, primevue.badge, Vue);

package/fileupload/fileupload.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.fileupload=function(e,l,t,i,s,o,a,n,r,d){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=p(e),u=p(l),h=p(t),f=p(i),m=p(s),g=p(o),v=p(a),b=p(r),B={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 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:c.default,FileUploadBadge:b.default,TimesIcon:h.default}};const y=["alt","src","width"],F={class:"p-fileupload-file-details"},C={class:"p-fileupload-file-name"},k={class:"p-fileupload-file-size"},S={class:"p-fileupload-file-actions"};B.render=function(e,l,t,i,s,o){const a=d.resolveComponent("FileUploadBadge"),n=d.resolveComponent("TimesIcon"),r=d.resolveComponent("FileUploadButton");return d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(t.files,((l,i)=>(d.openBlock(),d.createElementBlock("div",{key:l.name+l.type+l.size,class:"p-fileupload-file"},[d.createElementVNode("img",{role:"presentation",class:"p-fileupload-file-thumbnail",alt:l.name,src:l.objectURL,width:t.previewWidth},null,8,y),d.createElementVNode("div",F,[d.createElementVNode("div",C,d.toDisplayString(l.name),1),d.createElementVNode("span",k,d.toDisplayString(o.formatSize(l.size)),1),d.createVNode(a,{value:t.badgeValue,class:"p-fileupload-file-badge",severity:t.badgeSeverity},null,8,["value","severity"])]),d.createElementVNode("div",S,[d.createVNode(r,{onClick:l=>e.$emit("remove",i),text:"",rounded:"",severity:"danger",class:"p-fileupload-file-remove"},{icon:d.withCtx((e=>[t.templates.fileremoveicon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(t.templates.fileremoveicon),{key:0,class:d.normalizeClass(e.class),file:l,index:i},null,8,["class","file","index"])):(d.openBlock(),d.createBlock(n,{key:1,class:d.normalizeClass(e.class),"aria-hidden":"true"},null,8,["class"]))])),_:2},1032,["onClick"])])])))),128)};var L={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: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 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 t of l){if(this.isWildcard(t)?this.getTypeClass(e.type)===this.getTypeClass(t):e.type==t||this.getFileExtension(e).toLowerCase()===t.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||(n.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||n.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){n.DomHandler.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}]},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:c.default,FileUploadProgressBar:g.default,FileUploadMessage:m.default,FileContent:B,PlusIcon:u.default,UploadIcon:f.default,TimesIcon:h.default},directives:{ripple:v.default}};const E={key:0,class:"p-fileupload p-fileupload-advanced p-component"},I=["multiple","accept","disabled"],w={class:"p-fileupload-buttonbar"},D={class:"p-button-label"},x={key:0,class:"p-fileupload-empty"},$={key:1,class:"p-fileupload p-fileupload-basic p-component"},V={class:"p-button-label"},U=["accept","disabled","multiple"];return function(e,l){void 0===l&&(l={});var t=l.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&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"),L.render=function(e,l,t,i,s,o){const a=d.resolveComponent("FileUploadButton"),n=d.resolveComponent("FileUploadProgressBar"),r=d.resolveComponent("FileUploadMessage"),p=d.resolveComponent("FileContent"),c=d.resolveDirective("ripple");return o.isAdvanced?(d.openBlock(),d.createElementBlock("div",E,[d.createElementVNode("input",{ref:"fileInput",type:"file",onChange:l[0]||(l[0]=(...e)=>o.onFileSelect&&o.onFileSelect(...e)),multiple:t.multiple,accept:t.accept,disabled:o.chooseDisabled},null,40,I),d.createElementVNode("div",w,[d.renderSlot(e.$slots,"header",{files:s.files,uploadedFiles:s.uploadedFiles,chooseCallback:o.choose,uploadCallback:o.upload,clearCallback:o.clear},(()=>[d.withDirectives((d.openBlock(),d.createElementBlock("span",{class:d.normalizeClass(o.advancedChooseButtonClass),style:d.normalizeStyle(t.style),onClick:l[1]||(l[1]=(...e)=>o.choose&&o.choose(...e)),onKeydown:l[2]||(l[2]=d.withKeys(((...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"},[d.renderSlot(e.$slots,"chooseicon",{},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(t.chooseIcon?"span":"PlusIcon"),{class:d.normalizeClass(["p-button-icon p-button-icon-left",t.chooseIcon]),"aria-hidden":"true"},null,8,["class"]))])),d.createElementVNode("span",D,d.toDisplayString(o.chooseButtonLabel),1)],38)),[[c]]),t.showUploadButton?(d.openBlock(),d.createBlock(a,{key:0,label:o.uploadButtonLabel,onClick:o.upload,disabled:o.uploadDisabled},{icon:d.withCtx((l=>[d.renderSlot(e.$slots,"uploadicon",{},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(t.uploadIcon?"span":"UploadIcon"),{class:d.normalizeClass([l.class,t.uploadIcon]),"aria-hidden":"true"},null,8,["class"]))]))])),_:3},8,["label","onClick","disabled"])):d.createCommentVNode("",!0),t.showCancelButton?(d.openBlock(),d.createBlock(a,{key:1,label:o.cancelButtonLabel,onClick:o.clear,disabled:o.cancelDisabled},{icon:d.withCtx((l=>[d.renderSlot(e.$slots,"cancelicon",{},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(t.cancelIcon?"span":"TimesIcon"),{class:d.normalizeClass([l.class,t.cancelIcon]),"aria-hidden":"true"},null,8,["class"]))]))])),_:3},8,["label","onClick","disabled"])):d.createCommentVNode("",!0)]))]),d.createElementVNode("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))},[d.renderSlot(e.$slots,"content",{files:s.files,uploadedFiles:s.uploadedFiles,removeUploadedFileCallback:o.removeUploadedFile,removeFileCallback:o.remove,progress:s.progress,messages:s.messages},(()=>[o.hasFiles?(d.openBlock(),d.createBlock(n,{key:0,value:s.progress,showValue:!1},null,8,["value"])):d.createCommentVNode("",!0),(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(s.messages,(e=>(d.openBlock(),d.createBlock(r,{key:e,severity:"error",onClose:o.onMessageClose},{default:d.withCtx((()=>[d.createTextVNode(d.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),o.hasFiles?(d.openBlock(),d.createBlock(p,{key:1,files:s.files,onRemove:o.remove,badgeValue:o.pendingLabel,previewWidth:t.previewWidth,templates:e.$slots},null,8,["files","onRemove","badgeValue","previewWidth","templates"])):d.createCommentVNode("",!0),d.createVNode(p,{files:s.uploadedFiles,onRemove:o.removeUploadedFile,badgeValue:o.completedLabel,badgeSeverity:"success",previewWidth:t.previewWidth,templates:e.$slots},null,8,["files","onRemove","badgeValue","previewWidth","templates"])])),!e.$slots.empty||o.hasFiles||o.hasUploadedFiles?d.createCommentVNode("",!0):(d.openBlock(),d.createElementBlock("div",x,[d.renderSlot(e.$slots,"empty")]))],544)])):o.isBasic?(d.openBlock(),d.createElementBlock("div",$,[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(s.messages,(e=>(d.openBlock(),d.createBlock(r,{key:e,severity:"error",onClose:o.onMessageClose},{default:d.withCtx((()=>[d.createTextVNode(d.toDisplayString(e),1)])),_:2},1032,["onClose"])))),128)),d.withDirectives((d.openBlock(),d.createElementBlock("span",{class:d.normalizeClass(o.basicChooseButtonClass),style:d.normalizeStyle(t.style),onMouseup:l[12]||(l[12]=(...e)=>o.onBasicUploaderClick&&o.onBasicUploaderClick(...e)),onKeydown:l[13]||(l[13]=d.withKeys(((...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"},[!o.hasFiles||t.auto?d.renderSlot(e.$slots,"uploadicon",{key:0},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(t.uploadIcon?"span":"UploadIcon"),{class:d.normalizeClass(["p-button-icon p-button-icon-left",t.uploadIcon]),"aria-hidden":"true"},null,8,["class"]))])):d.renderSlot(e.$slots,"chooseicon",{key:1},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(t.chooseIcon?"span":"PlusIcon"),{class:d.normalizeClass(["p-button-icon p-button-icon-left",t.chooseIcon]),"aria-hidden":"true"},null,8,["class"]))])),d.createElementVNode("span",V,d.toDisplayString(o.basicChooseButtonLabel),1),o.hasFiles?d.createCommentVNode("",!0):(d.openBlock(),d.createElementBlock("input",{key:2,ref:"fileInput",type:"file",accept:t.accept,disabled:t.disabled,multiple:t.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,U))],38)),[[c]])])):d.createCommentVNode("",!0)},L}(primevue.button,primevue.icons.plus,primevue.icons.times,primevue.icons.upload,primevue.message,primevue.progressbar,primevue.ripple,primevue.utils,primevue.badge,Vue);
+this.primevue=this.primevue||{},this.primevue.fileupload=function(e,t,l,o,i,s,a,n,p,r,d){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(e),m=c(t),h=c(l),f=c(o),g=c(i),v=c(s),b=c(a),B=c(n),y=c(r),F={extends:u.default,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:m.default,FileUploadBadge:y.default,TimesIcon:f.default}};const C=["alt","src","width"];F.render=function(e,t,l,o,i,s){const a=d.resolveComponent("FileUploadBadge"),n=d.resolveComponent("TimesIcon"),p=d.resolveComponent("FileUploadButton");return d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(l.files,((t,o)=>(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:t.name+t.type+t.size,class:"p-fileupload-file"},e.ptm("file")),[d.createElementVNode("img",d.mergeProps({role:"presentation",class:"p-fileupload-file-thumbnail",alt:t.name,src:t.objectURL,width:l.previewWidth},e.ptm("thumbnail")),null,16,C),d.createElementVNode("div",d.mergeProps({class:"p-fileupload-file-details"},e.ptm("details")),[d.createElementVNode("div",d.mergeProps({class:"p-fileupload-file-name"},e.ptm("fileName")),d.toDisplayString(t.name),17),d.createElementVNode("span",d.mergeProps({class:"p-fileupload-file-size"},e.ptm("fileSize")),d.toDisplayString(s.formatSize(t.size)),17),d.createVNode(a,{value:l.badgeValue,class:"p-fileupload-file-badge",severity:l.badgeSeverity,pt:e.ptm("badge")},null,8,["value","severity","pt"])],16),d.createElementVNode("div",d.mergeProps({class:"p-fileupload-file-actions"},e.ptm("actions")),[d.createVNode(p,{onClick:t=>e.$emit("remove",o),text:"",rounded:"",severity:"danger",class:"p-fileupload-file-remove",pt:e.ptm("removeButton")},{icon:d.withCtx((i=>[l.templates.fileremoveicon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(l.templates.fileremoveicon),{key:0,class:d.normalizeClass(i.class),file:t,index:o},null,8,["class","file","index"])):(d.openBlock(),d.createBlock(n,d.mergeProps({key:1,class:i.class,"aria-hidden":"true"},e.ptm("removeButton").icon),null,16,["class"]))])),_:2},1032,["onClick","pt"])],16)],16)))),128)};var k={name:"FileUpload",extends:u.default,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.DomHandler.addClass(this.$refs.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},onDragLeave(){this.disabled||p.DomHandler.removeClass(this.$refs.content,"p-fileupload-highlight")},onDrop(e){if(!this.disabled){p.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}]},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:m.default,FileUploadProgressBar:b.default,FileUploadMessage:v.default,FileContent:F,PlusIcon:h.default,UploadIcon:g.default,TimesIcon:f.default},directives:{ripple:B.default}};const S=["multiple","accept","disabled"],L=["accept","disabled","multiple"];return function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),k.render=function(e,t,l,o,i,s){const a=d.resolveComponent("FileUploadButton"),n=d.resolveComponent("FileUploadProgressBar"),p=d.resolveComponent("FileUploadMessage"),r=d.resolveComponent("FileContent"),c=d.resolveDirective("ripple");return s.isAdvanced?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:"p-fileupload p-fileupload-advanced p-component"},e.ptm("root")),[d.createElementVNode("input",d.mergeProps({ref:"fileInput",type:"file",onChange:t[0]||(t[0]=(...e)=>s.onFileSelect&&s.onFileSelect(...e)),multiple:l.multiple,accept:l.accept,disabled:s.chooseDisabled},e.ptm("input")),null,16,S),d.createElementVNode("div",d.mergeProps({class:"p-fileupload-buttonbar"},e.ptm("buttonbar")),[d.renderSlot(e.$slots,"header",d.mergeProps({files:i.files,uploadedFiles:i.uploadedFiles,chooseCallback:s.choose,uploadCallback:s.upload,clearCallback:s.clear},e.ptm("header")),(()=>[d.withDirectives((d.openBlock(),d.createElementBlock("span",d.mergeProps({class:s.advancedChooseButtonClass,style:l.style,onClick:t[1]||(t[1]=(...e)=>s.choose&&s.choose(...e)),onKeydown:t[2]||(t[2]=d.withKeys(((...e)=>s.choose&&s.choose(...e)),["enter"])),onFocus:t[3]||(t[3]=(...e)=>s.onFocus&&s.onFocus(...e)),onBlur:t[4]||(t[4]=(...e)=>s.onBlur&&s.onBlur(...e)),tabindex:"0"},e.ptm("button")),[d.renderSlot(e.$slots,"chooseicon",{},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(l.chooseIcon?"span":"PlusIcon"),d.mergeProps({class:["p-button-icon p-button-icon-left",l.chooseIcon],"aria-hidden":"true"},e.ptm("chooseIcon")),null,16,["class"]))])),d.createElementVNode("span",d.mergeProps({class:"p-button-label"},e.ptm("chooseButtonLabel")),d.toDisplayString(s.chooseButtonLabel),17)],16)),[[c]]),l.showUploadButton?(d.openBlock(),d.createBlock(a,{key:0,label:s.uploadButtonLabel,onClick:s.upload,disabled:s.uploadDisabled,pt:e.ptm("uploadButton")},{icon:d.withCtx((t=>[d.renderSlot(e.$slots,"uploadicon",{},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(l.uploadIcon?"span":"UploadIcon"),d.mergeProps({class:[t.class,l.uploadIcon],"aria-hidden":"true"},e.ptm("uploadButton").icon),null,16,["class"]))]))])),_:3},8,["label","onClick","disabled","pt"])):d.createCommentVNode("",!0),l.showCancelButton?(d.openBlock(),d.createBlock(a,{key:1,label:s.cancelButtonLabel,onClick:s.clear,disabled:s.cancelDisabled,pt:e.ptm("cancelButton")},{icon:d.withCtx((t=>[d.renderSlot(e.$slots,"cancelicon",{},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(l.cancelIcon?"span":"TimesIcon"),d.mergeProps({class:[t.class,l.cancelIcon],"aria-hidden":"true"},e.ptm("cancelButton").icon),null,16,["class"]))]))])),_:3},8,["label","onClick","disabled","pt"])):d.createCommentVNode("",!0)]))],16),d.createElementVNode("div",d.mergeProps({ref:"content",class:"p-fileupload-content",onDragenter:t[5]||(t[5]=(...e)=>s.onDragEnter&&s.onDragEnter(...e)),onDragover:t[6]||(t[6]=(...e)=>s.onDragOver&&s.onDragOver(...e)),onDragleave:t[7]||(t[7]=(...e)=>s.onDragLeave&&s.onDragLeave(...e)),onDrop:t[8]||(t[8]=(...e)=>s.onDrop&&s.onDrop(...e))},e.ptm("content")),[d.renderSlot(e.$slots,"content",{files:i.files,uploadedFiles:i.uploadedFiles,removeUploadedFileCallback:s.removeUploadedFile,removeFileCallback:s.remove,progress:i.progress,messages:i.messages},(()=>[s.hasFiles?(d.openBlock(),d.createBlock(n,{key:0,value:i.progress,showValue:!1,pt:e.ptm("progressbar")},null,8,["value","pt"])):d.createCommentVNode("",!0),(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(i.messages,(t=>(d.openBlock(),d.createBlock(p,{key:t,severity:"error",onClose:s.onMessageClose,pt:e.ptm("messages")},{default:d.withCtx((()=>[d.createTextVNode(d.toDisplayString(t),1)])),_:2},1032,["onClose","pt"])))),128)),s.hasFiles?(d.openBlock(),d.createBlock(r,{key:1,files:i.files,onRemove:s.remove,badgeValue:s.pendingLabel,previewWidth:l.previewWidth,templates:e.$slots,pt:e.pt},null,8,["files","onRemove","badgeValue","previewWidth","templates","pt"])):d.createCommentVNode("",!0),d.createVNode(r,{files:i.uploadedFiles,onRemove:s.removeUploadedFile,badgeValue:s.completedLabel,badgeSeverity:"success",previewWidth:l.previewWidth,templates:e.$slots,pt:e.pt},null,8,["files","onRemove","badgeValue","previewWidth","templates","pt"])])),!e.$slots.empty||s.hasFiles||s.hasUploadedFiles?d.createCommentVNode("",!0):(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:"p-fileupload-empty"},e.ptm("empty")),[d.renderSlot(e.$slots,"empty")],16))],16)],16)):s.isBasic?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:1,class:"p-fileupload p-fileupload-basic p-component"},e.ptm("root")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(i.messages,(t=>(d.openBlock(),d.createBlock(p,{key:t,severity:"error",onClose:s.onMessageClose,pt:e.ptm("messages")},{default:d.withCtx((()=>[d.createTextVNode(d.toDisplayString(t),1)])),_:2},1032,["onClose","pt"])))),128)),d.withDirectives((d.openBlock(),d.createElementBlock("span",d.mergeProps({class:s.basicChooseButtonClass,style:l.style,onMouseup:t[12]||(t[12]=(...e)=>s.onBasicUploaderClick&&s.onBasicUploaderClick(...e)),onKeydown:t[13]||(t[13]=d.withKeys(((...e)=>s.choose&&s.choose(...e)),["enter"])),onFocus:t[14]||(t[14]=(...e)=>s.onFocus&&s.onFocus(...e)),onBlur:t[15]||(t[15]=(...e)=>s.onBlur&&s.onBlur(...e)),tabindex:"0"},e.ptm("basicButton")),[!s.hasFiles||l.auto?d.renderSlot(e.$slots,"uploadicon",{key:0},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(l.uploadIcon?"span":"UploadIcon"),d.mergeProps({class:["p-button-icon p-button-icon-left",l.uploadIcon],"aria-hidden":"true"},e.ptm("uploadIcon")),null,16,["class"]))])):d.renderSlot(e.$slots,"chooseicon",{key:1},(()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(l.chooseIcon?"span":"PlusIcon"),d.mergeProps({class:["p-button-icon p-button-icon-left",l.chooseIcon],"aria-hidden":"true"},e.ptm("chooseIcon")),null,16,["class"]))])),d.createElementVNode("span",d.mergeProps({class:"p-button-label"},e.ptm("label")),d.toDisplayString(s.basicChooseButtonLabel),17),s.hasFiles?d.createCommentVNode("",!0):(d.openBlock(),d.createElementBlock("input",d.mergeProps({key:2,ref:"fileInput",type:"file",accept:l.accept,disabled:l.disabled,multiple:l.multiple,onChange:t[9]||(t[9]=(...e)=>s.onFileSelect&&s.onFileSelect(...e)),onFocus:t[10]||(t[10]=(...e)=>s.onFocus&&s.onFocus(...e)),onBlur:t[11]||(t[11]=(...e)=>s.onBlur&&s.onBlur(...e))},e.ptm("input")),null,16,L))],16)),[[c]])],16)):d.createCommentVNode("",!0)},k}(primevue.basecomponent,primevue.button,primevue.icons.plus,primevue.icons.times,primevue.icons.upload,primevue.message,primevue.progressbar,primevue.ripple,primevue.utils,primevue.badge,Vue);

package/inlinemessage/InlineMessage.d.ts

@@ -10,6 +10,53 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type InlineMessagePassThroughOptionType = InlineMessagePassThroughAttributes | ((options: InlineMessagePassThroughMethodOptions) => InlineMessagePassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InlineMessagePassThroughMethodOptions {
+    props: InlineMessageProps;
+    state: InlineMessageState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InlineMessageProps.pt}
+ */
+export interface InlineMessagePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: InlineMessagePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: InlineMessagePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the text's DOM element.
+     */
+    text?: InlineMessagePassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface InlineMessagePassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in InlineMessage component.
+ */
+export interface InlineMessageState {
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
+}
+
 /**
  * Defines valid properties in InlineMessage component.
  */
@@ -24,6 +71,11 @@ export interface InlineMessageProps {
      * @deprecated since v3.27.0. Use 'icon' slot.
      */
     icon?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {InlineMessagePassThroughOptions}
+     */
+    pt?: InlineMessagePassThroughOptions;
 }
 /**
  * Defines valid slots in InlineMessage slots.

package/inlinemessage/InlineMessage.vue

@@ -1,13 +1,16 @@
 <template>
-    <div aria-live="polite" :class="containerClass">
+    <div aria-live="polite" :class="containerClass" v-bind="ptm('root')">
         <slot name="icon">
-            <component :is="icon ? 'span' : iconComponent" :class="['p-inline-message-icon', icon]"></component>
+            <component :is="icon ? 'span' : iconComponent" :class="['p-inline-message-icon', icon]" v-bind="ptm('icon')"></component>
         </slot>
-        <span class="p-inline-message-text"><slot>&nbsp;</slot></span>
+        <span class="p-inline-message-text" v-bind="ptm('text')">
+            <slot>&nbsp;</slot>
+        </span>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
 import CheckIcon from 'primevue/icons/check';
 import ExclamationTriangleIcon from 'primevue/icons/exclamationtriangle';
 import InfoCircleIcon from 'primevue/icons/infocircle';
@@ -15,6 +18,7 @@ import TimesCircleIcon from 'primevue/icons/timescircle';
 
 export default {
     name: 'InlineMessage',
+    extends: BaseComponent,
     props: {
         severity: {
             type: String,