primeng 16.0.0-rc.2 → 16.0.0

package/panel/panel.interface.d.ts

@@ -2,6 +2,7 @@ import { TemplateRef } from '@angular/core';
 /**
  * Custom panel toggle event, emits before panel toggle.
  * @see {@link Panel.onBeforeToggle}
+ * @group Events
  */
 export interface PanelBeforeToggleEvent {
     /**
@@ -16,6 +17,8 @@ export interface PanelBeforeToggleEvent {
 /**
  * Custom panel toggle event, emits after panel toggle.
  * @see {@link Panel.onAfterToggle}
+ * @extends {PanelBeforeToggleEvent}
+ * @group Events
  */
 export interface PanelAfterToggleEvent extends PanelBeforeToggleEvent {
 }
@@ -27,15 +30,15 @@ export interface PanelTemplates {
     /**
      * Custom header template.
      */
-    header: TemplateRef<any> | null;
+    header(): TemplateRef<any>;
     /**
      * Custom content template.
      */
-    content: TemplateRef<any> | null;
+    content(): TemplateRef<any>;
     /**
      * Custom footer template.
      */
-    footer: TemplateRef<any> | null;
+    footer(): TemplateRef<any>;
     /**
      * Custom icons template of the panel toggler.
      * @param {Object} context - header icon data.
@@ -51,5 +54,5 @@ export interface PanelTemplates {
     /**
      * Custom icons template of the panel header.
      */
-    icons: TemplateRef<any> | null;
+    icons(): TemplateRef<any>;
 }

package/panelmenu/panelmenu.d.ts

@@ -33,27 +33,36 @@ export declare class PanelMenuSub extends BasePanelMenuItem {
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuSub, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuSub, "p-panelMenuSub", never, { "item": { "alias": "item"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, {}, never, never, false, never>;
 }
+/**
+ * PanelMenu is a hybrid of Accordion and Tree components.
+ * @group Components
+ */
 export declare class PanelMenu extends BasePanelMenuItem implements AfterContentInit {
     /**
      * An array of menuitems.
+     * @group Props
      */
     model: MenuItem[] | undefined;
     /**
      * Inline style of the component.
+     * @group Props
      */
     style: {
         [klass: string]: any;
     } | null | undefined;
     /**
      * Style class of the component.
+     * @group Props
      */
     styleClass: string | undefined;
     /**
      * Whether multiple tabs can be activated at the same time or not.
+     * @group Props
      */
     multiple: boolean;
     /**
      * Transition options of the animation.
+     * @group Props
      */
     transitionOptions: string;
     templates: QueryList<PrimeTemplate> | undefined;

package/panelmenu/panelmenu.interface.d.ts

@@ -7,5 +7,5 @@ export interface PanelMenuTemplates {
     /**
      * Custom template of submenuicon.
      */
-    submenuicon: TemplateRef<any> | null;
+    submenuicon(): TemplateRef<any>;
 }

package/password/password.d.ts

@@ -15,6 +15,10 @@ type Meter = {
     strength: string;
     width: string;
 };
+/**
+ * Password directive.
+ * @group Components
+ */
 export declare class PasswordDirective implements OnDestroy, DoCheck {
     private document;
     private platformId;
@@ -86,6 +90,10 @@ export declare class MapperPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<MapperPipe, "mapper", false>;
 }
 export declare const Password_VALUE_ACCESSOR: any;
+/**
+ * Password displays strength indicator for password fields.
+ * @group Components
+ */
 export declare class Password implements AfterContentInit, OnInit {
     private document;
     private platformId;
@@ -120,12 +128,12 @@ export declare class Password implements AfterContentInit, OnInit {
      */
     promptLabel: string | undefined;
     /**
-     * ^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,}).
+     * Regex value for medium regex.
      * @group Props
      */
     mediumRegex: string;
     /**
-     * ^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})
+     * Regex value for strong regex.
      * @group Props
      */
     strongRegex: string;
@@ -174,16 +182,6 @@ export declare class Password implements AfterContentInit, OnInit {
      * @group Props
      */
     inputStyleClass: string | undefined;
-    /**
-     * Inline style of the overlay panel element.
-     * @group Props
-     */
-    panelStyle: any;
-    /**
-     * Style class of the overlay panel element.
-     * @group Props
-     */
-    panelStyleClass: string | undefined;
     /**
      * Style class of the element.
      * @group Props
@@ -193,12 +191,16 @@ export declare class Password implements AfterContentInit, OnInit {
      * Inline style of the component.
      * @group Props
      */
-    style: any;
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
     /**
      * Inline style of the input field.
      * @group Props
      */
-    inputStyle: any;
+    inputStyle: {
+        [klass: string]: any;
+    } | null | undefined;
     /**
      * Transition options of the show animation.
      * @group Props
@@ -235,7 +237,7 @@ export declare class Password implements AfterContentInit, OnInit {
      * Callback to invoke when clear button is clicked.
      * @group Emits
      */
-    onClear: EventEmitter<undefined | null>;
+    onClear: EventEmitter<any>;
     input: ElementRef;
     contentTemplate: Nullable<TemplateRef<any>>;
     footerTemplate: Nullable<TemplateRef<any>>;
@@ -302,7 +304,7 @@ export declare class Password implements AfterContentInit, OnInit {
     clear(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Password, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "p-password", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "promptLabel": { "alias": "promptLabel"; "required": false; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; }; "strongRegex": { "alias": "strongRegex"; "required": false; }; "weakLabel": { "alias": "weakLabel"; "required": false; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "strongLabel": { "alias": "strongLabel"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "toggleMask": { "alias": "toggleMask"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "p-password", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "promptLabel": { "alias": "promptLabel"; "required": false; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; }; "strongRegex": { "alias": "strongRegex"; "required": false; }; "weakLabel": { "alias": "weakLabel"; "required": false; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "strongLabel": { "alias": "strongLabel"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "toggleMask": { "alias": "toggleMask"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["templates"], never, false, never>;
 }
 export declare class PasswordModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordModule, never>;

package/picklist/picklist.d.ts

@@ -19,6 +19,10 @@ import * as i12 from "primeng/icons/angleright";
 import * as i13 from "primeng/icons/angleup";
 import * as i14 from "primeng/icons/search";
 import * as i15 from "primeng/icons/home";
+/**
+ * PickList is used to reorder items between different lists.
+ * @group Components
+ */
 export declare class PickList implements AfterViewChecked, AfterContentInit {
     private document;
     private platformId;
@@ -216,61 +220,61 @@ export declare class PickList implements AfterViewChecked, AfterContentInit {
     set breakpoint(value: string);
     /**
      * Callback to invoke when items are moved from target to source.
-     * @param {PickListMoveToSourceEvent} event - custom move to source event.
+     * @param {PickListMoveToSourceEvent} event - Custom move to source event.
      * @group Emits
      */
     onMoveToSource: EventEmitter<PickListMoveToSourceEvent>;
     /**
      * Callback to invoke when all items are moved from target to source.
-     * @param {PickListMoveAllToSourceEvent} event - custom move all to source event.
+     * @param {PickListMoveAllToSourceEvent} event - Custom move all to source event.
      * @group Emits
      */
     onMoveAllToSource: EventEmitter<PickListMoveAllToSourceEvent>;
     /**
      * Callback to invoke when all items are moved from source to target.
-     * @param {PickListMoveAllToTargetEvent} event - custom move all to target event.
+     * @param {PickListMoveAllToTargetEvent} event - Custom move all to target event.
      * @group Emits
      */
     onMoveAllToTarget: EventEmitter<PickListMoveAllToTargetEvent>;
     /**
      * Callback to invoke when items are moved from source to target.
-     * @param {PickListMoveToTargetEvent} event - custom move to target event.
+     * @param {PickListMoveToTargetEvent} event - Custom move to target event.
      * @group Emits
      */
     onMoveToTarget: EventEmitter<PickListMoveToTargetEvent>;
     /**
      * Callback to invoke when items are reordered within source list.
-     * @param {PickListSourceReorderEvent} event - custom source reorder event.
+     * @param {PickListSourceReorderEvent} event - Custom source reorder event.
      * @group Emits
      */
     onSourceReorder: EventEmitter<PickListSourceReorderEvent>;
     /**
      * Callback to invoke when items are reordered within target list.
-     * @param {PickListTargetReorderEvent} event - custom target reorder event.
+     * @param {PickListTargetReorderEvent} event - Custom target reorder event.
      * @group Emits
      */
     onTargetReorder: EventEmitter<PickListTargetReorderEvent>;
     /**
      * Callback to invoke when items are selected within source list.
-     * @param {PickListSourceSelectEvent} event - custom source select event.
+     * @param {PickListSourceSelectEvent} event - Custom source select event.
      * @group Emits
      */
     onSourceSelect: EventEmitter<PickListSourceSelectEvent>;
     /**
      * Callback to invoke when items are selected within target list.
-     * @param {PickListTargetSelectEvent} event - custom target select event.
+     * @param {PickListTargetSelectEvent} event - Custom target select event.
      * @group Emits
      */
     onTargetSelect: EventEmitter<PickListTargetSelectEvent>;
     /**
      * Callback to invoke when the source list is filtered
-     * @param {PickListSourceFilterEvent} event - custom source filter event.
+     * @param {PickListSourceFilterEvent} event - Custom source filter event.
      * @group Emits
      */
     onSourceFilter: EventEmitter<PickListSourceFilterEvent>;
     /**
      * Callback to invoke when the target list is filtered
-     * @param {PickListTargetFilterEvent} event - custom target filter event.
+     * @param {PickListTargetFilterEvent} event - Custom target filter event.
      * @group Emits
      */
     onTargetFilter: EventEmitter<PickListTargetFilterEvent>;

package/picklist/picklist.interface.d.ts

@@ -1,6 +1,7 @@
 import { TemplateRef } from '@angular/core';
 /**
  * Callbacks to invoke on filter.
+ * @group Interface
  */
 export interface PickListFilterOptions {
     filter?: (value?: any) => void;
@@ -9,6 +10,7 @@ export interface PickListFilterOptions {
 /**
  * Custom move to source event.
  * @see {@link PickList.onMoveToSource}
+ * @group Events
  */
 export interface PickListMoveToSourceEvent {
     /**
@@ -20,6 +22,7 @@ export interface PickListMoveToSourceEvent {
  * Custom move all to source event.
  * @see {@link PickList.onMoveAllToSource}
  * @extends {PickListMoveToSourceEvent}
+ * @group Events
  */
 export interface PickListMoveAllToSourceEvent extends PickListMoveToSourceEvent {
 }
@@ -27,6 +30,7 @@ export interface PickListMoveAllToSourceEvent extends PickListMoveToSourceEvent
  * Custom move all to target event.
  * @see {@link PickList.onMoveAllToTarget}
  * @extends {PickListMoveToSourceEvent}
+ * @group Events
  */
 export interface PickListMoveAllToTargetEvent extends PickListMoveToSourceEvent {
 }
@@ -34,6 +38,7 @@ export interface PickListMoveAllToTargetEvent extends PickListMoveToSourceEvent
  * Custom move to target event.
  * @see {@link PickList.onMoveToTarget}
  * @extends {PickListMoveToSourceEvent}
+ * @group Events
  */
 export interface PickListMoveToTargetEvent extends PickListMoveToSourceEvent {
 }
@@ -41,6 +46,7 @@ export interface PickListMoveToTargetEvent extends PickListMoveToSourceEvent {
  * Custom move source reorder event.
  * @see {@link PickList.onSourceReorder}
  * @extends {PickListMoveToSourceEvent}
+ * @group Events
  */
 export interface PickListSourceReorderEvent extends PickListMoveToSourceEvent {
 }
@@ -48,13 +54,14 @@ export interface PickListSourceReorderEvent extends PickListMoveToSourceEvent {
  * Custom move target reorder event.
  * @see {@link PickList.onTargetReorder}
  * @extends {PickListMoveToSourceEvent}
+ * @group Events
  */
 export interface PickListTargetReorderEvent extends PickListMoveToSourceEvent {
 }
 /**
  * Custom source select event.
  * @see {@link PickList.onSourceSelect}
- * @extends {PickListMoveToSourceEvent}
+ * @group Events
  */
 export interface PickListSourceSelectEvent {
     /**
@@ -70,12 +77,14 @@ export interface PickListSourceSelectEvent {
  * Custom target select event.
  * @see {@link PickList.onTargetSelect}
  * @extends {PickListSourceSelectEvent}
+ * @group Events
  */
 export interface PickListTargetSelectEvent extends PickListSourceSelectEvent {
 }
 /**
  * Custom source filter event.
  * @see {@link PickList.onSourceFilter}
+ * @group Events
  */
 export interface PickListSourceFilterEvent {
     /**
@@ -90,6 +99,8 @@ export interface PickListSourceFilterEvent {
 /**
  * Custom target filter event.
  * @see {@link PickList.onTargetFilter}
+ * @extends {PickListSourceFilterEvent}
+ * @group Events
  */
 export interface PickListTargetFilterEvent extends PickListSourceFilterEvent {
 }
@@ -117,11 +128,11 @@ export interface PickListTemplates {
     /**
      * Custom source header template.
      */
-    sourceHeader: TemplateRef<any>;
+    sourceHeader(): TemplateRef<any>;
     /**
      * Custom target header template.
      */
-    targetHeader: TemplateRef<any>;
+    targetHeader(): TemplateRef<any>;
     /**
      * Custom source filter template.
      */
@@ -147,35 +158,35 @@ export interface PickListTemplates {
     /**
      * Custom source list empty message template.
      */
-    emptymessagesource: TemplateRef<any>;
+    emptymessagesource(): TemplateRef<any>;
     /**
      * Custom source list empty filter message template.
      */
-    emptyfiltermessagesource: TemplateRef<any>;
+    emptyfiltermessagesource(): TemplateRef<any>;
     /**
      * Custom target list empty message template.
      */
-    emptymessagetarget: TemplateRef<any>;
+    emptymessagetarget(): TemplateRef<any>;
     /**
      * Custom target list empty filter message template.
      */
-    emptyfiltermessagetarget: TemplateRef<any>;
+    emptyfiltermessagetarget(): TemplateRef<any>;
     /**
      * Custom move up icon template.
      */
-    moveupicon: TemplateRef<any>;
+    moveupicon(): TemplateRef<any>;
     /**
      * Custom move top icon template.
      */
-    movetopicon: TemplateRef<any>;
+    movetopicon(): TemplateRef<any>;
     /**
      * Custom move down icon template.
      */
-    movedownicon: TemplateRef<any>;
+    movedownicon(): TemplateRef<any>;
     /**
      * Custom move bottom icon template.
      */
-    movebottomicon: TemplateRef<any>;
+    movebottomicon(): TemplateRef<any>;
     /**
      * Custom move to target icon template.
      */
@@ -223,9 +234,9 @@ export interface PickListTemplates {
     /**
      * Custom target filter icon template.
      */
-    targetfiltericon: TemplateRef<any>;
+    targetfiltericon(): TemplateRef<any>;
     /**
      * Custom source filter icon template.
      */
-    sourcefiltericon: TemplateRef<any>;
+    sourcefiltericon(): TemplateRef<any>;
 }

package/progressbar/progressbar.d.ts

@@ -1,5 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+/**
+ * ProgressBar is a process status indicator.
+ * @group Components
+ */
 export declare class ProgressBar {
     /**
      * Current value of the progress.

package/progressspinner/progressspinner.d.ts

@@ -1,5 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+/**
+ * ProgressSpinner is a process status indicator.
+ * @group Components
+ */
 export declare class ProgressSpinner {
     /**
      * Class of the element.

package/radiobutton/radiobutton.d.ts

@@ -14,6 +14,10 @@ export declare class RadioControlRegistry {
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioControlRegistry, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RadioControlRegistry>;
 }
+/**
+ * RadioButton is an extension to standard radio button element with theming.
+ * @group Components
+ */
 export declare class RadioButton implements ControlValueAccessor, OnInit, OnDestroy {
     cd: ChangeDetectorRef;
     private injector;
@@ -117,7 +121,7 @@ export declare class RadioButton implements ControlValueAccessor, OnInit, OnDest
     onChange(event: Event): void;
     /**
      * Applies focus to input field.
-     * @group Methods
+     * @group Method
      */
     focus(): void;
     ngOnDestroy(): void;

package/radiobutton/radiobutton.interface.d.ts

@@ -1,6 +1,7 @@
 /**
  * Custom click event.
  * @see {@link RadioButton.onClick}
+ * @group Events
  */
 export interface RadioButtonClickEvent {
     /**

package/rating/rating.d.ts

@@ -10,6 +10,10 @@ import * as i3 from "primeng/icons/star";
 import * as i4 from "primeng/icons/ban";
 import * as i5 from "primeng/api";
 export declare const RATING_VALUE_ACCESSOR: any;
+/**
+ * RadioButton is an extension to standard radio button element with theming.
+ * @group Components
+ */
 export declare class Rating implements OnInit, ControlValueAccessor {
     private cd;
     /**

package/rating/rating.interface.d.ts

@@ -2,6 +2,7 @@ import { TemplateRef } from '@angular/core';
 /**
  * Custom change event.
  * @see {@link Rating.onRate}
+ * @group Events
  */
 export interface RatingRateEvent {
     /**
@@ -21,13 +22,13 @@ export interface RatingTemplates {
     /**
      * Custom on icon template.
      */
-    onicon: TemplateRef<any>;
+    onicon(): TemplateRef<any>;
     /**
      * Custom off icon template.
      */
-    officon: TemplateRef<any>;
+    officon(): TemplateRef<any>;
     /**
      * Custom cancel icon template.
      */
-    cancelicon: TemplateRef<any>;
+    cancelicon(): TemplateRef<any>;
 }

package/resources/components/button/button.css

@@ -20,6 +20,7 @@
 
 .p-button:disabled {
     cursor: default;
+    pointer-events: none;
 }
 
 .p-button-icon-only {

package/resources/primeng.css

@@ -219,6 +219,7 @@ button {
 
 .p-button:disabled {
     cursor: default;
+    pointer-events: none;
 }
 
 .p-button-icon-only {

package/resources/primeng.min.css

@@ -1 +1 @@
-.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:flex}.p-icon{display:inline-block}.p-icon-spin{-webkit-animation:p-icon-spin 2s infinite linear;animation:p-icon-spin 2s infinite linear}@-webkit-keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
+.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:flex}.p-icon{display:inline-block}.p-icon-spin{-webkit-animation:p-icon-spin 2s infinite linear;animation:p-icon-spin 2s infinite linear}@-webkit-keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes p-icon-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}

package/ripple/ripple.d.ts

@@ -3,6 +3,10 @@ import { PrimeNGConfig } from 'primeng/api';
 import { VoidListener } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+/**
+ * Ripple directive adds ripple effect to the host element.
+ * @group Components
+ */
 export declare class Ripple implements AfterViewInit, OnDestroy {
     private document;
     private platformId;

package/scroller/scroller.d.ts

@@ -1,11 +1,16 @@
 import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { PrimeTemplate } from 'primeng/api';
-import { ScrollerLazyLoadEvent, ScrollerOptions, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface';
+import { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface';
+import { ScrollerOptions } from 'primeng/api';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "primeng/api";
 import * as i3 from "primeng/icons/spinner";
+/**
+ * Scroller is a performance-approach to handle huge data efficiently.
+ * @group Components
+ */
 export declare class Scroller implements OnInit, AfterContentInit, AfterViewChecked, OnDestroy {
     private document;
     private platformId;
@@ -22,12 +27,8 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
      * Inline style of the component.
      * @group Props
      */
-    get style(): {
-        [klass: string]: any;
-    } | null | undefined;
-    set style(val: {
-        [klass: string]: any;
-    } | null | undefined);
+    get style(): any;
+    set style(val: any);
     /**
      * Style class of the element.
      * @group Props
@@ -158,8 +159,8 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
      * Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity.
      * @group Props
      */
-    get trackBy(): any;
-    set trackBy(val: any);
+    get trackBy(): Function;
+    set trackBy(val: Function);
     /**
      * Defines whether to use the scroller feature. The properties of scroller component can be used like an object in it.
      * @group Props
@@ -168,19 +169,19 @@ export declare class Scroller implements OnInit, AfterContentInit, AfterViewChec
     set options(val: ScrollerOptions | undefined);
     /**
      * Callback to invoke in lazy mode to load new data.
-     * @param {ScrollerLazyLoadEvent} event - custom lazy load event.
+     * @param {ScrollerLazyLoadEvent} event - Custom lazy load event.
      * @group Emits
      */
     onLazyLoad: EventEmitter<ScrollerLazyLoadEvent>;
     /**
      * Callback to invoke when scroll position changes.
-     * @param {ScrollerScrollEvent} event - custom scroll event.
+     * @param {ScrollerScrollEvent} event - Custom scroll event.
      * @group Emits
      */
     onScroll: EventEmitter<ScrollerScrollEvent>;
     /**
      * Callback to invoke when scroll position and item's range in view changes.
-     * @param {ScrollerScrollEvent} event - custom scroll index change event.
+     * @param {ScrollerScrollEvent} event - Custom scroll index change event.
      * @group Emits
      */
     onScrollIndexChange: EventEmitter<ScrollerScrollIndexChangeEvent>;