primevue 3.16.2 → 3.18.0

package/breadcrumb/breadcrumb.cjs.js

@@ -23,22 +23,31 @@ 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 ['p-menuitem-link', {
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         visible() {
-            return (typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false);
+            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label() {
-            return (typeof this.item.label === 'function' ? this.item.label() : this.item.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: {
@@ -48,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"
@@ -75,10 +84,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     to: $props.item.to,
                     custom: ""
                   }, {
-                    default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
+                    default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
                       vue.createElementVNode("a", {
                         href: href,
-                        class: vue.normalizeClass($options.linkClass({isActive, isExactActive})),
+                        class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
+                        "aria-current": $options.isCurrentUrl(),
                         onClick: $event => ($options.onClick($event, navigate))
                       }, [
                         ($props.item.icon)
@@ -96,10 +106,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   }, 8, ["to"]))
                 : (vue.openBlock(), vue.createElementBlock("a", {
                     key: 1,
-                    href: $props.item.url||'#',
+                    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", {
@@ -110,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,
@@ -139,21 +150,24 @@ var script = {
         }
     },
     components: {
-        'BreadcrumbItem': script$1
+        BreadcrumbItem: script$1
     }
 };
 
-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,
@@ -167,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,
@@ -206,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,22 +21,31 @@ 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 ['p-menuitem-link', {
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         visible() {
-            return (typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false);
+            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label() {
-            return (typeof this.item.label === 'function' ? this.item.label() : this.item.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: {
@@ -46,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"
@@ -73,10 +82,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                     to: $props.item.to,
                     custom: ""
                   }, {
-                    default: withCtx(({navigate, href, isActive, isExactActive}) => [
+                    default: withCtx(({ navigate, href, isActive, isExactActive }) => [
                       createElementVNode("a", {
                         href: href,
-                        class: normalizeClass($options.linkClass({isActive, isExactActive})),
+                        class: normalizeClass($options.linkClass({ isActive, isExactActive })),
+                        "aria-current": $options.isCurrentUrl(),
                         onClick: $event => ($options.onClick($event, navigate))
                       }, [
                         ($props.item.icon)
@@ -94,10 +104,11 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   }, 8, ["to"]))
                 : (openBlock(), createElementBlock("a", {
                     key: 1,
-                    href: $props.item.url||'#',
+                    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", {
@@ -108,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,
@@ -137,21 +148,24 @@ var script = {
         }
     },
     components: {
-        'BreadcrumbItem': script$1
+        BreadcrumbItem: script$1
     }
 };
 
-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,
@@ -165,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,
@@ -204,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,22 +23,31 @@ 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 ['p-menuitem-link', {
-                    'router-link-active': routerProps && routerProps.isActive,
-                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-                }];
+                return [
+                    'p-menuitem-link',
+                    {
+                        'router-link-active': routerProps && routerProps.isActive,
+                        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                    }
+                ];
             },
             visible() {
-                return (typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false);
+                return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
             },
             disabled(item) {
-                return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+                return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
             },
             label() {
-                return (typeof this.item.label === 'function' ? this.item.label() : this.item.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: {
@@ -48,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"
@@ -75,10 +84,11 @@ this.primevue.breadcrumb = (function (vue) {
                         to: $props.item.to,
                         custom: ""
                       }, {
-                        default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
+                        default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
                           vue.createElementVNode("a", {
                             href: href,
-                            class: vue.normalizeClass($options.linkClass({isActive, isExactActive})),
+                            class: vue.normalizeClass($options.linkClass({ isActive, isExactActive })),
+                            "aria-current": $options.isCurrentUrl(),
                             onClick: $event => ($options.onClick($event, navigate))
                           }, [
                             ($props.item.icon)
@@ -96,10 +106,11 @@ this.primevue.breadcrumb = (function (vue) {
                       }, 8, ["to"]))
                     : (vue.openBlock(), vue.createElementBlock("a", {
                         key: 1,
-                        href: $props.item.url||'#',
+                        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", {
@@ -110,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,
@@ -139,21 +150,24 @@ this.primevue.breadcrumb = (function (vue) {
             }
         },
         components: {
-            'BreadcrumbItem': script$1
+            BreadcrumbItem: script$1
         }
     };
 
-    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,
@@ -167,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,
@@ -206,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.d.ts

@@ -9,8 +9,8 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      */
     style?: any;
     /**
-      * Style class of the button.
-      */
+     * Style class of the button.
+     */
     class?: any;
     /**
      * Text of the button.
@@ -25,6 +25,10 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Default value is 'left'.
      */
     iconPos?: ButtonIconPosType;
+    /**
+     * Style class of the icon.
+     */
+    iconClass?: string | undefined;
     /**
      * Value of the badge.
      */
@@ -51,14 +55,13 @@ export interface ButtonSlots {
     default: () => VNode[];
 }
 
-export declare type ButtonEmits = {
-}
+export declare type ButtonEmits = {};
 
-declare class Button extends ClassComponent<ButtonProps, ButtonSlots, ButtonEmits> { }
+declare class Button extends ClassComponent<ButtonProps, ButtonSlots, ButtonEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Button: GlobalComponentConstructor<Button>
+        Button: GlobalComponentConstructor<Button>;
     }
 }
 
@@ -68,7 +71,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Button](https://www.primefaces.org/primevue/showcase/#/button)
+ * - [Button](https://www.primefaces.org/primevue/button)
  *
  */
 export default Button;