primeng 20.3.0-rc.1 → 21.0.0-beta.1

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

@@ -1,7 +1,8 @@
 import { DrawerPassThrough } from 'primeng/types/drawer';
 export * from 'primeng/types/drawer';
-import * as i0 from '@angular/core';
-import { ElementRef, TemplateRef, EventEmitter, QueryList } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -53,11 +54,11 @@ declare class DrawerStyle extends BaseStyle {
         mask: ({ instance }: {
             instance: any;
         }) => (string | {
-            'p-overlay-mask p-overlay-mask-enter': any;
+            "p-overlay-mask p-overlay-mask-enter": any;
             'p-drawer-full'?: undefined;
         } | {
             'p-drawer-full': any;
-            'p-overlay-mask p-overlay-mask-enter'?: undefined;
+            "p-overlay-mask p-overlay-mask-enter"?: undefined;
         })[];
         root: ({ instance }: {
             instance: any;
@@ -71,8 +72,8 @@ declare class DrawerStyle extends BaseStyle {
         content: string;
         footer: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DrawerStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerStyle>;
 }
 interface DrawerStyle extends BaseStyle {
 }
@@ -86,10 +87,17 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
     bindDirectiveInstance: Bind;
     onAfterViewChecked(): void;
     /**
-     *  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 'self'
      * @group Props
      */
-    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
     /**
      * Whether to block scrolling of the document when drawer is active.
      * @group Props
@@ -151,26 +159,30 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
     /**
      * Transition options of the animation.
      * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      */
     transitionOptions: string;
     /**
-     * Specifies the visibility of the dialog.
+     * The visible property is an input that determines the visibility of the component.
+     * @defaultValue false
      * @group Props
      */
     get visible(): boolean;
-    set visible(val: boolean);
+    set visible(value: boolean);
     /**
      * Specifies the position of the drawer, valid values are "left", "right", "bottom" and "top".
+     * @defaultValue 'left'
      * @group Props
      */
-    get position(): string;
-    set position(value: string);
+    position: _angular_core.InputSignal<"left" | "right" | "bottom" | "top" | "full">;
     /**
      * Adds a close icon to the header to hide the dialog.
+     * @defaultValue false
      * @group Props
      */
-    get fullScreen(): boolean;
-    set fullScreen(value: boolean);
+    fullScreen: _angular_core.InputSignal<boolean>;
+    $enterAnimation: _angular_core.Signal<string>;
+    $leaveAnimation: _angular_core.Signal<string>;
     /**
      * Title content of the dialog.
      * @group Props
@@ -211,8 +223,8 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
     _visible: boolean | undefined;
     _position: string;
     _fullScreen: boolean;
+    modalVisible: boolean;
     container: Nullable<HTMLDivElement>;
-    transformOptions: any;
     mask: Nullable<HTMLDivElement>;
     maskClickListener: VoidListener;
     documentEscapeListener: VoidListener;
@@ -244,6 +256,7 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
      * @group Templates
      */
     headlessTemplate: TemplateRef<any> | undefined;
+    $appendTo: _angular_core.Signal<any>;
     _headerTemplate: TemplateRef<any> | undefined;
     _footerTemplate: TemplateRef<any> | undefined;
     _contentTemplate: TemplateRef<any> | undefined;
@@ -259,8 +272,8 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
     getMaskStyle(): string;
     disableModality(): void;
     destroyModal(): void;
-    onAnimationStart(event: any): void;
-    onAnimationEnd(event: any): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onAfterLeave(): void;
     appendContainer(): void;
     bindDocumentEscapeListener(): void;
     unbindDocumentEscapeListener(): void;
@@ -268,8 +281,9 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
     unbindGlobalListeners(): void;
     unbindAnimationEndListener(): void;
     onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Drawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Drawer, "p-drawer", never, { "appendTo": { "alias": "appendTo"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "header": { "alias": "header"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "contentTemplate", "closeIconTemplate", "headlessTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "p-drawer", never, { "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaCloseLabel": { "alias": "ariaCloseLabel"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "closeButtonProps": { "alias": "closeButtonProps"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showCloseIcon": { "alias": "showCloseIcon"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "contentTemplate", "closeIconTemplate", "headlessTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_blockScroll: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;
@@ -280,9 +294,9 @@ declare class Drawer extends BaseComponent<DrawerPassThrough> {
     static ngAcceptInputType_closable: unknown;
 }
 declare class DrawerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DrawerModule, never, [typeof Drawer, typeof i2.SharedModule], [typeof Drawer, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DrawerModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DrawerModule, never, [typeof Drawer, typeof i2.SharedModule], [typeof Drawer, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<DrawerModule>;
 }
 
 export { Drawer, DrawerClasses, DrawerModule, DrawerStyle };

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

@@ -3,8 +3,9 @@ import { Type, ViewContainerRef, ComponentRef, ApplicationRef, Injector, Provide
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
-import { DialogStyle, DialogPassThrough, Dialog } from 'primeng/dialog';
+import { DialogStyle, DialogPassThrough as DialogPassThrough$1, Dialog } from 'primeng/dialog';
 import { Nullable } from 'primeng/ts-helpers';
+import { DialogPassThrough } from 'primeng/types/dialog';
 import { Observable, Subject } from 'rxjs';
 import * as i2 from 'primeng/api';
 
@@ -197,6 +198,16 @@ declare class DynamicDialogConfig<DataType = any, InputValuesType extends Record
      * @group Props
      */
     templates?: DynamicDialogTemplates;
+    /**
+     * Used to pass attributes to DOM elements inside the Dialog component.
+     * @group Props
+     */
+    pt?: DialogPassThrough;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @group Props
+     */
+    unstyled?: boolean;
 }
 /**
  * Defines valid templates in Dynamic Dialog.
@@ -392,7 +403,7 @@ declare class DynamicDialogStyle extends DialogStyle {
 interface DynamicDialogStyle {
 }
 
-declare class DynamicDialog extends BaseComponent<DialogPassThrough> {
+declare class DynamicDialog extends BaseComponent<DialogPassThrough$1> {
     ddconfig: DynamicDialogConfig;
     private dialogRef;
     _componentStyle: DynamicDialogStyle;
@@ -422,9 +433,14 @@ declare class DynamicDialog extends BaseComponent<DialogPassThrough> {
     get minimizeIconTemplate(): any;
     get maximizeIconTemplate(): any;
     get closeIconTemplate(): Type<any> | undefined;
+    get dialogStyle(): {
+        height?: string | undefined;
+        width?: string | undefined;
+    };
     get header(): string | undefined;
     get data(): any;
     get dialogId(): string;
+    get isUnstyled(): boolean;
     maximized: boolean | undefined;
     dragging: boolean | undefined;
     resizing: boolean | undefined;

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

@@ -1,13 +1,14 @@
 import { FieldsetPassThrough, FieldsetBeforeToggleEvent, FieldsetAfterToggleEvent } from 'primeng/types/fieldset';
 export * from 'primeng/types/fieldset';
 import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, QueryList } from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, 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';
 
 /**
@@ -40,6 +41,10 @@ declare enum FieldsetClasses {
      * Class name of the content container element
      */
     contentContainer = "p-fieldset-content-container",
+    /**
+     * Class name of the content wrapper element
+     */
+    contentWrapper = "p-fieldset-content-wrapper",
     /**
      * Class name of the content element
      */
@@ -47,7 +52,7 @@ declare enum FieldsetClasses {
 }
 declare class FieldsetStyle extends BaseStyle {
     name: string;
-    style: string;
+    style: _primeuix_styled.StyleType;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -60,6 +65,7 @@ declare class FieldsetStyle extends BaseStyle {
         toggleButton: string;
         toggleIcon: string;
         contentContainer: string;
+        contentWrapper: string;
         content: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetStyle, never>;
@@ -89,11 +95,6 @@ declare class Fieldset extends BaseComponent<FieldsetPassThrough> implements Blo
      * @defaultValue false
      */
     toggleable: boolean | undefined;
-    /**
-     * Defines the default visibility state of the content.
-     * * @group Props
-     */
-    collapsed: boolean | undefined;
     /**
      * Inline style of the component.
      * @group Props
@@ -109,8 +110,15 @@ declare class Fieldset extends BaseComponent<FieldsetPassThrough> implements Blo
     /**
      * Transition options of the panel animation.
      * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
      */
     transitionOptions: string;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Emits when the collapsed state changes.
      * @param {boolean} value - New value.
@@ -129,10 +137,20 @@ declare class Fieldset extends BaseComponent<FieldsetPassThrough> implements Blo
      * @group Emits
      */
     onAfterToggle: EventEmitter<FieldsetAfterToggleEvent>;
+    contentWrapperViewChild: ElementRef;
     private _id;
     get id(): string;
     get buttonAriaLabel(): string | undefined;
-    animating: Nullable<boolean>;
+    /**
+     * Internal collapsed state
+     */
+    _collapsed: boolean | undefined;
+    /**
+     * Defines the initial state of content, supports one or two-way binding as well.
+     * @group Props
+     */
+    get collapsed(): boolean | undefined;
+    set collapsed(value: boolean | undefined);
     /**
      * Defines the header template.
      * @group Templates
@@ -153,12 +171,13 @@ declare class Fieldset extends BaseComponent<FieldsetPassThrough> implements Blo
      * @group Templates
      */
     contentTemplate: TemplateRef<any> | undefined;
-    toggle(event: MouseEvent): false | undefined;
+    toggle(event: MouseEvent): void;
     onKeyDown(event: any): void;
     expand(): void;
     collapse(): void;
     getBlockableElement(): HTMLElement;
-    onToggleDone(): void;
+    updateTabIndex(): void;
+    onToggleDone(event: MotionEvent): void;
     _headerTemplate: TemplateRef<any> | undefined;
     _expandIconTemplate: TemplateRef<any> | undefined;
     _collapseIconTemplate: TemplateRef<any> | undefined;
@@ -166,7 +185,7 @@ declare class Fieldset extends BaseComponent<FieldsetPassThrough> implements Blo
     templates: QueryList<PrimeTemplate>;
     onAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Fieldset, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "p-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["headerTemplate", "expandIconTemplate", "collapseIconTemplate", "contentTemplate", "templates"], ["p-header", "*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "p-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["headerTemplate", "expandIconTemplate", "collapseIconTemplate", "contentTemplate", "templates"], ["p-header", "*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_toggleable: unknown;
     static ngAcceptInputType_collapsed: unknown;
 }

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

@@ -1,8 +1,8 @@
 import { GalleriaPassThrough, GalleriaResponsiveOptions } from 'primeng/types/galleria';
 export * from 'primeng/types/galleria';
-import { AnimationEvent } from '@angular/animations';
 import * as i0 from '@angular/core';
 import { ElementRef, EventEmitter, TemplateRef, QueryList, SimpleChanges, KeyValueDiffers } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i3 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -15,6 +15,7 @@ import * as i2 from '@angular/common';
 import * as i4 from 'primeng/ripple';
 import * as i5 from 'primeng/icons';
 import * as i6 from 'primeng/focustrap';
+import * as i7 from 'primeng/motion';
 
 /**
  *
@@ -345,20 +346,36 @@ declare class Galleria extends BaseComponent<GalleriaPassThrough> {
     } | null | undefined;
     /**
      * Transition options of the show animation.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      * @group Props
      */
     showTransitionOptions: string;
     /**
      * Transition options of the hide animation.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
      * @group Props
      */
     hideTransitionOptions: string;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
+    /**
+     * The mask motion options.
+     * @group Props
+     */
+    maskMotionOptions: i0.InputSignal<MotionOptions | undefined>;
+    computedMaskMotionOptions: i0.Signal<MotionOptions>;
     /**
      * Specifies the visibility of the mask on fullscreen mode.
      * @group Props
      */
     get visible(): boolean;
     set visible(visible: boolean);
+    renderMask: i0.WritableSignal<boolean>;
+    renderContent: i0.WritableSignal<boolean>;
     /**
      * Callback to invoke on active index change.
      * @param {number} number - Active index.
@@ -371,7 +388,6 @@ declare class Galleria extends BaseComponent<GalleriaPassThrough> {
      * @group Emits
      */
     visibleChange: EventEmitter<boolean>;
-    mask: ElementRef | undefined;
     container: ElementRef | undefined;
     _visible: boolean;
     _activeIndex: number;
@@ -400,19 +416,22 @@ declare class Galleria extends BaseComponent<GalleriaPassThrough> {
     maskVisible: boolean;
     numVisibleLimit: number;
     _componentStyle: GalleriaStyle;
+    mask: HTMLElement;
     templates: QueryList<PrimeTemplate> | undefined;
     constructor(element: ElementRef);
     onAfterContentInit(): void;
     onChanges(simpleChanges: SimpleChanges): void;
     onMaskHide(event?: MouseEvent): void;
     onActiveItemChange(index: number): void;
-    onAnimationStart(event: AnimationEvent): void;
-    onAnimationEnd(event: AnimationEvent): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onBeforeLeave(): void;
+    onAfterLeave(): void;
+    onMaskAfterLeave(): void;
     enableModality(): void;
     disableModality(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Galleria, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Galleria, "p-galleria", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; }; "showItemNavigatorsOnHover": { "alias": "showItemNavigatorsOnHover"; "required": false; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "shouldStopAutoplayByClick": { "alias": "shouldStopAutoplayByClick"; "required": false; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; }; "verticalThumbnailViewPortHeight": { "alias": "verticalThumbnailViewPortHeight"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showIndicatorsOnItem": { "alias": "showIndicatorsOnItem"; "required": false; }; "indicatorsPosition": { "alias": "indicatorsPosition"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "maskClass": { "alias": "maskClass"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "indicatorTemplate", "captionTemplate", "_closeIconTemplate", "_previousThumbnailIconTemplate", "_nextThumbnailIconTemplate", "_itemPreviousIconTemplate", "_itemNextIconTemplate", "_itemTemplate", "_thumbnailTemplate", "templates"], never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Galleria, "p-galleria", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; }; "showItemNavigatorsOnHover": { "alias": "showItemNavigatorsOnHover"; "required": false; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "autoPlay": { "alias": "autoPlay"; "required": false; }; "shouldStopAutoplayByClick": { "alias": "shouldStopAutoplayByClick"; "required": false; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; }; "verticalThumbnailViewPortHeight": { "alias": "verticalThumbnailViewPortHeight"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showIndicatorsOnItem": { "alias": "showIndicatorsOnItem"; "required": false; }; "indicatorsPosition": { "alias": "indicatorsPosition"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "maskClass": { "alias": "maskClass"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "visibleChange": "visibleChange"; }, ["headerTemplate", "footerTemplate", "indicatorTemplate", "captionTemplate", "_closeIconTemplate", "_previousThumbnailIconTemplate", "_nextThumbnailIconTemplate", "_itemPreviousIconTemplate", "_itemNextIconTemplate", "_itemTemplate", "_thumbnailTemplate", "templates"], never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_fullScreen: unknown;
     static ngAcceptInputType_numVisible: unknown;
     static ngAcceptInputType_showItemNavigators: unknown;
@@ -460,6 +479,7 @@ declare class GalleriaContent extends BaseComponent<GalleriaPassThrough> {
     isVertical(): boolean;
     onActiveIndexChange(index: number): void;
     closeAriaLabel(): string | undefined;
+    getPTOptions(key: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleriaContent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GalleriaContent, "div[pGalleriaContent]", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "fullScreen": { "alias": "fullScreen"; "required": false; }; }, { "maskHide": "maskHide"; "activeItemChange": "activeItemChange"; }, never, never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_numVisible: unknown;
@@ -621,7 +641,7 @@ declare class GalleriaThumbnails extends BaseComponent<GalleriaPassThrough> {
 }
 declare class GalleriaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GalleriaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GalleriaModule, [typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.Ripple, typeof i5.TimesIcon, typeof i5.ChevronRightIcon, typeof i5.ChevronUpIcon, typeof i5.ChevronDownIcon, typeof i5.ChevronLeftIcon, typeof i6.FocusTrap, typeof i1.BindModule], [typeof i2.CommonModule, typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails, typeof i3.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GalleriaModule, [typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.Ripple, typeof i5.TimesIcon, typeof i5.ChevronRightIcon, typeof i5.ChevronUpIcon, typeof i5.ChevronDownIcon, typeof i5.ChevronLeftIcon, typeof i6.FocusTrap, typeof i1.BindModule, typeof i7.MotionModule], [typeof i2.CommonModule, typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails, typeof i3.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GalleriaModule>;
 }
 

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

@@ -1,9 +1,9 @@
 import { ImagePassThrough } from 'primeng/types/image';
 export * from 'primeng/types/image';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
 import { SafeUrl } from '@angular/platform-browser';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -96,8 +96,8 @@ declare class ImageStyle extends BaseStyle {
         closeButton: string;
         original: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ImageStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ImageStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ImageStyle>;
 }
 interface ImageStyle extends BaseStyle {
 }
@@ -185,19 +185,45 @@ declare class Image extends BaseComponent<ImagePassThrough> {
     /**
      * 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;
+    /**
+     * Enter animation class name of modal.
+     * @defaultValue 'p-modal-enter'
+     * @group Props
+     */
+    modalEnterAnimation: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Leave animation class name of modal.
+     * @defaultValue 'p-modal-leave'
+     * @group Props
+     */
+    modalLeaveAnimation: _angular_core.InputSignal<string | null | undefined>;
     /**
      * 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 'self'
      * @group Props
      */
-    appendTo: i0.InputSignal<any>;
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * 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>;
     /**
      * Triggered when the preview overlay is shown.
      * @group Emits
@@ -257,6 +283,8 @@ declare class Image extends BaseComponent<ImagePassThrough> {
      * @group Templates
      */
     imageTemplate: TemplateRef<any> | undefined;
+    renderMask: _angular_core.WritableSignal<boolean>;
+    renderPreview: _angular_core.WritableSignal<boolean>;
     maskVisible: boolean;
     previewVisible: boolean;
     rotate: number;
@@ -265,11 +293,10 @@ declare class Image extends BaseComponent<ImagePassThrough> {
     container: Nullable<HTMLElement>;
     wrapper: Nullable<HTMLElement>;
     _componentStyle: ImageStyle;
-    $appendTo: i0.Signal<any>;
+    $appendTo: _angular_core.Signal<any>;
     get isZoomOutDisabled(): boolean;
     get isZoomInDisabled(): boolean;
     private zoomSettings;
-    constructor();
     templates: QueryList<PrimeTemplate> | undefined;
     _indicatorTemplate: TemplateRef<any> | undefined;
     _rotateRightIconTemplate: TemplateRef<any> | undefined;
@@ -289,8 +316,10 @@ declare class Image extends BaseComponent<ImagePassThrough> {
     rotateLeft(): void;
     zoomIn(): void;
     zoomOut(): void;
-    onAnimationStart(event: AnimationEvent): void;
-    onAnimationEnd(event: AnimationEvent): void;
+    onAnimationStart(event: MotionEvent): void;
+    onBeforeLeave(): void;
+    onAnimationEnd(): void;
+    onMaskAfterLeave(): void;
     moveOnTop(): void;
     appendContainer(): void;
     imagePreviewStyle(): {
@@ -305,15 +334,15 @@ declare class Image extends BaseComponent<ImagePassThrough> {
     zoomInAriaLabel(): string | undefined;
     zoomOutAriaLabel(): string | undefined;
     closeAriaLabel(): string | undefined;
-    onKeydownHandler(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Image, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Image, "p-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "previewImageSizes": { "alias": "previewImageSizes"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["indicatorTemplate", "rotateRightIconTemplate", "rotateLeftIconTemplate", "zoomOutIconTemplate", "zoomInIconTemplate", "closeIconTemplate", "previewTemplate", "imageTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    onKeydownHandler(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Image, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Image, "p-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "previewImageSizes": { "alias": "previewImageSizes"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "modalEnterAnimation": { "alias": "modalEnterAnimation"; "required": false; "isSignal": true; }; "modalLeaveAnimation": { "alias": "modalLeaveAnimation"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["indicatorTemplate", "rotateRightIconTemplate", "rotateLeftIconTemplate", "zoomOutIconTemplate", "zoomInIconTemplate", "closeIconTemplate", "previewTemplate", "imageTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_preview: unknown;
 }
 declare class ImageModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ImageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageModule, never, [typeof Image, typeof i2.SharedModule], [typeof Image, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ImageModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ImageModule, never, [typeof Image, typeof i2.SharedModule], [typeof Image, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ImageModule>;
 }
 
 export { Image, ImageClasses, ImageModule, ImageStyle };

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

@@ -411,6 +411,7 @@ declare class InputNumber extends BaseInput<InputNumberPassThrough> {
      */
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
     clearTimer(): void;
+    get dataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputNumber, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputNumber, "p-inputNumber, p-inputnumber, p-input-number", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "format": { "alias": "format"; "required": false; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "incrementButtonClass": { "alias": "incrementButtonClass"; "required": false; }; "decrementButtonClass": { "alias": "decrementButtonClass"; "required": false; }; "incrementButtonIcon": { "alias": "incrementButtonIcon"; "required": false; }; "decrementButtonIcon": { "alias": "decrementButtonIcon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onInput": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; "onClear": "onClear"; }, ["clearIconTemplate", "incrementButtonIconTemplate", "decrementButtonIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_showButtons: unknown;