primevue 3.47.2 → 3.48.0

package/editor/editor.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.editor=function(e,t,l,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i=n(l),a={name:"BaseEditor",extends:r.default,props:{modelValue:String,placeholder:String,readonly:Boolean,formats:Array,editorStyle:null,modules:null},style:i.default,provide:function(){return{$parentInstance:this}},beforeMount:function(){var e;i.default.loadStyle({nonce:null===(e=this.$primevue)||void 0===e||null===(e=e.config)||void 0===e||null===(e=e.csp)||void 0===e?void 0:e.nonce})}};function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,o)}return l}function m(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?u(Object(l),!0).forEach((function(t){c(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):u(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function c(e,t,l){var o;return(t="symbol"==s(o=p(t,"string"))?o:String(o))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function p(e,t){if("object"!=s(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var o=l.call(e,t||"default");if("object"!=s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=function(){try{return window.Quill}catch(e){return null}}(),f={name:"Editor",extends:a,emits:["update:modelValue","text-change","selection-change","load"],data:function(){return{reRenderColorKey:0}},quill:null,watch:{modelValue:function(e,t){e!==t&&this.quill&&!this.quill.hasFocus()&&(this.reRenderColorKey++,this.renderValue(e))},readonly:function(){this.handleReadOnlyChange()}},mounted:function(){var t=this,l={modules:m({toolbar:this.$refs.toolbarElement},this.modules),readOnly:this.readonly,theme:"snow",formats:this.formats,placeholder:this.placeholder};d?(this.quill=new d(this.$refs.editorElement,l),this.initQuill(),this.handleLoad()):import("quill").then((function(o){o&&e.DomHandler.isExist(t.$refs.editorElement)&&(t.quill=o.default?new o.default(t.$refs.editorElement,l):new o(t.$refs.editorElement,l),t.initQuill())})).then((function(){t.handleLoad()}))},beforeUnmount:function(){this.quill=null},methods:{renderValue:function(e){this.quill&&(e?this.quill.setContents(this.quill.clipboard.convert(e)):this.quill.setText(""))},initQuill:function(){var e=this;this.renderValue(this.modelValue),this.quill.on("text-change",(function(t,l,o){if("user"===o){var n=e.$refs.editorElement.children[0].innerHTML,r=e.quill.getText().trim();"<p><br></p>"===n&&(n=""),e.$emit("update:modelValue",n),e.$emit("text-change",{htmlValue:n,textValue:r,delta:t,source:o,instance:e.quill})}})),this.quill.on("selection-change",(function(t,l,o){var n=e.$refs.editorElement.children[0].innerHTML,r=e.quill.getText().trim();e.$emit("selection-change",{htmlValue:n,textValue:r,range:t,oldRange:l,source:o,instance:e.quill})}))},handleLoad:function(){this.quill&&this.quill.getModule("toolbar")&&this.$emit("load",{instance:this.quill})},handleReadOnlyChange:function(){this.quill&&this.quill.enable(!this.readonly)}}};return f.render=function(e,t,l,n,r,i){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"editor"}),[o.createElementVNode("div",o.mergeProps({ref:"toolbarElement",class:e.cx("toolbar")},e.ptm("toolbar")),[o.renderSlot(e.$slots,"toolbar",{},(function(){return[o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("select",o.mergeProps({class:"ql-header",defaultValue:"0"},e.ptm("header")),[o.createElementVNode("option",o.mergeProps({value:"1"},e.ptm("option")),"Heading",16),o.createElementVNode("option",o.mergeProps({value:"2"},e.ptm("option")),"Subheading",16),o.createElementVNode("option",o.mergeProps({value:"0"},e.ptm("option")),"Normal",16)],16),o.createElementVNode("select",o.mergeProps({class:"ql-font"},e.ptm("font")),[o.createElementVNode("option",o.normalizeProps(o.guardReactiveProps(e.ptm("option"))),null,16),o.createElementVNode("option",o.mergeProps({value:"serif"},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"monospace"},e.ptm("option")),null,16)],16)],16),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-bold",type:"button"},e.ptm("bold")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-italic",type:"button"},e.ptm("italic")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-underline",type:"button"},e.ptm("underline")),null,16)],16),(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:r.reRenderColorKey,class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("select",o.mergeProps({class:"ql-color"},e.ptm("color")),null,16),o.createElementVNode("select",o.mergeProps({class:"ql-background"},e.ptm("background")),null,16)],16)),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-list",value:"ordered",type:"button"},e.ptm("list")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-list",value:"bullet",type:"button"},e.ptm("list")),null,16),o.createElementVNode("select",o.mergeProps({class:"ql-align"},e.ptm("select")),[o.createElementVNode("option",o.mergeProps({defaultValue:""},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"center"},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"right"},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"justify"},e.ptm("option")),null,16)],16)],16),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-link",type:"button"},e.ptm("link")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-image",type:"button"},e.ptm("image")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-code-block",type:"button"},e.ptm("codeBlock")),null,16)],16),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-clean",type:"button"},e.ptm("clean")),null,16)],16)]}))],16),o.createElementVNode("div",o.mergeProps({ref:"editorElement",class:e.cx("content"),style:e.editorStyle},e.ptm("content")),null,16)],16)},f}(primevue.utils,primevue.basecomponent,primevue.editor.style,Vue);
+this.primevue=this.primevue||{},this.primevue.editor=function(e,t,l,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),i=n(l),a={name:"BaseEditor",extends:r.default,props:{modelValue:String,placeholder:String,readonly:Boolean,formats:Array,editorStyle:null,modules:null},style:i.default,provide:function(){return{$parentInstance:this}},beforeMount:function(){var e;i.default.loadStyle({nonce:null===(e=this.$primevue)||void 0===e||null===(e=e.config)||void 0===e||null===(e=e.csp)||void 0===e?void 0:e.nonce})}};function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function u(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,o)}return l}function m(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?u(Object(l),!0).forEach((function(t){c(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):u(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function c(e,t,l){var o;return(t="symbol"==s(o=p(t,"string"))?o:String(o))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function p(e,t){if("object"!=s(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var o=l.call(e,t||"default");if("object"!=s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var d=function(){try{return window.Quill}catch(e){return null}}(),f={name:"Editor",extends:a,emits:["update:modelValue","text-change","selection-change","load"],data:function(){return{reRenderColorKey:0}},quill:null,watch:{modelValue:function(e,t){e!==t&&this.quill&&!this.quill.hasFocus()&&(this.reRenderColorKey++,this.renderValue(e))},readonly:function(){this.handleReadOnlyChange()}},mounted:function(){var t=this,l={modules:m({toolbar:this.$refs.toolbarElement},this.modules),readOnly:this.readonly,theme:"snow",formats:this.formats,placeholder:this.placeholder};d?(this.quill=new d(this.$refs.editorElement,l),this.initQuill(),this.handleLoad()):import("quill").then((function(o){o&&e.DomHandler.isExist(t.$refs.editorElement)&&(t.quill=o.default?new o.default(t.$refs.editorElement,l):new o(t.$refs.editorElement,l),t.initQuill())})).then((function(){t.handleLoad()}))},beforeUnmount:function(){this.quill=null},methods:{renderValue:function(e){this.quill&&(e?this.quill.setContents(this.quill.clipboard.convert(e)):this.quill.setText(""))},initQuill:function(){var e=this;this.renderValue(this.modelValue),this.quill.on("text-change",(function(t,l,o){if("user"===o){var n=e.$refs.editorElement.children[0].innerHTML,r=e.quill.getText().trim();"<p><br></p>"===n&&(n=""),e.$emit("update:modelValue",n),e.$emit("text-change",{htmlValue:n,textValue:r,delta:t,source:o,instance:e.quill})}})),this.quill.on("selection-change",(function(t,l,o){var n=e.$refs.editorElement.children[0].innerHTML,r=e.quill.getText().trim();e.$emit("selection-change",{htmlValue:n,textValue:r,range:t,oldRange:l,source:o,instance:e.quill})}))},handleLoad:function(){this.quill&&this.quill.getModule("toolbar")&&this.$emit("load",{instance:this.quill})},handleReadOnlyChange:function(){this.quill&&this.quill.enable(!this.readonly)}}};return f.render=function(e,t,l,n,r,i){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root")},e.ptm("root")),[o.createElementVNode("div",o.mergeProps({ref:"toolbarElement",class:e.cx("toolbar")},e.ptm("toolbar")),[o.renderSlot(e.$slots,"toolbar",{},(function(){return[o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("select",o.mergeProps({class:"ql-header",defaultValue:"0"},e.ptm("header")),[o.createElementVNode("option",o.mergeProps({value:"1"},e.ptm("option")),"Heading",16),o.createElementVNode("option",o.mergeProps({value:"2"},e.ptm("option")),"Subheading",16),o.createElementVNode("option",o.mergeProps({value:"0"},e.ptm("option")),"Normal",16)],16),o.createElementVNode("select",o.mergeProps({class:"ql-font"},e.ptm("font")),[o.createElementVNode("option",o.normalizeProps(o.guardReactiveProps(e.ptm("option"))),null,16),o.createElementVNode("option",o.mergeProps({value:"serif"},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"monospace"},e.ptm("option")),null,16)],16)],16),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-bold",type:"button"},e.ptm("bold")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-italic",type:"button"},e.ptm("italic")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-underline",type:"button"},e.ptm("underline")),null,16)],16),(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:r.reRenderColorKey,class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("select",o.mergeProps({class:"ql-color"},e.ptm("color")),null,16),o.createElementVNode("select",o.mergeProps({class:"ql-background"},e.ptm("background")),null,16)],16)),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-list",value:"ordered",type:"button"},e.ptm("list")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-list",value:"bullet",type:"button"},e.ptm("list")),null,16),o.createElementVNode("select",o.mergeProps({class:"ql-align"},e.ptm("select")),[o.createElementVNode("option",o.mergeProps({defaultValue:""},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"center"},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"right"},e.ptm("option")),null,16),o.createElementVNode("option",o.mergeProps({value:"justify"},e.ptm("option")),null,16)],16)],16),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-link",type:"button"},e.ptm("link")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-image",type:"button"},e.ptm("image")),null,16),o.createElementVNode("button",o.mergeProps({class:"ql-code-block",type:"button"},e.ptm("codeBlock")),null,16)],16),o.createElementVNode("span",o.mergeProps({class:"ql-formats"},e.ptm("formats")),[o.createElementVNode("button",o.mergeProps({class:"ql-clean",type:"button"},e.ptm("clean")),null,16)],16)]}))],16),o.createElementVNode("div",o.mergeProps({ref:"editorElement",class:e.cx("content"),style:e.editorStyle},e.ptm("content")),null,16)],16)},f}(primevue.utils,primevue.basecomponent,primevue.editor.style,Vue);

package/fieldset/Fieldset.vue

@@ -1,16 +1,16 @@
 <template>
-    <fieldset :class="cx('root')" v-bind="ptm('root')" data-pc-name="fieldset">
+    <fieldset :class="cx('root')" v-bind="ptm('root')">
         <legend :class="cx('legend')" v-bind="ptm('legend')">
             <slot v-if="!toggleable" name="legend">
-                <span :id="ariaId + '_header'" :class="cx('legendtitle')" v-bind="ptm('legendtitle')">{{ legend }}</span>
+                <span :id="id + '_header'" :class="cx('legendtitle')" v-bind="ptm('legendtitle')">{{ legend }}</span>
             </slot>
             <a
                 v-if="toggleable"
-                :id="ariaId + '_header'"
+                :id="id + '_header'"
                 v-ripple
                 tabindex="0"
                 role="button"
-                :aria-controls="ariaId + '_content'"
+                :aria-controls="id + '_content'"
                 :aria-expanded="!d_collapsed"
                 :aria-label="buttonAriaLabel"
                 @click="toggle"
@@ -26,7 +26,7 @@
             </a>
         </legend>
         <transition name="p-toggleable-content" v-bind="ptm('transition')">
-            <div v-show="!d_collapsed" :id="ariaId + '_content'" :class="cx('toggleablecontent')" role="region" :aria-labelledby="ariaId + '_header'" v-bind="ptm('toggleablecontent')">
+            <div v-show="!d_collapsed" :id="id + '_content'" :class="cx('toggleablecontent')" role="region" :aria-labelledby="id + '_header'" v-bind="ptm('toggleablecontent')">
                 <div :class="cx('content')" v-bind="ptm('content')">
                     <slot></slot>
                 </div>
@@ -48,14 +48,21 @@ export default {
     emits: ['update:collapsed', 'toggle'],
     data() {
         return {
+            id: this.$attrs.id,
             d_collapsed: this.collapsed
         };
     },
     watch: {
+        '$attrs.id': function (newValue) {
+            this.id = newValue || UniqueComponentId();
+        },
         collapsed(newValue) {
             this.d_collapsed = newValue;
         }
     },
+    mounted() {
+        this.id = this.id || UniqueComponentId();
+    },
     methods: {
         toggle(event) {
             this.d_collapsed = !this.d_collapsed;
@@ -73,9 +80,6 @@ export default {
         }
     },
     computed: {
-        ariaId() {
-            return UniqueComponentId();
-        },
         buttonAriaLabel() {
             return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;
         }

package/fieldset/fieldset.cjs.js

@@ -42,14 +42,21 @@ var script = {
   emits: ['update:collapsed', 'toggle'],
   data: function data() {
     return {
+      id: this.$attrs.id,
       d_collapsed: this.collapsed
     };
   },
   watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || utils.UniqueComponentId();
+    },
     collapsed: function collapsed(newValue) {
       this.d_collapsed = newValue;
     }
   },
+  mounted: function mounted() {
+    this.id = this.id || utils.UniqueComponentId();
+  },
   methods: {
     toggle: function toggle(event) {
       this.d_collapsed = !this.d_collapsed;
@@ -67,9 +74,6 @@ var script = {
     }
   },
   computed: {
-    ariaId: function ariaId() {
-      return utils.UniqueComponentId();
-    },
     buttonAriaLabel: function buttonAriaLabel() {
       return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;
     }
@@ -96,23 +100,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = vue.resolveDirective("ripple");
   return vue.openBlock(), vue.createElementBlock("fieldset", vue.mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "fieldset"
-  }), [vue.createElementVNode("legend", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("legend", vue.mergeProps({
     "class": _ctx.cx('legend')
   }, _ctx.ptm('legend')), [!_ctx.toggleable ? vue.renderSlot(_ctx.$slots, "legend", {
     key: 0
   }, function () {
     return [vue.createElementVNode("span", vue.mergeProps({
-      id: $options.ariaId + '_header',
+      id: $data.id + '_header',
       "class": _ctx.cx('legendtitle')
     }, _ctx.ptm('legendtitle')), vue.toDisplayString(_ctx.legend), 17, _hoisted_1)];
   }) : vue.createCommentVNode("", true), _ctx.toggleable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
     key: 1,
-    id: $options.ariaId + '_header',
+    id: $data.id + '_header',
     tabindex: "0",
     role: "button",
-    "aria-controls": $options.ariaId + '_content',
+    "aria-controls": $data.id + '_content',
     "aria-expanded": !$data.d_collapsed,
     "aria-label": $options.buttonAriaLabel,
     onClick: _cache[0] || (_cache[0] = function () {
@@ -136,10 +138,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('transition')), {
     "default": vue.withCtx(function () {
       return [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
-        id: $options.ariaId + '_content',
+        id: $data.id + '_content',
         "class": _ctx.cx('toggleablecontent'),
         role: "region",
-        "aria-labelledby": $options.ariaId + '_header'
+        "aria-labelledby": $data.id + '_header'
       }, _ctx.ptm('toggleablecontent')), [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('content')
       }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "default")], 16)], 16, _hoisted_3), [[vue.vShow, !$data.d_collapsed]])];

package/fieldset/fieldset.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/minus"),t=require("primevue/icons/plus"),r=require("primevue/ripple"),o=require("primevue/utils"),n=require("primevue/basecomponent"),l=require("primevue/fieldset/style"),i=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),s=a(t),d=a(r),u={name:"Fieldset",extends:{name:"BaseFieldset",extends:a(n).default,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:a(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return o.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:d.default},components:{PlusIcon:s.default,MinusIcon:c.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f(e,t,r){var o;return(t="symbol"==p(o=b(t,"string"))?o:String(o))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e,t){if("object"!=p(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],v=["id","aria-controls","aria-expanded","aria-label"],h=["id","aria-labelledby"];u.render=function(e,t,r,o,n,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("fieldset",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fieldset"}),[i.createElementVNode("legend",i.mergeProps({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"legend",{key:0},(function(){return[i.createElementVNode("span",i.mergeProps({id:l.ariaId+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17,y)]})),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({key:1,id:l.ariaId+"_header",tabindex:"0",role:"button","aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},m(m({},e.toggleButtonProps),e.ptm("toggler"))),[i.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),i.mergeProps({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),i.renderSlot(e.$slots,"legend",{},(function(){return[i.createElementVNode("span",i.mergeProps({class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17)]}))],16,v)),[[a]]):i.createCommentVNode("",!0)],16),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"default")],16)],16,h),[[i.vShow,!n.d_collapsed]])]})),_:3},16)],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/minus"),t=require("primevue/icons/plus"),o=require("primevue/ripple"),r=require("primevue/utils"),n=require("primevue/basecomponent"),l=require("primevue/fieldset/style"),i=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),s=a(t),d=a(o),u={name:"Fieldset",extends:{name:"BaseFieldset",extends:a(n).default,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:a(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{id:this.$attrs.id,d_collapsed:this.collapsed}},watch:{"$attrs.id":function(e){this.id=e||r.UniqueComponentId()},collapsed:function(e){this.d_collapsed=e}},mounted:function(){this.id=this.id||r.UniqueComponentId()},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:d.default},components:{PlusIcon:s.default,MinusIcon:c.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function m(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){var r;return(t="symbol"==p(r=b(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e,t){if("object"!=p(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],v=["id","aria-controls","aria-expanded","aria-label"],h=["id","aria-labelledby"];u.render=function(e,t,o,r,n,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("fieldset",i.mergeProps({class:e.cx("root")},e.ptm("root")),[i.createElementVNode("legend",i.mergeProps({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"legend",{key:0},(function(){return[i.createElementVNode("span",i.mergeProps({id:n.id+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17,y)]})),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({key:1,id:n.id+"_header",tabindex:"0",role:"button","aria-controls":n.id+"_content","aria-expanded":!n.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},m(m({},e.toggleButtonProps),e.ptm("toggler"))),[i.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),i.mergeProps({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),i.renderSlot(e.$slots,"legend",{},(function(){return[i.createElementVNode("span",i.mergeProps({class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17)]}))],16,v)),[[a]]):i.createCommentVNode("",!0)],16),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:n.id+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":n.id+"_header"},e.ptm("toggleablecontent")),[i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"default")],16)],16,h),[[i.vShow,!n.d_collapsed]])]})),_:3},16)],16)},module.exports=u;

package/fieldset/fieldset.esm.js

@@ -32,14 +32,21 @@ var script = {
   emits: ['update:collapsed', 'toggle'],
   data: function data() {
     return {
+      id: this.$attrs.id,
       d_collapsed: this.collapsed
     };
   },
   watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    },
     collapsed: function collapsed(newValue) {
       this.d_collapsed = newValue;
     }
   },
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+  },
   methods: {
     toggle: function toggle(event) {
       this.d_collapsed = !this.d_collapsed;
@@ -57,9 +64,6 @@ var script = {
     }
   },
   computed: {
-    ariaId: function ariaId() {
-      return UniqueComponentId();
-    },
     buttonAriaLabel: function buttonAriaLabel() {
       return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;
     }
@@ -86,23 +90,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return openBlock(), createElementBlock("fieldset", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "fieldset"
-  }), [createElementVNode("legend", mergeProps({
+  }, _ctx.ptm('root')), [createElementVNode("legend", mergeProps({
     "class": _ctx.cx('legend')
   }, _ctx.ptm('legend')), [!_ctx.toggleable ? renderSlot(_ctx.$slots, "legend", {
     key: 0
   }, function () {
     return [createElementVNode("span", mergeProps({
-      id: $options.ariaId + '_header',
+      id: $data.id + '_header',
       "class": _ctx.cx('legendtitle')
     }, _ctx.ptm('legendtitle')), toDisplayString(_ctx.legend), 17, _hoisted_1)];
   }) : createCommentVNode("", true), _ctx.toggleable ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
     key: 1,
-    id: $options.ariaId + '_header',
+    id: $data.id + '_header',
     tabindex: "0",
     role: "button",
-    "aria-controls": $options.ariaId + '_content',
+    "aria-controls": $data.id + '_content',
     "aria-expanded": !$data.d_collapsed,
     "aria-label": $options.buttonAriaLabel,
     onClick: _cache[0] || (_cache[0] = function () {
@@ -126,10 +128,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('transition')), {
     "default": withCtx(function () {
       return [withDirectives(createElementVNode("div", mergeProps({
-        id: $options.ariaId + '_content',
+        id: $data.id + '_content',
         "class": _ctx.cx('toggleablecontent'),
         role: "region",
-        "aria-labelledby": $options.ariaId + '_header'
+        "aria-labelledby": $data.id + '_header'
       }, _ctx.ptm('toggleablecontent')), [createElementVNode("div", mergeProps({
         "class": _ctx.cx('content')
       }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "default")], 16)], 16, _hoisted_3), [[vShow, !$data.d_collapsed]])];

package/fieldset/fieldset.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/minus";import t from"primevue/icons/plus";import o from"primevue/ripple";import{UniqueComponentId as n}from"primevue/utils";import r from"primevue/basecomponent";import l from"primevue/fieldset/style";import{resolveDirective as i,openBlock as a,createElementBlock as c,mergeProps as s,createElementVNode as p,renderSlot as u,toDisplayString as d,createCommentVNode as g,withDirectives as m,createBlock as f,resolveDynamicComponent as b,createVNode as y,Transition as v,withCtx as h,vShow as O}from"vue";var P={name:"Fieldset",extends:{name:"BaseFieldset",extends:r,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:l,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return n()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:o},components:{PlusIcon:t,MinusIcon:e}};function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function j(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function w(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?j(Object(o),!0).forEach((function(t){x(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function x(e,t,o){var n;return(t="symbol"==_(n=S(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function S(e,t){if("object"!=_(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=_(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var I=["id"],B=["id","aria-controls","aria-expanded","aria-label"],D=["id","aria-labelledby"];P.render=function(e,t,o,n,r,l){var P=i("ripple");return a(),c("fieldset",s({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fieldset"}),[p("legend",s({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?g("",!0):u(e.$slots,"legend",{key:0},(function(){return[p("span",s({id:l.ariaId+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),d(e.legend),17,I)]})),e.toggleable?m((a(),c("a",s({key:1,id:l.ariaId+"_header",tabindex:"0",role:"button","aria-controls":l.ariaId+"_content","aria-expanded":!r.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},w(w({},e.toggleButtonProps),e.ptm("toggler"))),[u(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(a(),f(b(r.d_collapsed?"PlusIcon":"MinusIcon"),s({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),u(e.$slots,"legend",{},(function(){return[p("span",s({class:e.cx("legendtitle")},e.ptm("legendtitle")),d(e.legend),17)]}))],16,B)),[[P]]):g("",!0)],16),y(v,s({name:"p-toggleable-content"},e.ptm("transition")),{default:h((function(){return[m(p("div",s({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[p("div",s({class:e.cx("content")},e.ptm("content")),[u(e.$slots,"default")],16)],16,D),[[O,!r.d_collapsed]])]})),_:3},16)],16)};export{P as default};
+import e from"primevue/icons/minus";import t from"primevue/icons/plus";import o from"primevue/ripple";import{UniqueComponentId as n}from"primevue/utils";import r from"primevue/basecomponent";import l from"primevue/fieldset/style";import{resolveDirective as i,openBlock as a,createElementBlock as s,mergeProps as c,createElementVNode as p,renderSlot as d,toDisplayString as u,createCommentVNode as g,withDirectives as m,createBlock as f,resolveDynamicComponent as b,createVNode as y,Transition as v,withCtx as h,vShow as O}from"vue";var P={name:"Fieldset",extends:{name:"BaseFieldset",extends:r,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:l,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{id:this.$attrs.id,d_collapsed:this.collapsed}},watch:{"$attrs.id":function(e){this.id=e||n()},collapsed:function(e){this.d_collapsed=e}},mounted:function(){this.id=this.id||n()},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:o},components:{PlusIcon:t,MinusIcon:e}};function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function j(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function w(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?j(Object(o),!0).forEach((function(t){x(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):j(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function x(e,t,o){var n;return(t="symbol"==_(n=S(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function S(e,t){if("object"!=_(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=_(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var $=["id"],B=["id","aria-controls","aria-expanded","aria-label"],D=["id","aria-labelledby"];P.render=function(e,t,o,n,r,l){var P=i("ripple");return a(),s("fieldset",c({class:e.cx("root")},e.ptm("root")),[p("legend",c({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?g("",!0):d(e.$slots,"legend",{key:0},(function(){return[p("span",c({id:r.id+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),u(e.legend),17,$)]})),e.toggleable?m((a(),s("a",c({key:1,id:r.id+"_header",tabindex:"0",role:"button","aria-controls":r.id+"_content","aria-expanded":!r.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},w(w({},e.toggleButtonProps),e.ptm("toggler"))),[d(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(a(),f(b(r.d_collapsed?"PlusIcon":"MinusIcon"),c({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),d(e.$slots,"legend",{},(function(){return[p("span",c({class:e.cx("legendtitle")},e.ptm("legendtitle")),u(e.legend),17)]}))],16,B)),[[P]]):g("",!0)],16),y(v,c({name:"p-toggleable-content"},e.ptm("transition")),{default:h((function(){return[m(p("div",c({id:r.id+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":r.id+"_header"},e.ptm("toggleablecontent")),[p("div",c({class:e.cx("content")},e.ptm("content")),[d(e.$slots,"default")],16)],16,D),[[O,!r.d_collapsed]])]})),_:3},16)],16)};export{P as default};

package/fieldset/fieldset.js

@@ -36,14 +36,21 @@ this.primevue.fieldset = (function (MinusIcon, PlusIcon, Ripple, utils, BaseComp
       emits: ['update:collapsed', 'toggle'],
       data: function data() {
         return {
+          id: this.$attrs.id,
           d_collapsed: this.collapsed
         };
       },
       watch: {
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
+        },
         collapsed: function collapsed(newValue) {
           this.d_collapsed = newValue;
         }
       },
+      mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
+      },
       methods: {
         toggle: function toggle(event) {
           this.d_collapsed = !this.d_collapsed;
@@ -61,9 +68,6 @@ this.primevue.fieldset = (function (MinusIcon, PlusIcon, Ripple, utils, BaseComp
         }
       },
       computed: {
-        ariaId: function ariaId() {
-          return utils.UniqueComponentId();
-        },
         buttonAriaLabel: function buttonAriaLabel() {
           return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.legend;
         }
@@ -90,23 +94,21 @@ this.primevue.fieldset = (function (MinusIcon, PlusIcon, Ripple, utils, BaseComp
       var _directive_ripple = vue.resolveDirective("ripple");
       return vue.openBlock(), vue.createElementBlock("fieldset", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "fieldset"
-      }), [vue.createElementVNode("legend", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createElementVNode("legend", vue.mergeProps({
         "class": _ctx.cx('legend')
       }, _ctx.ptm('legend')), [!_ctx.toggleable ? vue.renderSlot(_ctx.$slots, "legend", {
         key: 0
       }, function () {
         return [vue.createElementVNode("span", vue.mergeProps({
-          id: $options.ariaId + '_header',
+          id: $data.id + '_header',
           "class": _ctx.cx('legendtitle')
         }, _ctx.ptm('legendtitle')), vue.toDisplayString(_ctx.legend), 17, _hoisted_1)];
       }) : vue.createCommentVNode("", true), _ctx.toggleable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
         key: 1,
-        id: $options.ariaId + '_header',
+        id: $data.id + '_header',
         tabindex: "0",
         role: "button",
-        "aria-controls": $options.ariaId + '_content',
+        "aria-controls": $data.id + '_content',
         "aria-expanded": !$data.d_collapsed,
         "aria-label": $options.buttonAriaLabel,
         onClick: _cache[0] || (_cache[0] = function () {
@@ -130,10 +132,10 @@ this.primevue.fieldset = (function (MinusIcon, PlusIcon, Ripple, utils, BaseComp
       }, _ctx.ptm('transition')), {
         "default": vue.withCtx(function () {
           return [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps({
-            id: $options.ariaId + '_content',
+            id: $data.id + '_content',
             "class": _ctx.cx('toggleablecontent'),
             role: "region",
-            "aria-labelledby": $options.ariaId + '_header'
+            "aria-labelledby": $data.id + '_header'
           }, _ctx.ptm('toggleablecontent')), [vue.createElementVNode("div", vue.mergeProps({
             "class": _ctx.cx('content')
           }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "default")], 16)], 16, _hoisted_3), [[vue.vShow, !$data.d_collapsed]])];

package/fieldset/fieldset.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,o,n,r,l,i){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),s=a(t),d=a(o),p={name:"Fieldset",extends:{name:"BaseFieldset",extends:a(r).default,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:a(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{d_collapsed:this.collapsed}},watch:{collapsed:function(e){this.d_collapsed=e}},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{ariaId:function(){return n.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:d.default},components:{PlusIcon:s.default,MinusIcon:c.default}};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function m(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){var n;return(t="symbol"==u(n=b(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e,t){if("object"!=u(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],v=["id","aria-controls","aria-expanded","aria-label"],h=["id","aria-labelledby"];return p.render=function(e,t,o,n,r,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("fieldset",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"fieldset"}),[i.createElementVNode("legend",i.mergeProps({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"legend",{key:0},(function(){return[i.createElementVNode("span",i.mergeProps({id:l.ariaId+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17,y)]})),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({key:1,id:l.ariaId+"_header",tabindex:"0",role:"button","aria-controls":l.ariaId+"_content","aria-expanded":!r.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},m(m({},e.toggleButtonProps),e.ptm("toggler"))),[i.renderSlot(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.d_collapsed?"PlusIcon":"MinusIcon"),i.mergeProps({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),i.renderSlot(e.$slots,"legend",{},(function(){return[i.createElementVNode("span",i.mergeProps({class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17)]}))],16,v)),[[a]]):i.createCommentVNode("",!0)],16),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"default")],16)],16,h),[[i.vShow,!r.d_collapsed]])]})),_:3},16)],16)},p}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.fieldset.style,Vue);
+this.primevue=this.primevue||{},this.primevue.fieldset=function(e,t,o,n,r,l,i){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=a(e),s=a(t),d=a(o),p={name:"Fieldset",extends:{name:"BaseFieldset",extends:a(r).default,props:{legend:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:a(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:collapsed","toggle"],data:function(){return{id:this.$attrs.id,d_collapsed:this.collapsed}},watch:{"$attrs.id":function(e){this.id=e||n.UniqueComponentId()},collapsed:function(e){this.d_collapsed=e}},mounted:function(){this.id=this.id||n.UniqueComponentId()},methods:{toggle:function(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(this.toggle(e),e.preventDefault())}},computed:{buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.legend}},directives:{ripple:d.default},components:{PlusIcon:s.default,MinusIcon:c.default}};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function m(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function f(e,t,o){var n;return(t="symbol"==u(n=b(t,"string"))?n:String(n))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function b(e,t){if("object"!=u(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],v=["id","aria-controls","aria-expanded","aria-label"],h=["id","aria-labelledby"];return p.render=function(e,t,o,n,r,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("fieldset",i.mergeProps({class:e.cx("root")},e.ptm("root")),[i.createElementVNode("legend",i.mergeProps({class:e.cx("legend")},e.ptm("legend")),[e.toggleable?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"legend",{key:0},(function(){return[i.createElementVNode("span",i.mergeProps({id:r.id+"_header",class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17,y)]})),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({key:1,id:r.id+"_header",tabindex:"0",role:"button","aria-controls":r.id+"_content","aria-expanded":!r.d_collapsed,"aria-label":l.buttonAriaLabel,onClick:t[0]||(t[0]=function(){return l.toggle&&l.toggle.apply(l,arguments)}),onKeydown:t[1]||(t[1]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)})},m(m({},e.toggleButtonProps),e.ptm("toggler"))),[i.renderSlot(e.$slots,"togglericon",{collapsed:r.d_collapsed},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(r.d_collapsed?"PlusIcon":"MinusIcon"),i.mergeProps({class:e.cx("togglericon")},e.ptm("togglericon")),null,16,["class"]))]})),i.renderSlot(e.$slots,"legend",{},(function(){return[i.createElementVNode("span",i.mergeProps({class:e.cx("legendtitle")},e.ptm("legendtitle")),i.toDisplayString(e.legend),17)]}))],16,v)),[[a]]):i.createCommentVNode("",!0)],16),i.createVNode(i.Transition,i.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:i.withCtx((function(){return[i.withDirectives(i.createElementVNode("div",i.mergeProps({id:r.id+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":r.id+"_header"},e.ptm("toggleablecontent")),[i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"default")],16)],16,h),[[i.vShow,!r.d_collapsed]])]})),_:3},16)],16)},p}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.fieldset.style,Vue);

package/fieldset/style/fieldsetstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-fieldset-legend > a,\n    .p-fieldset-legend > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-fieldset-toggleable .p-fieldset-legend a {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-fieldset-legend-text {\n        line-height: 1;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -22,7 +21,6 @@ var classes = {
 };
 var FieldsetStyle = BaseStyle__default["default"].extend({
   name: 'fieldset',
-  css: css,
   classes: classes
 });
 

package/fieldset/style/fieldsetstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"fieldset",css:"\n@layer primevue {\n    .p-fieldset-legend > a,\n    .p-fieldset-legend > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-fieldset-toggleable .p-fieldset-legend a {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-fieldset-legend-text {\n        line-height: 1;\n    }\n}\n",classes:{root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler",toggleablecontent:"p-toggleable-content",content:"p-fieldset-content"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"fieldset",classes:{root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler",toggleablecontent:"p-toggleable-content",content:"p-fieldset-content"}});module.exports=t;

package/fieldset/style/fieldsetstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-fieldset-legend > a,\n    .p-fieldset-legend > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-fieldset-toggleable .p-fieldset-legend a {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-fieldset-legend-text {\n        line-height: 1;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -16,7 +15,6 @@ var classes = {
 };
 var FieldsetStyle = BaseStyle.extend({
   name: 'fieldset',
-  css: css,
   classes: classes
 });
 

package/fieldset/style/fieldsetstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"fieldset",css:"\n@layer primevue {\n    .p-fieldset-legend > a,\n    .p-fieldset-legend > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-fieldset-toggleable .p-fieldset-legend a {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-fieldset-legend-text {\n        line-height: 1;\n    }\n}\n",classes:{root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler",toggleablecontent:"p-toggleable-content",content:"p-fieldset-content"}});export{n as default};
+import e from"primevue/base/style";var t=e.extend({name:"fieldset",classes:{root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler",toggleablecontent:"p-toggleable-content",content:"p-fieldset-content"}});export{t as default};

package/fieldset/style/fieldsetstyle.js

@@ -7,7 +7,6 @@ this.primevue.fieldset.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-fieldset-legend > a,\n    .p-fieldset-legend > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-fieldset-toggleable .p-fieldset-legend a {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-fieldset-legend-text {\n        line-height: 1;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -23,7 +22,6 @@ this.primevue.fieldset.style = (function (BaseStyle) {
     };
     var FieldsetStyle = BaseStyle__default["default"].extend({
       name: 'fieldset',
-      css: css,
       classes: classes
     });
 

package/fieldset/style/fieldsetstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.fieldset=this.primevue.fieldset||{},this.primevue.fieldset.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"fieldset",css:"\n@layer primevue {\n    .p-fieldset-legend > a,\n    .p-fieldset-legend > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-fieldset-toggleable .p-fieldset-legend a {\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        text-decoration: none;\n    }\n\n    .p-fieldset-legend-text {\n        line-height: 1;\n    }\n}\n",classes:{root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler",toggleablecontent:"p-toggleable-content",content:"p-fieldset-content"}})}();
+this.primevue=this.primevue||{},this.primevue.fieldset=this.primevue.fieldset||{},this.primevue.fieldset.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"fieldset",classes:{root:function(e){return["p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable}]},legend:"p-fieldset-legend",legendtitle:"p-fieldset-legend-text",togglericon:"p-fieldset-toggler",toggleablecontent:"p-toggleable-content",content:"p-fieldset-content"}})}();

package/fileupload/FileUpload.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="isAdvanced" :class="cx('root')" v-bind="ptm('root')" data-pc-name="fileupload">
+    <div v-if="isAdvanced" :class="cx('root')" v-bind="ptm('root')">
         <input ref="fileInput" type="file" @change="onFileSelect" :multiple="multiple" :accept="accept" :disabled="chooseDisabled" v-bind="ptm('input')" />
         <div :class="cx('buttonbar')" v-bind="ptm('buttonbar')">
             <slot name="header" :files="files" :uploadedFiles="uploadedFiles" :chooseCallback="choose" :uploadCallback="upload" :clearCallback="clear">
@@ -9,14 +9,14 @@
                     </slot>
                     <span :class="cx('chooseButtonLabel')" v-bind="ptm('chooseButtonLabel')">{{ chooseButtonLabel }}</span>
                 </span>
-                <FileUploadButton v-if="showUploadButton" :label="uploadButtonLabel" @click="upload" :disabled="uploadDisabled" :unstyled="unstyled" :pt="ptm('uploadButton')" data-pc-section="uploadbutton">
+                <FileUploadButton v-if="showUploadButton" :label="uploadButtonLabel" @click="upload" :disabled="uploadDisabled" :unstyled="unstyled" :pt="ptm('uploadButton')">
                     <template #icon="iconProps">
                         <slot name="uploadicon">
                             <component :is="uploadIcon ? 'span' : 'UploadIcon'" :class="[iconProps.class, uploadIcon]" aria-hidden="true" v-bind="ptm('uploadButton')['icon']" data-pc-section="uploadbuttonicon" />
                         </slot>
                     </template>
                 </FileUploadButton>
-                <FileUploadButton v-if="showCancelButton" :label="cancelButtonLabel" @click="clear" :disabled="cancelDisabled" :unstyled="unstyled" :pt="ptm('cancelButton')" data-pc-section="cancelbutton">
+                <FileUploadButton v-if="showCancelButton" :label="cancelButtonLabel" @click="clear" :disabled="cancelDisabled" :unstyled="unstyled" :pt="ptm('cancelButton')">
                     <template #icon="iconProps">
                         <slot name="cancelicon">
                             <component :is="cancelIcon ? 'span' : 'TimesIcon'" :class="[iconProps.class, cancelIcon]" aria-hidden="true" v-bind="ptm('cancelButton')['icon']" data-pc-section="cancelbuttonicon" />
@@ -37,7 +37,7 @@
             </div>
         </div>
     </div>
-    <div v-else-if="isBasic" :class="cx('root')" v-bind="ptm('root')" data-pc-name="fileupload">
+    <div v-else-if="isBasic" :class="cx('root')" v-bind="ptm('root')">
         <FileUploadMessage v-for="msg of messages" :key="msg" severity="error" @close="onMessageClose" :unstyled="unstyled" :pt="ptm('messages')">{{ msg }}</FileUploadMessage>
         <span v-ripple :class="chooseButtonClass" :style="style" @mouseup="onBasicUploaderClick" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" tabindex="0" v-bind="ptm('chooseButton')">
             <slot v-if="!hasFiles || auto" name="uploadicon" :class="cx('uploadIcon')">

package/fileupload/fileupload.cjs.js

@@ -618,9 +618,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return $options.isAdvanced ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 0,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "fileupload"
-  }), [vue.createElementVNode("input", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("input", vue.mergeProps({
     ref: "fileInput",
     type: "file",
     onChange: _cache[0] || (_cache[0] = function () {
@@ -669,8 +667,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: $options.upload,
       disabled: $options.uploadDisabled,
       unstyled: _ctx.unstyled,
-      pt: _ctx.ptm('uploadButton'),
-      "data-pc-section": "uploadbutton"
+      pt: _ctx.ptm('uploadButton')
     }, {
       icon: vue.withCtx(function (iconProps) {
         return [vue.renderSlot(_ctx.$slots, "uploadicon", {}, function () {
@@ -689,8 +686,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: $options.clear,
       disabled: $options.cancelDisabled,
       unstyled: _ctx.unstyled,
-      pt: _ctx.ptm('cancelButton'),
-      "data-pc-section": "cancelbutton"
+      pt: _ctx.ptm('cancelButton')
     }, {
       icon: vue.withCtx(function (iconProps) {
         return [vue.renderSlot(_ctx.$slots, "cancelicon", {}, function () {
@@ -773,9 +769,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.ptm('empty')), [vue.renderSlot(_ctx.$slots, "empty")], 16)) : vue.createCommentVNode("", true)], 16)], 16)) : $options.isBasic ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     key: 1,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "fileupload"
-  }), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, function (msg) {
+  }, _ctx.ptm('root')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, function (msg) {
     return vue.openBlock(), vue.createBlock(_component_FileUploadMessage, {
       key: msg,
       severity: "error",