primevue 3.23.0 → 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;