primevue 3.23.0 → 3.24.0

package/toast/toast.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=a(t),r={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},template:{type:null,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.close()},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconClass(){return["p-toast-message-icon",{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:a(n).default}};const c={class:"p-toast-message-text"},m={class:"p-toast-summary"},p={class:"p-toast-detail"},u={key:2},d=["aria-label"];r.render=function(e,t,s,n,a,i){const l=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[o.createElementVNode("div",{class:o.normalizeClass(["p-toast-message-content",s.message.contentStyleClass])},[s.template?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.template),{key:1,message:s.message},null,8,["message"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("span",{class:o.normalizeClass(i.iconClass)},null,2),o.createElementVNode("div",c,[o.createElementVNode("span",m,o.toDisplayString(s.message.summary),1),o.createElementVNode("div",p,o.toDisplayString(s.message.detail),1)])],64)),!1!==s.message.closable?(o.openBlock(),o.createElementBlock("div",u,[o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},s.closeButtonProps),[o.createElementVNode("span",{class:o.normalizeClass(["p-toast-icon-close-icon",s.closeIcon])},null,2)],16,d)),[[l]])])):o.createCommentVNode("",!0)],2)],2)};var h=0,f={name:"Toast",inheritAttrs:!1,props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:"pi pi-times"},infoIcon:{type:String,default:"pi pi-info-circle"},warnIcon:{type:String,default:"pi pi-exclamation-triangle"},errorIcon:{type:String,default:"pi pi-times"},successIcon:{type:String,default:"pi pi-check"},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){l.default.on("add",this.onAdd),l.default.on("remove-group",this.onRemoveGroup),l.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&s.ZIndexUtils.clear(this.$refs.container),l.default.off("add",this.onAdd),l.default.off("remove-group",this.onRemoveGroup),l.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=h++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){t=s;break}this.messages.splice(t,1)},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&s.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&s.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{s.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>s.UniqueComponentId()},components:{ToastMessage:r,Portal:i.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),f.render=function(e,t,s,n,a,i){const l=o.resolveComponent("ToastMessage"),r=o.resolveComponent("Portal");return o.openBlock(),o.createBlock(r,null,{default:o.withCtx((()=>[o.createElementVNode("div",o.mergeProps({ref:"container",class:i.containerClass},e.$attrs),[o.createVNode(o.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.messages,(n=>(o.openBlock(),o.createBlock(l,{key:n.id,message:n,template:e.$slots.message,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e))},null,8,["message","template","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},f}(primevue.portal,primevue.toasteventbus,primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=a(t),r={name:"ToastMessage",emits:["close"],props:{message:{type:null,default:null},template:{type:null,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconClass(){return["p-toast-message-icon",{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:a(n).default}};const c={class:"p-toast-message-text"},m={class:"p-toast-summary"},p={class:"p-toast-detail"},u={key:2},d=["aria-label"];r.render=function(e,t,s,n,a,i){const l=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass),role:"alert","aria-live":"assertive","aria-atomic":"true"},[o.createElementVNode("div",{class:o.normalizeClass(["p-toast-message-content",s.message.contentStyleClass])},[s.template?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.template),{key:1,message:s.message},null,8,["message"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("span",{class:o.normalizeClass(i.iconClass)},null,2),o.createElementVNode("div",c,[o.createElementVNode("span",m,o.toDisplayString(s.message.summary),1),o.createElementVNode("div",p,o.toDisplayString(s.message.detail),1)])],64)),!1!==s.message.closable?(o.openBlock(),o.createElementBlock("div",u,[o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},s.closeButtonProps),[o.createElementVNode("span",{class:o.normalizeClass(["p-toast-icon-close-icon",s.closeIcon])},null,2)],16,d)),[[l]])])):o.createCommentVNode("",!0)],2)],2)};var h=0,f={name:"Toast",inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:"pi pi-times"},infoIcon:{type:String,default:"pi pi-info-circle"},warnIcon:{type:String,default:"pi pi-exclamation-triangle"},errorIcon:{type:String,default:"pi pi-times"},successIcon:{type:String,default:"pi pi-check"},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){l.default.on("add",this.onAdd),l.default.on("remove-group",this.onRemoveGroup),l.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&s.ZIndexUtils.clear(this.$refs.container),l.default.off("add",this.onAdd),l.default.off("remove-group",this.onRemoveGroup),l.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=h++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&s.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&s.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{s.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>s.UniqueComponentId()},components:{ToastMessage:r,Portal:i.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),f.render=function(e,t,s,n,a,i){const l=o.resolveComponent("ToastMessage"),r=o.resolveComponent("Portal");return o.openBlock(),o.createBlock(r,null,{default:o.withCtx((()=>[o.createElementVNode("div",o.mergeProps({ref:"container",class:i.containerClass},e.$attrs),[o.createVNode(o.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:o.withCtx((()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(a.messages,(n=>(o.openBlock(),o.createBlock(l,{key:n.id,message:n,template:e.$slots.message,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e))},null,8,["message","template","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},f}(primevue.portal,primevue.toasteventbus,primevue.utils,primevue.ripple,Vue);

package/toastservice/ToastService.d.ts

@@ -1,24 +1,37 @@
+/**
+ *
+ * [Live Demo](https://www.primevue.org/toast/)
+ *
+ * @module toastservice-usetoast
+ * @todo 'use' is not a valid name for a module. Next release will change.
+ */
 import { Plugin } from 'vue';
 import { ToastMessageOptions } from '../toast';
 
 declare const plugin: Plugin;
 export default plugin;
 
+/**
+ * Toast Service methods.
+ *
+ * @group Model
+ *
+ */
 export interface ToastServiceMethods {
     /**
      * Displays the message in a suitable Toast component.
      * @param {ToastMessageOptions} message - Message instance.
      */
-    add: (message: ToastMessageOptions) => void;
+    add(message: ToastMessageOptions): void;
     /**
      * Clears the messages that belongs to the group.
      * @param {string} group - Name of the message group.
      */
-    removeGroup: (group: string) => void;
+    removeGroup(group: string): void;
     /**
      * Clears all the messages.
      */
-    removeAllGroups: () => void;
+    removeAllGroups(): void;
 }
 
 declare module 'vue/types/vue' {

package/togglebutton/ToggleButton.d.ts

@@ -1,11 +1,22 @@
+/**
+ *
+ * ToggleButton is used to select a boolean value using a button.
+ *
+ * [Live Demo](https://www.primevue.org/togglebutton/)
+ *
+ * @module togglebutton
+ *
+ */
 import { InputHTMLAttributes } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type ToggleButtonType = 'left' | 'right' | undefined;
-
+/**
+ * Defines valid properties in ToggleButton component.
+ */
 export interface ToggleButtonProps {
     /**
      * Value of the component.
+     * @defaultValue false
      */
     modelValue?: boolean | undefined;
     /**
@@ -18,22 +29,22 @@ export interface ToggleButtonProps {
     offIcon?: string | undefined;
     /**
      * Label for the on state.
-     * Default value is 'yes'.
+     * @defaultValue yes
      */
     onLabel?: string | undefined;
     /**
      * Label for the off state.
-     * Default value is 'no'.
+     * @defaultValue no
      */
     offLabel?: string | undefined;
     /**
      * Position of the icon.
-     * @see ToggleButtonType
-     * Default value is 'left'.
+     * @defaultValue left
      */
-    iconPos?: ToggleButtonType;
+    iconPos?: 'left' | 'right' | undefined;
     /**
      * When present, it specifies that the element should be disabled.
+     * @defaultValue false
      */
     disabled?: boolean | undefined;
     /**
@@ -66,31 +77,49 @@ export interface ToggleButtonProps {
     'aria-label'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in ToggleButton component.
+ */
 export interface ToggleButtonSlots {}
 
-export declare type ToggleButtonEmits = {
+/**
+ * Defines valid emits in ToggleButton component.
+ */
+export interface ToggleButtonEmits {
     /**
      * Emitted when the value changes.
      * @param {boolean} value - New value.
      */
-    'update:modelValue': (value: boolean) => void;
+    'update:modelValue'(value: boolean): void;
     /**
      * Callback to invoke on value change.
      * @param {Event} event - Browser event.
      */
-    change: (event: Event) => void;
+    change(event: Event): void;
     /**
      * Callback to invoke when the component receives focus.
      * @param {Event} event - Browser event.
      */
-    focus: (event: Event) => void;
+    focus(event: Event): void;
     /**
      * Callback to invoke when the component loses focus.
      * @param {Event} event - Browser event.
      */
-    blur: (event: Event) => void;
-};
+    blur(event: Event): void;
+}
 
+/**
+ * **PrimeVue - ToggleButton**
+ *
+ * _ToggleButton is used to select a boolean value using a button._
+ *
+ * [Live Demo](https://www.primevue.org/togglebutton/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class ToggleButton extends ClassComponent<ToggleButtonProps, ToggleButtonSlots, ToggleButtonEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -99,13 +128,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * ToggleButton is used to select a boolean value using a button.
- *
- * Demos:
- *
- * - [ToggleButton](https://www.primefaces.org/primevue/togglebutton)
- *
- */
 export default ToggleButton;

package/toolbar/Toolbar.d.ts

@@ -1,6 +1,18 @@
+/**
+ *
+ * Toolbar is a grouping component for buttons and other content.
+ *
+ * [Live Demo](https://www.primevue.org/toolbar/)
+ *
+ * @module toolbar
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in Toolbar component.
+ */
 export interface ToolbarProps {
     /**
      * Defines a string value that labels an interactive element.
@@ -8,25 +20,42 @@ export interface ToolbarProps {
     'aria-labelledby'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in Toolbar slots.
+ */
 export interface ToolbarSlots {
     /**
      * Custom start template.
      */
-    start: () => VNode[];
+    start(): VNode[];
 
     /**
      * Custom center template.
      */
-    center: () => VNode[];
+    center(): VNode[];
 
     /**
      * Custom end template.
      */
-    end: () => VNode[];
+    end(): VNode[];
 }
+/**
+ * Defines valid emits in Toolbar component.
+ */
+export interface ToolbarEmits {}
 
-export declare type ToolbarEmits = {};
-
+/**
+ * **PrimeVue - Toolbar**
+ *
+ * _Toolbar is a grouping component for buttons and other content._
+ *
+ * [Live Demo](https://www.primevue.org/toolbar/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class Toolbar extends ClassComponent<ToolbarProps, ToolbarSlots, ToolbarEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -35,13 +64,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Toolbar is a grouping component for buttons and other content.
- *
- * Demos:
- *
- * - [Toolbar](https://www.primefaces.org/primevue/toolbar)
- *
- */
 export default Toolbar;

package/tooltip/Tooltip.d.ts

@@ -1,5 +1,103 @@
-import { ObjectDirective } from 'vue';
+/**
+ *
+ * Tooltip directive provides advisory information for a component.
+ *
+ * [Live Demo](https://primevue.org/tooltip)
+ *
+ * @module tooltip
+ *
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
 
+/**
+ * Defines options of Tooltip.
+ */
+export interface TooltipOptions {
+    /**
+     * Text of the tooltip.
+     */
+    value?: string | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it adds a custom id to the tooltip.
+     */
+    id?: string | undefined;
+    /**
+     * When present, it adds a custom class to the tooltip.
+     */
+    class?: string | undefined;
+    /**
+     * By default the tooltip contents are not rendered as text. Set to true to support html tags in the content.
+     * @defaultValue false
+     */
+    escape?: boolean | undefined;
+    /**
+     * Automatically adjusts the element position when there is not enough space on the selected position.
+     * @defaultValue true
+     */
+    fitContent?: boolean | undefined;
+}
+
+/**
+ * Defines modifiers of Tooltip.
+ */
+export interface TooltipDirectiveModifiers {
+    /**
+     * Right position for Tooltip.
+     *  @defaultValue true
+     */
+    right?: boolean | undefined;
+    /**
+     * Left position for Tooltip.
+     *  @defaultValue false
+     */
+    left?: boolean | undefined;
+    /**
+     * Top position for Tooltip.
+     *  @defaultValue false
+     */
+    top?: boolean | undefined;
+    /**
+     * Bottom position for Tooltip.
+     *  @defaultValue false
+     */
+    bottom?: boolean | undefined;
+    /**
+     * Focus event for Tooltip.
+     *  @defaultValue true
+     */
+    focus?: boolean | undefined;
+}
+
+/**
+ * Binding of Tooltip directive.
+ */
+export interface TooltipDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the tooltip.
+     */
+    value?: string | TooltipOptions | undefined;
+    /**
+     * Modifiers of the tooltip.
+     * @type {TooltipDirectiveModifiers}
+     */
+    modifiers?: TooltipDirectiveModifiers | undefined;
+}
+
+/**
+ * **PrimeVue - Tooltip**
+ *
+ * _Tooltip directive provides advisory information for a component._
+ *
+ * [Live Demo](https://www.primevue.org/tooltip/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ */
 declare const Tooltip: ObjectDirective;
 
 export default Tooltip;

package/tree/Tree.d.ts

@@ -1,6 +1,18 @@
+/**
+ *
+ * Tree is used to display hierarchical data.
+ *
+ * [Live Demo](https://www.primevue.org/tree/)
+ *
+ * @module tree
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Custom TreeNode metadata.
+ */
 export interface TreeNode {
     /**
      * Mandatory unique key of the node.
@@ -56,12 +68,9 @@ export interface TreeNode {
     collapsedIcon?: string;
 }
 
-type TreeSelectionModeType = 'single' | 'multiple' | 'checkbox' | undefined;
-
-type TreeFilterModeType = 'lenient' | 'strict' | undefined;
-
-type TreeScrollHeightType = 'flex' | string | undefined;
-
+/**
+ * Custom expanded keys metadata.
+ */
 export interface TreeExpandedKeys {
     /**
      * Optional
@@ -69,6 +78,9 @@ export interface TreeExpandedKeys {
     [key: string]: any;
 }
 
+/**
+ * Custom selection keys metadata.
+ */
 export interface TreeSelectionKeys {
     /**
      * Optional
@@ -76,6 +88,9 @@ export interface TreeSelectionKeys {
     [key: string]: any;
 }
 
+/**
+ * Defines valid properties in Tree component.
+ */
 export interface TreeProps {
     /**
      * An array of treenodes.
@@ -92,20 +107,21 @@ export interface TreeProps {
     /**
      * Defines the selection mode.
      */
-    selectionMode?: TreeSelectionModeType;
+    selectionMode?: 'single' | 'multiple' | 'checkbox' | undefined;
     /**
      * Defines how multiple items can be selected, when true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually.
      * On touch enabled devices, metaKeySelection is turned off automatically.
-     * Default value is true.
+     * @defaultValue true
      */
     metaKeySelection?: boolean | undefined;
     /**
      * Whether to display loading indicator.
+     * @defaultValue false
      */
     loading?: boolean | undefined;
     /**
      * Icon to display when tree is loading.
-     * Default value is 'pi pi-spin'.
+     * @defaultValue pi pi-spin
      */
     loadingIcon?: string | undefined;
     /**
@@ -114,15 +130,14 @@ export interface TreeProps {
     filter?: boolean | undefined;
     /**
      * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
-     * Default valye is 'label'.
+     * @defaultValue label
      */
     filterBy?: string | undefined;
     /**
      * Mode for filtering.
-     * @see TreeFilterModeType
-     * Default value is 'lenient'.
+     * @defaultValue lenient
      */
-    filterMode?: TreeFilterModeType;
+    filterMode?: 'lenient' | 'strict' | undefined;
     /**
      * Placeholder text to show when filter input is empty.
      */
@@ -133,9 +148,8 @@ export interface TreeProps {
     filterLocale?: string | undefined;
     /**
      * Height of the scroll viewport in fixed units or the 'flex' keyword for a dynamic size.
-     * @see TreeScrollHeightType
      */
-    scrollHeight?: TreeScrollHeightType;
+    scrollHeight?: 'flex' | string | undefined;
     /**
      * Defines a string value that labels an interactive element.
      */
@@ -146,9 +160,13 @@ export interface TreeProps {
     'aria-labelledby'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in Tree component.
+ */
 export interface TreeSlots {
     /**
      * Optional slots.
+     * @todo
      */
     [key: string]: (scope: {
         /**
@@ -158,39 +176,53 @@ export interface TreeSlots {
     }) => VNode[];
 }
 
-export declare type TreeEmits = {
+/**
+ * Defines valid slots in Tree component.
+ */
+export interface TreeEmits {
     /**
      * Emitted when the expanded keys change.
      * @param {TreeNode} value - New expanded keys.
      */
-    'update:expandedKeys': (value: TreeExpandedKeys) => void;
+    'update:expandedKeys'(value: TreeExpandedKeys): void;
     /**
      * Emitted when the selection keys change.
      * @param {TreeSelectionKeys} value - New selection keys.
      */
-    'update:selectionKeys': (event: TreeSelectionKeys) => void;
+    'update:selectionKeys'(event: TreeSelectionKeys): void;
     /**
      * Callback to invoke when a node is selected.
      * @param {TreeNode} node - Node instance.
      */
-    'node-select': (node: TreeNode) => void;
+    'node-select'(node: TreeNode): void;
     /**
      * Callback to invoke when a node is unselected.
      * @param {TreeNode} node - Node instance.
      */
-    'node-unselect': (node: TreeNode) => void;
+    'node-unselect'(node: TreeNode): void;
     /**
      * Callback to invoke when a node is expanded.
      * @param {TreeNode} node - Node instance.
      */
-    'node-expand': (node: TreeNode) => void;
+    'node-expand'(node: TreeNode): void;
     /**
      * Callback to invoke when a node is collapsed.
      * @param {TreeNode} node - Node instance.
      */
-    'node-collapse': (node: TreeNode) => void;
-};
+    'node-collapse'(node: TreeNode): void;
+}
 
+/**
+ * **PrimeVue - Tree**
+ *
+ * _Tree is used to display hierarchical data._
+ *
+ * [Live Demo](https://www.primevue.org/tree/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
 declare class Tree extends ClassComponent<TreeProps, TreeSlots, TreeEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -199,17 +231,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Tree is used to display hierarchical data.
- *
- * Helper API:
- *
- * - TreeNode
- *
- * Demos:
- *
- * - [Tree](https://www.primefaces.org/primevue/tree)
- *
- */
 export default Tree;