primevue 3.17.0 → 3.18.0

package/breadcrumb/breadcrumb.cjs.js

@@ -23,7 +23,7 @@ var script$1 = {
             }
         },
         containerClass(item) {
-            return [{ 'p-disabled': this.disabled(item) }, this.item.class];
+            return ['p-menuitem', { 'p-disabled': this.disabled(item) }, this.item.class];
         },
         linkClass(routerProps) {
             return [
@@ -42,6 +42,12 @@ var script$1 = {
         },
         label() {
             return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
+        },
+        isCurrentUrl() {
+            const { to, url } = this.item;
+            const lastPath = `/${window.location.href.split('/').pop()}`;
+
+            return to === lastPath || url === lastPath ? 'page' : undefined;
         }
     },
     computed: {
@@ -51,12 +57,12 @@ var script$1 = {
     }
 };
 
-const _hoisted_1$1 = ["href", "onClick"];
+const _hoisted_1$1 = ["href", "aria-current", "onClick"];
 const _hoisted_2$1 = {
   key: 1,
   class: "p-menuitem-text"
 };
-const _hoisted_3 = ["href", "target"];
+const _hoisted_3$1 = ["href", "target", "aria-current"];
 const _hoisted_4 = {
   key: 1,
   class: "p-menuitem-text"
@@ -82,6 +88,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       vue.createElementVNode("a", {
                         href: href,
                         class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
+                        "aria-current": $options.isCurrentUrl(),
                         onClick: $event => ($options.onClick($event, navigate))
                       }, [
                         ($props.item.icon)
@@ -101,8 +108,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 1,
                     href: $props.item.url || '#',
                     class: vue.normalizeClass($options.linkClass()),
-                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
-                    target: $props.item.target
+                    target: $props.item.target,
+                    "aria-current": $options.isCurrentUrl(),
+                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args)))
                   }, [
                     ($props.item.icon)
                       ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -113,7 +121,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     ($props.item.label)
                       ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString($options.label()), 1))
                       : vue.createCommentVNode("", true)
-                  ], 10, _hoisted_3))
+                  ], 10, _hoisted_3$1))
             ], 64))
           : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
               key: 1,
@@ -146,17 +154,20 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-breadcrumb p-component",
-  "aria-label": "Breadcrumb"
-};
-const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("li", { class: "p-breadcrumb-chevron pi pi-chevron-right" }, null, -1);
+const _hoisted_1 = { class: "p-breadcrumb p-component" };
+const _hoisted_2 = { class: "p-breadcrumb-list" };
+const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("li", { class: "p-menuitem-separator" }, [
+  /*#__PURE__*/vue.createElementVNode("span", {
+    class: "pi pi-chevron-right",
+    "aria-hidden": "true"
+  })
+], -1);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BreadcrumbItem = vue.resolveComponent("BreadcrumbItem");
 
   return (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1, [
-    vue.createElementVNode("ul", null, [
+    vue.createElementVNode("ol", _hoisted_2, [
       ($props.home)
         ? (vue.openBlock(), vue.createBlock(_component_BreadcrumbItem, {
             key: 0,
@@ -170,7 +181,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: item.label
         }, [
-          _hoisted_2,
+          _hoisted_3,
           vue.createVNode(_component_BreadcrumbItem, {
             item: item,
             template: _ctx.$slots.item,
@@ -209,7 +220,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
+var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/breadcrumb/breadcrumb.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),t={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return[{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const l=["href","onClick"],n={key:1,class:"p-menuitem-text"},a=["href","target"],i={key:1,class:"p-menuitem-text"};t.render=function(t,o,c,m,r,s){const p=e.resolveComponent("router-link");return s.visible()?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(s.containerClass(c.item))},[c.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.template),{key:1,item:c.item},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[c.item.to?(e.openBlock(),e.createBlock(p,{key:0,to:c.item.to,custom:""},{default:e.withCtx((({navigate:t,href:a,isActive:i,isExactActive:o})=>[e.createElementVNode("a",{href:a,class:e.normalizeClass(s.linkClass({isActive:i,isExactActive:o})),onClick:e=>s.onClick(e,t)},[c.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),c.item.label?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(s.label()),1)):e.createCommentVNode("",!0)],10,l)])),_:1},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:c.item.url||"#",class:e.normalizeClass(s.linkClass()),onClick:o[0]||(o[0]=(...e)=>s.onClick&&s.onClick(...e)),target:c.item.target},[c.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),c.item.label?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(s.label()),1)):e.createCommentVNode("",!0)],10,a))],64))],2)):e.createCommentVNode("",!0)};var o={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const c={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},m=e.createElementVNode("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-1);!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),o.render=function(t,l,n,a,i,o){const r=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createElementBlock("nav",c,[e.createElementVNode("ul",null,[n.home?(e.openBlock(),e.createBlock(r,{key:0,item:n.home,class:"p-breadcrumb-home",template:t.$slots.item,exact:n.exact},null,8,["item","template","exact"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.model,(l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.label},[m,e.createVNode(r,{item:l,template:t.$slots.item,exact:n.exact},null,8,["item","template","exact"])],64)))),128))])])},module.exports=o;
+"use strict";var e=require("vue"),t={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return["p-menuitem",{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item,n=`/${window.location.href.split("/").pop()}`;return e===n||t===n?"page":void 0}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const n=["href","aria-current","onClick"],l={key:1,class:"p-menuitem-text"},i=["href","target","aria-current"],a={key:1,class:"p-menuitem-text"};t.render=function(t,o,r,c,s,m){const p=e.resolveComponent("router-link");return m.visible()?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(m.containerClass(r.item))},[r.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.template),{key:1,item:r.item},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[r.item.to?(e.openBlock(),e.createBlock(p,{key:0,to:r.item.to,custom:""},{default:e.withCtx((({navigate:t,href:i,isActive:a,isExactActive:o})=>[e.createElementVNode("a",{href:i,class:e.normalizeClass(m.linkClass({isActive:a,isExactActive:o})),"aria-current":m.isCurrentUrl(),onClick:e=>m.onClick(e,t)},[r.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(m.iconClass)},null,2)):e.createCommentVNode("",!0),r.item.label?(e.openBlock(),e.createElementBlock("span",l,e.toDisplayString(m.label()),1)):e.createCommentVNode("",!0)],10,n)])),_:1},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:r.item.url||"#",class:e.normalizeClass(m.linkClass()),target:r.item.target,"aria-current":m.isCurrentUrl(),onClick:o[0]||(o[0]=(...e)=>m.onClick&&m.onClick(...e))},[r.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(m.iconClass)},null,2)):e.createCommentVNode("",!0),r.item.label?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(m.label()),1)):e.createCommentVNode("",!0)],10,i))],64))],2)):e.createCommentVNode("",!0)};var o={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const r={class:"p-breadcrumb p-component"},c={class:"p-breadcrumb-list"},s=e.createElementVNode("li",{class:"p-menuitem-separator"},[e.createElementVNode("span",{class:"pi pi-chevron-right","aria-hidden":"true"})],-1);!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),o.render=function(t,n,l,i,a,o){const m=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createElementBlock("nav",r,[e.createElementVNode("ol",c,[l.home?(e.openBlock(),e.createBlock(m,{key:0,item:l.home,class:"p-breadcrumb-home",template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[s,e.createVNode(m,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},module.exports=o;

package/breadcrumb/breadcrumb.esm.js

@@ -21,7 +21,7 @@ var script$1 = {
             }
         },
         containerClass(item) {
-            return [{ 'p-disabled': this.disabled(item) }, this.item.class];
+            return ['p-menuitem', { 'p-disabled': this.disabled(item) }, this.item.class];
         },
         linkClass(routerProps) {
             return [
@@ -40,6 +40,12 @@ var script$1 = {
         },
         label() {
             return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
+        },
+        isCurrentUrl() {
+            const { to, url } = this.item;
+            const lastPath = `/${window.location.href.split('/').pop()}`;
+
+            return to === lastPath || url === lastPath ? 'page' : undefined;
         }
     },
     computed: {
@@ -49,12 +55,12 @@ var script$1 = {
     }
 };
 
-const _hoisted_1$1 = ["href", "onClick"];
+const _hoisted_1$1 = ["href", "aria-current", "onClick"];
 const _hoisted_2$1 = {
   key: 1,
   class: "p-menuitem-text"
 };
-const _hoisted_3 = ["href", "target"];
+const _hoisted_3$1 = ["href", "target", "aria-current"];
 const _hoisted_4 = {
   key: 1,
   class: "p-menuitem-text"
@@ -80,6 +86,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       createElementVNode("a", {
                         href: href,
                         class: normalizeClass($options.linkClass({ isActive, isExactActive })),
+                        "aria-current": $options.isCurrentUrl(),
                         onClick: $event => ($options.onClick($event, navigate))
                       }, [
                         ($props.item.icon)
@@ -99,8 +106,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     key: 1,
                     href: $props.item.url || '#',
                     class: normalizeClass($options.linkClass()),
-                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
-                    target: $props.item.target
+                    target: $props.item.target,
+                    "aria-current": $options.isCurrentUrl(),
+                    onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args)))
                   }, [
                     ($props.item.icon)
                       ? (openBlock(), createElementBlock("span", {
@@ -111,7 +119,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     ($props.item.label)
                       ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString($options.label()), 1))
                       : createCommentVNode("", true)
-                  ], 10, _hoisted_3))
+                  ], 10, _hoisted_3$1))
             ], 64))
           : (openBlock(), createBlock(resolveDynamicComponent($props.template), {
               key: 1,
@@ -144,17 +152,20 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-breadcrumb p-component",
-  "aria-label": "Breadcrumb"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("li", { class: "p-breadcrumb-chevron pi pi-chevron-right" }, null, -1);
+const _hoisted_1 = { class: "p-breadcrumb p-component" };
+const _hoisted_2 = { class: "p-breadcrumb-list" };
+const _hoisted_3 = /*#__PURE__*/createElementVNode("li", { class: "p-menuitem-separator" }, [
+  /*#__PURE__*/createElementVNode("span", {
+    class: "pi pi-chevron-right",
+    "aria-hidden": "true"
+  })
+], -1);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BreadcrumbItem = resolveComponent("BreadcrumbItem");
 
   return (openBlock(), createElementBlock("nav", _hoisted_1, [
-    createElementVNode("ul", null, [
+    createElementVNode("ol", _hoisted_2, [
       ($props.home)
         ? (openBlock(), createBlock(_component_BreadcrumbItem, {
             key: 0,
@@ -168,7 +179,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return (openBlock(), createElementBlock(Fragment, {
           key: item.label
         }, [
-          _hoisted_2,
+          _hoisted_3,
           createVNode(_component_BreadcrumbItem, {
             item: item,
             template: _ctx.$slots.item,
@@ -207,7 +218,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
+var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/breadcrumb/breadcrumb.esm.min.js

@@ -1 +1 @@
-import{resolveComponent as e,openBlock as t,createElementBlock as i,normalizeClass as n,Fragment as l,createBlock as a,withCtx as s,createElementVNode as m,createCommentVNode as r,toDisplayString as c,resolveDynamicComponent as o,renderList as u,createVNode as d}from"vue";var p={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return[{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const b=["href","onClick"],h={key:1,class:"p-menuitem-text"},f=["href","target"],x={key:1,class:"p-menuitem-text"};p.render=function(u,d,p,y,k,v){const C=e("router-link");return v.visible()?(t(),i("li",{key:0,class:n(v.containerClass(p.item))},[p.template?(t(),a(o(p.template),{key:1,item:p.item},null,8,["item"])):(t(),i(l,{key:0},[p.item.to?(t(),a(C,{key:0,to:p.item.to,custom:""},{default:s((({navigate:e,href:l,isActive:a,isExactActive:s})=>[m("a",{href:l,class:n(v.linkClass({isActive:a,isExactActive:s})),onClick:t=>v.onClick(t,e)},[p.item.icon?(t(),i("span",{key:0,class:n(v.iconClass)},null,2)):r("",!0),p.item.label?(t(),i("span",h,c(v.label()),1)):r("",!0)],10,b)])),_:1},8,["to"])):(t(),i("a",{key:1,href:p.item.url||"#",class:n(v.linkClass()),onClick:d[0]||(d[0]=(...e)=>v.onClick&&v.onClick(...e)),target:p.item.target},[p.item.icon?(t(),i("span",{key:0,class:n(v.iconClass)},null,2)):r("",!0),p.item.label?(t(),i("span",x,c(v.label()),1)):r("",!0)],10,f))],64))],2)):r("",!0)};var y={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:p}};const k={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},v=m("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-1);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),y.render=function(n,s,c,o,p,b){const h=e("BreadcrumbItem");return t(),i("nav",k,[m("ul",null,[c.home?(t(),a(h,{key:0,item:c.home,class:"p-breadcrumb-home",template:n.$slots.item,exact:c.exact},null,8,["item","template","exact"])):r("",!0),(t(!0),i(l,null,u(c.model,(e=>(t(),i(l,{key:e.label},[v,d(h,{item:e,template:n.$slots.item,exact:c.exact},null,8,["item","template","exact"])],64)))),128))])])};export{y as default};
+import{resolveComponent as e,openBlock as t,createElementBlock as i,normalizeClass as n,Fragment as l,createBlock as a,withCtx as s,createElementVNode as r,createCommentVNode as m,toDisplayString as c,resolveDynamicComponent as o,renderList as p,createVNode as u}from"vue";var d={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return["p-menuitem",{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item,i=`/${window.location.href.split("/").pop()}`;return e===i||t===i?"page":void 0}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const b=["href","aria-current","onClick"],x={key:1,class:"p-menuitem-text"},f=["href","target","aria-current"],h={key:1,class:"p-menuitem-text"};d.render=function(p,u,d,y,k,v){const C=e("router-link");return v.visible()?(t(),i("li",{key:0,class:n(v.containerClass(d.item))},[d.template?(t(),a(o(d.template),{key:1,item:d.item},null,8,["item"])):(t(),i(l,{key:0},[d.item.to?(t(),a(C,{key:0,to:d.item.to,custom:""},{default:s((({navigate:e,href:l,isActive:a,isExactActive:s})=>[r("a",{href:l,class:n(v.linkClass({isActive:a,isExactActive:s})),"aria-current":v.isCurrentUrl(),onClick:t=>v.onClick(t,e)},[d.item.icon?(t(),i("span",{key:0,class:n(v.iconClass)},null,2)):m("",!0),d.item.label?(t(),i("span",x,c(v.label()),1)):m("",!0)],10,b)])),_:1},8,["to"])):(t(),i("a",{key:1,href:d.item.url||"#",class:n(v.linkClass()),target:d.item.target,"aria-current":v.isCurrentUrl(),onClick:u[0]||(u[0]=(...e)=>v.onClick&&v.onClick(...e))},[d.item.icon?(t(),i("span",{key:0,class:n(v.iconClass)},null,2)):m("",!0),d.item.label?(t(),i("span",h,c(v.label()),1)):m("",!0)],10,f))],64))],2)):m("",!0)};var y={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:d}};const k={class:"p-breadcrumb p-component"},v={class:"p-breadcrumb-list"},C=r("li",{class:"p-menuitem-separator"},[r("span",{class:"pi pi-chevron-right","aria-hidden":"true"})],-1);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),y.render=function(n,s,c,o,d,b){const x=e("BreadcrumbItem");return t(),i("nav",k,[r("ol",v,[c.home?(t(),a(x,{key:0,item:c.home,class:"p-breadcrumb-home",template:n.$slots.item,exact:c.exact},null,8,["item","template","exact"])):m("",!0),(t(!0),i(l,null,p(c.model,(e=>(t(),i(l,{key:e.label},[C,u(x,{item:e,template:n.$slots.item,exact:c.exact},null,8,["item","template","exact"])],64)))),128))])])};export{y as default};

package/breadcrumb/breadcrumb.js

@@ -23,7 +23,7 @@ this.primevue.breadcrumb = (function (vue) {
                 }
             },
             containerClass(item) {
-                return [{ 'p-disabled': this.disabled(item) }, this.item.class];
+                return ['p-menuitem', { 'p-disabled': this.disabled(item) }, this.item.class];
             },
             linkClass(routerProps) {
                 return [
@@ -42,6 +42,12 @@ this.primevue.breadcrumb = (function (vue) {
             },
             label() {
                 return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
+            },
+            isCurrentUrl() {
+                const { to, url } = this.item;
+                const lastPath = `/${window.location.href.split('/').pop()}`;
+
+                return to === lastPath || url === lastPath ? 'page' : undefined;
             }
         },
         computed: {
@@ -51,12 +57,12 @@ this.primevue.breadcrumb = (function (vue) {
         }
     };
 
-    const _hoisted_1$1 = ["href", "onClick"];
+    const _hoisted_1$1 = ["href", "aria-current", "onClick"];
     const _hoisted_2$1 = {
       key: 1,
       class: "p-menuitem-text"
     };
-    const _hoisted_3 = ["href", "target"];
+    const _hoisted_3$1 = ["href", "target", "aria-current"];
     const _hoisted_4 = {
       key: 1,
       class: "p-menuitem-text"
@@ -82,6 +88,7 @@ this.primevue.breadcrumb = (function (vue) {
                           vue.createElementVNode("a", {
                             href: href,
                             class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
+                            "aria-current": $options.isCurrentUrl(),
                             onClick: $event => ($options.onClick($event, navigate))
                           }, [
                             ($props.item.icon)
@@ -101,8 +108,9 @@ this.primevue.breadcrumb = (function (vue) {
                         key: 1,
                         href: $props.item.url || '#',
                         class: vue.normalizeClass($options.linkClass()),
-                        onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args))),
-                        target: $props.item.target
+                        target: $props.item.target,
+                        "aria-current": $options.isCurrentUrl(),
+                        onClick: _cache[0] || (_cache[0] = (...args) => ($options.onClick && $options.onClick(...args)))
                       }, [
                         ($props.item.icon)
                           ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -113,7 +121,7 @@ this.primevue.breadcrumb = (function (vue) {
                         ($props.item.label)
                           ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString($options.label()), 1))
                           : vue.createCommentVNode("", true)
-                      ], 10, _hoisted_3))
+                      ], 10, _hoisted_3$1))
                 ], 64))
               : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
                   key: 1,
@@ -146,17 +154,20 @@ this.primevue.breadcrumb = (function (vue) {
         }
     };
 
-    const _hoisted_1 = {
-      class: "p-breadcrumb p-component",
-      "aria-label": "Breadcrumb"
-    };
-    const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("li", { class: "p-breadcrumb-chevron pi pi-chevron-right" }, null, -1);
+    const _hoisted_1 = { class: "p-breadcrumb p-component" };
+    const _hoisted_2 = { class: "p-breadcrumb-list" };
+    const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("li", { class: "p-menuitem-separator" }, [
+      /*#__PURE__*/vue.createElementVNode("span", {
+        class: "pi pi-chevron-right",
+        "aria-hidden": "true"
+      })
+    ], -1);
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_BreadcrumbItem = vue.resolveComponent("BreadcrumbItem");
 
       return (vue.openBlock(), vue.createElementBlock("nav", _hoisted_1, [
-        vue.createElementVNode("ul", null, [
+        vue.createElementVNode("ol", _hoisted_2, [
           ($props.home)
             ? (vue.openBlock(), vue.createBlock(_component_BreadcrumbItem, {
                 key: 0,
@@ -170,7 +181,7 @@ this.primevue.breadcrumb = (function (vue) {
             return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: item.label
             }, [
-              _hoisted_2,
+              _hoisted_3,
               vue.createVNode(_component_BreadcrumbItem, {
                 item: item,
                 template: _ctx.$slots.item,
@@ -209,7 +220,7 @@ this.primevue.breadcrumb = (function (vue) {
       }
     }
 
-    var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
+    var css_248z = "\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/breadcrumb/breadcrumb.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e){"use strict";var t={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return[{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const n=["href","onClick"],l={key:1,class:"p-menuitem-text"},i=["href","target"],a={key:1,class:"p-menuitem-text"};t.render=function(t,o,c,r,m,s){const p=e.resolveComponent("router-link");return s.visible()?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(s.containerClass(c.item))},[c.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.template),{key:1,item:c.item},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[c.item.to?(e.openBlock(),e.createBlock(p,{key:0,to:c.item.to,custom:""},{default:e.withCtx((({navigate:t,href:i,isActive:a,isExactActive:o})=>[e.createElementVNode("a",{href:i,class:e.normalizeClass(s.linkClass({isActive:a,isExactActive:o})),onClick:e=>s.onClick(e,t)},[c.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),c.item.label?(e.openBlock(),e.createElementBlock("span",l,e.toDisplayString(s.label()),1)):e.createCommentVNode("",!0)],10,n)])),_:1},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:c.item.url||"#",class:e.normalizeClass(s.linkClass()),onClick:o[0]||(o[0]=(...e)=>s.onClick&&s.onClick(...e)),target:c.item.target},[c.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),c.item.label?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(s.label()),1)):e.createCommentVNode("",!0)],10,i))],64))],2)):e.createCommentVNode("",!0)};var o={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const c={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},r=e.createElementVNode("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-1);return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb ul {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),o.render=function(t,n,l,i,a,o){const m=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createElementBlock("nav",c,[e.createElementVNode("ul",null,[l.home?(e.openBlock(),e.createBlock(m,{key:0,item:l.home,class:"p-breadcrumb-home",template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[r,e.createVNode(m,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},o}(Vue);
+this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e){"use strict";var t={name:"BreadcrumbItem",props:{item:null,template:null,exact:null},methods:{onClick(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},containerClass(e){return["p-menuitem",{"p-disabled":this.disabled(e)},this.item.class]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},visible(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item,n=`/${window.location.href.split("/").pop()}`;return e===n||t===n?"page":void 0}},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const n=["href","aria-current","onClick"],l={key:1,class:"p-menuitem-text"},i=["href","target","aria-current"],a={key:1,class:"p-menuitem-text"};t.render=function(t,r,o,c,s,m){const p=e.resolveComponent("router-link");return m.visible()?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(m.containerClass(o.item))},[o.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.template),{key:1,item:o.item},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.item.to?(e.openBlock(),e.createBlock(p,{key:0,to:o.item.to,custom:""},{default:e.withCtx((({navigate:t,href:i,isActive:a,isExactActive:r})=>[e.createElementVNode("a",{href:i,class:e.normalizeClass(m.linkClass({isActive:a,isExactActive:r})),"aria-current":m.isCurrentUrl(),onClick:e=>m.onClick(e,t)},[o.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(m.iconClass)},null,2)):e.createCommentVNode("",!0),o.item.label?(e.openBlock(),e.createElementBlock("span",l,e.toDisplayString(m.label()),1)):e.createCommentVNode("",!0)],10,n)])),_:1},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:o.item.url||"#",class:e.normalizeClass(m.linkClass()),target:o.item.target,"aria-current":m.isCurrentUrl(),onClick:r[0]||(r[0]=(...e)=>m.onClick&&m.onClick(...e))},[o.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(m.iconClass)},null,2)):e.createCommentVNode("",!0),o.item.label?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(m.label()),1)):e.createCommentVNode("",!0)],10,i))],64))],2)):e.createCommentVNode("",!0)};var r={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const o={class:"p-breadcrumb p-component"},c={class:"p-breadcrumb-list"},s=e.createElementVNode("li",{class:"p-menuitem-separator"},[e.createElementVNode("span",{class:"pi pi-chevron-right","aria-hidden":"true"})],-1);return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -ms-flex-wrap: nowrap;\n        flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n"),r.render=function(t,n,l,i,a,r){const m=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createElementBlock("nav",o,[e.createElementVNode("ol",c,[l.home?(e.openBlock(),e.createBlock(m,{key:0,item:l.home,class:"p-breadcrumb-home",template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[s,e.createVNode(m,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},r}(Vue);

package/button/Button.vue

@@ -16,10 +16,12 @@ export default {
     name: 'Button',
     props: {
         label: {
-            type: String
+            type: String,
+            default: null
         },
         icon: {
-            type: String
+            type: String,
+            default: null
         },
         iconPos: {
             type: String,
@@ -30,7 +32,8 @@ export default {
             default: null
         },
         badge: {
-            type: String
+            type: String,
+            default: null
         },
         badgeClass: {
             type: String,

package/button/button.cjs.js

@@ -11,10 +11,12 @@ var script = {
     name: 'Button',
     props: {
         label: {
-            type: String
+            type: String,
+            default: null
         },
         icon: {
-            type: String
+            type: String,
+            default: null
         },
         iconPos: {
             type: String,
@@ -25,7 +27,8 @@ var script = {
             default: null
         },
         badge: {
-            type: String
+            type: String,
+            default: null
         },
         badgeClass: {
             type: String,

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/ripple"),e=require("vue");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};i.render=function(t,l,i,a,s,r){const c=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[c]])},module.exports=i;
+"use strict";var t=require("primevue/ripple"),e=require("vue");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",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},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};i.render=function(t,l,i,a,s,r){const d=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[d]])},module.exports=i;

package/button/button.esm.js

@@ -5,10 +5,12 @@ var script = {
     name: 'Button',
     props: {
         label: {
-            type: String
+            type: String,
+            default: null
         },
         icon: {
-            type: String
+            type: String,
+            default: null
         },
         iconPos: {
             type: String,
@@ -19,7 +21,8 @@ var script = {
             default: null
         },
         badge: {
-            type: String
+            type: String,
+            default: null
         },
         badgeClass: {
             type: String,

package/button/button.esm.min.js

@@ -1 +1 @@
-import t from"primevue/ripple";import{resolveDirective as i,withDirectives as l,openBlock as n,createElementBlock as a,normalizeClass as s,renderSlot as e,createCommentVNode as o,createElementVNode as b,toDisplayString as p}from"vue";var d={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:t}};const r=["aria-label","disabled"],u={class:"p-button-label"};d.render=function(t,d,c,g,h,y){const f=i("ripple");return l((n(),a("button",{class:s(y.buttonClass),type:"button","aria-label":y.defaultAriaLabel,disabled:y.disabled},[e(t.$slots,"default",{},(()=>[c.loading&&!c.icon?(n(),a("span",{key:0,class:s(y.iconStyleClass)},null,2)):o("",!0),c.icon?(n(),a("span",{key:1,class:s(y.iconStyleClass)},null,2)):o("",!0),b("span",u,p(c.label||" "),1),c.badge?(n(),a("span",{key:2,class:s(y.badgeStyleClass)},p(c.badge),3)):o("",!0)]))],10,r)),[[f]])};export{d as default};
+import t from"primevue/ripple";import{resolveDirective as l,withDirectives as i,openBlock as n,createElementBlock as a,normalizeClass as e,renderSlot as s,createCommentVNode as o,createElementVNode as b,toDisplayString as d}from"vue";var p={name:"Button",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},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:t}};const r=["aria-label","disabled"],u={class:"p-button-label"};p.render=function(t,p,c,g,h,y){const f=l("ripple");return i((n(),a("button",{class:e(y.buttonClass),type:"button","aria-label":y.defaultAriaLabel,disabled:y.disabled},[s(t.$slots,"default",{},(()=>[c.loading&&!c.icon?(n(),a("span",{key:0,class:e(y.iconStyleClass)},null,2)):o("",!0),c.icon?(n(),a("span",{key:1,class:e(y.iconStyleClass)},null,2)):o("",!0),b("span",u,d(c.label||" "),1),c.badge?(n(),a("span",{key:2,class:e(y.badgeStyleClass)},d(c.badge),3)):o("",!0)]))],10,r)),[[f]])};export{p as default};

package/button/button.js

@@ -10,10 +10,12 @@ this.primevue.button = (function (Ripple, vue) {
         name: 'Button',
         props: {
             label: {
-                type: String
+                type: String,
+                default: null
             },
             icon: {
-                type: String
+                type: String,
+                default: null
             },
             iconPos: {
                 type: String,
@@ -24,7 +26,8 @@ this.primevue.button = (function (Ripple, vue) {
                 default: null
             },
             badge: {
-                type: String
+                type: String,
+                default: null
             },
             badgeClass: {
                 type: String,

package/button/button.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.button=function(t,e){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};return i.render=function(t,l,i,a,s,r){const c=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[c]])},i}(primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.button=function(t,e){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",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},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};return i.render=function(t,l,i,a,s,r){const c=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[c]])},i}(primevue.ripple,Vue);