primeng 20.3.0 → 21.0.0-rc.1

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

@@ -1,4 +1,4 @@
-import { OrderListPassThrough, OrderListSelectionChangeEvent, OrderListFilterEvent, OrderListFilterOptions } from 'primeng/types/orderlist';
+import { OrderListPassThrough, OrderListSelectionChangeEvent, OrderListFilterEvent, OrderListItemTemplateContext, OrderListFilterTemplateContext, OrderListFilterOptions } from 'primeng/types/orderlist';
 export * from 'primeng/types/orderlist';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i0 from '@angular/core';
@@ -245,54 +245,58 @@ declare class OrderList extends BaseComponent<OrderListPassThrough> {
     filterViewChild: Nullable<ElementRef>;
     /**
      * Custom item template.
+     * @param {OrderListItemTemplateContext} context - item context.
+     * @see {@link OrderListItemTemplateContext}
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<OrderListItemTemplateContext> | undefined;
     /**
      * Custom empty template.
      * @group Templates
      */
-    emptyMessageTemplate: TemplateRef<any> | undefined;
+    emptyMessageTemplate: TemplateRef<void> | undefined;
     /**
      * Custom empty filter template.
      * @group Templates
      */
-    emptyFilterMessageTemplate: TemplateRef<any> | undefined;
+    emptyFilterMessageTemplate: TemplateRef<void> | undefined;
     /**
      * Custom filter template.
+     * @param {OrderListFilterTemplateContext} context - filter context.
+     * @see {@link OrderListFilterTemplateContext}
      * @group Templates
      */
-    filterTemplate: TemplateRef<any> | undefined;
+    filterTemplate: TemplateRef<OrderListFilterTemplateContext> | undefined;
     /**
      * Custom header template.
      * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<void> | undefined;
     /**
      * Custom move up icon template.
      * @group Templates
      */
-    moveUpIconTemplate: TemplateRef<any> | undefined;
+    moveUpIconTemplate: TemplateRef<void> | undefined;
     /**
      * Custom move top icon template.
      * @group Templates
      */
-    moveTopIconTemplate: TemplateRef<any> | undefined;
+    moveTopIconTemplate: TemplateRef<void> | undefined;
     /**
      * Custom move down icon template.
      * @group Templates
      */
-    moveDownIconTemplate: TemplateRef<any> | undefined;
+    moveDownIconTemplate: TemplateRef<void> | undefined;
     /**
      * Custom move bottom icon template.
      * @group Templates
      */
-    moveBottomIconTemplate: TemplateRef<any> | undefined;
+    moveBottomIconTemplate: TemplateRef<void> | undefined;
     /**
      * Custom filter icon template.
      * @group Templates
      */
-    filterIconTemplate: TemplateRef<any> | undefined;
+    filterIconTemplate: TemplateRef<void> | undefined;
     get moveUpAriaLabel(): string | undefined;
     get moveTopAriaLabel(): string | undefined;
     get moveDownAriaLabel(): string | undefined;
@@ -312,16 +316,16 @@ declare class OrderList extends BaseComponent<OrderListPassThrough> {
     getButtonProps(direction: string): ButtonProps;
     onInit(): void;
     templates: Nullable<QueryList<PrimeTemplate>>;
-    _itemTemplate: TemplateRef<any> | undefined;
-    _emptyMessageTemplate: TemplateRef<any> | undefined;
-    _emptyFilterMessageTemplate: TemplateRef<any> | undefined;
-    _filterTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _moveUpIconTemplate: TemplateRef<any> | undefined;
-    _moveTopIconTemplate: TemplateRef<any> | undefined;
-    _moveDownIconTemplate: TemplateRef<any> | undefined;
-    _moveBottomIconTemplate: TemplateRef<any> | undefined;
-    _filterIconTemplate: TemplateRef<any> | undefined;
+    _itemTemplate: TemplateRef<OrderListItemTemplateContext> | undefined;
+    _emptyMessageTemplate: TemplateRef<void> | undefined;
+    _emptyFilterMessageTemplate: TemplateRef<void> | undefined;
+    _filterTemplate: TemplateRef<OrderListFilterTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _moveUpIconTemplate: TemplateRef<void> | undefined;
+    _moveTopIconTemplate: TemplateRef<void> | undefined;
+    _moveDownIconTemplate: TemplateRef<void> | undefined;
+    _moveBottomIconTemplate: TemplateRef<void> | undefined;
+    _filterIconTemplate: TemplateRef<void> | undefined;
     onAfterContentInit(): void;
     onChangeSelection(e: ListboxChangeEvent): void;
     onFilterKeyup(event: KeyboardEvent): void;

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

@@ -1,11 +1,12 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, QueryList, NgZone } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
-import { OverlayService, OverlayModeType, ResponsiveOverlayOptions, OverlayOptions, OverlayOnBeforeShowEvent, OverlayOnShowEvent, OverlayOnBeforeHideEvent, OverlayOnHideEvent } from 'primeng/api';
+import { OverlayService, OverlayModeType, ResponsiveOverlayOptions, OverlayOptions, OverlayOnBeforeShowEvent, OverlayOnShowEvent, OverlayOnBeforeHideEvent, OverlayOnHideEvent, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
+import { OverlayContentTemplateContext } from 'primeng/types/overlay';
 import { BaseStyle } from 'primeng/base';
 
 declare class OverlayStyle extends BaseStyle {
@@ -16,7 +17,7 @@ declare class OverlayStyle extends BaseStyle {
         root: ({ instance }: {
             instance: any;
         }) => (string | {
-            'p-overlay-modal p-overlay-mask p-overlay-mask-enter': any;
+            'p-overlay-modal p-overlay-mask p-overlay-mask-enter-active': any;
             'p-overlay-center': any;
             'p-overlay-top': any;
             'p-overlay-top-start': any;
@@ -33,8 +34,14 @@ declare class OverlayStyle extends BaseStyle {
         })[];
         content: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<OverlayStyle>;
+    inlineStyles: {
+        root: () => {
+            position: string;
+            top: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<OverlayStyle>;
 }
 
 /**
@@ -121,6 +128,7 @@ declare class Overlay extends BaseComponent {
      * Transition options of the show or hide animation.
      * @defaultValue .12s cubic-bezier(0, 0, 0.2, 1)
      * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      */
     get showTransitionOptions(): string;
     set showTransitionOptions(value: string);
@@ -128,6 +136,7 @@ declare class Overlay extends BaseComponent {
      * The hideTransitionOptions property is an input that determines the CSS transition options for hiding the component.
      * @defaultValue .1s linear
      * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      */
     get hideTransitionOptions(): string;
     set hideTransitionOptions(value: string);
@@ -157,7 +166,19 @@ declare class Overlay extends BaseComponent {
      * @defaultValue 'self'
      * @group Props
      */
-    appendTo: i0.InputSignal<any>;
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * Specifies whether the overlay should be rendered inline within the current component's template.
+     * @defaultValue false
+     * @group Props
+     */
+    inline: _angular_core.InputSignal<boolean>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
     /**
      * This EventEmitter is used to notify changes in the visibility state of a component.
      * @param {Boolean} boolean - Value of visibility as boolean.
@@ -192,25 +213,65 @@ declare class Overlay extends BaseComponent {
      * Callback to invoke when the animation is started.
      * @param {AnimationEvent} event - Animation event.
      * @group Emits
+     * @deprecated since v21.0.0. Use onOverlayBeforeEnter and onOverlayBeforeLeave instead.
      */
     onAnimationStart: EventEmitter<AnimationEvent>;
     /**
      * Callback to invoke when the animation is done.
      * @param {AnimationEvent} event - Animation event.
      * @group Emits
+     * @deprecated since v21.0.0. Use onOverlayAfterEnter and onOverlayAfterLeave instead.
      */
     onAnimationDone: EventEmitter<AnimationEvent>;
+    /**
+     * Callback to invoke before the overlay enters.
+     * @param {MotionEvent} event - Event before enter.
+     * @group Emits
+     */
+    onBeforeEnter: EventEmitter<MotionEvent>;
+    /**
+     * Callback to invoke when the overlay enters.
+     * @param {MotionEvent} event - Event on enter.
+     * @group Emits
+     */
+    onEnter: EventEmitter<MotionEvent>;
+    /**
+     * Callback to invoke after the overlay has entered.
+     * @param {MotionEvent} event - Event after enter.
+     * @group Emits
+     */
+    onAfterEnter: EventEmitter<MotionEvent>;
+    /**
+     * Callback to invoke before the overlay leaves.
+     * @param {MotionEvent} event - Event before leave.
+     * @group Emits
+     */
+    onBeforeLeave: EventEmitter<MotionEvent>;
+    /**
+     * Callback to invoke when the overlay leaves.
+     * @param {MotionEvent} event - Event on leave.
+     * @group Emits
+     */
+    onLeave: EventEmitter<MotionEvent>;
+    /**
+     * Callback to invoke after the overlay has left.
+     * @param {MotionEvent} event - Event after leave.
+     * @group Emits
+     */
+    onAfterLeave: EventEmitter<MotionEvent>;
     overlayViewChild: ElementRef | undefined;
     contentViewChild: ElementRef | undefined;
     /**
      * Content template of the component.
+     * @param {OverlayContentTemplateContext} context - content context.
+     * @see {@link OverlayContentTemplateContext}
      * @group Templates
      */
-    contentTemplate: TemplateRef<any> | undefined;
-    templates: QueryList<any> | undefined;
-    hostAttrSelector: i0.InputSignal<string | undefined>;
-    $appendTo: i0.Signal<any>;
-    _contentTemplate: TemplateRef<any> | undefined;
+    contentTemplate: TemplateRef<OverlayContentTemplateContext> | undefined;
+    templates: QueryList<PrimeTemplate> | undefined;
+    hostAttrSelector: _angular_core.InputSignal<string | undefined>;
+    $appendTo: _angular_core.Signal<any>;
+    _contentTemplate: TemplateRef<OverlayContentTemplateContext> | undefined;
     _visible: boolean;
     _mode: OverlayModeType | string;
     _style: {
@@ -253,13 +314,20 @@ declare class Overlay extends BaseComponent {
     onAfterViewChecked(): void;
     show(overlay?: HTMLElement, isFocus?: boolean): void;
     hide(overlay?: HTMLElement, isFocus?: boolean): void;
-    alignOverlay(): void;
     onVisibleChange(visible: boolean): void;
     onOverlayClick(): void;
     onOverlayContentClick(event: MouseEvent): void;
-    onOverlayContentAnimationStart(event: AnimationEvent): void;
-    onOverlayContentAnimationDone(event: AnimationEvent): void;
+    container: _angular_core.WritableSignal<any>;
+    onOverlayBeforeEnter(event: MotionEvent): void;
+    onOverlayEnter(event: MotionEvent): void;
+    onOverlayAfterEnter(event: MotionEvent): void;
+    onOverlayBeforeLeave(event: MotionEvent): void;
+    onOverlayLeave(event: MotionEvent): void;
+    onOverlayAfterLeave(event: MotionEvent): void;
     handleEvents(name: string, params: any): void;
+    setZIndex(): void;
+    appendOverlay(): void;
+    alignOverlay(): void;
     bindListeners(): void;
     unbindListeners(): void;
     bindScrollListener(): void;
@@ -271,13 +339,13 @@ declare class Overlay extends BaseComponent {
     bindDocumentKeyboardListener(): void;
     unbindDocumentKeyboardListener(): void;
     onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Overlay, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Overlay, "p-overlay", never, { "hostName": { "alias": "hostName"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "target": { "alias": "target"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "listener": { "alias": "listener"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "options": { "alias": "options"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "hostAttrSelector": { "alias": "hostAttrSelector"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; "onBeforeShow": "onBeforeShow"; "onShow": "onShow"; "onBeforeHide": "onBeforeHide"; "onHide": "onHide"; "onAnimationStart": "onAnimationStart"; "onAnimationDone": "onAnimationDone"; }, ["contentTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Overlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Overlay, "p-overlay", never, { "hostName": { "alias": "hostName"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "target": { "alias": "target"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "listener": { "alias": "listener"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "options": { "alias": "options"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "hostAttrSelector": { "alias": "hostAttrSelector"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; "onBeforeShow": "onBeforeShow"; "onShow": "onShow"; "onBeforeHide": "onBeforeHide"; "onHide": "onHide"; "onAnimationStart": "onAnimationStart"; "onAnimationDone": "onAnimationDone"; "onBeforeEnter": "onBeforeEnter"; "onEnter": "onEnter"; "onAfterEnter": "onAfterEnter"; "onBeforeLeave": "onBeforeLeave"; "onLeave": "onLeave"; "onAfterLeave": "onAfterLeave"; }, ["contentTemplate", "templates"], ["*", "*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
 }
 declare class OverlayModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OverlayModule, never, [typeof Overlay, typeof i2.SharedModule], [typeof Overlay, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<OverlayModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OverlayModule, never, [typeof Overlay, typeof i2.SharedModule], [typeof Overlay, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OverlayModule>;
 }
 
 export { Overlay, OverlayModule, OverlayStyle };

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

@@ -1,9 +1,9 @@
-import { PaginatorPassThrough, PaginatorState } from 'primeng/types/paginator';
+import { PaginatorPassThrough, PaginatorTemplateContext, PaginatorDropdownItemTemplateContext, PaginatorState } from 'primeng/types/paginator';
 export * from 'primeng/types/paginator';
 import * as i0 from '@angular/core';
 import { ElementRef, TemplateRef, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
 import * as i2 from 'primeng/api';
-import { SelectItem, Aria } from 'primeng/api';
+import { PrimeTemplate, SelectItem, Aria } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
@@ -175,16 +175,18 @@ declare class Paginator extends BaseComponent<PaginatorPassThrough> {
     dropdownAppendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
     /**
      * Template instance to inject into the left side of the paginator.
-     * @param {PaginatorState} context - Paginator state.
+     * @param {PaginatorTemplateContext} context - Paginator template context.
+     * @see {@link PaginatorTemplateContext}
      * @group Props
      */
-    templateLeft: TemplateRef<PaginatorState> | undefined;
+    templateLeft: TemplateRef<PaginatorTemplateContext> | undefined;
     /**
      * Template instance to inject into the right side of the paginator.
-     * @param {PaginatorState} context - Paginator state.
+     * @param {PaginatorTemplateContext} context - Paginator template context.
+     * @see {@link PaginatorTemplateContext}
      * @group Props
      */
-    templateRight: TemplateRef<PaginatorState> | undefined;
+    templateRight: TemplateRef<PaginatorTemplateContext> | undefined;
     /**
      * Dropdown height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
      * @group Props
@@ -232,12 +234,11 @@ declare class Paginator extends BaseComponent<PaginatorPassThrough> {
     showJumpToPageInput: boolean | undefined;
     /**
      * Template instance to inject into the jump to page dropdown item inside in the paginator.
-     * @param {Object} context - item instance.
+     * @param {PaginatorDropdownItemTemplateContext} context - dropdown item context.
+     * @see {@link PaginatorDropdownItemTemplateContext}
      * @group Props
      */
-    jumpToPageItemTemplate: TemplateRef<{
-        $implicit: any;
-    }> | undefined;
+    jumpToPageItemTemplate: TemplateRef<PaginatorDropdownItemTemplateContext> | undefined;
     /**
      * Whether to show page links.
      * @group Props
@@ -250,12 +251,11 @@ declare class Paginator extends BaseComponent<PaginatorPassThrough> {
     locale: string | undefined;
     /**
      * Template instance to inject into the rows per page dropdown item inside in the paginator.
-     * @param {Object} context - item instance.
+     * @param {PaginatorDropdownItemTemplateContext} context - dropdown item context.
+     * @see {@link PaginatorDropdownItemTemplateContext}
      * @group Props
      */
-    dropdownItemTemplate: TemplateRef<{
-        $implicit: any;
-    }> | undefined;
+    dropdownItemTemplate: TemplateRef<PaginatorDropdownItemTemplateContext> | undefined;
     /**
      * Zero-relative number of the first row to be displayed.
      * @group Props
@@ -278,33 +278,33 @@ declare class Paginator extends BaseComponent<PaginatorPassThrough> {
      * Template for the dropdown icon.
      * @group Templates
      */
-    dropdownIconTemplate: Nullable<TemplateRef<any>>;
+    dropdownIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Template for the first page link icon.
      * @group Templates
      */
-    firstPageLinkIconTemplate: Nullable<TemplateRef<any>>;
+    firstPageLinkIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Template for the previous page link icon.
      * @group Templates
      */
-    previousPageLinkIconTemplate: Nullable<TemplateRef<any>>;
+    previousPageLinkIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Template for the last page link icon.
      * @group Templates
      */
-    lastPageLinkIconTemplate: Nullable<TemplateRef<any>>;
+    lastPageLinkIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Template for the next page link icon.
      * @group Templates
      */
-    nextPageLinkIconTemplate: Nullable<TemplateRef<any>>;
-    templates: Nullable<QueryList<any>>;
-    _dropdownIconTemplate: TemplateRef<any> | undefined;
-    _firstPageLinkIconTemplate: TemplateRef<any> | undefined;
-    _previousPageLinkIconTemplate: TemplateRef<any> | undefined;
-    _lastPageLinkIconTemplate: TemplateRef<any> | undefined;
-    _nextPageLinkIconTemplate: TemplateRef<any> | undefined;
+    nextPageLinkIconTemplate: Nullable<TemplateRef<void>>;
+    templates: Nullable<QueryList<PrimeTemplate>>;
+    _dropdownIconTemplate: TemplateRef<void> | undefined;
+    _firstPageLinkIconTemplate: TemplateRef<void> | undefined;
+    _previousPageLinkIconTemplate: TemplateRef<void> | undefined;
+    _lastPageLinkIconTemplate: TemplateRef<void> | undefined;
+    _nextPageLinkIconTemplate: TemplateRef<void> | undefined;
     pageLinks: number[] | undefined;
     pageItems: SelectItem[] | undefined;
     rowsPerPageItems: SelectItem[] | undefined;

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

@@ -2,17 +2,19 @@ import { PanelPassThrough, PanelBeforeToggleEvent, PanelAfterToggleEvent, PanelH
 export * from 'primeng/types/panel';
 import * as i0 from '@angular/core';
 import { EventEmitter, TemplateRef, ElementRef, QueryList } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { BlockableUI, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
 import { Nullable } from 'primeng/ts-helpers';
+import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
 
 declare class PanelStyle extends BaseStyle {
     name: string;
-    style: string;
+    style: _primeuix_styled.StyleType;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -32,6 +34,7 @@ declare class PanelStyle extends BaseStyle {
         })[];
         pcToggleButton: string;
         contentContainer: string;
+        contentWrapper: string;
         content: string;
         footer: string;
     };
@@ -72,6 +75,10 @@ declare enum PanelClasses {
      * Class name of the content container element
      */
     contentContainer = "p-panel-content-container",
+    /**
+     * Class name of the content wrapper element
+     */
+    contentWrapper = "p-panel-content-wrapper",
     /**
      * Class name of the content element
      */
@@ -139,6 +146,7 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
     /**
      * Transition options of the animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     transitionOptions: string;
     /**
@@ -146,6 +154,12 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
      * @group Props
      */
     toggleButtonProps: any;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Emitted when the collapsed changes.
      * @param {boolean} value - New Value.
@@ -164,13 +178,12 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
      * @group Emits
      */
     onAfterToggle: EventEmitter<PanelAfterToggleEvent>;
-    animating: i0.WritableSignal<boolean>;
-    footerFacet: Nullable<TemplateRef<any>>;
+    footerFacet: Nullable<TemplateRef<void>>;
     /**
      * Defines template option for header.
      * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for icon.
      * @example
@@ -179,7 +192,7 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
      * ```
      * @group Templates
      */
-    iconTemplate: TemplateRef<any> | undefined;
+    iconTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for content.
      * @example
@@ -188,7 +201,7 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
      * ```
      * @group Templates
      */
-    contentTemplate: TemplateRef<any> | undefined;
+    contentTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for footer.
      * @example
@@ -197,10 +210,10 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
      * ```
      * @group Templates
      */
-    footerTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<void> | undefined;
     /**
      * Defines template option for headerIcon.
-     * @type {TemplateRef<PanelHeaderIconsTemplateContext>} context - context of the template.
+     * @param {PanelHeaderIconsTemplateContext} context - context of the template.
      * @example
      * ```html
      * <ng-template #headericons let-collapsed> </ng-template>
@@ -209,27 +222,27 @@ declare class Panel extends BaseComponent<PanelPassThrough> implements Blockable
      * @group Templates
      */
     headerIconsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _iconTemplate: TemplateRef<any> | undefined;
-    _contentTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _headerIconsTemplate: TemplateRef<any> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _iconTemplate: TemplateRef<void> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _headerIconsTemplate: TemplateRef<PanelHeaderIconsTemplateContext> | undefined;
     contentWrapperViewChild: ElementRef;
     get buttonAriaLabel(): string | undefined;
     onHeaderClick(event: MouseEvent): void;
     onIconClick(event: MouseEvent): void;
-    toggle(event: MouseEvent): false | undefined;
+    toggle(event: MouseEvent): void;
     expand(): void;
     collapse(): void;
     getBlockableElement(): HTMLElement;
     updateTabIndex(): void;
     onKeyDown(event: KeyboardEvent): void;
-    onToggleDone(event: any): void;
+    onToggleDone(event: MotionEvent): void;
     templates: QueryList<PrimeTemplate> | undefined;
     onAfterContentInit(): void;
-    dataP(): string | undefined;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Panel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Panel, "p-panel", never, { "id": { "alias": "id"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "_header": { "alias": "header"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "toggler": { "alias": "toggler"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "toggleButtonProps": { "alias": "toggleButtonProps"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["footerFacet", "headerTemplate", "iconTemplate", "contentTemplate", "footerTemplate", "headerIconsTemplate", "templates"], ["p-header", "*", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Panel, "p-panel", never, { "id": { "alias": "id"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "_header": { "alias": "header"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "toggler": { "alias": "toggler"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "toggleButtonProps": { "alias": "toggleButtonProps"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["footerFacet", "headerTemplate", "iconTemplate", "contentTemplate", "footerTemplate", "headerIconsTemplate", "templates"], ["p-header", "*", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_toggleable: unknown;
     static ngAcceptInputType_collapsed: unknown;
     static ngAcceptInputType_showHeader: unknown;