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

package/types/primeng-motion.d.ts

@@ -0,0 +1,396 @@
+import * as _angular_core from '@angular/core';
+import * as _primeuix_motion from '@primeuix/motion';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
+import { BaseComponent } from 'primeng/basecomponent';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
+import { MotionPassThrough } from 'primeng/types/motion';
+import { BaseStyle } from 'primeng/base';
+
+declare class MotionStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MotionStyle>;
+}
+interface MotionStyle extends BaseStyle {
+}
+
+/**
+ * Motion component is a container to apply motion effects to its content.
+ * @group Components
+ */
+declare class Motion extends BaseComponent<MotionPassThrough> {
+    $pcMotion: Motion | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    _componentStyle: MotionStyle;
+    /******************** Inputs ********************/
+    /**
+     * Whether the element is visible or not.
+     * @group Props
+     */
+    visible: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to mount the element on enter.
+     * @group Props
+     */
+    mountOnEnter: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to unmount the element on leave.
+     * @group Props
+     */
+    unmountOnLeave: _angular_core.InputSignal<boolean>;
+    /**
+     * The name of the motion. It can be a predefined motion name or a custom one.
+     * phases:
+     *     [name]-enter
+     *     [name]-enter-active
+     *     [name]-enter-to
+     *     [name]-leave
+     *     [name]-leave-active
+     *     [name]-leave-to
+     * @group Props
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The type of the motion, valid values 'transition' and 'animation'.
+     * @group Props
+     */
+    type: _angular_core.InputSignal<_primeuix_motion.MotionType | undefined>;
+    /**
+     * Whether the motion is safe.
+     * @group Props
+     */
+    safe: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion is disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should appear.
+     * @group Props
+     */
+    appear: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should enter.
+     * @group Props
+     */
+    enter: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should leave.
+     * @group Props
+     */
+    leave: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * The duration of the motion.
+     * @group Props
+     */
+    duration: _angular_core.InputSignal<_primeuix_motion.MotionDuration>;
+    /**
+     * The hide strategy of the motion, valid values 'display' and 'visibility'.
+     * @group Props
+     */
+    hideStrategy: _angular_core.InputSignal<"display" | "visibility">;
+    /**
+     * The enter from class of the motion.
+     * @group Props
+     */
+    enterFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The enter to class of the motion.
+     * @group Props
+     */
+    enterToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The enter active class of the motion.
+     * @group Props
+     */
+    enterActiveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave from class of the motion.
+     * @group Props
+     */
+    leaveFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave to class of the motion.
+     * @group Props
+     */
+    leaveToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave active class of the motion.
+     * @group Props
+     */
+    leaveActiveClass: _angular_core.InputSignal<string | undefined>;
+    /******************** All Inputs ********************/
+    /**
+     * The motion options.
+     * @group Props
+     */
+    options: _angular_core.InputSignal<MotionOptions>;
+    /******************** Outputs ********************/
+    /**
+     * Callback fired before the enter transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onBeforeEnter: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the enter transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onEnter: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired after the enter transition/animation ends.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onAfterEnter: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the enter transition/animation is cancelled.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onEnterCancelled: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired before the leave transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onBeforeLeave: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the leave transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onLeave: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired after the leave transition/animation ends.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onAfterLeave: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the leave transition/animation is cancelled.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onLeaveCancelled: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /******************** Computed ********************/
+    private motionOptions;
+    private motion;
+    private isInitialMount;
+    private cancelled;
+    private destroyed;
+    rendered: _angular_core.WritableSignal<boolean>;
+    private readonly handleBeforeEnter;
+    private readonly handleEnter;
+    private readonly handleAfterEnter;
+    private readonly handleEnterCancelled;
+    private readonly handleBeforeLeave;
+    private readonly handleLeave;
+    private readonly handleAfterLeave;
+    private readonly handleLeaveCancelled;
+    constructor();
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Motion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Motion, "p-motion", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "mountOnEnter": { "alias": "mountOnEnter"; "required": false; "isSignal": true; }; "unmountOnLeave": { "alias": "unmountOnLeave"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "safe": { "alias": "safe"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appear": { "alias": "appear"; "required": false; "isSignal": true; }; "enter": { "alias": "enter"; "required": false; "isSignal": true; }; "leave": { "alias": "leave"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "hideStrategy": { "alias": "hideStrategy"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "onBeforeEnter": "onBeforeEnter"; "onEnter": "onEnter"; "onAfterEnter": "onAfterEnter"; "onEnterCancelled": "onEnterCancelled"; "onBeforeLeave": "onBeforeLeave"; "onLeave": "onLeave"; "onAfterLeave": "onAfterLeave"; "onLeaveCancelled": "onLeaveCancelled"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * Motion Directive is directive to apply motion effects to elements.
+ * @group Components
+ */
+declare class MotionDirective extends BaseComponent {
+    $pcMotionDirective: MotionDirective | undefined;
+    /******************** Inputs ********************/
+    /**
+     * Whether the element is visible or not.
+     * @group Props
+     */
+    visible: _angular_core.InputSignal<boolean>;
+    /**
+     * The name of the motion. It can be a predefined motion name or a custom one.
+     * phases:
+     *     [name]-enter
+     *     [name]-enter-active
+     *     [name]-enter-to
+     *     [name]-leave
+     *     [name]-leave-active
+     *     [name]-leave-to
+     * @group Props
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The type of the motion, valid values 'transition' and 'animation'.
+     * @group Props
+     */
+    type: _angular_core.InputSignal<_primeuix_motion.MotionType | undefined>;
+    /**
+     * Whether the motion is safe.
+     * @group Props
+     */
+    safe: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion is disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should appear.
+     * @group Props
+     */
+    appear: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should enter.
+     * @group Props
+     */
+    enter: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should leave.
+     * @group Props
+     */
+    leave: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * The duration of the motion.
+     * @group Props
+     */
+    duration: _angular_core.InputSignal<_primeuix_motion.MotionDuration>;
+    /**
+     * The hide strategy of the motion, valid values 'display' and 'visibility'.
+     * @group Props
+     */
+    hideStrategy: _angular_core.InputSignal<"display" | "visibility">;
+    /**
+     * The enter from class of the motion.
+     * @group Props
+     */
+    enterFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The enter to class of the motion.
+     * @group Props
+     */
+    enterToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The enter active class of the motion.
+     * @group Props
+     */
+    enterActiveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave from class of the motion.
+     * @group Props
+     */
+    leaveFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave to class of the motion.
+     * @group Props
+     */
+    leaveToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave active class of the motion.
+     * @group Props
+     */
+    leaveActiveClass: _angular_core.InputSignal<string | undefined>;
+    /******************** All Inputs ********************/
+    /**
+     * The motion options.
+     * @group Props
+     */
+    options: _angular_core.InputSignal<MotionOptions>;
+    /******************** Outputs ********************/
+    /**
+     * Callback fired before the enter transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onBeforeEnter: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the enter transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onEnter: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired after the enter transition/animation ends.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onAfterEnter: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the enter transition/animation is cancelled.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onEnterCancelled: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired before the leave transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onBeforeLeave: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the leave transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onLeave: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired after the leave transition/animation ends.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onAfterLeave: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /**
+     * Callback fired when the leave transition/animation is cancelled.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     * @group Emits
+     */
+    onLeaveCancelled: _angular_core.OutputEmitterRef<MotionEvent | undefined>;
+    /******************** Computed ********************/
+    private motionOptions;
+    private motion;
+    private isInitialMount;
+    private cancelled;
+    private destroyed;
+    private readonly handleBeforeEnter;
+    private readonly handleEnter;
+    private readonly handleAfterEnter;
+    private readonly handleEnterCancelled;
+    private readonly handleBeforeLeave;
+    private readonly handleLeave;
+    private readonly handleAfterLeave;
+    private readonly handleLeaveCancelled;
+    constructor();
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MotionDirective, "[pMotion]", never, { "visible": { "alias": "pMotion"; "required": false; "isSignal": true; }; "name": { "alias": "pMotionName"; "required": false; "isSignal": true; }; "type": { "alias": "pMotionType"; "required": false; "isSignal": true; }; "safe": { "alias": "pMotionSafe"; "required": false; "isSignal": true; }; "disabled": { "alias": "pMotionDisabled"; "required": false; "isSignal": true; }; "appear": { "alias": "pMotionAppear"; "required": false; "isSignal": true; }; "enter": { "alias": "pMotionEnter"; "required": false; "isSignal": true; }; "leave": { "alias": "pMotionLeave"; "required": false; "isSignal": true; }; "duration": { "alias": "pMotionDuration"; "required": false; "isSignal": true; }; "hideStrategy": { "alias": "pMotionHideStrategy"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "pMotionEnterFromClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "pMotionEnterToClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "pMotionEnterActiveClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "pMotionLeaveFromClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "pMotionLeaveToClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "pMotionLeaveActiveClass"; "required": false; "isSignal": true; }; "options": { "alias": "pMotionOptions"; "required": false; "isSignal": true; }; }, { "onBeforeEnter": "pMotionOnBeforeEnter"; "onEnter": "pMotionOnEnter"; "onAfterEnter": "pMotionOnAfterEnter"; "onEnterCancelled": "pMotionOnEnterCancelled"; "onBeforeLeave": "pMotionOnBeforeLeave"; "onLeave": "pMotionOnLeave"; "onAfterLeave": "pMotionOnAfterLeave"; "onLeaveCancelled": "pMotionOnLeaveCancelled"; }, never, never, true, never>;
+}
+
+declare class MotionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MotionModule, never, [typeof Motion, typeof MotionDirective], [typeof Motion, typeof MotionDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<MotionModule>;
+}
+
+export { Motion, MotionDirective, MotionModule };

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

@@ -2,7 +2,7 @@ import { MultiSelectPassThrough, MultiSelectChangeEvent, MultiSelectFilterEvent,
 export * from 'primeng/types/multiselect';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter, Signal, ElementRef, QueryList, NgZone } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { FilterService, OverlayService, ScrollerOptions, OverlayOptions, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -540,6 +540,11 @@ declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
      * @group Props
      */
     appendTo: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
     /**
      * Callback to invoke when value changes.
      * @param {MultiSelectChangeEvent} event - Custom change event.
@@ -769,7 +774,8 @@ declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
      * @group Method
      */
     hide(isFocus?: any): void;
-    onOverlayAnimationStart(event: AnimationEvent): void;
+    onOverlayBeforeEnter(event: any): void;
+    onOverlayAfterLeave(event: any): void;
     resetFilter(): void;
     onOverlayHide(event: any): void;
     close(event: Event): void;
@@ -784,6 +790,10 @@ declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
     searchOptions(event: any, char: any): boolean;
     hasFocusableElements(): boolean;
     hasFilter(): any;
+    get containerDataP(): string | undefined;
+    get labelDataP(): string | undefined;
+    get dropdownIconDataP(): string | undefined;
+    get overlayDataP(): string | undefined;
     /**
      * @override
      *
@@ -794,7 +804,7 @@ declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
     getHeaderCheckboxPTOptions(key: string): any;
     getPTOptions(option: any, itemOptions: any, index: any, key: any): any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect, p-multiselect, p-multi-select", never, { "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "chipIcon": { "alias": "chipIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "itemTemplate", "groupTemplate", "loaderTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "selectedItemsTemplate", "loadingIconTemplate", "filterIconTemplate", "removeTokenIconTemplate", "chipIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "itemCheckboxIconTemplate", "headerCheckboxIconTemplate", "templates"], ["p-header", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect, p-multiselect, p-multi-select", never, { "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "group": { "alias": "group"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "overlayVisible": { "alias": "overlayVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "displaySelectedLabel": { "alias": "displaySelectedLabel"; "required": false; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "chipIcon": { "alias": "chipIcon"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "display": { "alias": "display"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; "onSelectAllChange": "onSelectAllChange"; }, ["footerFacet", "headerFacet", "itemTemplate", "groupTemplate", "loaderTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "selectedItemsTemplate", "loadingIconTemplate", "filterIconTemplate", "removeTokenIconTemplate", "chipIconTemplate", "clearIconTemplate", "dropdownIconTemplate", "itemCheckboxIconTemplate", "headerCheckboxIconTemplate", "templates"], ["p-header", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_group: unknown;
     static ngAcceptInputType_filter: unknown;

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

@@ -1,6 +1,6 @@
-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 { BaseComponent } from 'primeng/basecomponent';
@@ -33,8 +33,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 +127,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 +135,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 +165,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,14 +212,52 @@ 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;
     /**
@@ -208,8 +266,8 @@ declare class Overlay extends BaseComponent {
      */
     contentTemplate: TemplateRef<any> | undefined;
     templates: QueryList<any> | undefined;
-    hostAttrSelector: i0.InputSignal<string | undefined>;
-    $appendTo: i0.Signal<any>;
+    hostAttrSelector: _angular_core.InputSignal<string | undefined>;
+    $appendTo: _angular_core.Signal<any>;
     _contentTemplate: TemplateRef<any> | undefined;
     _visible: boolean;
     _mode: OverlayModeType | string;
@@ -253,13 +311,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 +336,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 };