primevue 3.34.1 → 3.35.0

package/breadcrumb/BaseBreadcrumb.vue

@@ -3,36 +3,38 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-breadcrumb {
-    overflow-x: auto;
-}
-
-.p-breadcrumb .p-breadcrumb-list {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
-}
-
-.p-breadcrumb .p-menuitem-text {
-    line-height: 1;
-}
-
-.p-breadcrumb .p-menuitem-link {
-    text-decoration: none;
-    display: flex;
-    align-items: center;
-}
-
-.p-breadcrumb .p-menuitem-separator {
-    display: flex;
-    align-items: center;
-}
-
-.p-breadcrumb::-webkit-scrollbar {
-    display: none;
+@layer primevue {
+    .p-breadcrumb {
+        overflow-x: auto;
+    }
+    
+    .p-breadcrumb .p-breadcrumb-list {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+        display: flex;
+        align-items: center;
+        flex-wrap: nowrap;
+    }
+    
+    .p-breadcrumb .p-menuitem-text {
+        line-height: 1;
+    }
+    
+    .p-breadcrumb .p-menuitem-link {
+        text-decoration: none;
+        display: flex;
+        align-items: center;
+    }
+    
+    .p-breadcrumb .p-menuitem-separator {
+        display: flex;
+        align-items: center;
+    }
+    
+    .p-breadcrumb::-webkit-scrollbar {
+        display: none;
+    }
 }
 `;
 

package/breadcrumb/breadcrumb.cjs.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\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";
+var styles = "\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',

package/breadcrumb/breadcrumb.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevronright"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),l=i(t),a=n.useStyle("\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",{name:"breadcrumb",manual:!0}),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{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:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},c={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},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))}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,i,r,l){var a=o.resolveComponent("router-link");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(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(a,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var i=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":l.isCurrentUrl(),onClick:function(e){return l.onClick(e,i)}},e.ptm("action",l.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},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,s)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,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,p))],64))],16)):o.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:m,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:c,ChevronRightIcon:r.default}};u.render=function(e,t,n,i,r,l){var a=o.resolveComponent("BreadcrumbItem"),m=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(a,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","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(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(a,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevronright"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),l=i(t),a=n.useStyle("\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",{name:"breadcrumb",manual:!0}),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{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:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},c={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},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))}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,i,r,l){var a=o.resolveComponent("router-link");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(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(a,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var i=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":l.isCurrentUrl(),onClick:function(e){return l.onClick(e,i)}},e.ptm("action",l.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},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,s)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,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,p))],64))],16)):o.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:m,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:c,ChevronRightIcon:r.default}};u.render=function(e,t,n,i,r,l){var a=o.resolveComponent("BreadcrumbItem"),m=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(a,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","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(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(a,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},module.exports=u;

package/breadcrumb/breadcrumb.esm.js

@@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { mergeProps, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, withCtx, createElementVNode, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
 
-var styles = "\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";
+var styles = "\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',

package/breadcrumb/breadcrumb.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/chevronright";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{mergeProps as i,resolveComponent as a,openBlock as l,createElementBlock as r,Fragment as s,createBlock as m,withCtx as o,createElementVNode as c,resolveDynamicComponent as p,normalizeClass as u,createCommentVNode as d,toDisplayString as b,renderList as h,renderSlot as f,createVNode as x}from"vue";var y=n("\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",{name:"breadcrumb",manual:!0}),v={name:"BaseBreadcrumb",extends:t,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{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:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},k={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:t,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},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:i({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:i({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:i({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},g=["href","aria-current","onClick"],C=["href","target","aria-current"];k.render=function(e,t,n,h,f,x){var y=a("router-link");return x.visible()?(l(),r("li",i({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",x.ptmOptions)),[n.templates.item?(l(),m(p(n.templates.item),{key:1,item:n.item,label:x.label(),props:x.getMenuItemProps},null,8,["item","label","props"])):(l(),r(s,{key:0},[n.item.to?(l(),m(y,{key:0,to:n.item.to,custom:""},{default:o((function(t){var a=t.navigate;return[c("a",i({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":x.isCurrentUrl(),onClick:function(e){return x.onClick(e,a)}},e.ptm("action",x.ptmOptions)),[n.templates.itemicon?(l(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(l(),r("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(l(),r("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(l(),r("a",i({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":x.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return x.onClick&&x.onClick.apply(x,arguments)})},e.ptm("action",x.ptmOptions)),[n.templates&&n.templates.itemicon?(l(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon",x.ptmOptions))},null,8,["item","class"])):n.item.icon?(l(),r("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(l(),r("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var O={name:"Breadcrumb",extends:v,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:k,ChevronRightIcon:e}};O.render=function(e,t,n,o,p,u){var b=a("BreadcrumbItem"),y=a("ChevronRightIcon");return l(),r("nav",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",i({class:e.cx("menu")},e.ptm("menu")),[e.home?(l(),m(b,i({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):d("",!0),(l(!0),r(s,null,h(e.model,(function(t,n){return l(),r(s,{key:t.label+"_"+n},[e.home||0!==n?(l(),r("li",i({key:0,class:e.cx("separator")},e.ptm("separator")),[f(e.$slots,"separator",{},(function(){return[x(y,i({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),x(b,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)};export{O as default};
+import e from"primevue/icons/chevronright";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{mergeProps as i,resolveComponent as a,openBlock as r,createElementBlock as l,Fragment as s,createBlock as m,withCtx as o,createElementVNode as c,resolveDynamicComponent as p,normalizeClass as u,createCommentVNode as d,toDisplayString as b,renderList as h,renderSlot as f,createVNode as x}from"vue";var y=n("\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",{name:"breadcrumb",manual:!0}),v={name:"BaseBreadcrumb",extends:t,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{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:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},k={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:t,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},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:i({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:i({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:i({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},g=["href","aria-current","onClick"],C=["href","target","aria-current"];k.render=function(e,t,n,h,f,x){var y=a("router-link");return x.visible()?(r(),l("li",i({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",x.ptmOptions)),[n.templates.item?(r(),m(p(n.templates.item),{key:1,item:n.item,label:x.label(),props:x.getMenuItemProps},null,8,["item","label","props"])):(r(),l(s,{key:0},[n.item.to?(r(),m(y,{key:0,to:n.item.to,custom:""},{default:o((function(t){var a=t.navigate;return[c("a",i({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":x.isCurrentUrl(),onClick:function(e){return x.onClick(e,a)}},e.ptm("action",x.ptmOptions)),[n.templates.itemicon?(r(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(r(),l("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(r(),l("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(r(),l("a",i({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":x.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return x.onClick&&x.onClick.apply(x,arguments)})},e.ptm("action",x.ptmOptions)),[n.templates&&n.templates.itemicon?(r(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon",x.ptmOptions))},null,8,["item","class"])):n.item.icon?(r(),l("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(r(),l("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var O={name:"Breadcrumb",extends:v,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:k,ChevronRightIcon:e}};O.render=function(e,t,n,o,p,u){var b=a("BreadcrumbItem"),y=a("ChevronRightIcon");return r(),l("nav",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",i({class:e.cx("menu")},e.ptm("menu")),[e.home?(r(),m(b,i({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):d("",!0),(r(!0),l(s,null,h(e.model,(function(t,n){return r(),l(s,{key:t.label+"_"+n},[e.home||0!==n?(r(),l("li",i({key:0,class:e.cx("separator")},e.ptm("separator")),[f(e.$slots,"separator",{},(function(){return[x(y,i({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),x(b,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)};export{O as default};

package/breadcrumb/breadcrumb.js

@@ -7,7 +7,7 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
     var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\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";
+    var styles = "\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',

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),a=n.useStyle("\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",{name:"breadcrumb",manual:!0}),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{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:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},c={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},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))}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,i,r,l){var a=o.resolveComponent("router-link");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(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(a,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var i=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":l.isCurrentUrl(),onClick:function(e){return l.onClick(e,i)}},e.ptm("action",l.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},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,s)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,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,p))],64))],16)):o.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:m,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:c,ChevronRightIcon:r.default}};return u.render=function(e,t,n,i,r,l){var a=o.resolveComponent("BreadcrumbItem"),m=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(a,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","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(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(a,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},u}(primevue.icons.chevronright,primevue.basecomponent,primevue.usestyle,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),a=n.useStyle("\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",{name:"breadcrumb",manual:!0}),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{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:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},c={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},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))}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,i,r,l){var a=o.resolveComponent("router-link");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(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(a,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var i=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":l.isCurrentUrl(),onClick:function(e){return l.onClick(e,i)}},e.ptm("action",l.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},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,s)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,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,p))],64))],16)):o.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:m,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:c,ChevronRightIcon:r.default}};return u.render=function(e,t,n,i,r,l){var a=o.resolveComponent("BreadcrumbItem"),m=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(a,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","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(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(a,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},u}(primevue.icons.chevronright,primevue.basecomponent,primevue.usestyle,Vue);

package/calendar/BaseCalendar.vue

@@ -3,150 +3,152 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-calendar {
-    display: inline-flex;
-    max-width: 100%;
-}
-
-.p-calendar .p-inputtext {
-    flex: 1 1 auto;
-    width: 1%;
-}
-
-.p-calendar-w-btn .p-inputtext {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.p-calendar-w-btn .p-datepicker-trigger {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-/* Fluid */
-.p-fluid .p-calendar {
-    display: flex;
-}
-
-.p-fluid .p-calendar .p-inputtext {
-    width: 1%;
-}
-
-/* Datepicker */
-.p-calendar .p-datepicker {
-    min-width: 100%;
-}
-
-.p-datepicker {
-    width: auto;
-}
-
-.p-datepicker-inline {
-    display: inline-block;
-    overflow-x: auto;
-}
-
-/* Header */
-.p-datepicker-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.p-datepicker-header .p-datepicker-title {
-    margin: 0 auto;
-}
-
-.p-datepicker-prev,
-.p-datepicker-next {
-    cursor: pointer;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
-}
-
-/* Multiple Month DatePicker */
-.p-datepicker-multiple-month .p-datepicker-group-container {
-    display: flex;
-}
-
-.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
-    flex: 1 1 auto;
-}
-
-/* DatePicker Table */
-.p-datepicker table {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-.p-datepicker td > span {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    margin: 0 auto;
-    overflow: hidden;
-    position: relative;
-}
-
-/* Month Picker */
-.p-monthpicker-month {
-    width: 33.3%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-}
-
-/* Year Picker */
-.p-yearpicker-year {
-    width: 50%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-}
-
-/*  Button Bar */
-.p-datepicker-buttonbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-/* Time Picker */
-.p-timepicker {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.p-timepicker button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-timepicker > div {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-}
-
-/* Touch UI */
-.p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
-    min-width: 80vw;
+@layer primevue {
+    .p-calendar {
+        display: inline-flex;
+        max-width: 100%;
+    }
+    
+    .p-calendar .p-inputtext {
+        flex: 1 1 auto;
+        width: 1%;
+    }
+    
+    .p-calendar-w-btn .p-inputtext {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+    
+    .p-calendar-w-btn .p-datepicker-trigger {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+    
+    /* Fluid */
+    .p-fluid .p-calendar {
+        display: flex;
+    }
+    
+    .p-fluid .p-calendar .p-inputtext {
+        width: 1%;
+    }
+    
+    /* Datepicker */
+    .p-calendar .p-datepicker {
+        min-width: 100%;
+    }
+    
+    .p-datepicker {
+        width: auto;
+    }
+    
+    .p-datepicker-inline {
+        display: inline-block;
+        overflow-x: auto;
+    }
+    
+    /* Header */
+    .p-datepicker-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    
+    .p-datepicker-header .p-datepicker-title {
+        margin: 0 auto;
+    }
+    
+    .p-datepicker-prev,
+    .p-datepicker-next {
+        cursor: pointer;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    /* Multiple Month DatePicker */
+    .p-datepicker-multiple-month .p-datepicker-group-container {
+        display: flex;
+    }
+    
+    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
+        flex: 1 1 auto;
+    }
+    
+    /* DatePicker Table */
+    .p-datepicker table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+    
+    .p-datepicker td > span {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        margin: 0 auto;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    /* Month Picker */
+    .p-monthpicker-month {
+        width: 33.3%;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    /* Year Picker */
+    .p-yearpicker-year {
+        width: 50%;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    /*  Button Bar */
+    .p-datepicker-buttonbar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    
+    /* Time Picker */
+    .p-timepicker {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    
+    .p-timepicker button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    .p-timepicker > div {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+    }
+    
+    /* Touch UI */
+    .p-datepicker-touch-ui,
+    .p-calendar .p-datepicker-touch-ui {
+        min-width: 80vw;
+    }
 }
 `;
 
@@ -162,7 +164,8 @@ const classes = {
             'p-calendar-timeonly': props.timeOnly,
             'p-calendar-disabled': props.disabled,
             'p-inputwrapper-filled': props.modelValue,
-            'p-inputwrapper-focus': state.focused
+            'p-inputwrapper-focus': state.focused,
+            'p-focus': state.focused || state.overlayVisible
         }
     ],
     input: 'p-inputtext p-component',
@@ -198,7 +201,7 @@ const classes = {
     weekNumber: 'p-datepicker-weeknumber',
     weekLabelContainer: 'p-disabled',
     day: ({ date }) => [{ 'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today }],
-    dayLabel: ({ instance, date }) => [{ 'p-highlight': instance.isSelected(date), 'p-disabled': !date.selectable }],
+    dayLabel: ({ instance, date }) => [{ 'p-highlight': instance.isSelected(date) && date.selectable, 'p-disabled': !date.selectable }],
     monthPicker: 'p-monthpicker',
     month: ({ instance, month, index }) => ['p-monthpicker-month', { 'p-highlight': instance.isMonthSelected(index), 'p-disabled': !month.selectable }],
     yearPicker: 'p-yearpicker',

package/calendar/Calendar.vue

@@ -1649,6 +1649,7 @@ export default {
 
                 document.body.appendChild(this.mask);
                 DomHandler.addClass(document.body, 'p-overflow-hidden');
+                document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
             }
         },
         disableModality() {
@@ -1683,6 +1684,7 @@ export default {
 
             if (!hasBlockerMasks) {
                 DomHandler.removeClass(document.body, 'p-overflow-hidden');
+                document.body.style.removeProperty('--scrollbar-width');
             }
         },
         updateCurrentMetaData() {
@@ -2031,31 +2033,37 @@ export default {
 
                 case 'ArrowUp': {
                     cellContent.tabIndex = '-1';
-                    let prevRow = cell.parentElement.previousElementSibling;
 
-                    if (prevRow) {
-                        let tableRowIndex = DomHandler.index(cell.parentElement);
-                        const tableRows = Array.from(cell.parentElement.parentElement.children);
-                        const prevTableRows = tableRows.slice(0, tableRowIndex).reverse();
+                    if (event.altKey) {
+                        this.overlayVisible = false;
+                        this.focused = true;
+                    } else {
+                        let prevRow = cell.parentElement.previousElementSibling;
 
-                        let hasNextFocusableDate = prevTableRows.find((el) => {
-                            let focusCell = el.children[cellIndex].children[0];
+                        if (prevRow) {
+                            let tableRowIndex = DomHandler.index(cell.parentElement);
+                            const tableRows = Array.from(cell.parentElement.parentElement.children);
+                            const prevTableRows = tableRows.slice(0, tableRowIndex).reverse();
 
-                            return !DomHandler.getAttribute(focusCell, 'data-p-disabled');
-                        });
+                            let hasNextFocusableDate = prevTableRows.find((el) => {
+                                let focusCell = el.children[cellIndex].children[0];
 
-                        if (hasNextFocusableDate) {
-                            let focusCell = hasNextFocusableDate.children[cellIndex].children[0];
+                                return !DomHandler.getAttribute(focusCell, 'data-p-disabled');
+                            });
 
-                            focusCell.tabIndex = '0';
-                            focusCell.focus();
+                            if (hasNextFocusableDate) {
+                                let focusCell = hasNextFocusableDate.children[cellIndex].children[0];
+
+                                focusCell.tabIndex = '0';
+                                focusCell.focus();
+                            } else {
+                                this.navigationState = { backward: true };
+                                this.navBackward(event);
+                            }
                         } else {
                             this.navigationState = { backward: true };
                             this.navBackward(event);
                         }
-                    } else {
-                        this.navigationState = { backward: true };
-                        this.navBackward(event);
                     }
 
                     event.preventDefault();
@@ -2478,10 +2486,10 @@ export default {
                 cell = DomHandler.findSingle(this.overlay, 'span[data-p-highlight="true"]');
 
                 if (!cell) {
-                    let todayCell = DomHandler.findSingle(this.overlay, 'td.p-datepicker-today span:not(.p-disabled):not(.p-ink)');
+                    let todayCell = DomHandler.findSingle(this.overlay, 'td.p-datepicker-today span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
 
                     if (todayCell) cell = todayCell;
-                    else cell = DomHandler.findSingle(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
+                    else cell = DomHandler.findSingle(this.overlay, '.p-datepicker-calendar td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
                 }
             }
 
@@ -2489,7 +2497,7 @@ export default {
                 cell.tabIndex = '0';
 
                 if (!this.inline && (!this.navigationState || !this.navigationState.button) && !this.timePickerChange) {
-                    cell.focus();
+                    if (!this.manualInput) cell.focus();
                 }
 
                 this.preventFocus = false;