primevue 3.22.4 → 3.24.0

package/avatar/avatar.js

@@ -63,7 +63,7 @@ this.primevue.avatar = (function (vue) {
       key: 0,
       class: "p-avatar-text"
     };
-    const _hoisted_3 = ["src"];
+    const _hoisted_3 = ["src", "alt"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       return (vue.openBlock(), vue.createElementBlock("div", {
@@ -83,6 +83,7 @@ this.primevue.avatar = (function (vue) {
                 ? (vue.openBlock(), vue.createElementBlock("img", {
                     key: 2,
                     src: $props.image,
+                    alt: _ctx.ariaLabel,
                     onError: _cache[0] || (_cache[0] = (...args) => ($options.onError && $options.onError(...args)))
                   }, null, 40, _hoisted_3))
                 : vue.createCommentVNode("", true)

package/avatar/avatar.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.avatar=function(e){"use strict";var a={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const t=["aria-labelledby","aria-label"],r={key:0,class:"p-avatar-text"},n=["src"];return function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n"),a.render=function(a,l,i,o,s,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},[e.renderSlot(a.$slots,"default",{},(()=>[i.label?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(i.label),1)):i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(c.iconClass)},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.image,onError:l[0]||(l[0]=(...e)=>c.onError&&c.onError(...e))},null,40,n)):e.createCommentVNode("",!0)]))],10,t)},a}(Vue);
+this.primevue=this.primevue||{},this.primevue.avatar=function(e){"use strict";var a={name:"Avatar",emits:["error"],props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onError(){this.$emit("error")}},computed:{containerClass(){return["p-avatar p-component",{"p-avatar-image":null!=this.image,"p-avatar-circle":"circle"===this.shape,"p-avatar-lg":"large"===this.size,"p-avatar-xl":"xlarge"===this.size}]},iconClass(){return["p-avatar-icon",this.icon]}}};const t=["aria-labelledby","aria-label"],r={key:0,class:"p-avatar-text"},n=["src","alt"];return function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===t&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 2rem;\n    height: 2rem;\n    font-size: 1rem;\n}\n.p-avatar.p-avatar-image {\n    background-color: transparent;\n}\n.p-avatar.p-avatar-circle {\n    border-radius: 50%;\n}\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n.p-avatar .p-avatar-icon {\n    font-size: 1rem;\n}\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n"),a.render=function(a,l,i,o,s,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.containerClass),"aria-labelledby":a.ariaLabelledby,"aria-label":a.ariaLabel},[e.renderSlot(a.$slots,"default",{},(()=>[i.label?(e.openBlock(),e.createElementBlock("span",r,e.toDisplayString(i.label),1)):i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(c.iconClass)},null,2)):i.image?(e.openBlock(),e.createElementBlock("img",{key:2,src:i.image,alt:a.ariaLabel,onError:l[0]||(l[0]=(...e)=>c.onError&&c.onError(...e))},null,40,n)):e.createCommentVNode("",!0)]))],10,t)},a}(Vue);

package/avatargroup/AvatarGroup.d.ts

@@ -1,11 +1,40 @@
+/**
+ *
+ * AvatarGroup is a helper component for Avatar.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module avatargroup
+ *
+ */
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in AvatarGroup component.
+ */
 export interface AvatarGroupProps {}
 
+/**
+ * Defines valid slots in AvatarGroup component.
+ */
 export interface AvatarGroupSlots {}
 
-export declare type AvatarGroupEmits = {};
+/**
+ * Defines valid emits in AvatarGroup component.
+ */
+export interface AvatarGroupEmits {}
 
+/**
+ * **PrimeVue - AvatarGroup**
+ *
+ * _A set of Avatars can be displayed together using the AvatarGroup component._
+ *
+ * [Live Demo](https://www.primevue.org/avatargroup/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class AvatarGroup extends ClassComponent<AvatarGroupProps, AvatarGroupSlots, AvatarGroupEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -14,17 +43,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * A set of Avatars can be displayed together using the AvatarGroup component.
- *
- * Helper Components:
- *
- * - Avatar
- *
- * Demos:
- *
- * - [AvatarGroup](https://www.primefaces.org/primevue/avatar)
- *
- */
 export default AvatarGroup;

package/badge/Badge.d.ts

@@ -1,36 +1,59 @@
+/**
+ *
+ * Badge represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primevue.org/badge)
+ *
+ * @module badge
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type BadgeSeverityType = 'info' | 'success' | 'warning' | 'danger' | undefined;
-
-type BadgeSizeType = 'large' | 'xlarge' | undefined;
-
+/**
+ * Defines valid properties in Badge component.
+ */
 export interface BadgeProps {
     /**
      * Value to display inside the badge.
      */
-    value?: any;
+    value?: string | number;
     /**
      * Severity type of the badge.
-     * @see BadgeSeverityType
      */
-    severity?: BadgeSeverityType;
+    severity?: 'info' | 'success' | 'warning' | 'danger' | null | undefined;
     /**
      * Size of the badge, valid options are 'large' and 'xlarge'.
-     * @see BadgeSizeType
      */
-    size?: BadgeSizeType;
+    size?: 'large' | 'xlarge' | null | undefined;
 }
 
+/**
+ * Defines valid slots in Badge component.
+ */
 export interface BadgeSlots {
     /**
      * Content can easily be customized with the default slot instead of using the built-in display.
      */
-    default: () => VNode[];
+    default(): VNode[];
 }
 
-export declare type BadgeEmits = {};
+/**
+ * Defines valid emits in Badge component.
+ */
+export interface BadgeEmits {}
 
+/**
+ * **PrimeVue - Badge**
+ *
+ * _Badge represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primevue.org/badge/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class Badge extends ClassComponent<BadgeProps, BadgeSlots, BadgeEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -39,13 +62,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Badge is a small status indicator for another element.
- *
- * Demos:
- *
- * - [Badge](https://www.primefaces.org/primevue/badge)
- *
- */
 export default Badge;

package/badge/Badge.vue

@@ -5,12 +5,23 @@
 </template>
 
 <script>
+import { ObjectUtils } from 'primevue/utils';
+
 export default {
     name: 'Badge',
     props: {
-        value: null,
-        severity: null,
-        size: null
+        value: {
+            type: [String, Number],
+            default: null
+        },
+        severity: {
+            type: String,
+            default: null
+        },
+        size: {
+            type: String,
+            default: null
+        }
     },
     computed: {
         containerClass() {
@@ -20,8 +31,8 @@ export default {
             return [
                 'p-badge p-component',
                 {
-                    'p-badge-no-gutter': this.value && String(this.value).length === 1,
-                    'p-badge-dot': !this.value && !this.$slots.default,
+                    'p-badge-no-gutter': ObjectUtils.isNotEmpty(this.value) && String(this.value).length === 1,
+                    'p-badge-dot': ObjectUtils.isEmpty(this.value) && !this.$slots.default,
                     'p-badge-lg': this.size === 'large',
                     'p-badge-xl': this.size === 'xlarge',
                     'p-badge-info': this.severity === 'info',

package/badge/badge.cjs.js

@@ -1,13 +1,23 @@
 'use strict';
 
+var utils = require('primevue/utils');
 var vue = require('vue');
 
 var script = {
     name: 'Badge',
     props: {
-        value: null,
-        severity: null,
-        size: null
+        value: {
+            type: [String, Number],
+            default: null
+        },
+        severity: {
+            type: String,
+            default: null
+        },
+        size: {
+            type: String,
+            default: null
+        }
     },
     computed: {
         containerClass() {
@@ -17,8 +27,8 @@ var script = {
             return [
                 'p-badge p-component',
                 {
-                    'p-badge-no-gutter': this.value && String(this.value).length === 1,
-                    'p-badge-dot': !this.value && !this.$slots.default,
+                    'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(this.value) && String(this.value).length === 1,
+                    'p-badge-dot': utils.ObjectUtils.isEmpty(this.value) && !this.$slots.default,
                     'p-badge-lg': this.size === 'large',
                     'p-badge-xl': this.size === 'xlarge',
                     'p-badge-info': this.severity === 'info',

package/badge/badge.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),s={name:"Badge",props:{value:null,severity:null,size:null},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":this.value&&1===String(this.value).length,"p-badge-dot":!this.value&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};s.render=function(s,t,a,l,r,i){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(i.badgeClass)},[e.renderSlot(s.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]))],2)},module.exports=s;
+"use strict";var e=require("primevue/utils"),t=require("vue"),s={name:"Badge",props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":e.ObjectUtils.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":e.ObjectUtils.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};s.render=function(e,s,a,i,l,r){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(r.badgeClass)},[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(a.value),1)]))],2)},module.exports=s;

package/badge/badge.esm.js

@@ -1,11 +1,21 @@
+import { ObjectUtils } from 'primevue/utils';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'Badge',
     props: {
-        value: null,
-        severity: null,
-        size: null
+        value: {
+            type: [String, Number],
+            default: null
+        },
+        severity: {
+            type: String,
+            default: null
+        },
+        size: {
+            type: String,
+            default: null
+        }
     },
     computed: {
         containerClass() {
@@ -15,8 +25,8 @@ var script = {
             return [
                 'p-badge p-component',
                 {
-                    'p-badge-no-gutter': this.value && String(this.value).length === 1,
-                    'p-badge-dot': !this.value && !this.$slots.default,
+                    'p-badge-no-gutter': ObjectUtils.isNotEmpty(this.value) && String(this.value).length === 1,
+                    'p-badge-dot': ObjectUtils.isEmpty(this.value) && !this.$slots.default,
                     'p-badge-lg': this.size === 'large',
                     'p-badge-xl': this.size === 'xlarge',
                     'p-badge-info': this.severity === 'info',

package/badge/badge.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as s,normalizeClass as a,renderSlot as t,createTextVNode as l,toDisplayString as i}from"vue";var r={name:"Badge",props:{value:null,severity:null,size:null},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":this.value&&1===String(this.value).length,"p-badge-dot":!this.value&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};r.render=function(r,n,g,d,u,p){return e(),s("span",{class:a(p.badgeClass)},[t(r.$slots,"default",{},(()=>[l(i(g.value),1)]))],2)};export{r as default};
+import{ObjectUtils as e}from"primevue/utils";import{openBlock as t,createElementBlock as s,normalizeClass as a,renderSlot as i,createTextVNode as r,toDisplayString as l}from"vue";var n={name:"Badge",props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":e.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":e.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};n.render=function(e,n,g,u,d,p){return t(),s("span",{class:a(p.badgeClass)},[i(e.$slots,"default",{},(()=>[r(l(g.value),1)]))],2)};export{n as default};

package/badge/badge.js

@@ -1,13 +1,22 @@
 this.primevue = this.primevue || {};
-this.primevue.badge = (function (vue) {
+this.primevue.badge = (function (utils, vue) {
     'use strict';
 
     var script = {
         name: 'Badge',
         props: {
-            value: null,
-            severity: null,
-            size: null
+            value: {
+                type: [String, Number],
+                default: null
+            },
+            severity: {
+                type: String,
+                default: null
+            },
+            size: {
+                type: String,
+                default: null
+            }
         },
         computed: {
             containerClass() {
@@ -17,8 +26,8 @@ this.primevue.badge = (function (vue) {
                 return [
                     'p-badge p-component',
                     {
-                        'p-badge-no-gutter': this.value && String(this.value).length === 1,
-                        'p-badge-dot': !this.value && !this.$slots.default,
+                        'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(this.value) && String(this.value).length === 1,
+                        'p-badge-dot': utils.ObjectUtils.isEmpty(this.value) && !this.$slots.default,
                         'p-badge-lg': this.size === 'large',
                         'p-badge-xl': this.size === 'xlarge',
                         'p-badge-info': this.severity === 'info',
@@ -45,4 +54,4 @@ this.primevue.badge = (function (vue) {
 
     return script;
 
-})(Vue);
+})(primevue.utils, Vue);

package/badge/badge.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.badge=function(e){"use strict";var s={name:"Badge",props:{value:null,severity:null,size:null},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":this.value&&1===String(this.value).length,"p-badge-dot":!this.value&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};return s.render=function(s,t,a,i,r,l){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(l.badgeClass)},[e.renderSlot(s.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]))],2)},s}(Vue);
+this.primevue=this.primevue||{},this.primevue.badge=function(e,t){"use strict";var s={name:"Badge",props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},computed:{containerClass(){return this.$slots.default?"p-overlay-badge":this.badgeClass},badgeClass(){return["p-badge p-component",{"p-badge-no-gutter":e.ObjectUtils.isNotEmpty(this.value)&&1===String(this.value).length,"p-badge-dot":e.ObjectUtils.isEmpty(this.value)&&!this.$slots.default,"p-badge-lg":"large"===this.size,"p-badge-xl":"xlarge"===this.size,"p-badge-info":"info"===this.severity,"p-badge-success":"success"===this.severity,"p-badge-warning":"warning"===this.severity,"p-badge-danger":"danger"===this.severity}]}}};return s.render=function(e,s,a,i,r,l){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(l.badgeClass)},[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(a.value),1)]))],2)},s}(primevue.utils,Vue);

package/badgedirective/BadgeDirective.d.ts

@@ -1,5 +1,64 @@
-import { ObjectDirective } from 'vue';
+/**
+ *
+ * Badge directive is a small status indicator for another element.
+ *
+ * [Live Demo](https://primevue.org/badge)
+ *
+ * @module badgedirective
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
 
+/**
+ * Defines modifiers of Badge directive.
+ */
+export interface BadgeDirectiveModifiers {
+    /**
+     * Info severity for Badge directive.
+     *  @defaultValue true
+     */
+    info?: boolean | undefined;
+    /**
+     * Success severity for Badge directive.
+     * @defaultValue false
+     */
+    success?: boolean | undefined;
+    /**
+     * Warning severity for Badge directive.
+     *  @defaultValue false
+     */
+    warning?: boolean | undefined;
+    /**
+     * Danger severity for Badge directive.
+     *  @defaultValue false
+     */
+    danger?: boolean | undefined;
+}
+
+/**
+ * Binding of Badge directive.
+ */
+export interface BadgeDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the Badge.
+     */
+    value?: string | undefined;
+    /**
+     * Modifiers of the Badge.
+     * @type {BadgeDirectiveModifiers}
+     */
+    modifiers?: BadgeDirectiveModifiers | undefined;
+}
+
+/**
+ * **PrimeVue - Badge**
+ *
+ * _Badge directive provides advisory information for a component._
+ *
+ * [Live Demo](https://www.primevue.org/badge/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ */
 declare const BadgeDirective: ObjectDirective;
 
 export default BadgeDirective;

package/blockui/BlockUI.d.ts

@@ -1,6 +1,18 @@
+/**
+ *
+ * BlockUI represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primevue.org/blockui)
+ *
+ * @module blockui
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in BlockUI component
+ */
 export interface BlockUIProps {
     /**
      * Controls the blocked state.
@@ -12,34 +24,51 @@ export interface BlockUIProps {
     fullScreen?: boolean | undefined;
     /**
      * Base zIndex value to use in layering.
-     * Default value is 0.
+     * @defaultValue 0
      */
     baseZIndex?: number | undefined;
     /**
      * Whether to automatically manage layering.
-     * Default value is true.
+     * @defaultValue true
      */
     autoZIndex?: boolean | undefined;
 }
 
+/**
+ * Defines valid slots in BlockUI component
+ */
 export interface BlockUISlots {
     /**
      * Custom content's slot.
      */
-    default: () => VNode[];
+    default(): VNode[];
 }
 
-export declare type BlockUIEmits = {
+/**
+ * Defines valid emits in BlockUI component
+ */
+export interface BlockUIEmits {
     /**
      * Fired when the element gets blocked.
      */
-    block: () => void;
+    block(): void;
     /**
      * Fired when the element gets unblocked.
      */
-    unblock: () => void;
-};
+    unblock(): void;
+}
 
+/**
+ * **PrimeVue - BlockUI**
+ *
+ * _BlockUI represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primevue.org/blockui/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class BlockUI extends ClassComponent<BlockUIProps, BlockUISlots, BlockUIEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -48,13 +77,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * BlockUI can either block other components or the whole page.
- *
- * Demos:
- *
- * - [BlockUI](https://www.primefaces.org/primevue/blockui)
- *
- */
 export default BlockUI;

package/breadcrumb/Breadcrumb.d.ts

@@ -1,21 +1,33 @@
+/**
+ *
+ * Breadcrumb provides contextual information about page hierarchy.
+ *
+ * [Live Demo](https://www.primevue.org/breadcrumb/)
+ *
+ * @module breadcrumb
+ *
+ */
 import { VNode } from 'vue';
 import { MenuItem } from '../menuitem';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in Breadcrumb component.
+ */
 export interface BreadcrumbProps {
     /**
      * An array of menuitems.
      */
-    model?: MenuItem[];
+    model?: MenuItem[] | undefined;
     /**
      * Configuration for the home icon.
      */
-    home?: MenuItem;
+    home?: MenuItem | undefined;
     /**
      * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
-     * Default value is true.
+     * @defaultValue true
      */
-    exact?: boolean;
+    exact?: boolean | undefined;
     /**
      * Defines a string value that labels an interactive element.
      */
@@ -26,21 +38,39 @@ export interface BreadcrumbProps {
     'aria-labelledby'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in Breadcrumb component.
+ */
 export interface BreadcrumbSlots {
     /**
      * Custom item template.
      * @param {Object} scope - item slot's params.
      */
-    item: (scope: {
+    item(scope: {
         /**
          * Menuitem instance
          */
         item: MenuItem;
-    }) => VNode[];
+    }): VNode[];
 }
 
-export declare type BreadcrumbEmits = {};
+/**
+ * Defines valid emits in Breadcrumb component.
+ */
+export interface BreadcrumbEmits {}
 
+/**
+ * **PrimeVue - Breadcrumb**
+ *
+ * _Breadcrumb provides contextual information about page hierarchy._
+ *
+ * [Live Demo](https://www.primevue.org/breadcrumb/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class Breadcrumb extends ClassComponent<BreadcrumbProps, BreadcrumbSlots, BreadcrumbEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -49,17 +79,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Breadcrumb provides contextual information about page hierarchy.
- *
- * Helper API:
- *
- * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
- *
- * Demos:
- *
- * - [Breadcrumb](https://www.primefaces.org/primevue/breadcrumb)
- *
- */
 export default Breadcrumb;

package/breadcrumb/Breadcrumb.vue

@@ -1,7 +1,7 @@
 <template>
     <nav class="p-breadcrumb p-component">
         <ol class="p-breadcrumb-list">
-            <BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" :exact="exact" />
+            <BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" :template="$slots.item" :exact="exact" />
             <template v-for="(item, i) of model" :key="item.label">
                 <li v-if="home || i !== 0" class="p-menuitem-separator">
                     <span class="pi pi-chevron-right" aria-hidden="true"></span>

package/breadcrumb/breadcrumb.cjs.js

@@ -178,8 +178,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             key: 0,
             item: $props.home,
             class: "p-breadcrumb-home",
+            template: _ctx.$slots.item,
             exact: $props.exact
-          }, null, 8, ["item", "exact"]))
+          }, null, 8, ["item", "template", "exact"]))
         : vue.createCommentVNode("", true),
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
         return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {

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(){return["p-menuitem",{"p-disabled":this.disabled()},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(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item;let n=this.$router?this.$router.currentRoute.path:"";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,m,s){const p=e.resolveComponent("router-link");return s.visible()?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(s.containerClass())},[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(s.linkClass({isActive:a,isExactActive:r})),"aria-current":s.isCurrentUrl(),onClick:e=>s.onClick(e,t)},[o.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),o.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:o.item.url||"#",class:e.normalizeClass(s.linkClass()),target:o.item.target,"aria-current":s.isCurrentUrl(),onClick:r[0]||(r[0]=(...e)=>s.onClick&&s.onClick(...e))},[o.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),o.item.label?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(s.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"},m={key:0,class:"p-menuitem-separator"},s=[e.createElementVNode("span",{class:"pi pi-chevron-right","aria-hidden":"true"},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 .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: flex;\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 p=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createElementBlock("nav",o,[e.createElementVNode("ol",c,[l.home?(e.openBlock(),e.createBlock(p,{key:0,item:l.home,class:"p-breadcrumb-home",exact:l.exact},null,8,["item","exact"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,((n,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[l.home||0!==i?(e.openBlock(),e.createElementBlock("li",m,s)):e.createCommentVNode("",!0),e.createVNode(p,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},module.exports=r;
+"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(){return["p-menuitem",{"p-disabled":this.disabled()},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(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl(){const{to:e,url:t}=this.item;let n=this.$router?this.$router.currentRoute.path:"";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,m,s){const p=e.resolveComponent("router-link");return s.visible()?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(s.containerClass())},[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(s.linkClass({isActive:a,isExactActive:r})),"aria-current":s.isCurrentUrl(),onClick:e=>s.onClick(e,t)},[o.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),o.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:o.item.url||"#",class:e.normalizeClass(s.linkClass()),target:o.item.target,"aria-current":s.isCurrentUrl(),onClick:r[0]||(r[0]=(...e)=>s.onClick&&s.onClick(...e))},[o.item.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(s.iconClass)},null,2)):e.createCommentVNode("",!0),o.item.label?(e.openBlock(),e.createElementBlock("span",a,e.toDisplayString(s.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"},m={key:0,class:"p-menuitem-separator"},s=[e.createElementVNode("span",{class:"pi pi-chevron-right","aria-hidden":"true"},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 .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n}\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n}\n.p-breadcrumb .p-menuitem-separator {\n    display: flex;\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 p=e.resolveComponent("BreadcrumbItem");return e.openBlock(),e.createElementBlock("nav",o,[e.createElementVNode("ol",c,[l.home?(e.openBlock(),e.createBlock(p,{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,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.label},[l.home||0!==i?(e.openBlock(),e.createElementBlock("li",m,s)):e.createCommentVNode("",!0),e.createVNode(p,{item:n,template:t.$slots.item,exact:l.exact},null,8,["item","template","exact"])],64)))),128))])])},module.exports=r;