primeng 20.3.0 → 21.0.0-rc.1

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

@@ -2,9 +2,9 @@ import { ColorPickerPassThrough, ColorPickerChangeEvent } from 'primeng/types/co
 export * from 'primeng/types/colorpicker';
 import * as i0 from '@angular/core';
 import { AfterViewChecked, EventEmitter, ElementRef } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
-import { OverlayService } from 'primeng/api';
+import { OverlayService, OverlayOptions } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
@@ -106,6 +106,18 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
      * @group Props
      */
     styleClass: string | undefined;
+    /**
+     * 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;
     /**
      * Whether to display as an overlay or not.
      * @group Props
@@ -131,16 +143,6 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
      * @group Props
      */
     autoZIndex: boolean;
-    /**
-     * Transition options of the show animation.
-     * @group Props
-     */
-    showTransitionOptions: string;
-    /**
-     * Transition options of the hide animation.
-     * @group Props
-     */
-    hideTransitionOptions: string;
     /**
      * When present, it specifies that the component should automatically get focus on load.
      * @group Props
@@ -157,6 +159,16 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
      * @group Props
      */
     appendTo: i0.InputSignal<any>;
+    /**
+     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
+     * @group Props
+     */
+    overlayOptions: i0.InputSignal<OverlayOptions | undefined>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
     /**
      * Callback to invoke on value change.
      * @param {ColorPickerChangeEvent} event - Custom value change event.
@@ -174,18 +186,16 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
      */
     onHide: EventEmitter<any>;
     inputViewChild: Nullable<ElementRef>;
+    overlayViewChild: ElementRef<HTMLDivElement>;
     $appendTo: i0.Signal<any>;
     value: any;
     inputBgColor: string | undefined;
     shown: Nullable<boolean>;
     overlayVisible: Nullable<boolean>;
-    documentClickListener: VoidListener;
-    documentResizeListener: VoidListener;
     documentMousemoveListener: VoidListener;
     documentMouseupListener: VoidListener;
     documentHueMoveListener: VoidListener;
     scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-    selfClick: Nullable<boolean>;
     colorDragging: Nullable<boolean>;
     hueDragging: Nullable<boolean>;
     overlay: Nullable<HTMLDivElement>;
@@ -214,27 +224,17 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
     updateUI(): void;
     onInputFocus(): void;
     show(): void;
-    onOverlayAnimationStart(event: AnimationEvent): void;
-    onOverlayAnimationEnd(event: AnimationEvent): void;
-    appendOverlay(): void;
-    restoreOverlayAppend(): void;
-    alignOverlay(): void;
+    onOverlayBeforeEnter(): void;
+    onOverlayAfterLeave(): void;
     hide(): void;
     onInputClick(): void;
     togglePanel(): void;
     onInputKeydown(event: KeyboardEvent): void;
     onOverlayClick(event: MouseEvent): void;
-    bindDocumentClickListener(): void;
-    unbindDocumentClickListener(): void;
     bindDocumentMousemoveListener(): void;
     unbindDocumentMousemoveListener(): void;
     bindDocumentMouseupListener(): void;
     unbindDocumentMouseupListener(): void;
-    bindDocumentResizeListener(): void;
-    unbindDocumentResizeListener(): void;
-    onWindowResize(): void;
-    bindScrollListener(): void;
-    unbindScrollListener(): void;
     validateHSB(hsb: {
         h: number;
         s: number;
@@ -292,7 +292,6 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
         s: number;
         b: number;
     }): string;
-    onOverlayHide(): void;
     onAfterViewInit(): void;
     /**
      * @override
@@ -303,7 +302,7 @@ declare class ColorPicker extends BaseEditableHolder<ColorPickerPassThrough> imp
     writeControlValue(value: any): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPicker, "p-colorPicker, p-colorpicker, p-color-picker", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "format": { "alias": "format"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultColor": { "alias": "defaultColor"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPicker, "p-colorPicker, p-colorpicker, p-color-picker", never, { "styleClass": { "alias": "styleClass"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "format": { "alias": "format"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "defaultColor": { "alias": "defaultColor"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_inline: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_autofocus: unknown;

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

@@ -238,12 +238,6 @@ declare class PrimeNG extends ThemeProvider {
     csp: _angular_core.WritableSignal<{
         nonce: string | undefined;
     }>;
-    /**
-     * Indicates whether the component should be rendered without styles.
-     *
-     * @experimental
-     * This property is not yet implemented. It will be available in a future release.
-     */
     unstyled: _angular_core.WritableSignal<boolean | undefined>;
     pt: _angular_core.WritableSignal<primeng_config.GlobalPassThrough | null | undefined>;
     ptOptions: _angular_core.WritableSignal<primeng_api.PassThroughOptions | null | undefined>;

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterContentInit, OnDestroy, NgZone, ElementRef, TemplateRef, EventEmitter, QueryList } from '@angular/core';
+import { OnInit, AfterContentInit, OnDestroy, NgZone, EventEmitter, TemplateRef, QueryList } from '@angular/core';
 import * as i2 from 'primeng/api';
 import { ConfirmEventType, PrimeTemplate, Confirmation, ConfirmationService } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -7,7 +7,7 @@ import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
 import { Dialog } from 'primeng/dialog';
 import { Nullable } from 'primeng/ts-helpers';
-import { ConfirmDialogPassThrough } from 'primeng/types/confirmdialog';
+import { ConfirmDialogPassThrough, ConfirmDialogMessageTemplateContext, ConfirmDialogHeadlessTemplateContext } from 'primeng/types/confirmdialog';
 export * from 'primeng/types/confirmdialog';
 import { Subscription } from 'rxjs';
 import * as _primeuix_styled from '@primeuix/styled';
@@ -186,10 +186,11 @@ declare class ConfirmDialog extends BaseComponent<ConfirmDialogPassThrough> impl
      */
     closable: boolean;
     /**
-     *  Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'body'
      * @group Props
      */
-    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+    appendTo: i0.InputSignal<any>;
     /**
      * Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs.
      * @group Props
@@ -240,8 +241,7 @@ declare class ConfirmDialog extends BaseComponent<ConfirmDialogPassThrough> impl
      *  Allows getting the position of the component.
      * @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';
     /**
      * Enables dragging to change the position using header.
      * @group Props
@@ -255,21 +255,50 @@ declare class ConfirmDialog extends BaseComponent<ConfirmDialogPassThrough> impl
     onHide: EventEmitter<ConfirmEventType>;
     footer: Nullable<TemplateRef<any>>;
     _componentStyle: ConfirmDialogStyle;
-    headerTemplate: Nullable<TemplateRef<any>>;
-    footerTemplate: Nullable<TemplateRef<any>>;
-    rejectIconTemplate: Nullable<TemplateRef<any>>;
-    acceptIconTemplate: Nullable<TemplateRef<any>>;
-    messageTemplate: Nullable<TemplateRef<any>>;
-    iconTemplate: Nullable<TemplateRef<any>>;
-    headlessTemplate: Nullable<TemplateRef<any>>;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom reject icon template.
+     * @group Templates
+     */
+    rejectIconTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom accept icon template.
+     * @group Templates
+     */
+    acceptIconTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom message template.
+     * @group Templates
+     */
+    messageTemplate: Nullable<TemplateRef<ConfirmDialogMessageTemplateContext>>;
+    /**
+     * Custom icon template.
+     * @group Templates
+     */
+    iconTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom headless template.
+     * @group Templates
+     */
+    headlessTemplate: Nullable<TemplateRef<ConfirmDialogHeadlessTemplateContext>>;
     templates: QueryList<PrimeTemplate> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _rejectIconTemplate: TemplateRef<any> | undefined;
-    _acceptIconTemplate: TemplateRef<any> | undefined;
-    _messageTemplate: TemplateRef<any> | undefined;
-    _iconTemplate: TemplateRef<any> | undefined;
-    _headlessTemplate: TemplateRef<any> | undefined;
+    $appendTo: i0.Signal<any>;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _rejectIconTemplate: TemplateRef<void> | undefined;
+    _acceptIconTemplate: TemplateRef<void> | undefined;
+    _messageTemplate: TemplateRef<ConfirmDialogMessageTemplateContext> | undefined;
+    _iconTemplate: TemplateRef<void> | undefined;
+    _headlessTemplate: TemplateRef<ConfirmDialogHeadlessTemplateContext> | undefined;
     confirmation: Nullable<Confirmation>;
     _visible: boolean | undefined;
     _style: {
@@ -281,8 +310,6 @@ declare class ConfirmDialog extends BaseComponent<ConfirmDialogPassThrough> impl
     contentContainer: Nullable<HTMLDivElement>;
     subscription: Subscription;
     preWidth: number | undefined;
-    _position: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
-    transformOptions: any;
     styleElement: any;
     id: string;
     ariaLabelledBy: string | null;
@@ -297,6 +324,7 @@ declare class ConfirmDialog extends BaseComponent<ConfirmDialogPassThrough> impl
     createStyle(): void;
     close(): void;
     hide(type?: ConfirmEventType): void;
+    onDialogHide(): void;
     destroyStyle(): void;
     onDestroy(): void;
     onVisibleChange(value: boolean): void;
@@ -308,7 +336,7 @@ declare class ConfirmDialog extends BaseComponent<ConfirmDialogPassThrough> impl
     getAcceptButtonProps(): any;
     getRejectButtonProps(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialog, "p-confirmDialog, p-confirmdialog, p-confirm-dialog", never, { "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "acceptIcon": { "alias": "acceptIcon"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "acceptAriaLabel": { "alias": "acceptAriaLabel"; "required": false; }; "acceptVisible": { "alias": "acceptVisible"; "required": false; }; "rejectIcon": { "alias": "rejectIcon"; "required": false; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; }; "rejectAriaLabel": { "alias": "rejectAriaLabel"; "required": false; }; "rejectVisible": { "alias": "rejectVisible"; "required": false; }; "acceptButtonStyleClass": { "alias": "acceptButtonStyleClass"; "required": false; }; "rejectButtonStyleClass": { "alias": "rejectButtonStyleClass"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "key": { "alias": "key"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; }, { "onHide": "onHide"; }, ["footer", "headerTemplate", "footerTemplate", "rejectIconTemplate", "acceptIconTemplate", "messageTemplate", "iconTemplate", "headlessTemplate", "templates"], ["p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialog, "p-confirmDialog, p-confirmdialog, p-confirm-dialog", never, { "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "acceptIcon": { "alias": "acceptIcon"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "acceptAriaLabel": { "alias": "acceptAriaLabel"; "required": false; }; "acceptVisible": { "alias": "acceptVisible"; "required": false; }; "rejectIcon": { "alias": "rejectIcon"; "required": false; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; }; "rejectAriaLabel": { "alias": "rejectAriaLabel"; "required": false; }; "rejectVisible": { "alias": "rejectVisible"; "required": false; }; "acceptButtonStyleClass": { "alias": "acceptButtonStyleClass"; "required": false; }; "rejectButtonStyleClass": { "alias": "rejectButtonStyleClass"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; }, { "onHide": "onHide"; }, ["footer", "headerTemplate", "footerTemplate", "rejectIconTemplate", "acceptIconTemplate", "messageTemplate", "iconTemplate", "headlessTemplate", "templates"], ["p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_acceptVisible: unknown;
     static ngAcceptInputType_rejectVisible: unknown;
     static ngAcceptInputType_closeOnEscape: unknown;

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

@@ -1,8 +1,8 @@
-import { ConfirmPopupPassThrough } from 'primeng/types/confirmpopup';
+import { ConfirmPopupPassThrough, ConfirmPopupContentTemplateContext, ConfirmPopupHeadlessTemplateContext } from 'primeng/types/confirmpopup';
 export * from 'primeng/types/confirmpopup';
-import { AnimationEvent } from '@angular/animations';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { ElementRef, Renderer2, ChangeDetectorRef, TemplateRef, QueryList } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { OverlayService, Confirmation, ConfirmationService, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -67,8 +67,8 @@ declare class ConfirmPopupStyle extends BaseStyle {
         pcRejectButton: string;
         pcAcceptButton: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmPopupStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmPopupStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmPopupStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmPopupStyle>;
 }
 interface ConfirmPopupStyle extends BaseStyle {
 }
@@ -100,11 +100,13 @@ declare class ConfirmPopup extends BaseComponent<ConfirmPopupPassThrough> {
     /**
      * 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;
     /**
@@ -133,22 +135,54 @@ declare class ConfirmPopup extends BaseComponent<ConfirmPopupPassThrough> {
      * Defines if the component is visible.
      * @group Props
      */
-    get visible(): any;
-    set visible(value: any);
-    container: Nullable<HTMLDivElement>;
+    visible: _angular_core.InputSignal<boolean | undefined>;
+    private _visible;
+    computedVisible: _angular_core.Signal<boolean>;
+    render: _angular_core.WritableSignal<boolean>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'body'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<any>;
+    $appendTo: _angular_core.Signal<any>;
+    container: HTMLElement | null;
     subscription: Subscription;
     confirmation: Nullable<Confirmation>;
     autoFocusAccept: boolean;
     autoFocusReject: boolean;
-    contentTemplate: Nullable<TemplateRef<any>>;
-    acceptIconTemplate: Nullable<TemplateRef<any>>;
-    rejectIconTemplate: Nullable<TemplateRef<any>>;
-    headlessTemplate: Nullable<TemplateRef<any>>;
-    _contentTemplate: TemplateRef<any> | undefined;
-    _acceptIconTemplate: TemplateRef<any> | undefined;
-    _rejectIconTemplate: TemplateRef<any> | undefined;
-    _headlessTemplate: TemplateRef<any> | undefined;
-    _visible: boolean | undefined;
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    contentTemplate: Nullable<TemplateRef<ConfirmPopupContentTemplateContext>>;
+    /**
+     * Custom accept icon template.
+     * @group Templates
+     */
+    acceptIconTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom reject icon template.
+     * @group Templates
+     */
+    rejectIconTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom headless template.
+     * @group Templates
+     */
+    headlessTemplate: Nullable<TemplateRef<ConfirmPopupHeadlessTemplateContext>>;
+    acceptButtonViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    rejectButtonViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    _contentTemplate: TemplateRef<ConfirmPopupContentTemplateContext> | undefined;
+    _acceptIconTemplate: TemplateRef<void> | undefined;
+    _rejectIconTemplate: TemplateRef<void> | undefined;
+    _headlessTemplate: TemplateRef<ConfirmPopupHeadlessTemplateContext> | undefined;
     documentClickListener: VoidListener;
     documentResizeListener: VoidListener;
     scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
@@ -159,11 +193,16 @@ declare class ConfirmPopup extends BaseComponent<ConfirmPopupPassThrough> {
     onAfterContentInit(): void;
     option(name: string, k?: string): any;
     onEscapeKeydown(event: KeyboardEvent): void;
-    onAnimationStart(event: AnimationEvent): void;
-    onAnimationEnd(event: AnimationEvent): void;
+    onBeforeEnter(event: MotionEvent): void;
+    handleFocus(): void;
+    onAfterLeave(): void;
     getAcceptButtonProps(): any;
     getRejectButtonProps(): any;
-    align(): void;
+    alignOverlay(): void;
+    setZIndex(): void;
+    alignArrow(): void;
+    appendOverlay(): void;
+    restoreAppend(): void;
     hide(): void;
     onAccept(): void;
     onReject(): void;
@@ -179,19 +218,18 @@ declare class ConfirmPopup extends BaseComponent<ConfirmPopupPassThrough> {
     unbindScrollListener(): void;
     unsubscribeConfirmationSubscriptions(): void;
     onContainerDestroy(): void;
-    restoreAppend(): void;
     get acceptButtonLabel(): string;
     get rejectButtonLabel(): string;
     onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmPopup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmPopup, "p-confirmpopup", never, { "key": { "alias": "key"; "required": false; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, ["contentTemplate", "acceptIconTemplate", "rejectIconTemplate", "headlessTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmPopup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmPopup, "p-confirmpopup", never, { "key": { "alias": "key"; "required": false; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, {}, ["contentTemplate", "acceptIconTemplate", "rejectIconTemplate", "headlessTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;
 }
 declare class ConfirmPopupModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmPopupModule, never, [typeof ConfirmPopup, typeof i2.SharedModule], [typeof ConfirmPopup, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmPopupModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmPopupModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ConfirmPopupModule, never, [typeof ConfirmPopup, typeof i2.SharedModule], [typeof ConfirmPopup, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ConfirmPopupModule>;
 }
 
 export { ConfirmPopup, ConfirmPopupClasses, ConfirmPopupModule, ConfirmPopupStyle };

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

@@ -1,8 +1,8 @@
-import { ContextMenuPassThrough } from 'primeng/types/contextmenu';
+import { ContextMenuPassThrough, ContextMenuItemTemplateContext, ContextMenuSubmenuIconTemplateContext } from 'primeng/types/contextmenu';
 export * from 'primeng/types/contextmenu';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { AfterViewChecked, ElementRef, Renderer2, EventEmitter, TemplateRef, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i1 from 'primeng/api';
 import { OverlayService, MenuItem, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -90,8 +90,8 @@ declare class ContextMenuStyle extends BaseStyle {
             position: string;
         };
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ContextMenuStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ContextMenuStyle>;
 }
 interface ContextMenuStyle extends BaseStyle {
 }
@@ -100,9 +100,10 @@ declare class ContextMenuSub extends BaseComponent<ContextMenuPassThrough> imple
     el: ElementRef;
     renderer: Renderer2;
     contextMenu: ContextMenu;
-    visible: boolean;
+    get visible(): boolean;
+    set visible(value: boolean);
     items: any[];
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<ContextMenuItemTemplateContext> | undefined;
     root: boolean | undefined;
     autoZIndex: boolean;
     baseZIndex: number;
@@ -113,6 +114,7 @@ declare class ContextMenuSub extends BaseComponent<ContextMenuPassThrough> imple
     level: number;
     focusedItemId: string | undefined;
     activeItemPath: any[];
+    motionOptions: MotionOptions[] | undefined;
     tabindex: number;
     itemClick: EventEmitter<any>;
     itemMouseEnter: EventEmitter<any>;
@@ -120,10 +122,12 @@ declare class ContextMenuSub extends BaseComponent<ContextMenuPassThrough> imple
     menuBlur: EventEmitter<any>;
     menuKeydown: EventEmitter<any>;
     sublistViewChild: ElementRef;
+    render: _angular_core.WritableSignal<boolean>;
     hostName: string;
     _componentStyle: ContextMenuStyle;
     $pcContextMenu: ContextMenu | undefined;
     $pcContextMenuSub: ContextMenuSub | undefined;
+    _visible: boolean;
     constructor(el: ElementRef, renderer: Renderer2, contextMenu: ContextMenu);
     getItemProp(processedItem: any, name: string, params?: any | null): any;
     getItemId(processedItem: any): string;
@@ -138,13 +142,13 @@ declare class ContextMenuSub extends BaseComponent<ContextMenuPassThrough> imple
     isItemGroup(processedItem: any): boolean;
     onItemMouseEnter(param: any): void;
     onItemClick(event: any, processedItem: any): void;
-    onEnter(event: any, sublist: any): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterLeave(): void;
     _ptm(section: string, options?: any): any;
     getPTOptions(processedItem: any, index: number, key: string): any;
     position(sublist: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuSub, "p-contextMenuSub, p-contextmenu-sub", never, { "visible": { "alias": "visible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "root": { "alias": "root"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, never>;
-    static ngAcceptInputType_visible: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuSub, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenuSub, "p-contextMenuSub, p-contextmenu-sub", never, { "visible": { "alias": "visible"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "root": { "alias": "root"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, never>;
     static ngAcceptInputType_root: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;
@@ -231,7 +235,13 @@ declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
      * @defaultValue 'self'
      * @group Props
      */
-    appendTo: i0.InputSignal<any>;
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
     /**
      * Callback to invoke when overlay menu is shown.
      * @group Emits
@@ -243,8 +253,8 @@ declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
      */
     onHide: EventEmitter<null>;
     rootmenu: ContextMenuSub | undefined;
-    containerViewChild: ElementRef<any> | undefined;
-    container: HTMLDivElement | null | undefined;
+    container: HTMLElement | null | undefined;
+    handleSubmenuAfterLeave: (() => void) | null;
     outsideClickListener: VoidListener;
     resizeListener: VoidListener;
     triggerEventListener: VoidListener;
@@ -253,20 +263,22 @@ declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
     touchEndListener: VoidListener;
     pageX: number;
     pageY: number;
-    visible: i0.WritableSignal<boolean>;
+    visible: _angular_core.WritableSignal<boolean>;
+    render: _angular_core.WritableSignal<boolean>;
     focused: boolean;
-    activeItemPath: i0.WritableSignal<any>;
-    focusedItemInfo: i0.WritableSignal<any>;
-    submenuVisible: i0.WritableSignal<boolean>;
-    $appendTo: i0.Signal<any>;
+    activeItemPath: _angular_core.WritableSignal<any>;
+    focusedItemInfo: _angular_core.WritableSignal<any>;
+    submenuVisible: _angular_core.WritableSignal<boolean>;
+    $appendTo: _angular_core.Signal<any>;
     searchValue: string;
     searchTimeout: any;
     _processedItems: any[];
     _model: MenuItem[] | undefined;
     pressTimer: any;
+    hideCallback: any;
     private matchMediaListener;
     private query;
-    queryMatches: boolean;
+    queryMatches: _angular_core.WritableSignal<boolean>;
     _componentStyle: ContextMenuStyle;
     get visibleItems(): any;
     get processedItems(): any[];
@@ -277,18 +289,18 @@ declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
     bindTriggerEventListener(): void;
     bindGlobalListeners(): void;
     /**
-     * Defines template option for item.
+     * Custom item template.
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<ContextMenuItemTemplateContext> | undefined;
     /**
-     * Defines template option for submenuIcon.
+     * Custom submenu icon template.
      * @group Templates
      */
-    submenuIconTemplate: TemplateRef<any> | undefined;
+    submenuIconTemplate: TemplateRef<ContextMenuSubmenuIconTemplateContext> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
-    _submenuIconTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
+    _submenuIconTemplate: TemplateRef<ContextMenuSubmenuIconTemplateContext> | undefined;
+    _itemTemplate: TemplateRef<ContextMenuItemTemplateContext> | undefined;
     onAfterContentInit(): void;
     getPTOptions(key: string, item: any, index: number, id: string): any;
     isItemFocused(itemInfo: any): boolean;
@@ -322,9 +334,11 @@ declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
     onItemChange(event: any, type?: string | undefined): void;
     onMenuFocus(event: any): void;
     onMenuBlur(event: any): void;
-    onOverlayAnimationStart(event: AnimationEvent): void;
-    onOverlayAnimationEnd(event: AnimationEvent): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterEnter(): void;
+    onAfterLeave(): void;
     appendOverlay(): void;
+    restoreOverlayAppend(): void;
     moveOnTop(): void;
     onOverlayHide(): void;
     onTouchStart(event: MouseEvent): void;
@@ -349,19 +363,18 @@ declare class ContextMenu extends BaseComponent<ContextMenuPassThrough> {
     unbindResizeListener(): void;
     unbindGlobalListeners(): void;
     unbindTriggerEventListener(): void;
-    removeAppendedElements(): void;
     onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenu, "p-contextMenu, p-contextmenu, p-context-menu", never, { "model": { "alias": "model"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "target": { "alias": "target"; "required": false; }; "global": { "alias": "global"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "pressDelay": { "alias": "pressDelay"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["itemTemplate", "submenuIconTemplate", "templates"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContextMenu, "p-contextMenu, p-contextmenu, p-context-menu", never, { "model": { "alias": "model"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "target": { "alias": "target"; "required": false; }; "global": { "alias": "global"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "pressDelay": { "alias": "pressDelay"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["itemTemplate", "submenuIconTemplate", "templates"], never, true, never>;
     static ngAcceptInputType_global: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;
     static ngAcceptInputType_pressDelay: unknown;
 }
 declare class ContextMenuModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ContextMenuModule, never, [typeof ContextMenu, typeof i1.SharedModule], [typeof ContextMenu, typeof i1.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ContextMenuModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContextMenuModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ContextMenuModule, never, [typeof ContextMenu, typeof i1.SharedModule], [typeof ContextMenu, typeof i1.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ContextMenuModule>;
 }
 
 export { ContextMenu, ContextMenuClasses, ContextMenuModule, ContextMenuStyle, ContextMenuSub };