primeng 20.3.0 → 21.0.0-rc.1

package/{dataview/index.d.ts → types/primeng-dataview.d.ts}

@@ -1,4 +1,4 @@
-import { DataViewPassThrough, DataViewLazyLoadEvent, DataViewPageEvent, DataViewSortEvent, DataViewLayoutChangeEvent, DataViewPaginatorState } from 'primeng/types/dataview';
+import { DataViewPassThrough, DataViewLazyLoadEvent, DataViewPageEvent, DataViewSortEvent, DataViewLayoutChangeEvent, DataViewListTemplateContext, DataViewGridTemplateContext, DataViewPaginatorLeftTemplateContext, DataViewPaginatorRightTemplateContext, DataViewPaginatorDropdownItemTemplateContext, DataViewPaginatorState } from 'primeng/types/dataview';
 export * from 'primeng/types/dataview';
 import * as i0 from '@angular/core';
 import { ElementRef, TemplateRef, EventEmitter, SimpleChanges } from '@angular/core';
@@ -271,58 +271,64 @@ declare class DataView extends BaseComponent<DataViewPassThrough> implements Blo
     onChangeLayout: EventEmitter<DataViewLayoutChangeEvent>;
     /**
      * Template for the list layout.
+     * @param {DataViewListTemplateContext} context - list template context.
      * @group Templates
      */
-    listTemplate: Nullable<TemplateRef<any>>;
+    listTemplate: Nullable<TemplateRef<DataViewListTemplateContext>>;
     /**
      * Template for grid layout.
+     * @param {DataViewGridTemplateContext} context - grid template context.
      * @group Templates
      */
-    gridTemplate: TemplateRef<any>;
+    gridTemplate: TemplateRef<DataViewGridTemplateContext>;
     /**
      * Template for the header section.
      * @group Templates
      */
-    headerTemplate: TemplateRef<any>;
+    headerTemplate: TemplateRef<void>;
     /**
      * Template for the empty message section.
      * @group Templates
      */
-    emptymessageTemplate: TemplateRef<any>;
+    emptymessageTemplate: TemplateRef<void>;
     /**
      * Template for the footer section.
      * @group Templates
      */
-    footerTemplate: TemplateRef<any>;
+    footerTemplate: TemplateRef<void>;
     /**
      * Template for the left side of paginator.
+     * @param {DataViewPaginatorLeftTemplateContext} context - paginator left template context.
      * @group Templates
      */
-    paginatorleft: TemplateRef<any>;
-    /**r* Template for the right side of paginator.
+    paginatorleft: TemplateRef<DataViewPaginatorLeftTemplateContext>;
+    /**
+     * Template for the right side of paginator.
+     * @param {DataViewPaginatorRightTemplateContext} context - paginator right template context.
      * @group Templates
      */
-    paginatorright: TemplateRef<any>;
+    paginatorright: TemplateRef<DataViewPaginatorRightTemplateContext>;
     /**
      * Template for items in paginator dropdown.
+     * @param {DataViewPaginatorDropdownItemTemplateContext} context - paginator dropdown item template context.
      * @group Templates
      */
-    paginatordropdownitem: TemplateRef<any>;
+    paginatordropdownitem: TemplateRef<DataViewPaginatorDropdownItemTemplateContext>;
     /**
      * Template for loading icon.
      * @group Templates
      */
-    loadingicon: TemplateRef<any>;
+    loadingicon: TemplateRef<void>;
     /**
      * Template for list icon.
      * @group Templates
      */
-    listicon: TemplateRef<any>;
+    listicon: TemplateRef<void>;
     /**
      * Template for grid icon.
      * @group Templates
      */
-    gridicon: TemplateRef<any>;
+    gridicon: TemplateRef<void>;
     header: any;
     footer: any;
     _value: Nullable<any[]>;

package/{datepicker/index.d.ts → types/primeng-datepicker.d.ts}

@@ -1,8 +1,8 @@
-import { DatePickerPassThrough, DatePickerResponsiveOptions, DatePickerTypeView, DatePickerMonthChangeEvent, DatePickerYearChangeEvent, Month, NavigationState, LocaleSettings } from 'primeng/types/datepicker';
+import { DatePickerPassThrough, DatePickerResponsiveOptions, DatePickerTypeView, DatePickerMonthChangeEvent, DatePickerYearChangeEvent, Month, DatePickerDateTemplateContext, DatePickerDisabledDateTemplateContext, DatePickerDecadeTemplateContext, DatePickerInputIconTemplateContext, DatePickerButtonBarTemplateContext, NavigationState, LocaleSettings } from 'primeng/types/datepicker';
 export * from 'primeng/types/datepicker';
 import * as i0 from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, NgZone, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { OverlayService, PrimeTemplate } from 'primeng/api';
 import { BaseInput } from 'primeng/baseinput';
@@ -515,11 +515,13 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     /**
      * Transition options of the show animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     showTransitionOptions: string;
     /**
      * Transition options of the hide animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     hideTransitionOptions: string;
     /**
@@ -593,6 +595,12 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
      * @group Props
      */
     appendTo: i0.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Callback to invoke on focus of input field.
      * @param {Event} event - browser event.
@@ -607,10 +615,10 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     onBlur: EventEmitter<Event>;
     /**
      * Callback to invoke when date panel closed.
-     * @param {Event} event - Mouse event
+     * @param {HTMLDivElement} element - The element being transitioned/animated.
      * @group Emits
      */
-    onClose: EventEmitter<AnimationEvent>;
+    onClose: EventEmitter<HTMLElement>;
     /**
      * Callback to invoke on date select.
      * @param {Date} date - date value.
@@ -659,9 +667,10 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     onClickOutside: EventEmitter<any>;
     /**
      * Callback to invoke when datepicker panel is shown.
+     * @param {HTMLDivElement} element - The element being transitioned/animated.
      * @group Emits
      */
-    onShow: EventEmitter<any>;
+    onShow: EventEmitter<HTMLElement>;
     inputfieldViewChild: Nullable<ElementRef>;
     set content(content: ElementRef);
     _componentStyle: DatePickerStyle;
@@ -679,9 +688,10 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     pm: Nullable<boolean>;
     mask: Nullable<HTMLDivElement>;
     maskClickListener: VoidListener;
-    overlay: Nullable<HTMLDivElement>;
+    overlay: Nullable<HTMLElement>;
     responsiveStyleElement: HTMLStyleElement | undefined | null;
     overlayVisible: Nullable<boolean>;
+    overlayMinWidth: Nullable<number>;
     $appendTo: i0.Signal<any>;
     calendarElement: Nullable<HTMLElement | ElementRef>;
     timePickerTimer: any;
@@ -706,82 +716,87 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     };
     /**
      * Custom template for date cells.
+     * @param {DatePickerDateTemplateContext} context - date template context.
      * @group Templates
      */
-    dateTemplate: Nullable<TemplateRef<any>>;
+    dateTemplate: Nullable<TemplateRef<DatePickerDateTemplateContext>>;
     /**
      * Custom template for header section.
      * @group Templates
      */
-    headerTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for footer section.
      * @group Templates
      */
-    footerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for disabled date cells.
+     * @param {DatePickerDisabledDateTemplateContext} context - disabled date template context.
      * @group Templates
      */
-    disabledDateTemplate: Nullable<TemplateRef<any>>;
+    disabledDateTemplate: Nullable<TemplateRef<DatePickerDisabledDateTemplateContext>>;
     /**
      * Custom template for decade view.
+     * @param {DatePickerDecadeTemplateContext} context - decade template context.
      * @group Templates
      */
-    decadeTemplate: Nullable<TemplateRef<any>>;
+    decadeTemplate: Nullable<TemplateRef<DatePickerDecadeTemplateContext>>;
     /**
      * Custom template for previous month icon.
      * @group Templates
      */
-    previousIconTemplate: Nullable<TemplateRef<any>>;
+    previousIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for next month icon.
      * @group Templates
      */
-    nextIconTemplate: Nullable<TemplateRef<any>>;
+    nextIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for trigger icon.
      * @group Templates
      */
-    triggerIconTemplate: Nullable<TemplateRef<any>>;
+    triggerIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for clear icon.
      * @group Templates
      */
-    clearIconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for decrement icon.
      * @group Templates
      */
-    decrementIconTemplate: Nullable<TemplateRef<any>>;
+    decrementIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for increment icon.
      * @group Templates
      */
-    incrementIconTemplate: Nullable<TemplateRef<any>>;
+    incrementIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom template for input icon.
+     * @param {DatePickerInputIconTemplateContext} context - input icon template context.
      * @group Templates
      */
-    inputIconTemplate: Nullable<TemplateRef<any>>;
+    inputIconTemplate: Nullable<TemplateRef<DatePickerInputIconTemplateContext>>;
     /**
      * Custom template for button bar.
+     * @param {DatePickerButtonBarTemplateContext} context - button bar template context.
      * @group Templates
      */
-    buttonBarTemplate: Nullable<TemplateRef<any>>;
-    _dateTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _disabledDateTemplate: TemplateRef<any> | undefined;
-    _decadeTemplate: TemplateRef<any> | undefined;
-    _previousIconTemplate: TemplateRef<any> | undefined;
-    _nextIconTemplate: TemplateRef<any> | undefined;
-    _triggerIconTemplate: TemplateRef<any> | undefined;
-    _clearIconTemplate: TemplateRef<any> | undefined;
-    _decrementIconTemplate: TemplateRef<any> | undefined;
-    _incrementIconTemplate: TemplateRef<any> | undefined;
-    _inputIconTemplate: TemplateRef<any> | undefined;
-    _buttonBarTemplate: TemplateRef<any> | undefined;
+    buttonBarTemplate: Nullable<TemplateRef<DatePickerButtonBarTemplateContext>>;
+    _dateTemplate: TemplateRef<DatePickerDateTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _disabledDateTemplate: TemplateRef<DatePickerDisabledDateTemplateContext> | undefined;
+    _decadeTemplate: TemplateRef<DatePickerDecadeTemplateContext> | undefined;
+    _previousIconTemplate: TemplateRef<void> | undefined;
+    _nextIconTemplate: TemplateRef<void> | undefined;
+    _triggerIconTemplate: TemplateRef<void> | undefined;
+    _clearIconTemplate: TemplateRef<void> | undefined;
+    _decrementIconTemplate: TemplateRef<void> | undefined;
+    _incrementIconTemplate: TemplateRef<void> | undefined;
+    _inputIconTemplate: TemplateRef<DatePickerInputIconTemplateContext> | undefined;
+    _buttonBarTemplate: TemplateRef<DatePickerButtonBarTemplateContext> | undefined;
     _disabledDates: Array<Date>;
     _disabledDays: Array<number>;
     selectElement: Nullable;
@@ -920,11 +935,13 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     showOverlay(): void;
     hideOverlay(): void;
     toggle(): void;
-    onOverlayAnimationStart(event: AnimationEvent): void;
-    onOverlayAnimationDone(event: AnimationEvent): void;
+    onOverlayBeforeEnter(event: MotionEvent): void;
+    onOverlayAfterLeave(event: MotionEvent): void;
     appendOverlay(): void;
     restoreOverlayAppend(): void;
     alignOverlay(): void;
+    bindListeners(): void;
+    setZIndex(): void;
     enableModality(element: any): void;
     disableModality(): void;
     destroyMask(): void;
@@ -965,7 +982,7 @@ declare class DatePicker extends BaseInput<DatePickerPassThrough> {
     writeControlValue(value: any): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePicker, "p-datePicker, p-datepicker, p-date-picker", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "startWeekFromFirstDayOfYear": { "alias": "startWeekFromFirstDayOfYear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onShow": "onShow"; }, ["dateTemplate", "headerTemplate", "footerTemplate", "disabledDateTemplate", "decadeTemplate", "previousIconTemplate", "nextIconTemplate", "triggerIconTemplate", "clearIconTemplate", "decrementIconTemplate", "incrementIconTemplate", "inputIconTemplate", "buttonBarTemplate", "templates"], ["p-header", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePicker, "p-datePicker, p-datepicker, p-date-picker", never, { "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "iconAriaLabel": { "alias": "iconAriaLabel"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "multipleSeparator": { "alias": "multipleSeparator"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "shortYearCutoff": { "alias": "shortYearCutoff"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "showWeek": { "alias": "showWeek"; "required": false; }; "startWeekFromFirstDayOfYear": { "alias": "startWeekFromFirstDayOfYear"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "maxDateCount": { "alias": "maxDateCount"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "todayButtonStyleClass": { "alias": "todayButtonStyleClass"; "required": false; }; "clearButtonStyleClass": { "alias": "clearButtonStyleClass"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "keepInvalid": { "alias": "keepInvalid"; "required": false; }; "hideOnDateTimeSelect": { "alias": "hideOnDateTimeSelect"; "required": false; }; "touchUI": { "alias": "touchUI"; "required": false; }; "timeSeparator": { "alias": "timeSeparator"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "view": { "alias": "view"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClose": "onClose"; "onSelect": "onSelect"; "onClear": "onClear"; "onInput": "onInput"; "onTodayClick": "onTodayClick"; "onClearClick": "onClearClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; "onClickOutside": "onClickOutside"; "onShow": "onShow"; }, ["dateTemplate", "headerTemplate", "footerTemplate", "disabledDateTemplate", "decadeTemplate", "previousIconTemplate", "nextIconTemplate", "triggerIconTemplate", "clearIconTemplate", "decrementIconTemplate", "incrementIconTemplate", "inputIconTemplate", "buttonBarTemplate", "templates"], ["p-header", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_inline: unknown;
     static ngAcceptInputType_showOtherMonths: unknown;
     static ngAcceptInputType_selectOtherMonths: unknown;

package/{dialog/index.d.ts → types/primeng-dialog.d.ts}

@@ -1,8 +1,8 @@
 import { DialogPassThrough } from 'primeng/types/dialog';
 export * from 'primeng/types/dialog';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnInit, AfterContentInit, OnDestroy, EventEmitter, ElementRef, TemplateRef, NgZone, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -67,7 +67,7 @@ declare class DialogStyle extends BaseStyle {
         mask: ({ instance }: {
             instance: any;
         }) => (string | {
-            'p-overlay-mask p-overlay-mask-enter': any;
+            'p-overlay-mask': any;
         })[];
         root: ({ instance }: {
             instance: any;
@@ -103,8 +103,8 @@ declare class DialogStyle extends BaseStyle {
             pointerEvents: string;
         };
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DialogStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogStyle>;
 }
 interface DialogStyle extends BaseStyle {
 }
@@ -242,9 +242,22 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
     focusTrap: boolean;
     /**
      * Transition options of the animation.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      * @group Props
      */
     transitionOptions: string;
+    /**
+     * The motion options for the mask.
+     * @group Props
+     */
+    maskMotionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMaskMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
     /**
      * Name of the close icon.
      * @group Props
@@ -296,8 +309,7 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
      * Position of the dialog.
      * @group Props
      */
-    get position(): 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
-    set position(value: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright');
+    position: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
     /**
      * Role attribute of html element.
      * @group Emits
@@ -308,7 +320,7 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
      * @defaultValue 'self'
      * @group Props
      */
-    appendTo: i0.InputSignal<any>;
+    appendTo: _angular_core.InputSignal<any>;
     /**
      * Callback to invoke when dialog is shown.
      * @group Emits
@@ -353,50 +365,80 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
     footerViewChild: Nullable<ElementRef>;
     /**
      * Header template.
-     * @group Props
+     * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<void> | undefined;
     /**
      * Content template.
-     * @group Props
+     * @group Templates
      */
-    contentTemplate: TemplateRef<any> | undefined;
+    contentTemplate: TemplateRef<void> | undefined;
     /**
      * Footer template.
-     * @group Props
+     * @group Templates
      */
-    footerTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<void> | undefined;
     /**
      * Close icon template.
-     * @group Props
+     * @group Templates
      */
-    closeIconTemplate: TemplateRef<any> | undefined;
+    closeIconTemplate: TemplateRef<void> | undefined;
     /**
      * Maximize icon template.
-     * @group Props
+     * @group Templates
      */
-    maximizeIconTemplate: TemplateRef<any> | undefined;
+    maximizeIconTemplate: TemplateRef<void> | undefined;
     /**
      * Minimize icon template.
-     * @group Props
+     * @group Templates
      */
-    minimizeIconTemplate: TemplateRef<any> | undefined;
+    minimizeIconTemplate: TemplateRef<void> | undefined;
     /**
      * Headless template.
-     * @group Props
+     * @group Templates
+     */
+    headlessTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    _headerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    _contentTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    _footerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom close icon template.
+     * @group Templates
+     */
+    _closeiconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom maximize icon template.
+     * @group Templates
+     */
+    _maximizeiconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom minimize icon template.
+     * @group Templates
+     */
+    _minimizeiconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom headless template.
+     * @group Templates
      */
-    headlessTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _contentTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _closeiconTemplate: TemplateRef<any> | undefined;
-    _maximizeiconTemplate: TemplateRef<any> | undefined;
-    _minimizeiconTemplate: TemplateRef<any> | undefined;
-    _headlessTemplate: TemplateRef<any> | undefined;
-    $appendTo: i0.Signal<any>;
+    _headlessTemplate: TemplateRef<void> | undefined;
+    $appendTo: _angular_core.Signal<any>;
+    renderMask: _angular_core.WritableSignal<boolean>;
+    renderDialog: _angular_core.WritableSignal<boolean>;
     _visible: boolean;
     maskVisible: boolean | undefined;
-    container: Nullable<HTMLDivElement>;
+    container: _angular_core.WritableSignal<Nullable<HTMLElement>>;
     wrapper: Nullable<HTMLElement>;
     dragging: boolean | undefined;
     ariaLabelledBy: string | null;
@@ -418,19 +460,18 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
     preMaximizePageY: number | undefined;
     id: string;
     _style: any;
-    _position: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
     originalStyle: any;
     transformOptions: any;
     styleElement: any;
     private window;
     _componentStyle: DialogStyle;
-    headerT: TemplateRef<any> | undefined;
-    contentT: TemplateRef<any> | undefined;
-    footerT: TemplateRef<any> | undefined;
-    closeIconT: TemplateRef<any> | undefined;
-    maximizeIconT: TemplateRef<any> | undefined;
-    minimizeIconT: TemplateRef<any> | undefined;
-    headlessT: TemplateRef<any> | undefined;
+    headerT: TemplateRef<void> | undefined;
+    contentT: TemplateRef<void> | undefined;
+    footerT: TemplateRef<void> | undefined;
+    closeIconT: TemplateRef<void> | undefined;
+    maximizeIconT: TemplateRef<void> | undefined;
+    minimizeIconT: TemplateRef<void> | undefined;
+    headlessT: TemplateRef<void> | undefined;
     private zIndexForLayering?;
     get maximizeLabel(): string;
     get minimizeLabel(): string;
@@ -438,7 +479,7 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
     get maskClass(): {
         [x: string]: string | boolean | undefined;
         'p-dialog-mask': boolean;
-        'p-overlay-mask p-overlay-mask-enter': boolean;
+        'p-overlay-mask': boolean;
     };
     onInit(): void;
     templates: QueryList<PrimeTemplate> | undefined;
@@ -474,13 +515,17 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
     unbindDocumentEscapeListener(): void;
     appendContainer(): void;
     restoreAppend(): void;
-    onAnimationStart(event: AnimationEvent): void;
-    onAnimationEnd(event: AnimationEvent): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterEnter(): void;
+    onBeforeLeave(): void;
+    onAfterLeave(): void;
+    onMaskAfterLeave(): void;
     onContainerDestroy(): void;
     destroyStyle(): void;
     onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Dialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Dialog, "p-dialog", never, { "hostName": { "alias": "hostName"; "required": false; }; "header": { "alias": "header"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "minX": { "alias": "minX"; "required": false; }; "minY": { "alias": "minY"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; "keepInViewport": { "alias": "keepInViewport"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "closeTabindex": { "alias": "closeTabindex"; "required": false; }; "minimizeIcon": { "alias": "minimizeIcon"; "required": false; }; "maximizeIcon": { "alias": "maximizeIcon"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "maximizeButtonProps": { "alias": "maximizeButtonProps"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "position": { "alias": "position"; "required": false; }; "role": { "alias": "role"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "content"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "closeIconTemplate": { "alias": "closeIconTemplate"; "required": false; }; "maximizeIconTemplate": { "alias": "maximizeIconTemplate"; "required": false; }; "minimizeIconTemplate": { "alias": "minimizeIconTemplate"; "required": false; }; "headlessTemplate": { "alias": "headlessTemplate"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; "onResizeInit": "onResizeInit"; "onResizeEnd": "onResizeEnd"; "onDragEnd": "onDragEnd"; "onMaximize": "onMaximize"; }, ["_headerTemplate", "_contentTemplate", "_footerTemplate", "_closeiconTemplate", "_maximizeiconTemplate", "_minimizeiconTemplate", "_headlessTemplate", "templates"], ["*", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "p-dialog", never, { "hostName": { "alias": "hostName"; "required": false; }; "header": { "alias": "header"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "minX": { "alias": "minX"; "required": false; }; "minY": { "alias": "minY"; "required": false; }; "focusOnShow": { "alias": "focusOnShow"; "required": false; }; "maximizable": { "alias": "maximizable"; "required": false; }; "keepInViewport": { "alias": "keepInViewport"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "closeTabindex": { "alias": "closeTabindex"; "required": false; }; "minimizeIcon": { "alias": "minimizeIcon"; "required": false; }; "maximizeIcon": { "alias": "maximizeIcon"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "maximizeButtonProps": { "alias": "maximizeButtonProps"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "position": { "alias": "position"; "required": false; }; "role": { "alias": "role"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "content"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "closeIconTemplate": { "alias": "closeIconTemplate"; "required": false; }; "maximizeIconTemplate": { "alias": "maximizeIconTemplate"; "required": false; }; "minimizeIconTemplate": { "alias": "minimizeIconTemplate"; "required": false; }; "headlessTemplate": { "alias": "headlessTemplate"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; "onResizeInit": "onResizeInit"; "onResizeEnd": "onResizeEnd"; "onDragEnd": "onDragEnd"; "onMaximize": "onMaximize"; }, ["_headerTemplate", "_contentTemplate", "_footerTemplate", "_closeiconTemplate", "_maximizeiconTemplate", "_minimizeiconTemplate", "_headlessTemplate", "templates"], ["*", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_draggable: unknown;
     static ngAcceptInputType_resizable: unknown;
     static ngAcceptInputType_modal: unknown;
@@ -500,9 +545,9 @@ declare class Dialog extends BaseComponent<DialogPassThrough> implements OnInit,
     static ngAcceptInputType_focusTrap: unknown;
 }
 declare class DialogModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, never, [typeof Dialog, typeof i2.SharedModule], [typeof Dialog, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DialogModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DialogModule, never, [typeof Dialog, typeof i2.SharedModule], [typeof Dialog, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DialogModule>;
 }
 
 export { Dialog, DialogClasses, DialogModule, DialogStyle };

package/{divider/index.d.ts → types/primeng-divider.d.ts}

@@ -108,6 +108,7 @@ declare class Divider extends BaseComponent<DividerPassThrough> {
      */
     align: 'left' | 'center' | 'right' | 'top' | 'bottom' | undefined;
     _componentStyle: DividerStyle;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Divider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Divider, "p-divider", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "type": { "alias": "type"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }

package/{dock/index.d.ts → types/primeng-dock.d.ts}

@@ -1,4 +1,4 @@
-import { DockPassThrough } from 'primeng/types/dock';
+import { DockPassThrough, DockItemTemplateContext } from 'primeng/types/dock';
 export * from 'primeng/types/dock';
 import * as i0 from '@angular/core';
 import { ChangeDetectorRef, EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
@@ -150,8 +150,13 @@ declare class Dock extends BaseComponent<DockPassThrough> {
     constructor(cd: ChangeDetectorRef);
     onInit(): void;
     onDestroy(): void;
-    itemTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
+    /**
+     * Custom item template.
+     * @param {DockItemTemplateContext} context - item template context.
+     * @group Templates
+     */
+    itemTemplate: TemplateRef<DockItemTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<DockItemTemplateContext> | undefined;
     getItemId(item: any, index: any): any;
     getItemProp(processedItem: any, name: any): any;
     disabled(item: any): any;