primeng 20.3.0 → 21.0.0-rc.1

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

@@ -1,7 +1,8 @@
-import { PanelMenuPassThrough } from 'primeng/types/panelmenu';
+import { PanelMenuItemTemplateContext, PanelMenuPassThrough } from 'primeng/types/panelmenu';
 export * from 'primeng/types/panelmenu';
 import * as i0 from '@angular/core';
 import { TemplateRef, EventEmitter, ElementRef, QueryList, SimpleChanges } from '@angular/core';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { MenuItem, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -112,6 +113,7 @@ declare class PanelMenuStyle extends BaseStyle {
         }) => (string | {
             'p-panelmenu-expanded': any;
         })[];
+        contentWrapper: string;
         content: string;
         rootList: string;
         item: ({ instance, processedItem }: {
@@ -140,13 +142,14 @@ declare class PanelMenuSub extends BaseComponent {
     panelId: string | undefined;
     focusedItemId: string | undefined;
     items: any[];
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<PanelMenuItemTemplateContext> | undefined;
     level: number;
     activeItemPath: any[];
     root: boolean | undefined;
     tabindex: number | undefined;
     transitionOptions: string | undefined;
     parentExpanded: boolean | undefined;
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
     itemToggle: EventEmitter<any>;
     menuFocus: EventEmitter<any>;
     menuBlur: EventEmitter<any>;
@@ -173,19 +176,12 @@ declare class PanelMenuSub extends BaseComponent {
     isItemDisabled(processedItem: any): any;
     isItemFocused(processedItem: any): boolean;
     isItemGroup(processedItem: any): boolean;
-    getAnimation(processedItem: any): {
-        value: string;
-        params: {
-            transitionParams: string | undefined;
-            height: string;
-        };
-    };
     getAriaSetSize(): number;
     getAriaPosInset(index: any): number;
     onItemClick(event: any, processedItem: any): void;
     onItemToggle(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuSub, "ul[pPanelMenuSub]", never, { "panelId": { "alias": "panelId"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; }, { "itemToggle": "itemToggle"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeyDown": "menuKeyDown"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuSub, "ul[pPanelMenuSub]", never, { "panelId": { "alias": "panelId"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "itemToggle": "itemToggle"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeyDown": "menuKeyDown"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_level: unknown;
     static ngAcceptInputType_root: unknown;
     static ngAcceptInputType_tabindex: unknown;
@@ -195,13 +191,14 @@ declare class PanelMenuList extends BaseComponent {
     panelId: string | undefined;
     id: string | undefined;
     items: any[];
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<PanelMenuItemTemplateContext> | undefined;
     parentExpanded: boolean | undefined;
     expanded: boolean | undefined;
     transitionOptions: string | undefined;
     root: boolean | undefined;
     tabindex: number | undefined;
     activeItem: any;
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
     itemToggle: EventEmitter<any>;
     headerFocus: EventEmitter<any>;
     subMenuViewChild: PanelMenuSub;
@@ -248,7 +245,7 @@ declare class PanelMenuList extends BaseComponent {
     findPrevItem(processedItem: any): any;
     searchItems(event: any, char: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuList, "ul[pPanelMenuList]", never, { "panelId": { "alias": "panelId"; "required": false; }; "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "itemToggle": "itemToggle"; "headerFocus": "headerFocus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuList, "ul[pPanelMenuList]", never, { "panelId": { "alias": "panelId"; "required": false; }; "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "itemToggle": "itemToggle"; "headerFocus": "headerFocus"; }, never, never, true, never>;
     static ngAcceptInputType_parentExpanded: unknown;
     static ngAcceptInputType_expanded: unknown;
     static ngAcceptInputType_root: unknown;
@@ -278,8 +275,15 @@ declare class PanelMenu extends BaseComponent<PanelMenuPassThrough> {
     /**
      * Transition options of the 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>;
     /**
      * Current id state as a string.
      * @group Props
@@ -295,22 +299,23 @@ declare class PanelMenu extends BaseComponent<PanelMenuPassThrough> {
      * Template option of submenu icon.
      * @group Templates
      */
-    submenuIconTemplate: TemplateRef<any> | undefined;
+    submenuIconTemplate: TemplateRef<void> | undefined;
     /**
      * Template option of header icon.
      * @group Templates
      */
-    headerIconTemplate: TemplateRef<any> | undefined;
+    headerIconTemplate: TemplateRef<void> | undefined;
     /**
      * Template option of item.
+     * @param {PanelMenuItemTemplateContext} context - item context.
+     * @see {@link PanelMenuItemTemplateContext}
      * @group Templates
      */
-    itemTemplate: TemplateRef<any> | undefined;
+    itemTemplate: TemplateRef<PanelMenuItemTemplateContext> | undefined;
     templates: QueryList<PrimeTemplate> | undefined;
-    _submenuIconTemplate: TemplateRef<any> | undefined;
-    _headerIconTemplate: TemplateRef<any> | undefined;
-    _itemTemplate: TemplateRef<any> | undefined;
-    animating: boolean | undefined;
+    _submenuIconTemplate: TemplateRef<void> | undefined;
+    _headerIconTemplate: TemplateRef<void> | undefined;
+    _itemTemplate: TemplateRef<PanelMenuItemTemplateContext> | undefined;
     activeItem: i0.WritableSignal<any>;
     _componentStyle: PanelMenuStyle;
     bindDirectiveInstance: Bind;
@@ -324,15 +329,7 @@ declare class PanelMenu extends BaseComponent<PanelMenuPassThrough> {
      * @group Method
      */
     collapseAll(): void;
-    onToggleDone(): void;
     changeActiveItem(event: any, item: any, index?: number, selfActive?: boolean): void;
-    getAnimation(item: MenuItem): {
-        value: string;
-        params: {
-            transitionParams: string;
-            height: string;
-        };
-    };
     getItemProp(item: any, name: any): any;
     getItemLabel(item: any): any;
     isItemActive(item: any): any;
@@ -356,7 +353,7 @@ declare class PanelMenu extends BaseComponent<PanelMenuPassThrough> {
     onHeaderEndKey(event: any): void;
     onHeaderEnterKey(event: any, item: any, index: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenu, "p-panelMenu, p-panelmenu, p-panel-menu", never, { "model": { "alias": "model"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["submenuIconTemplate", "headerIconTemplate", "itemTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenu, "p-panelMenu, p-panelmenu, p-panel-menu", never, { "model": { "alias": "model"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["submenuIconTemplate", "headerIconTemplate", "itemTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_tabindex: unknown;
 }

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

@@ -1,16 +1,17 @@
-import { PasswordPassThrough } from 'primeng/types/password';
+import { PasswordPassThrough, PasswordIconTemplateContext } from 'primeng/types/password';
 export * from 'primeng/types/password';
 import * as i0 from '@angular/core';
 import { NgZone, PipeTransform, EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
-import { PrimeTemplate, OverlayService } from 'primeng/api';
+import { OverlayOptions, PrimeTemplate, OverlayService } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
 import { BaseInput } from 'primeng/baseinput';
 import * as i1 from 'primeng/bind';
 import { Bind } from 'primeng/bind';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Fluid } from 'primeng/fluid';
+import { Overlay } from 'primeng/overlay';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import { Subscription } from 'rxjs';
 import { BaseStyle } from 'primeng/base';
@@ -121,6 +122,18 @@ declare class PasswordDirective extends BaseEditableHolder {
     zone: NgZone;
     bindDirectiveInstance: Bind;
     $pcPasswordDirective: PasswordDirective | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the Password component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pPasswordPT: i0.InputSignal<PasswordPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pPasswordUnstyled: i0.InputSignal<boolean | undefined>;
     onAfterViewChecked(): void;
     /**
      * Text to prompt password entry. Defaults to PrimeNG I18N API configuration.
@@ -205,7 +218,7 @@ declare class PasswordDirective extends BaseEditableHolder {
     onWindowResize(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PasswordDirective, "[pPassword]", never, { "promptLabel": { "alias": "promptLabel"; "required": false; }; "weakLabel": { "alias": "weakLabel"; "required": false; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; }; "strongLabel": { "alias": "strongLabel"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "size": { "alias": "pSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PasswordDirective, "[pPassword]", never, { "pPasswordPT": { "alias": "pPasswordPT"; "required": false; "isSignal": true; }; "pPasswordUnstyled": { "alias": "pPasswordUnstyled"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; }; "weakLabel": { "alias": "weakLabel"; "required": false; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; }; "strongLabel": { "alias": "strongLabel"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "size": { "alias": "pSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_feedback: unknown;
 }
 type Mapper<T, G> = (item: T, ...args: any[]) => G;
@@ -310,11 +323,13 @@ declare class Password extends BaseInput<PasswordPassThrough> {
     /**
      * 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;
     /**
@@ -348,6 +363,16 @@ declare class Password extends BaseInput<PasswordPassThrough> {
      * @group Props
      */
     appendTo: i0.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: i0.InputSignal<MotionOptions | undefined>;
+    /**
+     * Whether to use overlay API feature. The properties of overlay API can be used like an object in it.
+     * @group Props
+     */
+    overlayOptions: OverlayOptions | undefined;
     /**
      * Callback to invoke when the component receives focus.
      * @param {Event} event - Browser event.
@@ -365,21 +390,50 @@ declare class Password extends BaseInput<PasswordPassThrough> {
      * @group Emits
      */
     onClear: EventEmitter<any>;
+    overlayViewChild: Overlay;
     input: ElementRef;
-    contentTemplate: Nullable<TemplateRef<any>>;
-    footerTemplate: Nullable<TemplateRef<any>>;
-    headerTemplate: Nullable<TemplateRef<any>>;
-    clearIconTemplate: Nullable<TemplateRef<any>>;
-    hideIconTemplate: Nullable<TemplateRef<any>>;
-    showIconTemplate: Nullable<TemplateRef<any>>;
+    /**
+     * Custom template of content.
+     * @group Templates
+     */
+    contentTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom template of footer.
+     * @group Templates
+     */
+    footerTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom template of header.
+     * @group Templates
+     */
+    headerTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom template of clear icon.
+     * @group Templates
+     */
+    clearIconTemplate: Nullable<TemplateRef<void>>;
+    /**
+     * Custom template of hide icon.
+     * @param {PasswordIconTemplateContext} context - icon context.
+     * @see {@link PasswordIconTemplateContext}
+     * @group Templates
+     */
+    hideIconTemplate: Nullable<TemplateRef<PasswordIconTemplateContext>>;
+    /**
+     * Custom template of show icon.
+     * @param {PasswordIconTemplateContext} context - icon context.
+     * @see {@link PasswordIconTemplateContext}
+     * @group Templates
+     */
+    showIconTemplate: Nullable<TemplateRef<PasswordIconTemplateContext>>;
     templates: QueryList<PrimeTemplate>;
     $appendTo: i0.Signal<any>;
-    _contentTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _clearIconTemplate: TemplateRef<any> | undefined;
-    _hideIconTemplate: TemplateRef<any> | undefined;
-    _showIconTemplate: TemplateRef<any> | undefined;
+    _contentTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _clearIconTemplate: TemplateRef<void> | undefined;
+    _hideIconTemplate: TemplateRef<PasswordIconTemplateContext> | undefined;
+    _showIconTemplate: TemplateRef<PasswordIconTemplateContext> | undefined;
     overlayVisible: boolean;
     meter: Nullable<Meter>;
     infoText: Nullable<string>;
@@ -389,17 +443,12 @@ declare class Password extends BaseInput<PasswordPassThrough> {
     strongCheckRegExp: RegExp;
     resizeListener: VoidListener;
     scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
-    overlay: any;
     value: Nullable<string>;
     translationSubscription: Nullable<Subscription>;
     _componentStyle: PasswordStyle;
     overlayService: OverlayService;
     onInit(): void;
     onAfterContentInit(): void;
-    onAnimationStart(event: AnimationEvent): void;
-    onAnimationEnd(event: AnimationEvent): void;
-    appendContainer(): void;
-    alignOverlay(): void;
     onInput(event: Event): void;
     onInputFocus(event: Event): void;
     onInputBlur(event: Event): void;
@@ -408,15 +457,10 @@ declare class Password extends BaseInput<PasswordPassThrough> {
     onMaskToggle(): void;
     onOverlayClick(event: Event): void;
     testStrength(str: string): number;
-    bindScrollListener(): void;
-    bindResizeListener(): void;
-    unbindScrollListener(): void;
-    unbindResizeListener(): void;
     promptText(): any;
     weakText(): any;
     mediumText(): any;
     strongText(): any;
-    restoreAppend(): void;
     inputType(unmasked: boolean): "password" | "text";
     getTranslation(option: string): any;
     clear(): void;
@@ -428,8 +472,11 @@ declare class Password extends BaseInput<PasswordPassThrough> {
      */
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
     onDestroy(): void;
+    get containerDataP(): string | undefined;
+    get meterDataP(): string | undefined;
+    get overlayDataP(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<Password, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "p-password", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "promptLabel": { "alias": "promptLabel"; "required": false; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; }; "strongRegex": { "alias": "strongRegex"; "required": false; }; "weakLabel": { "alias": "weakLabel"; "required": false; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "strongLabel": { "alias": "strongLabel"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "toggleMask": { "alias": "toggleMask"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["contentTemplate", "footerTemplate", "headerTemplate", "clearIconTemplate", "hideIconTemplate", "showIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Password, "p-password", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "promptLabel": { "alias": "promptLabel"; "required": false; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; }; "strongRegex": { "alias": "strongRegex"; "required": false; }; "weakLabel": { "alias": "weakLabel"; "required": false; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "strongLabel": { "alias": "strongLabel"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "toggleMask": { "alias": "toggleMask"; "required": false; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; }, { "onFocus": "onFocus"; "onBlur": "onBlur"; "onClear": "onClear"; }, ["contentTemplate", "footerTemplate", "headerTemplate", "clearIconTemplate", "hideIconTemplate", "showIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_maxLength: unknown;
     static ngAcceptInputType_feedback: unknown;
     static ngAcceptInputType_toggleMask: unknown;

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

@@ -1,8 +1,8 @@
-import { PickListMoveToSourceEvent, PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToTargetEvent, PickListSourceReorderEvent, PickListTargetReorderEvent, PickListSourceSelectEvent, PickListTargetSelectEvent, PickListSourceFilterEvent, PickListTargetFilterEvent, PickListFilterOptions } from 'primeng/types/picklist';
+import { PickListMoveToSourceEvent, PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToTargetEvent, PickListSourceReorderEvent, PickListTargetReorderEvent, PickListSourceSelectEvent, PickListTargetSelectEvent, PickListSourceFilterEvent, PickListTargetFilterEvent, PickListFilterOptions, PickListItemTemplateContext, PickListFilterTemplateContext, PickListTransferIconTemplateContext } from 'primeng/types/picklist';
 export * from 'primeng/types/picklist';
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i0 from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import * as i2 from 'primeng/api';
 import { FilterService, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -79,12 +79,12 @@ declare class PickList extends BaseComponent {
      * An array of objects for the source list.
      * @group Props
      */
-    source: any[] | undefined;
+    source: i0.ModelSignal<any[]>;
     /**
      * An array of objects for the target list.
      * @group Props
      */
-    target: any[] | undefined;
+    target: i0.ModelSignal<any[]>;
     /**
      * Name of the field that uniquely identifies the options.
      * @group Props
@@ -425,6 +425,8 @@ declare class PickList extends BaseComponent {
     sourceFilterViewChild: Nullable<ElementRef>;
     targetFilterViewChild: Nullable<ElementRef>;
     getButtonProps(direction: string): ButtonProps;
+    get targetOptions(): any[];
+    get sourceOptions(): any[];
     get moveUpAriaLabel(): string | undefined;
     get moveTopAriaLabel(): string | undefined;
     get moveDownAriaLabel(): string | undefined;
@@ -462,143 +464,133 @@ declare class PickList extends BaseComponent {
     onInit(): void;
     /**
      * Custom item template.
+     * @param {PickListItemTemplateContext} context - item context.
+     * @see {@link PickListItemTemplateContext}
      * @group Templates
      */
-    itemTemplate: TemplateRef<any>;
+    itemTemplate: TemplateRef<PickListItemTemplateContext>;
     /**
      * Custom source header template.
      * @group Templates
      */
-    sourceHeaderTemplate: TemplateRef<any>;
+    sourceHeaderTemplate: TemplateRef<void>;
     /**
      * Custom target header template.
      * @group Templates
      */
-    targetHeaderTemplate: TemplateRef<any>;
+    targetHeaderTemplate: TemplateRef<void>;
     /**
      * Custom source filter template.
+     * @param {PickListFilterTemplateContext} context - filter context.
+     * @see {@link PickListFilterTemplateContext}
      * @group Templates
      */
-    sourceFilterTemplate: TemplateRef<{
-        options: PickListFilterOptions;
-    }>;
+    sourceFilterTemplate: TemplateRef<PickListFilterTemplateContext>;
     /**
      * Custom target filter template.
+     * @param {PickListFilterTemplateContext} context - filter context.
+     * @see {@link PickListFilterTemplateContext}
      * @group Templates
      */
-    targetFilterTemplate: TemplateRef<{
-        options: PickListFilterOptions;
-    }>;
+    targetFilterTemplate: TemplateRef<PickListFilterTemplateContext>;
     /**
      * Custom empty message when source is empty template.
      * @group Templates
      */
-    emptyMessageSourceTemplate: TemplateRef<any>;
+    emptyMessageSourceTemplate: TemplateRef<void>;
     /**
      * Custom empty filter message when source is empty template.
      * @group Templates
      */
-    emptyFilterMessageSourceTemplate: TemplateRef<any>;
+    emptyFilterMessageSourceTemplate: TemplateRef<void>;
     /**
      * Custom empty message when target is empty template.
      * @group Templates
      */
-    emptyMessageTargetTemplate: TemplateRef<any>;
+    emptyMessageTargetTemplate: TemplateRef<void>;
     /**
      * Custom empty filter message when target is empty template.
      * @group Templates
      */
-    emptyFilterMessageTargetTemplate: TemplateRef<any>;
+    emptyFilterMessageTargetTemplate: TemplateRef<void>;
     /**
      * Custom move up icon template.
      * @group Templates
      */
-    moveUpIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveUpIconTemplate: TemplateRef<void>;
     /**
      * Custom move top icon template.
      * @group Templates
      */
-    moveTopIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveTopIconTemplate: TemplateRef<void>;
     /**
      * Custom move down icon template.
      * @group Templates
      */
-    moveDownIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveDownIconTemplate: TemplateRef<void>;
     /**
      * Custom move bottom icon template.
      * @group Templates
      */
-    moveBottomIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveBottomIconTemplate: TemplateRef<void>;
     /**
      * Custom move to target icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
      * @group Templates
      */
-    moveToTargetIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveToTargetIconTemplate: TemplateRef<PickListTransferIconTemplateContext>;
     /**
      * Custom move all to target icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
      * @group Templates
      */
-    moveAllToTargetIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveAllToTargetIconTemplate: TemplateRef<PickListTransferIconTemplateContext>;
     /**
      * Custom move to source icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
      * @group Templates
      */
-    moveToSourceIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveToSourceIconTemplate: TemplateRef<PickListTransferIconTemplateContext>;
     /**
      * Custom move all to source icon template.
+     * @param {PickListTransferIconTemplateContext} context - icon context.
+     * @see {@link PickListTransferIconTemplateContext}
      * @group Templates
      */
-    moveAllToSourceIconTemplate: TemplateRef<{
-        $implicit: boolean;
-    }>;
+    moveAllToSourceIconTemplate: TemplateRef<PickListTransferIconTemplateContext>;
     /**
      * Custom target filter icon template.
      * @group Templates
      */
-    targetFilterIconTemplate: TemplateRef<{
-        options: PickListFilterOptions;
-    }>;
+    targetFilterIconTemplate: TemplateRef<void>;
     /**
      * Custom source filter icon template.
      * @group Templates
      */
-    sourceFilterIconTemplate: TemplateRef<{
-        options: PickListFilterOptions;
-    }>;
+    sourceFilterIconTemplate: TemplateRef<void>;
     templates: QueryList<PrimeTemplate>;
-    _itemTemplate: TemplateRef<any> | undefined;
-    _sourceHeaderTemplate: TemplateRef<any> | undefined;
-    _targetHeaderTemplate: TemplateRef<any> | undefined;
-    _sourceFilterTemplate: TemplateRef<any> | undefined;
-    _targetFilterTemplate: TemplateRef<any> | undefined;
-    _emptyMessageSourceTemplate: TemplateRef<any> | undefined;
-    _emptyFilterMessageSourceTemplate: TemplateRef<any> | undefined;
-    _emptyMessageTargetTemplate: TemplateRef<any> | undefined;
-    _emptyFilterMessageTargetTemplate: TemplateRef<any> | undefined;
-    _moveUpIconTemplate: TemplateRef<any> | undefined;
-    _moveTopIconTemplate: TemplateRef<any> | undefined;
-    _moveDownIconTemplate: TemplateRef<any> | undefined;
-    _moveBottomIconTemplate: TemplateRef<any> | undefined;
-    _moveToTargetIconTemplate: TemplateRef<any> | undefined;
-    _moveAllToTargetIconTemplate: TemplateRef<any> | undefined;
-    _moveToSourceIconTemplate: TemplateRef<any> | undefined;
-    _moveAllToSourceIconTemplate: TemplateRef<any> | undefined;
-    _targetFilterIconTemplate: TemplateRef<any> | undefined;
-    _sourceFilterIconTemplate: TemplateRef<any> | undefined;
+    _itemTemplate: TemplateRef<PickListItemTemplateContext> | undefined;
+    _sourceHeaderTemplate: TemplateRef<void> | undefined;
+    _targetHeaderTemplate: TemplateRef<void> | undefined;
+    _sourceFilterTemplate: TemplateRef<PickListFilterTemplateContext> | undefined;
+    _targetFilterTemplate: TemplateRef<PickListFilterTemplateContext> | undefined;
+    _emptyMessageSourceTemplate: TemplateRef<void> | undefined;
+    _emptyFilterMessageSourceTemplate: TemplateRef<void> | undefined;
+    _emptyMessageTargetTemplate: TemplateRef<void> | undefined;
+    _emptyFilterMessageTargetTemplate: TemplateRef<void> | undefined;
+    _moveUpIconTemplate: TemplateRef<void> | undefined;
+    _moveTopIconTemplate: TemplateRef<void> | undefined;
+    _moveDownIconTemplate: TemplateRef<void> | undefined;
+    _moveBottomIconTemplate: TemplateRef<void> | undefined;
+    _moveToTargetIconTemplate: TemplateRef<PickListTransferIconTemplateContext> | undefined;
+    _moveAllToTargetIconTemplate: TemplateRef<PickListTransferIconTemplateContext> | undefined;
+    _moveToSourceIconTemplate: TemplateRef<PickListTransferIconTemplateContext> | undefined;
+    _moveAllToSourceIconTemplate: TemplateRef<PickListTransferIconTemplateContext> | undefined;
+    _targetFilterIconTemplate: TemplateRef<void> | undefined;
+    _sourceFilterIconTemplate: TemplateRef<void> | undefined;
     onAfterContentInit(): void;
     onChangeSelection(e: ListboxChangeEvent, listType: number): void;
     onSourceItemDblClick(): void;
@@ -653,7 +645,7 @@ declare class PickList extends BaseComponent {
     destroyStyle(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PickList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList, p-picklist, p-pick-list", never, { "hostName": { "alias": "hostName"; "required": false; }; "source": { "alias": "source"; "required": false; }; "target": { "alias": "target"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "rightButtonAriaLabel": { "alias": "rightButtonAriaLabel"; "required": false; }; "leftButtonAriaLabel": { "alias": "leftButtonAriaLabel"; "required": false; }; "allRightButtonAriaLabel": { "alias": "allRightButtonAriaLabel"; "required": false; }; "allLeftButtonAriaLabel": { "alias": "allLeftButtonAriaLabel"; "required": false; }; "upButtonAriaLabel": { "alias": "upButtonAriaLabel"; "required": false; }; "downButtonAriaLabel": { "alias": "downButtonAriaLabel"; "required": false; }; "topButtonAriaLabel": { "alias": "topButtonAriaLabel"; "required": false; }; "bottomButtonAriaLabel": { "alias": "bottomButtonAriaLabel"; "required": false; }; "sourceAriaLabel": { "alias": "sourceAriaLabel"; "required": false; }; "targetAriaLabel": { "alias": "targetAriaLabel"; "required": false; }; "targetHeader": { "alias": "targetHeader"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "sourceTrackBy": { "alias": "sourceTrackBy"; "required": false; }; "targetTrackBy": { "alias": "targetTrackBy"; "required": false; }; "showSourceFilter": { "alias": "showSourceFilter"; "required": false; }; "showTargetFilter": { "alias": "showTargetFilter"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "sourceStyle": { "alias": "sourceStyle"; "required": false; }; "targetStyle": { "alias": "targetStyle"; "required": false; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sourceOptionDisabled": { "alias": "sourceOptionDisabled"; "required": false; }; "targetOptionDisabled": { "alias": "targetOptionDisabled"; "required": false; }; "ariaSourceFilterLabel": { "alias": "ariaSourceFilterLabel"; "required": false; }; "ariaTargetFilterLabel": { "alias": "ariaTargetFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "stripedRows": { "alias": "stripedRows"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "moveUpButtonProps": { "alias": "moveUpButtonProps"; "required": false; }; "moveTopButtonProps": { "alias": "moveTopButtonProps"; "required": false; }; "moveDownButtonProps": { "alias": "moveDownButtonProps"; "required": false; }; "moveBottomButtonProps": { "alias": "moveBottomButtonProps"; "required": false; }; "moveToTargetProps": { "alias": "moveToTargetProps"; "required": false; }; "moveAllToTargetProps": { "alias": "moveAllToTargetProps"; "required": false; }; "moveToSourceProps": { "alias": "moveToSourceProps"; "required": false; }; "moveAllToSourceProps": { "alias": "moveAllToSourceProps"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "sourceHeaderTemplate", "targetHeaderTemplate", "sourceFilterTemplate", "targetFilterTemplate", "emptyMessageSourceTemplate", "emptyFilterMessageSourceTemplate", "emptyMessageTargetTemplate", "emptyFilterMessageTargetTemplate", "moveUpIconTemplate", "moveTopIconTemplate", "moveDownIconTemplate", "moveBottomIconTemplate", "moveToTargetIconTemplate", "moveAllToTargetIconTemplate", "moveToSourceIconTemplate", "moveAllToSourceIconTemplate", "targetFilterIconTemplate", "sourceFilterIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickList, "p-pickList, p-picklist, p-pick-list", never, { "hostName": { "alias": "hostName"; "required": false; }; "source": { "alias": "source"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; }; "sourceHeader": { "alias": "sourceHeader"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "rightButtonAriaLabel": { "alias": "rightButtonAriaLabel"; "required": false; }; "leftButtonAriaLabel": { "alias": "leftButtonAriaLabel"; "required": false; }; "allRightButtonAriaLabel": { "alias": "allRightButtonAriaLabel"; "required": false; }; "allLeftButtonAriaLabel": { "alias": "allLeftButtonAriaLabel"; "required": false; }; "upButtonAriaLabel": { "alias": "upButtonAriaLabel"; "required": false; }; "downButtonAriaLabel": { "alias": "downButtonAriaLabel"; "required": false; }; "topButtonAriaLabel": { "alias": "topButtonAriaLabel"; "required": false; }; "bottomButtonAriaLabel": { "alias": "bottomButtonAriaLabel"; "required": false; }; "sourceAriaLabel": { "alias": "sourceAriaLabel"; "required": false; }; "targetAriaLabel": { "alias": "targetAriaLabel"; "required": false; }; "targetHeader": { "alias": "targetHeader"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "sourceTrackBy": { "alias": "sourceTrackBy"; "required": false; }; "targetTrackBy": { "alias": "targetTrackBy"; "required": false; }; "showSourceFilter": { "alias": "showSourceFilter"; "required": false; }; "showTargetFilter": { "alias": "showTargetFilter"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "sourceStyle": { "alias": "sourceStyle"; "required": false; }; "targetStyle": { "alias": "targetStyle"; "required": false; }; "showSourceControls": { "alias": "showSourceControls"; "required": false; }; "showTargetControls": { "alias": "showTargetControls"; "required": false; }; "sourceFilterPlaceholder": { "alias": "sourceFilterPlaceholder"; "required": false; }; "targetFilterPlaceholder": { "alias": "targetFilterPlaceholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sourceOptionDisabled": { "alias": "sourceOptionDisabled"; "required": false; }; "targetOptionDisabled": { "alias": "targetOptionDisabled"; "required": false; }; "ariaSourceFilterLabel": { "alias": "ariaSourceFilterLabel"; "required": false; }; "ariaTargetFilterLabel": { "alias": "ariaTargetFilterLabel"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "stripedRows": { "alias": "stripedRows"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "buttonProps": { "alias": "buttonProps"; "required": false; }; "moveUpButtonProps": { "alias": "moveUpButtonProps"; "required": false; }; "moveTopButtonProps": { "alias": "moveTopButtonProps"; "required": false; }; "moveDownButtonProps": { "alias": "moveDownButtonProps"; "required": false; }; "moveBottomButtonProps": { "alias": "moveBottomButtonProps"; "required": false; }; "moveToTargetProps": { "alias": "moveToTargetProps"; "required": false; }; "moveAllToTargetProps": { "alias": "moveAllToTargetProps"; "required": false; }; "moveToSourceProps": { "alias": "moveToSourceProps"; "required": false; }; "moveAllToSourceProps": { "alias": "moveAllToSourceProps"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "source": "sourceChange"; "target": "targetChange"; "onMoveToSource": "onMoveToSource"; "onMoveAllToSource": "onMoveAllToSource"; "onMoveAllToTarget": "onMoveAllToTarget"; "onMoveToTarget": "onMoveToTarget"; "onSourceReorder": "onSourceReorder"; "onTargetReorder": "onTargetReorder"; "onSourceSelect": "onSourceSelect"; "onTargetSelect": "onTargetSelect"; "onSourceFilter": "onSourceFilter"; "onTargetFilter": "onTargetFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["itemTemplate", "sourceHeaderTemplate", "targetHeaderTemplate", "sourceFilterTemplate", "targetFilterTemplate", "emptyMessageSourceTemplate", "emptyFilterMessageSourceTemplate", "emptyMessageTargetTemplate", "emptyFilterMessageTargetTemplate", "moveUpIconTemplate", "moveTopIconTemplate", "moveDownIconTemplate", "moveBottomIconTemplate", "moveToTargetIconTemplate", "moveAllToTargetIconTemplate", "moveToSourceIconTemplate", "moveAllToSourceIconTemplate", "targetFilterIconTemplate", "sourceFilterIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_tabindex: unknown;
     static ngAcceptInputType_responsive: unknown;
     static ngAcceptInputType_showSourceFilter: unknown;