primeng 20.3.0 → 21.0.0-rc.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}

@@ -1,8 +1,8 @@
-import { MultiSelectPassThrough, MultiSelectChangeEvent, MultiSelectFilterEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectLazyLoadEvent, MultiSelectRemoveEvent, MultiSelectSelectAllChangeEvent, MultiSelectFilterOptions } from 'primeng/types/multiselect';
+import { MultiSelectItemTemplateContext, MultiSelectItemCheckboxIconTemplateContext, MultiSelectPassThrough, MultiSelectChangeEvent, MultiSelectFilterEvent, MultiSelectFocusEvent, MultiSelectBlurEvent, MultiSelectLazyLoadEvent, MultiSelectRemoveEvent, MultiSelectSelectAllChangeEvent, MultiSelectGroupTemplateContext, MultiSelectLoaderTemplateContext, MultiSelectFilterTemplateContext, MultiSelectSelectedItemsTemplateContext, MultiSelectChipIconTemplateContext, MultiSelectDropdownIconTemplateContext, MultiSelectHeaderCheckboxIconTemplateContext, MultiSelectFilterOptions } from 'primeng/types/multiselect';
 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';
@@ -182,9 +182,9 @@ declare class MultiSelectItem extends BaseComponent {
     ariaPosInset: string | undefined;
     ariaSetSize: string | undefined;
     variant: 'outlined' | 'filled';
-    template: TemplateRef<any> | undefined;
-    checkIconTemplate: TemplateRef<any> | undefined;
-    itemCheckboxIconTemplate: TemplateRef<any> | undefined;
+    template: TemplateRef<MultiSelectItemTemplateContext> | undefined;
+    checkIconTemplate: TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined;
+    itemCheckboxIconTemplate: TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined;
     highlightOnSelect: boolean | undefined;
     onClick: EventEmitter<any>;
     onMouseEnter: EventEmitter<any>;
@@ -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.
@@ -626,41 +631,109 @@ declare class MultiSelect extends BaseEditableHolder<MultiSelectPassThrough> {
     _filteredOptions: any[] | undefined | null;
     focus: boolean | undefined;
     filtered: boolean | undefined;
-    itemTemplate: TemplateRef<any> | undefined;
-    groupTemplate: TemplateRef<any> | undefined;
-    loaderTemplate: TemplateRef<any> | undefined;
-    headerTemplate: TemplateRef<any> | undefined;
-    filterTemplate: TemplateRef<any> | undefined;
-    footerTemplate: TemplateRef<any> | undefined;
-    emptyFilterTemplate: TemplateRef<any> | undefined;
-    emptyTemplate: TemplateRef<any> | undefined;
-    selectedItemsTemplate: TemplateRef<any> | undefined;
-    loadingIconTemplate: TemplateRef<any> | undefined;
-    filterIconTemplate: TemplateRef<any> | undefined;
-    removeTokenIconTemplate: TemplateRef<any> | undefined;
-    chipIconTemplate: TemplateRef<any> | undefined;
-    clearIconTemplate: TemplateRef<any> | undefined;
-    dropdownIconTemplate: TemplateRef<any> | undefined;
-    itemCheckboxIconTemplate: TemplateRef<any> | undefined;
-    headerCheckboxIconTemplate: TemplateRef<any> | undefined;
+    /**
+     * Custom item template.
+     * @group Templates
+     */
+    itemTemplate: TemplateRef<MultiSelectItemTemplateContext> | undefined;
+    /**
+     * Custom group template.
+     * @group Templates
+     */
+    groupTemplate: TemplateRef<MultiSelectGroupTemplateContext> | undefined;
+    /**
+     * Custom loader template.
+     * @group Templates
+     */
+    loaderTemplate: TemplateRef<MultiSelectLoaderTemplateContext> | undefined;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    headerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom filter template.
+     * @group Templates
+     */
+    filterTemplate: TemplateRef<MultiSelectFilterTemplateContext> | undefined;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    footerTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom empty filter template.
+     * @group Templates
+     */
+    emptyFilterTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom empty template.
+     * @group Templates
+     */
+    emptyTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom selected items template.
+     * @group Templates
+     */
+    selectedItemsTemplate: TemplateRef<MultiSelectSelectedItemsTemplateContext> | undefined;
+    /**
+     * Custom loading icon template.
+     * @group Templates
+     */
+    loadingIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom filter icon template.
+     * @group Templates
+     */
+    filterIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom remove token icon template.
+     * @group Templates
+     */
+    removeTokenIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
+    /**
+     * Custom chip icon template.
+     * @group Templates
+     */
+    chipIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
+    /**
+     * Custom clear icon template.
+     * @group Templates
+     */
+    clearIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom dropdown icon template.
+     * @group Templates
+     */
+    dropdownIconTemplate: TemplateRef<MultiSelectDropdownIconTemplateContext> | undefined;
+    /**
+     * Custom item checkbox icon template.
+     * @group Templates
+     */
+    itemCheckboxIconTemplate: TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined;
+    /**
+     * Custom header checkbox icon template.
+     * @group Templates
+     */
+    headerCheckboxIconTemplate: TemplateRef<MultiSelectHeaderCheckboxIconTemplateContext> | undefined;
     templates: Nullable<QueryList<PrimeTemplate>>;
-    _itemTemplate: TemplateRef<any> | undefined;
-    _groupTemplate: TemplateRef<any> | undefined;
-    _loaderTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _filterTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _emptyFilterTemplate: TemplateRef<any> | undefined;
-    _emptyTemplate: TemplateRef<any> | undefined;
-    _selectedItemsTemplate: TemplateRef<any> | undefined;
-    _loadingIconTemplate: TemplateRef<any> | undefined;
-    _filterIconTemplate: TemplateRef<any> | undefined;
-    _removeTokenIconTemplate: TemplateRef<any> | undefined;
-    _chipIconTemplate: TemplateRef<any> | undefined;
-    _clearIconTemplate: TemplateRef<any> | undefined;
-    _dropdownIconTemplate: TemplateRef<any> | undefined;
-    _itemCheckboxIconTemplate: TemplateRef<any> | undefined;
-    _headerCheckboxIconTemplate: TemplateRef<any> | undefined;
+    _itemTemplate: TemplateRef<MultiSelectItemTemplateContext> | undefined;
+    _groupTemplate: TemplateRef<MultiSelectGroupTemplateContext> | undefined;
+    _loaderTemplate: TemplateRef<MultiSelectLoaderTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _filterTemplate: TemplateRef<MultiSelectFilterTemplateContext> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _emptyFilterTemplate: TemplateRef<void> | undefined;
+    _emptyTemplate: TemplateRef<void> | undefined;
+    _selectedItemsTemplate: TemplateRef<MultiSelectSelectedItemsTemplateContext> | undefined;
+    _loadingIconTemplate: TemplateRef<void> | undefined;
+    _filterIconTemplate: TemplateRef<void> | undefined;
+    _removeTokenIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
+    _chipIconTemplate: TemplateRef<MultiSelectChipIconTemplateContext> | undefined;
+    _clearIconTemplate: TemplateRef<void> | undefined;
+    _dropdownIconTemplate: TemplateRef<MultiSelectDropdownIconTemplateContext> | undefined;
+    _itemCheckboxIconTemplate: TemplateRef<MultiSelectItemCheckboxIconTemplateContext> | undefined;
+    _headerCheckboxIconTemplate: TemplateRef<MultiSelectHeaderCheckboxIconTemplateContext> | undefined;
     $variant: Signal<"filled" | "outlined" | null>;
     $appendTo: Signal<any>;
     $pcMultiSelect: MultiSelect | undefined;
@@ -769,7 +842,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 +858,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 +872,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;