primevue 3.47.2 → 3.48.0

package/paginator/style/paginatorstyle.js

@@ -11,7 +11,6 @@ this.primevue.paginator.style = (function (BaseStyle) {
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
     function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-    var css = "\n@layer primevue {\n    .p-paginator-default {\n        display: flex;\n    }\n\n    .p-paginator {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    .p-paginator-left-content {\n        margin-right: auto;\n    }\n\n    .p-paginator-right-content {\n        margin-left: auto;\n    }\n\n    .p-paginator-page,\n    .p-paginator-next,\n    .p-paginator-last,\n    .p-paginator-first,\n    .p-paginator-prev,\n    .p-paginator-current {\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 1;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-paginator-element:focus {\n        z-index: 1;\n        position: relative;\n    }\n}\n";
     var classes = {
       paginator: function paginator(_ref) {
         var instance = _ref.instance,
@@ -65,7 +64,6 @@ this.primevue.paginator.style = (function (BaseStyle) {
     };
     var PaginatorStyle = BaseStyle__default["default"].extend({
       name: 'paginator',
-      css: css,
       classes: classes
     });
 

package/paginator/style/paginatorstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.paginator=this.primevue.paginator||{},this.primevue.paginator.style=function(n){"use strict";function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},e(n)}function a(n,t,a){var r;return(t="symbol"==e(r=i(t,"string"))?r:String(r))in n?Object.defineProperty(n,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[t]=a,n}function i(n,t){if("object"!=e(n)||!n)return n;var a=n[Symbol.toPrimitive];if(void 0!==a){var i=a.call(n,t||"default");if("object"!=e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}return t(primevue.base.style).default.extend({name:"paginator",css:"\n@layer primevue {\n    .p-paginator-default {\n        display: flex;\n    }\n\n    .p-paginator {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    .p-paginator-left-content {\n        margin-right: auto;\n    }\n\n    .p-paginator-right-content {\n        margin-left: auto;\n    }\n\n    .p-paginator-page,\n    .p-paginator-next,\n    .p-paginator-last,\n    .p-paginator-first,\n    .p-paginator-prev,\n    .p-paginator-current {\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 1;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-paginator-element:focus {\n        z-index: 1;\n        position: relative;\n    }\n}\n",classes:{paginator:function(n){var t=n.instance,e=n.key;return["p-paginator p-component",a({"p-paginator-default":!t.hasBreakpoints()},"p-paginator-".concat(e),t.hasBreakpoints())]},start:"p-paginator-left-content",end:"p-paginator-right-content",firstPageButton:function(n){return["p-paginator-first p-paginator-element p-link",{"p-disabled":n.instance.$attrs.disabled}]},firstPageIcon:"p-paginator-icon",previousPageButton:function(n){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":n.instance.$attrs.disabled}]},previousPageIcon:"p-paginator-icon",nextPageButton:function(n){return["p-paginator-next p-paginator-element p-link",{"p-disabled":n.instance.$attrs.disabled}]},nextPageIcon:"p-paginator-icon",lastPageButton:function(n){return["p-paginator-last p-paginator-element p-link",{"p-disabled":n.instance.$attrs.disabled}]},lastPageIcon:"p-paginator-icon",pages:"p-paginator-pages",pageButton:function(n){return["p-paginator-page p-paginator-element p-link",{"p-highlight":n.pageLink-1===n.props.page}]},current:"p-paginator-current",rowPerPageDropdown:"p-paginator-rpp-options",jumpToPageDropdown:"p-paginator-page-options",jumpToPageInput:"p-paginator-page-input"}})}();
+this.primevue=this.primevue||{},this.primevue.paginator=this.primevue.paginator||{},this.primevue.paginator.style=function(t){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function a(t,n,a){var i;return(n="symbol"==e(i=r(n,"string"))?i:String(i))in t?Object.defineProperty(t,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[n]=a,t}function r(t,n){if("object"!=e(t)||!t)return t;var a=t[Symbol.toPrimitive];if(void 0!==a){var r=a.call(t,n||"default");if("object"!=e(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}return n(primevue.base.style).default.extend({name:"paginator",classes:{paginator:function(t){var n=t.instance,e=t.key;return["p-paginator p-component",a({"p-paginator-default":!n.hasBreakpoints()},"p-paginator-".concat(e),n.hasBreakpoints())]},start:"p-paginator-left-content",end:"p-paginator-right-content",firstPageButton:function(t){return["p-paginator-first p-paginator-element p-link",{"p-disabled":t.instance.$attrs.disabled}]},firstPageIcon:"p-paginator-icon",previousPageButton:function(t){return["p-paginator-prev p-paginator-element p-link",{"p-disabled":t.instance.$attrs.disabled}]},previousPageIcon:"p-paginator-icon",nextPageButton:function(t){return["p-paginator-next p-paginator-element p-link",{"p-disabled":t.instance.$attrs.disabled}]},nextPageIcon:"p-paginator-icon",lastPageButton:function(t){return["p-paginator-last p-paginator-element p-link",{"p-disabled":t.instance.$attrs.disabled}]},lastPageIcon:"p-paginator-icon",pages:"p-paginator-pages",pageButton:function(t){return["p-paginator-page p-paginator-element p-link",{"p-highlight":t.pageLink-1===t.props.page}]},current:"p-paginator-current",rowPerPageDropdown:"p-paginator-rpp-options",jumpToPageDropdown:"p-paginator-page-options",jumpToPageInput:"p-paginator-page-input"}})}();

package/panel/Panel.vue

@@ -1,20 +1,20 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="panel">
+    <div :class="cx('root')" v-bind="ptm('root')">
         <div :class="cx('header')" v-bind="ptm('header')">
-            <slot :id="ariaId + '_header'" name="header" :class="cx('title')">
-                <span v-if="header" :id="ariaId + '_header'" :class="cx('title')" v-bind="ptm('title')">{{ header }}</span>
+            <slot :id="id + '_header'" name="header" :class="cx('title')">
+                <span v-if="header" :id="id + '_header'" :class="cx('title')" v-bind="ptm('title')">{{ header }}</span>
             </slot>
             <div :class="cx('icons')" v-bind="ptm('icons')">
                 <slot name="icons"></slot>
                 <button
                     v-if="toggleable"
-                    :id="ariaId + '_header'"
+                    :id="id + '_header'"
                     v-ripple
                     type="button"
                     role="button"
                     :class="cx('toggler')"
                     :aria-label="buttonAriaLabel"
-                    :aria-controls="ariaId + '_content'"
+                    :aria-controls="id + '_content'"
                     :aria-expanded="!d_collapsed"
                     @click="toggle"
                     @keydown="onKeyDown"
@@ -27,7 +27,7 @@
             </div>
         </div>
         <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>
@@ -52,14 +52,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;
@@ -77,9 +84,6 @@ export default {
         }
     },
     computed: {
-        ariaId() {
-            return UniqueComponentId();
-        },
         buttonAriaLabel() {
             return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
         }

package/panel/panel.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.header;
     }
@@ -96,29 +100,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = vue.resolveDirective("ripple");
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "panel"
-  }), [vue.createElementVNode("div", vue.mergeProps({
+  }, _ctx.ptm('root')), [vue.createElementVNode("div", vue.mergeProps({
     "class": _ctx.cx('header')
   }, _ctx.ptm('header')), [vue.renderSlot(_ctx.$slots, "header", {
-    id: $options.ariaId + '_header',
+    id: $data.id + '_header',
     "class": vue.normalizeClass(_ctx.cx('title'))
   }, function () {
     return [_ctx.header ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
       key: 0,
-      id: $options.ariaId + '_header',
+      id: $data.id + '_header',
       "class": _ctx.cx('title')
     }, _ctx.ptm('title')), vue.toDisplayString(_ctx.header), 17, _hoisted_1)) : vue.createCommentVNode("", true)];
   }), vue.createElementVNode("div", vue.mergeProps({
     "class": _ctx.cx('icons')
   }, _ctx.ptm('icons')), [vue.renderSlot(_ctx.$slots, "icons"), _ctx.toggleable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
     key: 0,
-    id: $options.ariaId + '_header',
+    id: $data.id + '_header',
     type: "button",
     role: "button",
     "class": _ctx.cx('toggler'),
     "aria-label": $options.buttonAriaLabel,
-    "aria-controls": $options.ariaId + '_content',
+    "aria-controls": $data.id + '_content',
     "aria-expanded": !$data.d_collapsed,
     onClick: _cache[0] || (_cache[0] = function () {
       return $options.toggle && $options.toggle.apply($options, arguments);
@@ -135,10 +137,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), _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"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/panel/style"),a=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),p=i(o),u={name:"Panel",extends:{name:"BasePanel",extends:i(n).default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i(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 r.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:p.default}};function d(e){return d="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},d(e)}function m(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 g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(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"==d(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"!=d(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],v=["id","aria-label","aria-controls","aria-expanded"],h=["id","aria-labelledby"];u.render=function(e,t,o,r,n,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,y)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,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)})},g(g({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,v)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,h),[[a.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/panel/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:"Panel",extends:{name:"BasePanel",extends:a(n).default,props:{header: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.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:d.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 m(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 g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(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-label","aria-controls","aria-expanded"],h=["id","aria-labelledby"];u.render=function(e,t,o,r,n,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root")),[i.createElementVNode("div",i.mergeProps({class:e.cx("header")},e.ptm("header")),[i.renderSlot(e.$slots,"header",{id:n.id+"_header",class:i.normalizeClass(e.cx("title"))},(function(){return[e.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,id:n.id+"_header",class:e.cx("title")},e.ptm("title")),i.toDisplayString(e.header),17,y)):i.createCommentVNode("",!0)]})),i.createElementVNode("div",i.mergeProps({class:e.cx("icons")},e.ptm("icons")),[i.renderSlot(e.$slots,"icons"),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,id:n.id+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":n.id+"_content","aria-expanded":!n.d_collapsed,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)})},g(g({},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.normalizeProps(i.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,v)),[[a]]):i.createCommentVNode("",!0)],16)],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),e.$slots.footer?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[i.renderSlot(e.$slots,"footer")],16)):i.createCommentVNode("",!0)],16,h),[[i.vShow,!n.d_collapsed]])]})),_:3},16)],16)},module.exports=u;

package/panel/panel.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.header;
     }
@@ -86,29 +90,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "panel"
-  }), [createElementVNode("div", mergeProps({
+  }, _ctx.ptm('root')), [createElementVNode("div", mergeProps({
     "class": _ctx.cx('header')
   }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header", {
-    id: $options.ariaId + '_header',
+    id: $data.id + '_header',
     "class": normalizeClass(_ctx.cx('title'))
   }, function () {
     return [_ctx.header ? (openBlock(), createElementBlock("span", mergeProps({
       key: 0,
-      id: $options.ariaId + '_header',
+      id: $data.id + '_header',
       "class": _ctx.cx('title')
     }, _ctx.ptm('title')), toDisplayString(_ctx.header), 17, _hoisted_1)) : createCommentVNode("", true)];
   }), createElementVNode("div", mergeProps({
     "class": _ctx.cx('icons')
   }, _ctx.ptm('icons')), [renderSlot(_ctx.$slots, "icons"), _ctx.toggleable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
     key: 0,
-    id: $options.ariaId + '_header',
+    id: $data.id + '_header',
     type: "button",
     role: "button",
     "class": _ctx.cx('toggler'),
     "aria-label": $options.buttonAriaLabel,
-    "aria-controls": $options.ariaId + '_content',
+    "aria-controls": $data.id + '_content',
     "aria-expanded": !$data.d_collapsed,
     onClick: _cache[0] || (_cache[0] = function () {
       return $options.toggle && $options.toggle.apply($options, arguments);
@@ -125,10 +127,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), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({

package/panel/panel.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 r}from"primevue/utils";import n from"primevue/basecomponent";import l from"primevue/panel/style";import{resolveDirective as a,openBlock as i,createElementBlock as c,mergeProps as s,createElementVNode as p,renderSlot as u,normalizeClass as d,toDisplayString as m,createCommentVNode as f,withDirectives as g,createBlock as b,resolveDynamicComponent as y,normalizeProps as v,guardReactiveProps as h,createVNode as P,Transition as O,withCtx as _,vShow as j}from"vue";var w={name:"Panel",extends:{name:"BasePanel",extends:n,props:{header: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 r()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.header}},components:{PlusIcon:t,MinusIcon:e},directives:{ripple:o}};function x(e){return x="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},x(e)}function I(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 S(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?I(Object(o),!0).forEach((function(t){$(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function $(e,t,o){var r;return(t="symbol"==x(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"!=x(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var D=["id"],E=["id","aria-label","aria-controls","aria-expanded"],k=["id","aria-labelledby"];w.render=function(e,t,o,r,n,l){var w=a("ripple");return i(),c("div",s({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[p("div",s({class:e.cx("header")},e.ptm("header")),[u(e.$slots,"header",{id:l.ariaId+"_header",class:d(e.cx("title"))},(function(){return[e.header?(i(),c("span",s({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),m(e.header),17,D)):f("",!0)]})),p("div",s({class:e.cx("icons")},e.ptm("icons")),[u(e.$slots,"icons"),e.toggleable?g((i(),c("button",s({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,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)})},S(S({},e.toggleButtonProps),e.ptm("toggler"))),[u(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(i(),b(y(n.d_collapsed?"PlusIcon":"MinusIcon"),v(h(e.ptm("togglericon"))),null,16))]}))],16,E)),[[w]]):f("",!0)],16)],16),P(O,s({name:"p-toggleable-content"},e.ptm("transition")),{default:_((function(){return[g(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),e.$slots.footer?(i(),c("div",s({key:0,class:e.cx("footer")},e.ptm("footer")),[u(e.$slots,"footer")],16)):f("",!0)],16,k),[[j,!n.d_collapsed]])]})),_:3},16)],16)};export{w as default};
+import e from"primevue/icons/minus";import t from"primevue/icons/plus";import o from"primevue/ripple";import{UniqueComponentId as r}from"primevue/utils";import n from"primevue/basecomponent";import i from"primevue/panel/style";import{resolveDirective as l,openBlock as a,createElementBlock as s,mergeProps as c,createElementVNode as p,renderSlot as u,normalizeClass as d,toDisplayString as m,createCommentVNode as f,withDirectives as g,createBlock as b,resolveDynamicComponent as y,normalizeProps as h,guardReactiveProps as v,createVNode as P,Transition as O,withCtx as _,vShow as j}from"vue";var w={name:"Panel",extends:{name:"BasePanel",extends:n,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i,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()},collapsed:function(e){this.d_collapsed=e}},mounted:function(){this.id=this.id||r()},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.header}},components:{PlusIcon:t,MinusIcon:e},directives:{ripple:o}};function x(e){return x="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},x(e)}function S(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 $(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?S(Object(o),!0).forEach((function(t){B(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):S(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function B(e,t,o){var r;return(t="symbol"==x(r=D(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function D(e,t){if("object"!=x(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var E=["id"],k=["id","aria-label","aria-controls","aria-expanded"],I=["id","aria-labelledby"];w.render=function(e,t,o,r,n,i){var w=l("ripple");return a(),s("div",c({class:e.cx("root")},e.ptm("root")),[p("div",c({class:e.cx("header")},e.ptm("header")),[u(e.$slots,"header",{id:n.id+"_header",class:d(e.cx("title"))},(function(){return[e.header?(a(),s("span",c({key:0,id:n.id+"_header",class:e.cx("title")},e.ptm("title")),m(e.header),17,E)):f("",!0)]})),p("div",c({class:e.cx("icons")},e.ptm("icons")),[u(e.$slots,"icons"),e.toggleable?g((a(),s("button",c({key:0,id:n.id+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":i.buttonAriaLabel,"aria-controls":n.id+"_content","aria-expanded":!n.d_collapsed,onClick:t[0]||(t[0]=function(){return i.toggle&&i.toggle.apply(i,arguments)}),onKeydown:t[1]||(t[1]=function(){return i.onKeyDown&&i.onKeyDown.apply(i,arguments)})},$($({},e.toggleButtonProps),e.ptm("toggler"))),[u(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a(),b(y(n.d_collapsed?"PlusIcon":"MinusIcon"),h(v(e.ptm("togglericon"))),null,16))]}))],16,k)),[[w]]):f("",!0)],16)],16),P(O,c({name:"p-toggleable-content"},e.ptm("transition")),{default:_((function(){return[g(p("div",c({id:n.id+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":n.id+"_header"},e.ptm("toggleablecontent")),[p("div",c({class:e.cx("content")},e.ptm("content")),[u(e.$slots,"default")],16),e.$slots.footer?(a(),s("div",c({key:0,class:e.cx("footer")},e.ptm("footer")),[u(e.$slots,"footer")],16)):f("",!0)],16,I),[[j,!n.d_collapsed]])]})),_:3},16)],16)};export{w as default};

package/panel/panel.js

@@ -36,14 +36,21 @@ this.primevue.panel = (function (MinusIcon, PlusIcon, Ripple, utils, BaseCompone
       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.panel = (function (MinusIcon, PlusIcon, Ripple, utils, BaseCompone
         }
       },
       computed: {
-        ariaId: function ariaId() {
-          return utils.UniqueComponentId();
-        },
         buttonAriaLabel: function buttonAriaLabel() {
           return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;
         }
@@ -90,29 +94,27 @@ this.primevue.panel = (function (MinusIcon, PlusIcon, Ripple, utils, BaseCompone
       var _directive_ripple = vue.resolveDirective("ripple");
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "panel"
-      }), [vue.createElementVNode("div", vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('header')
       }, _ctx.ptm('header')), [vue.renderSlot(_ctx.$slots, "header", {
-        id: $options.ariaId + '_header',
+        id: $data.id + '_header',
         "class": vue.normalizeClass(_ctx.cx('title'))
       }, function () {
         return [_ctx.header ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
           key: 0,
-          id: $options.ariaId + '_header',
+          id: $data.id + '_header',
           "class": _ctx.cx('title')
         }, _ctx.ptm('title')), vue.toDisplayString(_ctx.header), 17, _hoisted_1)) : vue.createCommentVNode("", true)];
       }), vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('icons')
       }, _ctx.ptm('icons')), [vue.renderSlot(_ctx.$slots, "icons"), _ctx.toggleable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
         key: 0,
-        id: $options.ariaId + '_header',
+        id: $data.id + '_header',
         type: "button",
         role: "button",
         "class": _ctx.cx('toggler'),
         "aria-label": $options.buttonAriaLabel,
-        "aria-controls": $options.ariaId + '_content',
+        "aria-controls": $data.id + '_content',
         "aria-expanded": !$data.d_collapsed,
         onClick: _cache[0] || (_cache[0] = function () {
           return $options.toggle && $options.toggle.apply($options, arguments);
@@ -129,10 +131,10 @@ this.primevue.panel = (function (MinusIcon, PlusIcon, Ripple, utils, BaseCompone
       }, _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), _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({

package/panel/panel.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panel=function(e,t,o,r,n,l,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),s=i(t),p=i(o),u={name:"Panel",extends:{name:"BasePanel",extends:i(n).default,props:{header:String,toggleable:Boolean,collapsed:Boolean,toggleButtonProps:{type:null,default:null}},style:i(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 r.UniqueComponentId()},buttonAriaLabel:function(){return this.toggleButtonProps&&this.toggleButtonProps.ariaLabel?this.toggleButtonProps.ariaLabel:this.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:p.default}};function d(e){return d="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},d(e)}function m(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 g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(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"==d(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"!=d(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],v=["id","aria-label","aria-controls","aria-expanded"],h=["id","aria-labelledby"];return u.render=function(e,t,o,r,n,l){var i=a.resolveDirective("ripple");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"panel"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("header")},e.ptm("header")),[a.renderSlot(e.$slots,"header",{id:l.ariaId+"_header",class:a.normalizeClass(e.cx("title"))},(function(){return[e.header?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,id:l.ariaId+"_header",class:e.cx("title")},e.ptm("title")),a.toDisplayString(e.header),17,y)):a.createCommentVNode("",!0)]})),a.createElementVNode("div",a.mergeProps({class:e.cx("icons")},e.ptm("icons")),[a.renderSlot(e.$slots,"icons"),e.toggleable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,id:l.ariaId+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":l.ariaId+"_content","aria-expanded":!n.d_collapsed,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)})},g(g({},e.toggleButtonProps),e.ptm("toggler"))),[a.renderSlot(e.$slots,"togglericon",{collapsed:n.d_collapsed},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(n.d_collapsed?"PlusIcon":"MinusIcon"),a.normalizeProps(a.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,v)),[[i]]):a.createCommentVNode("",!0)],16)],16),a.createVNode(a.Transition,a.mergeProps({name:"p-toggleable-content"},e.ptm("transition")),{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({id:l.ariaId+"_content",class:e.cx("toggleablecontent"),role:"region","aria-labelledby":l.ariaId+"_header"},e.ptm("toggleablecontent")),[a.createElementVNode("div",a.mergeProps({class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"default")],16),e.$slots.footer?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[a.renderSlot(e.$slots,"footer")],16)):a.createCommentVNode("",!0)],16,h),[[a.vShow,!n.d_collapsed]])]})),_:3},16)],16)},u}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.panel.style,Vue);
+this.primevue=this.primevue||{},this.primevue.panel=function(e,t,o,r,n,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),p=a(o),d={name:"Panel",extends:{name:"BasePanel",extends:a(n).default,props:{header: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.header}},components:{PlusIcon:s.default,MinusIcon:c.default},directives:{ripple:p.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 m(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 g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?m(Object(o),!0).forEach((function(t){f(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):m(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"==u(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"!=u(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y=["id"],h=["id","aria-label","aria-controls","aria-expanded"],v=["id","aria-labelledby"];return d.render=function(e,t,o,r,n,l){var a=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root")),[i.createElementVNode("div",i.mergeProps({class:e.cx("header")},e.ptm("header")),[i.renderSlot(e.$slots,"header",{id:n.id+"_header",class:i.normalizeClass(e.cx("title"))},(function(){return[e.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,id:n.id+"_header",class:e.cx("title")},e.ptm("title")),i.toDisplayString(e.header),17,y)):i.createCommentVNode("",!0)]})),i.createElementVNode("div",i.mergeProps({class:e.cx("icons")},e.ptm("icons")),[i.renderSlot(e.$slots,"icons"),e.toggleable?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,id:n.id+"_header",type:"button",role:"button",class:e.cx("toggler"),"aria-label":l.buttonAriaLabel,"aria-controls":n.id+"_content","aria-expanded":!n.d_collapsed,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)})},g(g({},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.normalizeProps(i.guardReactiveProps(e.ptm("togglericon"))),null,16))]}))],16,h)),[[a]]):i.createCommentVNode("",!0)],16)],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),e.$slots.footer?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,class:e.cx("footer")},e.ptm("footer")),[i.renderSlot(e.$slots,"footer")],16)):i.createCommentVNode("",!0)],16,v),[[i.vShow,!n.d_collapsed]])]})),_:3},16)],16)},d}(primevue.icons.minus,primevue.icons.plus,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.panel.style,Vue);

package/panel/style/panelstyle.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-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .p-panel-title {\n        line-height: 1;\n    }\n\n    .p-panel-header-icon {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -24,7 +23,6 @@ var classes = {
 };
 var PanelStyle = BaseStyle__default["default"].extend({
   name: 'panel',
-  css: css,
   classes: classes
 });
 

package/panel/style/panelstyle.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:"panel",css:"\n@layer primevue {\n    .p-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .p-panel-title {\n        line-height: 1;\n    }\n\n    .p-panel-header-icon {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n}\n",classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"}});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:"panel",classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"}});module.exports=t;

package/panel/style/panelstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .p-panel-title {\n        line-height: 1;\n    }\n\n    .p-panel-header-icon {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -18,7 +17,6 @@ var classes = {
 };
 var PanelStyle = BaseStyle.extend({
   name: 'panel',
-  css: css,
   classes: classes
 });
 

package/panel/style/panelstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"panel",css:"\n@layer primevue {\n    .p-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .p-panel-title {\n        line-height: 1;\n    }\n\n    .p-panel-header-icon {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n}\n",classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"}});export{n as default};
+import e from"primevue/base/style";var n=e.extend({name:"panel",classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"}});export{n as default};

package/panel/style/panelstyle.js

@@ -7,7 +7,6 @@ this.primevue.panel.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .p-panel-title {\n        line-height: 1;\n    }\n\n    .p-panel-header-icon {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -25,7 +24,6 @@ this.primevue.panel.style = (function (BaseStyle) {
     };
     var PanelStyle = BaseStyle__default["default"].extend({
       name: 'panel',
-      css: css,
       classes: classes
     });
 

package/panel/style/panelstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panel=this.primevue.panel||{},this.primevue.panel.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"panel",css:"\n@layer primevue {\n    .p-panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .p-panel-title {\n        line-height: 1;\n    }\n\n    .p-panel-header-icon {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n}\n",classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"}})}();
+this.primevue=this.primevue||{},this.primevue.panel=this.primevue.panel||{},this.primevue.panel.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:"panel",classes:{root:function(e){return["p-panel p-component",{"p-panel-toggleable":e.props.toggleable}]},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",toggleablecontent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer"}})}();

package/panelmenu/PanelMenu.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :id="id" :class="cx('root')" v-bind="ptm('root')" data-pc-name="panelmenu">
+    <div :id="id" :class="cx('root')" v-bind="ptm('root')">
         <template v-for="(item, index) of model" :key="getPanelKey(index)">
             <div v-if="isItemVisible(item)" :style="getItemProp(item, 'style')" :class="[cx('panel'), getItemProp(item, 'class')]" v-bind="ptm('panel')">
                 <div

package/panelmenu/panelmenu.cjs.js

@@ -932,9 +932,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     id: $data.id,
     "class": _ctx.cx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "panelmenu"
-  }), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model, function (item, index) {
+  }, _ctx.ptm('root')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model, function (item, index) {
     return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
       key: $options.getPanelKey(index)
     }, [$options.isItemVisible(item) ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({