primevue 3.47.2 → 3.48.0

package/breadcrumb/breadcrumb.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),l=i(t),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null}},style:i(n).default,provide:function(){return{$parentInstance:this}}},s={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,index:null},methods:{onClick:function(e){this.item.command&&this.item.command({originalEvent:e,item:this.item})},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:o.mergeProps({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:o.mergeProps({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:o.mergeProps({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},a=["href","target","aria-current"];s.render=function(e,t,n,i,r,l){return l.visible()?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",l.ptmOptions)),[n.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.item),{key:1,item:n.item,label:l.label(),props:l.getMenuItemProps},null,8,["item","label","props"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:0,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":l.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return l.onClick&&l.onClick.apply(l,arguments)})},e.ptm("action",l.ptmOptions)),[n.templates&&n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon",l.ptmOptions))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",l.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",l.ptmOptions)),o.toDisplayString(l.label()),17)):o.createCommentVNode("",!0)],16,a))],16)):o.createCommentVNode("",!0)};var c={name:"Breadcrumb",extends:m,components:{BreadcrumbItem:s,ChevronRightIcon:r.default}};return c.render=function(e,t,n,i,r,l){var m=o.resolveComponent("BreadcrumbItem"),s=o.resolveComponent("ChevronRightIcon");return o.openBlock(),o.createElementBlock("nav",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[o.createElementVNode("ol",o.mergeProps({class:e.cx("menu")},e.ptm("menu")),[e.home?(o.openBlock(),o.createBlock(m,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","pt","unstyled"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.model,(function(t,n){return o.openBlock(),o.createElementBlock(o.Fragment,{key:t.label+"_"+n},[e.home||0!==n?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:e.cx("separator")},e.ptm("separator")),[o.renderSlot(e.$slots,"separator",{},(function(){return[o.createVNode(s,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(m,{item:t,index:n,templates:e.$slots,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","pt","unstyled"])],64)})),128))],16)],16)},c}(primevue.icons.chevronright,primevue.basecomponent,primevue.breadcrumb.style,Vue);
+this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),l=i(t),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null}},style:i(n).default,provide:function(){return{$parentInstance:this}}},s={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,index:null},methods:{onClick:function(e){this.item.command&&this.item.command({originalEvent:e,item:this.item})},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:o.mergeProps({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:o.mergeProps({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:o.mergeProps({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},c=["href","target","aria-current"];s.render=function(e,t,n,i,r,l){return l.visible()?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",l.ptmOptions)),[n.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.item),{key:1,item:n.item,label:l.label(),props:l.getMenuItemProps},null,8,["item","label","props"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:0,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":l.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return l.onClick&&l.onClick.apply(l,arguments)})},e.ptm("action",l.ptmOptions)),[n.templates&&n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon",l.ptmOptions))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",l.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",l.ptmOptions)),o.toDisplayString(l.label()),17)):o.createCommentVNode("",!0)],16,c))],16)):o.createCommentVNode("",!0)};var a={name:"Breadcrumb",extends:m,components:{BreadcrumbItem:s,ChevronRightIcon:r.default}};return a.render=function(e,t,n,i,r,l){var m=o.resolveComponent("BreadcrumbItem"),s=o.resolveComponent("ChevronRightIcon");return o.openBlock(),o.createElementBlock("nav",o.mergeProps({class:e.cx("root")},e.ptm("root")),[o.createElementVNode("ol",o.mergeProps({class:e.cx("menu")},e.ptm("menu")),[e.home?(o.openBlock(),o.createBlock(m,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","pt","unstyled"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.model,(function(t,n){return o.openBlock(),o.createElementBlock(o.Fragment,{key:t.label+"_"+n},[e.home||0!==n?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:e.cx("separator")},e.ptm("separator")),[o.renderSlot(e.$slots,"separator",{},(function(){return[o.createVNode(s,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(m,{item:t,index:n,templates:e.$slots,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","pt","unstyled"])],64)})),128))],16)],16)},a}(primevue.icons.chevronright,primevue.basecomponent,primevue.breadcrumb.style,Vue);

package/breadcrumb/style/breadcrumbstyle.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-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var classes = {
   root: 'p-breadcrumb p-component',
   menu: 'p-breadcrumb-list',
@@ -24,7 +23,6 @@ var classes = {
 };
 var BreadcrumbStyle = BaseStyle__default["default"].extend({
   name: 'breadcrumb',
-  css: css,
   classes: classes
 });
 

package/breadcrumb/style/breadcrumbstyle.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:"breadcrumb",css:"\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text"}});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:"breadcrumb",classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text"}});module.exports=t;

package/breadcrumb/style/breadcrumbstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
 var classes = {
   root: 'p-breadcrumb p-component',
   menu: 'p-breadcrumb-list',
@@ -18,7 +17,6 @@ var classes = {
 };
 var BreadcrumbStyle = BaseStyle.extend({
   name: 'breadcrumb',
-  css: css,
   classes: classes
 });
 

package/breadcrumb/style/breadcrumbstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"breadcrumb",css:"\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text"}});export{n as default};
+import e from"primevue/base/style";var m=e.extend({name:"breadcrumb",classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text"}});export{m as default};

package/breadcrumb/style/breadcrumbstyle.js

@@ -7,7 +7,6 @@ this.primevue.breadcrumb.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n";
     var classes = {
       root: 'p-breadcrumb p-component',
       menu: 'p-breadcrumb-list',
@@ -25,7 +24,6 @@ this.primevue.breadcrumb.style = (function (BaseStyle) {
     };
     var BreadcrumbStyle = BaseStyle__default["default"].extend({
       name: 'breadcrumb',
-      css: css,
       classes: classes
     });
 

package/breadcrumb/style/breadcrumbstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.breadcrumb=this.primevue.breadcrumb||{},this.primevue.breadcrumb.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:"breadcrumb",css:"\n@layer primevue {\n    .p-breadcrumb {\n        overflow-x: auto;\n    }\n\n    .p-breadcrumb .p-breadcrumb-list {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n    }\n\n    .p-breadcrumb .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-breadcrumb .p-menuitem-link {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb .p-menuitem-separator {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-breadcrumb::-webkit-scrollbar {\n        display: none;\n    }\n}\n",classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text"}})}();
+this.primevue=this.primevue||{},this.primevue.breadcrumb=this.primevue.breadcrumb||{},this.primevue.breadcrumb.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:"breadcrumb",classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:"p-menuitem-link",icon:"p-menuitem-icon",label:"p-menuitem-text"}})}();

package/button/Button.d.ts

@@ -119,7 +119,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
     /**
      * Severity type of the badge.
      */
-    badgeSeverity?: 'info' | 'success' | 'warning' | 'danger' | string | null | undefined;
+    badgeSeverity?: 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast' | string | null | undefined;
     /**
      * Whether the button is in loading state.
      * @defaultValue false
@@ -137,7 +137,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
     /**
      * Defines the style of the button.
      */
-    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger' | string | undefined;
+    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger' | 'contrast' | string | undefined;
     /**
      * Add a shadow to indicate elevation.
      * @defaultValue false

package/button/Button.vue

@@ -1,5 +1,5 @@
 <template>
-    <button v-ripple :class="cx('root')" type="button" :aria-label="defaultAriaLabel" :disabled="disabled" v-bind="getPTOptions('root')" data-pc-name="button" :data-pc-severity="severity">
+    <button v-ripple :class="cx('root')" type="button" :aria-label="defaultAriaLabel" :disabled="disabled" v-bind="getPTOptions('root')" :data-pc-severity="severity">
         <slot>
             <slot v-if="loading" name="loadingicon" :class="[cx('loadingIcon'), cx('icon')]">
                 <span v-if="loadingIcon" :class="[cx('loadingIcon'), cx('icon'), loadingIcon]" v-bind="ptm('loadingIcon')" />

package/button/button.cjs.js

@@ -139,7 +139,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": $options.defaultAriaLabel,
     disabled: $options.disabled
   }, $options.getPTOptions('root'), {
-    "data-pc-name": "button",
     "data-pc-severity": _ctx.severity
   }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
     return [_ctx.loading ? vue.renderSlot(_ctx.$slots, "loadingicon", {

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/badge"),t=require("primevue/icons/spinner"),n=require("primevue/ripple"),l=require("primevue/basecomponent"),a=require("primevue/button/style"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),s=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs.ariaLabel},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:s.default,Badge:r.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];c.render=function(e,t,n,l,a,i){var r=o.resolveComponent("SpinnerIcon"),s=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(r,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(s,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},module.exports=c;
+"use strict";var e=require("primevue/badge"),t=require("primevue/icons/spinner"),n=require("primevue/ripple"),l=require("primevue/basecomponent"),a=require("primevue/button/style"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),s=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs.ariaLabel},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:s.default,Badge:r.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];c.render=function(e,t,n,l,a,i){var r=o.resolveComponent("SpinnerIcon"),s=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(r,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(s,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},module.exports=c;

package/button/button.esm.js

@@ -129,7 +129,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": $options.defaultAriaLabel,
     disabled: $options.disabled
   }, $options.getPTOptions('root'), {
-    "data-pc-name": "button",
     "data-pc-severity": _ctx.severity
   }), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [_ctx.loading ? renderSlot(_ctx.$slots, "loadingicon", {

package/button/button.esm.min.js

@@ -1 +1 @@
-import e from"primevue/badge";import t from"primevue/icons/spinner";import n from"primevue/ripple";import l from"primevue/basecomponent";import a from"primevue/button/style";import{resolveComponent as i,resolveDirective as o,withDirectives as s,openBlock as d,createElementBlock as r,mergeProps as u,renderSlot as c,normalizeClass as p,createBlock as f,createCommentVNode as g,createElementVNode as y,toDisplayString as b}from"vue";var m={name:"Button",extends:{name:"BaseButton",extends:l,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:a,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs.ariaLabel},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:t,Badge:e},directives:{ripple:n}},v=["aria-label","disabled","data-pc-severity"];m.render=function(e,t,n,l,a,m){var h=i("SpinnerIcon"),x=i("Badge"),S=o("ripple");return s((d(),r("button",u({class:e.cx("root"),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},m.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[c(e.$slots,"default",{},(function(){return[e.loading?c(e.$slots,"loadingicon",{key:0,class:p([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(d(),r("span",u({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(d(),f(h,u({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):c(e.$slots,"icon",{key:1,class:p([e.cx("icon")])},(function(){return[e.icon?(d(),r("span",u({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):g("",!0)]})),y("span",u({class:e.cx("label")},e.ptm("label")),b(e.label||" "),17),e.badge?(d(),f(x,u({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):g("",!0)]}))],16,v)),[[S]])};export{m as default};
+import e from"primevue/badge";import t from"primevue/icons/spinner";import n from"primevue/ripple";import l from"primevue/basecomponent";import a from"primevue/button/style";import{resolveComponent as i,resolveDirective as o,withDirectives as s,openBlock as r,createElementBlock as d,mergeProps as u,renderSlot as c,normalizeClass as p,createBlock as f,createCommentVNode as g,createElementVNode as y,toDisplayString as b}from"vue";var m={name:"Button",extends:{name:"BaseButton",extends:l,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:a,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs.ariaLabel},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:t,Badge:e},directives:{ripple:n}},v=["aria-label","disabled","data-pc-severity"];m.render=function(e,t,n,l,a,m){var h=i("SpinnerIcon"),x=i("Badge"),S=o("ripple");return s((r(),d("button",u({class:e.cx("root"),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},m.getPTOptions("root"),{"data-pc-severity":e.severity}),[c(e.$slots,"default",{},(function(){return[e.loading?c(e.$slots,"loadingicon",{key:0,class:p([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(r(),d("span",u({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(r(),f(h,u({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):c(e.$slots,"icon",{key:1,class:p([e.cx("icon")])},(function(){return[e.icon?(r(),d("span",u({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):g("",!0)]})),y("span",u({class:e.cx("label")},e.ptm("label")),b(e.label||" "),17),e.badge?(r(),f(x,u({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):g("",!0)]}))],16,v)),[[S]])};export{m as default};

package/button/button.js

@@ -134,7 +134,6 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
         "aria-label": $options.defaultAriaLabel,
         disabled: $options.disabled
       }, $options.getPTOptions('root'), {
-        "data-pc-name": "button",
         "data-pc-severity": _ctx.severity
       }), [vue.renderSlot(_ctx.$slots, "default", {}, function () {
         return [_ctx.loading ? vue.renderSlot(_ctx.$slots, "loadingicon", {

package/button/button.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.button=function(e,t,n,l,a,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),r=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs.ariaLabel},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:s.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];return c.render=function(e,t,n,l,a,i){var s=o.resolveComponent("SpinnerIcon"),r=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(s,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(r,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},c}(primevue.badge,primevue.icons.spinner,primevue.ripple,primevue.basecomponent,primevue.button.style,Vue);
+this.primevue=this.primevue||{},this.primevue.button=function(e,t,n,l,a,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),r=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs.ariaLabel},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:s.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];return c.render=function(e,t,n,l,a,i){var s=o.resolveComponent("SpinnerIcon"),r=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(s,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(r,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},c}(primevue.badge,primevue.icons.spinner,primevue.ripple,primevue.basecomponent,primevue.button.style,Vue);

package/calendar/BaseCalendar.vue

@@ -176,6 +176,14 @@ export default {
             type: [String, Object],
             default: 'body'
         },
+        variant: {
+            type: String,
+            default: null
+        },
+        invalid: {
+            type: Boolean,
+            default: false
+        },
         disabled: {
             type: Boolean,
             default: false

package/calendar/Calendar.d.ts

@@ -711,11 +711,21 @@ export interface CalendarProps {
      * @defaultValue true
      */
     manualInput?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * When present, it specifies that an input field is read-only.
      * @defaultValue false

package/calendar/Calendar.vue

@@ -1,5 +1,5 @@
 <template>
-    <span ref="container" :id="id" :class="cx('root')" :style="sx('root')" v-bind="ptm('root')" data-pc-name="calendar">
+    <span ref="container" :id="d_id" :class="cx('root')" :style="sx('root')" v-bind="ptm('root')">
         <input
             v-if="!inline"
             :ref="inputRef"
@@ -39,7 +39,6 @@
             :aria-controls="panelId"
             :unstyled="unstyled"
             :pt="ptm('dropdownButton')"
-            data-pc-section="dropdownbutton"
         >
             <template #icon>
                 <slot name="dropdownicon" :class="icon">
@@ -486,7 +485,6 @@
                             @keydown="onContainerButtonKeydown"
                             :unstyled="unstyled"
                             :pt="ptm('todayButton')"
-                            data-pc-section="todaybutton"
                             data-pc-group-section="button"
                         />
                         <CalendarButton
@@ -497,7 +495,6 @@
                             @keydown="onContainerButtonKeydown"
                             :unstyled="unstyled"
                             :pt="ptm('clearButton')"
-                            data-pc-section="clearbutton"
                             data-pc-group-section="button"
                         />
                     </div>
@@ -542,6 +539,7 @@ export default {
     typeUpdate: false,
     data() {
         return {
+            d_id: this.id,
             currentMonth: null,
             currentYear: null,
             currentHour: null,
@@ -556,6 +554,9 @@ export default {
         };
     },
     watch: {
+        id: function (newValue) {
+            this.d_id = newValue || UniqueComponentId();
+        },
         modelValue(newValue) {
             this.updateCurrentMetaData();
 
@@ -595,12 +596,16 @@ export default {
         },
         currentView() {
             Promise.resolve(null).then(() => this.alignOverlay());
+        },
+        view(newValue) {
+            this.currentView = newValue;
         }
     },
     created() {
         this.updateCurrentMetaData();
     },
     mounted() {
+        this.d_id = this.d_id || UniqueComponentId();
         this.createResponsiveStyle();
         this.bindMatchMediaListener();
 
@@ -1155,8 +1160,9 @@ export default {
             let date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
 
             if (this.showTime) {
-                if (this.hourFormat === '12' && this.pm && this.currentHour != 12) date.setHours(this.currentHour + 12);
-                else date.setHours(this.currentHour);
+                if (this.hourFormat === '12' && this.currentHour !== 12) {
+                    this.pm ? date.setHours(this.currentHour + 12) : date.setHours(this.currentHour);
+                }
 
                 date.setMinutes(this.currentMinute);
                 date.setSeconds(this.currentSecond);
@@ -1690,7 +1696,6 @@ export default {
                 let styleClass = 'p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter';
 
                 this.mask = DomHandler.createElement('div', {
-                    'data-pc-section': 'datepickermask',
                     class: !this.isUnstyled && styleClass,
                     'p-bind': this.ptm('datepickermask')
                 });
@@ -3001,7 +3006,7 @@ export default {
             return this.numberOfMonths > 1 || this.disabled;
         },
         panelId() {
-            return UniqueComponentId() + '_panel';
+            return this.d_id + '_panel';
         }
     },
     components: {

package/calendar/calendar.cjs.js

@@ -202,6 +202,14 @@ var script$1 = {
       type: [String, Object],
       "default": 'body'
     },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -292,6 +300,7 @@ var script = {
   typeUpdate: false,
   data: function data() {
     return {
+      d_id: this.id,
       currentMonth: null,
       currentYear: null,
       currentHour: null,
@@ -306,6 +315,9 @@ var script = {
     };
   },
   watch: {
+    id: function id(newValue) {
+      this.d_id = newValue || utils.UniqueComponentId();
+    },
     modelValue: function modelValue(newValue) {
       this.updateCurrentMetaData();
       if (!this.typeUpdate && !this.inline && this.input) {
@@ -345,12 +357,16 @@ var script = {
       Promise.resolve(null).then(function () {
         return _this.alignOverlay();
       });
+    },
+    view: function view(newValue) {
+      this.currentView = newValue;
     }
   },
   created: function created() {
     this.updateCurrentMetaData();
   },
   mounted: function mounted() {
+    this.d_id = this.d_id || utils.UniqueComponentId();
     this.createResponsiveStyle();
     this.bindMatchMediaListener();
     if (this.inline) {
@@ -904,7 +920,9 @@ var script = {
       var _this8 = this;
       var date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
       if (this.showTime) {
-        if (this.hourFormat === '12' && this.pm && this.currentHour != 12) date.setHours(this.currentHour + 12);else date.setHours(this.currentHour);
+        if (this.hourFormat === '12' && this.currentHour !== 12) {
+          this.pm ? date.setHours(this.currentHour + 12) : date.setHours(this.currentHour);
+        }
         date.setMinutes(this.currentMinute);
         date.setSeconds(this.currentSecond);
       }
@@ -1369,7 +1387,6 @@ var script = {
       if (!this.mask) {
         var styleClass = 'p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter';
         this.mask = utils.DomHandler.createElement('div', {
-          'data-pc-section': 'datepickermask',
           "class": !this.isUnstyled && styleClass,
           'p-bind': this.ptm('datepickermask')
         });
@@ -2554,7 +2571,7 @@ var script = {
       return this.numberOfMonths > 1 || this.disabled;
     },
     panelId: function panelId() {
-      return utils.UniqueComponentId() + '_panel';
+      return this.d_id + '_panel';
     }
   },
   components: {
@@ -2607,12 +2624,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = vue.resolveDirective("ripple");
   return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
     ref: "container",
-    id: _ctx.id,
+    id: $data.d_id,
     "class": _ctx.cx('root'),
     style: _ctx.sx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "calendar"
-  }), [!_ctx.inline ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
+  }, _ctx.ptm('root')), [!_ctx.inline ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
     key: 0,
     ref: $options.inputRef,
     id: _ctx.inputId,
@@ -2658,8 +2673,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-expanded": $data.overlayVisible,
     "aria-controls": $options.panelId,
     unstyled: _ctx.unstyled,
-    pt: _ctx.ptm('dropdownButton'),
-    "data-pc-section": "dropdownbutton"
+    pt: _ctx.ptm('dropdownButton')
   }, {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "dropdownicon", {
@@ -3324,7 +3338,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             onKeydown: $options.onContainerButtonKeydown,
             unstyled: _ctx.unstyled,
             pt: _ctx.ptm('todayButton'),
-            "data-pc-section": "todaybutton",
             "data-pc-group-section": "button"
           }, null, 8, ["label", "class", "onKeydown", "unstyled", "pt"]), vue.createVNode(_component_CalendarButton, {
             type: "button",
@@ -3336,7 +3349,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             onKeydown: $options.onContainerButtonKeydown,
             unstyled: _ctx.unstyled,
             pt: _ctx.ptm('clearButton'),
-            "data-pc-section": "clearbutton",
             "data-pc-group-section": "button"
           }, null, 8, ["label", "class", "onKeydown", "unstyled", "pt"])], 16)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "footer")], 16, _hoisted_3)) : vue.createCommentVNode("", true)];
         }),