primevue 3.8.2 → 3.11.0

package/breadcrumb/Breadcrumb.d.ts

@@ -1,18 +1,58 @@
-interface BreadcrumbProps {
-    home?: any;
-    model?: any[];
+import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { MenuItem } from '../menuitem';
+
+export interface BreadcrumbProps {
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[];
+    /**
+     * Configuration for the home icon.
+     */
+    home?: MenuItem;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * Default value is true.
+     */
     exact?: boolean;
 }
 
-interface BreadcrumbItemSlotInterface {
-    item: any;
+export interface BreadcrumbSlots {
+    /**
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
+     */
+    item: (scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+    }) => VNode[];
+}
+
+export declare type BreadcrumbEmits = {
 }
 
-declare class Breadcrumb {
-    $props: BreadcrumbProps;
-    $slots: {
-        item: BreadcrumbItemSlotInterface
+declare class Breadcrumb extends ClassComponent<BreadcrumbProps, BreadcrumbSlots, BreadcrumbEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Breadcrumb: GlobalComponentConstructor<Breadcrumb>
     }
 }
 
+/**
+ *
+ * Breadcrumb provides contextual information about page hierarchy.
+ *
+ * Helper API:
+ *
+ * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ *
+ * Demos:
+ *
+ * - [Breadcrumb](https://www.primefaces.org/primevue/showcase/#/breadcrumb)
+ *
+ */
 export default Breadcrumb;

package/breadcrumb/BreadcrumbItem.vue

@@ -4,12 +4,12 @@
             <router-link v-if="item.to" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                 <a :href="href" :class="linkClass({isActive, isExactActive})" @click="onClick($event, navigate)">
                     <span v-if="item.icon" :class="iconClass"></span>
-                    <span v-if="item.label" class="p-menuitem-text">{{item.label}}</span>
+                    <span v-if="item.label" class="p-menuitem-text">{{label()}}</span>
                 </a>
             </router-link>
             <a v-else :href="item.url||'#'" :class="linkClass()" @click="onClick" :target="item.target">
                 <span v-if="item.icon" :class="iconClass"></span>
-                <span v-if="item.label" class="p-menuitem-text">{{item.label}}</span>
+                <span v-if="item.label" class="p-menuitem-text">{{label()}}</span>
             </a>
         </template>
         <component v-else :is="template" :item="item"></component>
@@ -51,6 +51,9 @@ export default {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label() {
+            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
         }
     },
     computed: {

package/breadcrumb/breadcrumb.cjs.js

@@ -36,6 +36,9 @@ var script$1 = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label() {
+            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
         }
     },
     computed: {
@@ -83,7 +86,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                             }, null, 2))
                           : vue.createCommentVNode("", true),
                         ($props.item.label)
-                          ? (vue.openBlock(), vue.createBlock("span", _hoisted_1$1, vue.toDisplayString($props.item.label), 1))
+                          ? (vue.openBlock(), vue.createBlock("span", _hoisted_1$1, vue.toDisplayString($options.label()), 1))
                           : vue.createCommentVNode("", true)
                       ], 10, ["href", "onClick"])
                     ]),
@@ -103,7 +106,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         }, null, 2))
                       : vue.createCommentVNode("", true),
                     ($props.item.label)
-                      ? (vue.openBlock(), vue.createBlock("span", _hoisted_2$1, vue.toDisplayString($props.item.label), 1))
+                      ? (vue.openBlock(), vue.createBlock("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1))
                       : vue.createCommentVNode("", true)
                   ], 10, ["href", "target"]))
             ], 64))

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},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const n={key:1,class:"p-menuitem-text"},l={key:1,class:"p-menuitem-text"};t.render=function(t,i,o,a,c,r){const m=e.resolveComponent("router-link");return r.visible()?(e.openBlock(),e.createBlock("li",{key:0,class:r.containerClass(o.item)},[o.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.template),{key:1,item:o.item},null,8,["item"])):(e.openBlock(),e.createBlock(e.Fragment,{key:0},[o.item.to?(e.openBlock(),e.createBlock(m,{key:0,to:o.item.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:i,isExactActive:a})=>[e.createVNode("a",{href:l,class:r.linkClass({isActive:i,isExactActive:a}),onClick:e=>r.onClick(e,t)},[o.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),o.item.label?(e.openBlock(),e.createBlock("span",n,e.toDisplayString(o.item.label),1)):e.createCommentVNode("",!0)],10,["href","onClick"])])),_:1},8,["to"])):(e.openBlock(),e.createBlock("a",{key:1,href:o.item.url||"#",class:r.linkClass(),onClick:i[1]||(i[1]=(...e)=>r.onClick&&r.onClick(...e)),target:o.item.target},[o.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),o.item.label?(e.openBlock(),e.createBlock("span",l,e.toDisplayString(o.item.label),1)):e.createCommentVNode("",!0)],10,["href","target"]))],64))],2)):e.createCommentVNode("",!0)};var i={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","aria-label":"Breadcrumb"},a=e.createVNode("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-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 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"),i.render=function(t,n,l,i,c,r){const m=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createBlock("nav",o,[e.createVNode("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.createBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createBlock(e.Fragment,{key:n.label},[a,e.createVNode(m,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},module.exports=i;
+"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 n={key:1,class:"p-menuitem-text"},l={key:1,class:"p-menuitem-text"};t.render=function(t,i,a,o,c,r){const s=e.resolveComponent("router-link");return r.visible()?(e.openBlock(),e.createBlock("li",{key:0,class:r.containerClass(a.item)},[a.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.template),{key:1,item:a.item},null,8,["item"])):(e.openBlock(),e.createBlock(e.Fragment,{key:0},[a.item.to?(e.openBlock(),e.createBlock(s,{key:0,to:a.item.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:i,isExactActive:o})=>[e.createVNode("a",{href:l,class:r.linkClass({isActive:i,isExactActive:o}),onClick:e=>r.onClick(e,t)},[a.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),a.item.label?(e.openBlock(),e.createBlock("span",n,e.toDisplayString(r.label()),1)):e.createCommentVNode("",!0)],10,["href","onClick"])])),_:1},8,["to"])):(e.openBlock(),e.createBlock("a",{key:1,href:a.item.url||"#",class:r.linkClass(),onClick:i[1]||(i[1]=(...e)=>r.onClick&&r.onClick(...e)),target:a.item.target},[a.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),a.item.label?(e.openBlock(),e.createBlock("span",l,e.toDisplayString(r.label()),1)):e.createCommentVNode("",!0)],10,["href","target"]))],64))],2)):e.createCommentVNode("",!0)};var i={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const a={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},o=e.createVNode("li",{class:"p-breadcrumb-chevron pi pi-chevron-right"},null,-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 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"),i.render=function(t,n,l,i,c,r){const s=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createBlock("nav",a,[e.createVNode("ul",null,[l.home?(e.openBlock(),e.createBlock(s,{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.createBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createBlock(e.Fragment,{key:n.label},[o,e.createVNode(s,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},module.exports=i;

package/breadcrumb/breadcrumb.esm.js

@@ -34,6 +34,9 @@ var script$1 = {
         },
         disabled(item) {
             return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label() {
+            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
         }
     },
     computed: {
@@ -81,7 +84,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                             }, null, 2))
                           : createCommentVNode("", true),
                         ($props.item.label)
-                          ? (openBlock(), createBlock("span", _hoisted_1$1, toDisplayString($props.item.label), 1))
+                          ? (openBlock(), createBlock("span", _hoisted_1$1, toDisplayString($options.label()), 1))
                           : createCommentVNode("", true)
                       ], 10, ["href", "onClick"])
                     ]),
@@ -101,7 +104,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                         }, null, 2))
                       : createCommentVNode("", true),
                     ($props.item.label)
-                      ? (openBlock(), createBlock("span", _hoisted_2$1, toDisplayString($props.item.label), 1))
+                      ? (openBlock(), createBlock("span", _hoisted_2$1, toDisplayString($options.label()), 1))
                       : createCommentVNode("", true)
                   ], 10, ["href", "target"]))
             ], 64))
@@ -204,4 +207,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/breadcrumb/breadcrumb.esm.min.js

@@ -1 +1 @@
-import{resolveComponent as e,openBlock as t,createBlock as i,Fragment as n,withCtx as l,createVNode as a,createCommentVNode as s,toDisplayString as m,resolveDynamicComponent as r,renderList as c}from"vue";var o={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},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const u={key:1,class:"p-menuitem-text"},d={key:1,class:"p-menuitem-text"};o.render=function(c,o,p,b,h,f){const x=e("router-link");return f.visible()?(t(),i("li",{key:0,class:f.containerClass(p.item)},[p.template?(t(),i(r(p.template),{key:1,item:p.item},null,8,["item"])):(t(),i(n,{key:0},[p.item.to?(t(),i(x,{key:0,to:p.item.to,custom:""},{default:l((({navigate:e,href:n,isActive:l,isExactActive:r})=>[a("a",{href:n,class:f.linkClass({isActive:l,isExactActive:r}),onClick:t=>f.onClick(t,e)},[p.item.icon?(t(),i("span",{key:0,class:f.iconClass},null,2)):s("",!0),p.item.label?(t(),i("span",u,m(p.item.label),1)):s("",!0)],10,["href","onClick"])])),_:1},8,["to"])):(t(),i("a",{key:1,href:p.item.url||"#",class:f.linkClass(),onClick:o[1]||(o[1]=(...e)=>f.onClick&&f.onClick(...e)),target:p.item.target},[p.item.icon?(t(),i("span",{key:0,class:f.iconClass},null,2)):s("",!0),p.item.label?(t(),i("span",d,m(p.item.label),1)):s("",!0)],10,["href","target"]))],64))],2)):s("",!0)};var p={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:o}};const b={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},h=a("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"),p.render=function(l,m,r,o,u,d){const p=e("BreadcrumbItem");return t(),i("nav",b,[a("ul",null,[r.home?(t(),i(p,{key:0,item:r.home,class:"p-breadcrumb-home",template:l.$slots.item,exact:r.exact},null,8,["item","template","exact"])):s("",!0),(t(!0),i(n,null,c(r.model,(e=>(t(),i(n,{key:e.label},[h,a(p,{item:e,template:l.$slots.item,exact:r.exact},null,8,["item","template","exact"])],64)))),128))])])};export default p;
+import{resolveComponent as e,openBlock as t,createBlock as i,Fragment as n,withCtx as l,createVNode as a,createCommentVNode as s,toDisplayString as m,resolveDynamicComponent as r,renderList as c}from"vue";var o={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 u={key:1,class:"p-menuitem-text"},d={key:1,class:"p-menuitem-text"};o.render=function(c,o,p,b,h,f){const x=e("router-link");return f.visible()?(t(),i("li",{key:0,class:f.containerClass(p.item)},[p.template?(t(),i(r(p.template),{key:1,item:p.item},null,8,["item"])):(t(),i(n,{key:0},[p.item.to?(t(),i(x,{key:0,to:p.item.to,custom:""},{default:l((({navigate:e,href:n,isActive:l,isExactActive:r})=>[a("a",{href:n,class:f.linkClass({isActive:l,isExactActive:r}),onClick:t=>f.onClick(t,e)},[p.item.icon?(t(),i("span",{key:0,class:f.iconClass},null,2)):s("",!0),p.item.label?(t(),i("span",u,m(f.label()),1)):s("",!0)],10,["href","onClick"])])),_:1},8,["to"])):(t(),i("a",{key:1,href:p.item.url||"#",class:f.linkClass(),onClick:o[1]||(o[1]=(...e)=>f.onClick&&f.onClick(...e)),target:p.item.target},[p.item.icon?(t(),i("span",{key:0,class:f.iconClass},null,2)):s("",!0),p.item.label?(t(),i("span",d,m(f.label()),1)):s("",!0)],10,["href","target"]))],64))],2)):s("",!0)};var p={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:o}};const b={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},h=a("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"),p.render=function(l,m,r,o,u,d){const p=e("BreadcrumbItem");return t(),i("nav",b,[a("ul",null,[r.home?(t(),i(p,{key:0,item:r.home,class:"p-breadcrumb-home",template:l.$slots.item,exact:r.exact},null,8,["item","template","exact"])):s("",!0),(t(!0),i(n,null,c(r.model,(e=>(t(),i(n,{key:e.label},[h,a(p,{item:e,template:l.$slots.item,exact:r.exact},null,8,["item","template","exact"])],64)))),128))])])};export{p as default};

package/breadcrumb/breadcrumb.js

@@ -36,6 +36,9 @@ this.primevue.breadcrumb = (function (vue) {
             },
             disabled(item) {
                 return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            },
+            label() {
+                return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
             }
         },
         computed: {
@@ -83,7 +86,7 @@ this.primevue.breadcrumb = (function (vue) {
                                 }, null, 2))
                               : vue.createCommentVNode("", true),
                             ($props.item.label)
-                              ? (vue.openBlock(), vue.createBlock("span", _hoisted_1$1, vue.toDisplayString($props.item.label), 1))
+                              ? (vue.openBlock(), vue.createBlock("span", _hoisted_1$1, vue.toDisplayString($options.label()), 1))
                               : vue.createCommentVNode("", true)
                           ], 10, ["href", "onClick"])
                         ]),
@@ -103,7 +106,7 @@ this.primevue.breadcrumb = (function (vue) {
                             }, null, 2))
                           : vue.createCommentVNode("", true),
                         ($props.item.label)
-                          ? (vue.openBlock(), vue.createBlock("span", _hoisted_2$1, vue.toDisplayString($props.item.label), 1))
+                          ? (vue.openBlock(), vue.createBlock("span", _hoisted_2$1, vue.toDisplayString($options.label()), 1))
                           : vue.createCommentVNode("", true)
                       ], 10, ["href", "target"]))
                 ], 64))
@@ -208,4 +211,4 @@ this.primevue.breadcrumb = (function (vue) {
 
     return script;
 
-}(Vue));
+})(Vue);

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},computed:{iconClass(){return["p-menuitem-icon",this.item.icon]}}};const n={key:1,class:"p-menuitem-text"},l={key:1,class:"p-menuitem-text"};t.render=function(t,i,a,o,c,r){const m=e.resolveComponent("router-link");return r.visible()?(e.openBlock(),e.createBlock("li",{key:0,class:r.containerClass(a.item)},[a.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.template),{key:1,item:a.item},null,8,["item"])):(e.openBlock(),e.createBlock(e.Fragment,{key:0},[a.item.to?(e.openBlock(),e.createBlock(m,{key:0,to:a.item.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:i,isExactActive:o})=>[e.createVNode("a",{href:l,class:r.linkClass({isActive:i,isExactActive:o}),onClick:e=>r.onClick(e,t)},[a.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),a.item.label?(e.openBlock(),e.createBlock("span",n,e.toDisplayString(a.item.label),1)):e.createCommentVNode("",!0)],10,["href","onClick"])])),_:1},8,["to"])):(e.openBlock(),e.createBlock("a",{key:1,href:a.item.url||"#",class:r.linkClass(),onClick:i[1]||(i[1]=(...e)=>r.onClick&&r.onClick(...e)),target:a.item.target},[a.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),a.item.label?(e.openBlock(),e.createBlock("span",l,e.toDisplayString(a.item.label),1)):e.createCommentVNode("",!0)],10,["href","target"]))],64))],2)):e.createCommentVNode("",!0)};var i={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const a={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},o=e.createVNode("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"),i.render=function(t,n,l,i,c,r){const m=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createBlock("nav",a,[e.createVNode("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.createBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createBlock(e.Fragment,{key:n.label},[o,e.createVNode(m,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},i}(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-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={key:1,class:"p-menuitem-text"},l={key:1,class:"p-menuitem-text"};t.render=function(t,i,a,o,c,r){const m=e.resolveComponent("router-link");return r.visible()?(e.openBlock(),e.createBlock("li",{key:0,class:r.containerClass(a.item)},[a.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.template),{key:1,item:a.item},null,8,["item"])):(e.openBlock(),e.createBlock(e.Fragment,{key:0},[a.item.to?(e.openBlock(),e.createBlock(m,{key:0,to:a.item.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:i,isExactActive:o})=>[e.createVNode("a",{href:l,class:r.linkClass({isActive:i,isExactActive:o}),onClick:e=>r.onClick(e,t)},[a.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),a.item.label?(e.openBlock(),e.createBlock("span",n,e.toDisplayString(r.label()),1)):e.createCommentVNode("",!0)],10,["href","onClick"])])),_:1},8,["to"])):(e.openBlock(),e.createBlock("a",{key:1,href:a.item.url||"#",class:r.linkClass(),onClick:i[1]||(i[1]=(...e)=>r.onClick&&r.onClick(...e)),target:a.item.target},[a.item.icon?(e.openBlock(),e.createBlock("span",{key:0,class:r.iconClass},null,2)):e.createCommentVNode("",!0),a.item.label?(e.openBlock(),e.createBlock("span",l,e.toDisplayString(r.label()),1)):e.createCommentVNode("",!0)],10,["href","target"]))],64))],2)):e.createCommentVNode("",!0)};var i={name:"Breadcrumb",props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},components:{BreadcrumbItem:t}};const a={class:"p-breadcrumb p-component","aria-label":"Breadcrumb"},o=e.createVNode("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"),i.render=function(t,n,l,i,c,r){const m=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createBlock("nav",a,[e.createVNode("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.createBlock(e.Fragment,null,e.renderList(l.model,(n=>(e.openBlock(),e.createBlock(e.Fragment,{key:n.label},[o,e.createVNode(m,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},i}(Vue);

package/button/Button.d.ts

@@ -1,17 +1,74 @@
-interface ButtonProps {
+import { ButtonHTMLAttributes, VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+type ButtonIconPosType = 'left' | 'right' | 'top' | 'bottom' | undefined;
+
+export interface ButtonProps extends ButtonHTMLAttributes {
+    /**
+     * Inline style of the button.
+     */
     style?: any;
-    class?: string;
-    label?: string;
-    icon?: string;
-    iconPos?: string;
-    badge?: string;
-    badgeClass?: string;
-    loading?: boolean;
-    loadingIcon?: string;
+    /**
+      * Style class of the button.
+      */
+    class?: any;
+    /**
+     * Text of the button.
+     */
+    label?: string | undefined;
+    /**
+     * Name of the icon.
+     */
+    icon?: string | undefined;
+    /**
+     * Position of the icon, valid values are 'left', 'right', 'bottom' and 'top'.
+     * Default value is 'left'.
+     */
+    iconPos?: ButtonIconPosType;
+    /**
+     * Value of the badge.
+     */
+    badge?: string | undefined;
+    /**
+     * Style class of the badge.
+     */
+    badgeClass?: string | undefined;
+    /**
+     * Whether the button is in loading state.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Icon to display in loading state.
+     * Default value is 'pi pi-spinner pi-spin'.
+     */
+    loadingIcon?: string | undefined;
+}
+
+export interface ButtonSlots {
+    /**
+     * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
+     */
+    default: () => VNode[];
 }
 
-declare class Button {
-    $props: ButtonProps;
+export declare type ButtonEmits = {
+}
+
+declare class Button extends ClassComponent<ButtonProps, ButtonSlots, ButtonEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Button: GlobalComponentConstructor<Button>
+    }
 }
 
+/**
+ *
+ * Button is an extension to standard button element with icons and theming.
+ *
+ * Demos:
+ *
+ * - [Button](https://www.primefaces.org/primevue/showcase/#/button)
+ *
+ */
 export default Button;

package/button/button.cjs.js

@@ -70,7 +70,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 

package/button/button.esm.js

@@ -106,4 +106,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/button/button.esm.min.js

@@ -1 +1 @@
-import t from"primevue/ripple";import{resolveDirective as i,withDirectives as n,openBlock as o,createBlock as s,renderSlot as l,createCommentVNode as e,createVNode as a,toDisplayString as p}from"vue";var b={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},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}},iconClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",{"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}},directives:{ripple:t}};const d={class:"p-button-label"};b.render=function(t,b,c,r,u,g){const h=i("ripple");return n((o(),s("button",{class:g.buttonClass,type:"button",disabled:g.disabled},[l(t.$slots,"default",{},(()=>[c.loading&&!c.icon?(o(),s("span",{key:0,class:g.iconClass},null,2)):e("",!0),c.icon?(o(),s("span",{key:1,class:g.iconClass},null,2)):e("",!0),a("span",d,p(c.label||" "),1),c.badge?(o(),s("span",{key:2,class:g.badgeStyleClass},p(c.badge),3)):e("",!0)]))],10,["disabled"])),[[h]])};export default b;
+import t from"primevue/ripple";import{resolveDirective as i,withDirectives as n,openBlock as o,createBlock as s,renderSlot as l,createCommentVNode as e,createVNode as a,toDisplayString as p}from"vue";var b={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},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}},iconClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",{"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}},directives:{ripple:t}};const d={class:"p-button-label"};b.render=function(t,b,c,r,u,g){const h=i("ripple");return n((o(),s("button",{class:g.buttonClass,type:"button",disabled:g.disabled},[l(t.$slots,"default",{},(()=>[c.loading&&!c.icon?(o(),s("span",{key:0,class:g.iconClass},null,2)):e("",!0),c.icon?(o(),s("span",{key:1,class:g.iconClass},null,2)):e("",!0),a("span",d,p(c.label||" "),1),c.badge?(o(),s("span",{key:2,class:g.badgeStyleClass},p(c.badge),3)):e("",!0)]))],10,["disabled"])),[[h]])};export{b as default};

package/button/button.js

@@ -69,7 +69,7 @@ this.primevue.button = (function (Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -113,4 +113,4 @@ this.primevue.button = (function (Ripple, vue) {
 
     return script;
 
-}(primevue.ripple, Vue));
+})(primevue.ripple, Vue);