primeng 20.1.2 → 20.3.0-rc.1

package/listbox/index.d.ts

@@ -1,184 +1,21 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnInit, OnDestroy, EventEmitter, ElementRef, QueryList } from '@angular/core';
+import { ListBoxPassThrough, ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxSelectAllChangeEvent, ListboxFilterOptions } from 'primeng/types/listbox';
+export * from 'primeng/types/listbox';
+import * as _angular_core from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i1 from 'primeng/api';
+import * as i2 from 'primeng/api';
 import { FilterService, ScrollerOptions, PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { ScrollerLazyLoadEvent, Scroller } from 'primeng/scroller';
 import { Nullable } from 'primeng/ts-helpers';
 import { Subscription } from 'rxjs';
 import { BaseStyle } from 'primeng/base';
 
-/**
- * Filter options of listbox.
- * @group Interface
- */
-interface ListboxFilterOptions {
-    /**
-     * Callback to filter options.
-     * @param {any} value - Filter value.
-     */
-    filter?: (value?: any) => void;
-    /**
-     * Callback to reset filter.
-     */
-    reset?: () => void;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onChange}
- * @group Events
- */
-interface ListboxChangeEvent {
-    /**
-     * Original event
-     */
-    originalEvent: Event;
-    /**
-     * Selected option value
-     */
-    value: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onSelectAllChange}
- * @group Events
- */
-interface ListboxSelectAllChangeEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Boolean value indicates whether all data is selected.
-     */
-    checked: boolean;
-}
-/**
- * Custom filter event.
- * @see {@link Listbox.onFilter}
- * @group Events
- */
-interface ListboxFilterEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Filter value.
-     */
-    filter: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onClick}
- * @group Events
- */
-interface ListboxClickEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Value of the component.
-     */
-    value: any;
-    /**
-     * Selected option
-     */
-    option?: any;
-}
-/**
- * Custom change event.
- * @see {@link Listbox.onDblClick}
- * @group Events
- */
-interface ListboxDoubleClickEvent extends ListboxClickEvent {
-}
-/**
- * Defines valid templates in Panel.
- * @group Templates
- */
-interface ListboxTemplates {
-    /**
-     * Custom item template.
-     * @param {Object} context - item data.
-     */
-    item(context: {
-        /**
-         * Data of the option.
-         */
-        $implicit: any;
-        /**
-         * Index of the option.
-         */
-        index: number;
-    }): TemplateRef<{
-        $implicit: any;
-        index: number;
-    }>;
-    /**
-     * Custom group template.
-     * @param {Object} context - group data.
-     */
-    group(context: {
-        /**
-         * Group option.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom filter template.
-     * @param {Object} context - filter options.
-     */
-    filter(context: {
-        /**
-         * Filter options.
-         */
-        options: ListboxFilterOptions;
-    }): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom empty filter template.
-     */
-    emptyfilter(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom check icon template.
-     */
-    checkicon(): TemplateRef<any>;
-    /**
-     * Custom checkmark template.
-     */
-    checkmark(context: {
-        /**
-         * Selection status.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{
-        $implicit: boolean;
-    }>;
-}
-
 declare class ListBoxStyle extends BaseStyle {
     name: string;
-    theme: string;
+    style: string;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -207,8 +44,8 @@ declare class ListBoxStyle extends BaseStyle {
         optionBlankIcon: string;
         emptyMessage: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ListBoxStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListBoxStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ListBoxStyle>;
 }
 /**
  *
@@ -269,8 +106,12 @@ declare const LISTBOX_VALUE_ACCESSOR: any;
  * ListBox is used to select one or more values from a list of items.
  * @group Components
  */
-declare class Listbox extends BaseEditableHolder implements AfterContentInit, OnInit, OnDestroy {
+declare class Listbox extends BaseEditableHolder<ListBoxPassThrough> {
     filterService: FilterService;
+    hostName: any;
+    bindDirectiveInstance: Bind;
+    $pcListbox: Listbox | undefined;
+    onAfterViewChecked(): void;
     /**
      * Unique identifier of the component.
      * @group Props
@@ -518,12 +359,21 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
      * @group Props
      */
     dragdrop: boolean;
+    /**
+     * Array to use for CDK drop list data binding. When not provided, uses options array.
+     * @group Props
+     */
+    dropListData: any[] | undefined;
+    /**
+     * Computed property for stable CDK drop list data reference
+     */
+    cdkDropData: _angular_core.Signal<any>;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue undefined
      * @group Props
      */
-    fluid: i0.InputSignalWithTransform<boolean, unknown>;
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * Callback to invoke on value change.
      * @param {ListboxChangeEvent} event - Custom change event.
@@ -654,7 +504,7 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     _checkIconTemplate: TemplateRef<any> | undefined;
     _checkmarkTemplate: TemplateRef<any> | undefined;
     _loaderTemplate: TemplateRef<any> | undefined;
-    _filterValue: i0.WritableSignal<string>;
+    _filterValue: _angular_core.WritableSignal<string | null | undefined>;
     _filteredOptions: any[] | undefined | null;
     filterOptions: ListboxFilterOptions | undefined;
     filtered: boolean | undefined | null;
@@ -666,7 +516,7 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     focused: boolean | undefined;
     scrollerTabIndex: string;
     _componentStyle: ListBoxStyle;
-    get focusedOptionId(): string;
+    get focusedOptionId(): string | null;
     get filterResultMessageText(): string;
     get filterMessageText(): string;
     get searchMessageText(): string;
@@ -677,18 +527,19 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     get ariaSetSize(): any;
     get virtualScrollerDisabled(): boolean;
     get searchFields(): any[];
-    get toggleAllAriaLabel(): string;
+    get toggleAllAriaLabel(): string | undefined;
     searchValue: string | undefined;
     searchTimeout: any;
     _selectAll: boolean | undefined | null;
-    _options: i0.WritableSignal<any>;
-    startRangeIndex: i0.WritableSignal<number>;
-    focusedOptionIndex: i0.WritableSignal<number>;
+    _options: _angular_core.WritableSignal<any>;
+    startRangeIndex: _angular_core.WritableSignal<number>;
+    focusedOptionIndex: _angular_core.WritableSignal<number>;
+    isDragging: _angular_core.WritableSignal<boolean>;
     onHostFocusOut(event: FocusEvent): void;
-    visibleOptions: i0.Signal<any>;
+    visibleOptions: _angular_core.Signal<any>;
     constructor(filterService: FilterService);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
+    onInit(): void;
+    onAfterContentInit(): void;
     flatOptions(options: any): any;
     autoUpdateModel(): void;
     /**
@@ -734,6 +585,7 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     getOptionIndex(index: any, scrollerOptions: any): any;
     getOptionValue(option: any): any;
     getAriaPosInset(index: number): number;
+    getPTOptions(option: any, itemOptions: any, index: number, key: string): any;
     hasSelectedOption(): boolean;
     isOptionGroup(option: any): any;
     changeFocusedOptionIndex(event: any, index: any): void;
@@ -752,15 +604,17 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     findPrevOptionIndex(index: any): any;
     findSelectedOptionIndex(): any;
     findNearestSelectedOptionIndex(index: any, firstCheckUp?: boolean): any;
-    equalityKey(): string;
+    equalityKey(): string | null | undefined;
     isValidSelectedOption(option: any): any;
     isOptionDisabled(option: any): any;
     isEquals(value1: any, value2: any): boolean;
     isSelected(option: any): any;
-    isValidOption(option: any): boolean;
+    isValidOption(option: any): any;
     isEmpty(): boolean;
-    hasFilter(): boolean;
+    hasFilter(): boolean | "" | null | undefined;
     resetFilter(): void;
+    onDragEntered(): void;
+    onDragExited(): void;
     drop(event: CdkDragDrop<string[]>): void;
     /**
      * @override
@@ -769,9 +623,9 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
      * Writes the value to the control.
      */
     writeControlValue(value: any, setModelValue: (value: any) => void): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Listbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; "onDrop": "onDrop"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate", "templates"], ["p-header", "p-footer"], true, never>;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Listbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Listbox, "p-listbox, p-listBox, p-list-box", never, { "hostName": { "alias": "hostName"; "required": false; }; "id": { "alias": "id"; "required": false; }; "searchMessage": { "alias": "searchMessage"; "required": false; }; "emptySelectionMessage": { "alias": "emptySelectionMessage"; "required": false; }; "selectionMessage": { "alias": "selectionMessage"; "required": false; }; "autoOptionFocus": { "alias": "autoOptionFocus"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "searchLocale": { "alias": "searchLocale"; "required": false; }; "focusOnHover": { "alias": "focusOnHover"; "required": false; }; "filterMessage": { "alias": "filterMessage"; "required": false; }; "filterFields": { "alias": "filterFields"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "listStyleClass": { "alias": "listStyleClass"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "ariaFilterLabel": { "alias": "ariaFilterLabel"; "required": false; }; "filterPlaceHolder": { "alias": "filterPlaceHolder"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "group": { "alias": "group"; "required": false; }; "options": { "alias": "options"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; "checkmark": { "alias": "checkmark"; "required": false; }; "dragdrop": { "alias": "dragdrop"; "required": false; }; "dropListData": { "alias": "dropListData"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onClick": "onClick"; "onDblClick": "onDblClick"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onSelectAllChange": "onSelectAllChange"; "onLazyLoad": "onLazyLoad"; "onDrop": "onDrop"; }, ["headerFacet", "footerFacet", "itemTemplate", "groupTemplate", "headerTemplate", "filterTemplate", "footerTemplate", "emptyFilterTemplate", "emptyTemplate", "filterIconTemplate", "checkIconTemplate", "checkmarkTemplate", "loaderTemplate", "templates"], ["p-header", "p-footer"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_autoOptionFocus: unknown;
     static ngAcceptInputType_selectOnFocus: unknown;
     static ngAcceptInputType_searchLocale: unknown;
@@ -793,10 +647,10 @@ declare class Listbox extends BaseEditableHolder implements AfterContentInit, On
     static ngAcceptInputType_dragdrop: unknown;
 }
 declare class ListboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListboxModule, never, [typeof Listbox, typeof i1.SharedModule], [typeof Listbox, typeof i1.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ListboxModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListboxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ListboxModule, never, [typeof Listbox, typeof i2.SharedModule], [typeof Listbox, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ListboxModule>;
 }
 
 export { LISTBOX_VALUE_ACCESSOR, ListBoxStyle, Listbox, ListboxClasses, ListboxModule };
-export type { ListboxChangeEvent, ListboxClickEvent, ListboxDoubleClickEvent, ListboxFilterEvent, ListboxFilterOptions, ListboxSelectAllChangeEvent, ListboxStyle, ListboxTemplates };
+export type { ListboxStyle };

package/megamenu/index.d.ts

@@ -1,8 +1,12 @@
+import { MegaMenuPassThrough } from 'primeng/types/megamenu';
+export * from 'primeng/types/megamenu';
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, ElementRef, AfterContentInit, OnDestroy, OnInit, QueryList } from '@angular/core';
-import * as i1 from 'primeng/api';
-import { MegaMenuItem, PrimeTemplate, MenuItem } from 'primeng/api';
+import { TemplateRef, QueryList, ElementRef, EventEmitter } from '@angular/core';
+import * as i2 from 'primeng/api';
+import { MegaMenuItem, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { VoidListener } from 'primeng/ts-helpers';
 import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
@@ -88,7 +92,7 @@ declare enum MegaMenuClasses {
 }
 declare class MegaMenuStyle extends BaseStyle {
     name: string;
-    theme: _primeuix_styled.StyleType;
+    style: _primeuix_styled.StyleType;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -140,7 +144,10 @@ declare class MegaMenuStyle extends BaseStyle {
 interface MegaMenuStyle extends BaseStyle {
 }
 
-declare class MegaMenuSub extends BaseComponent {
+declare class MegaMenuSub extends BaseComponent<MegaMenuPassThrough> {
+    bindDirectiveInstance: Bind;
+    $pcMegaMenu: MegaMenu | undefined;
+    $pcMegaMenuSub: MegaMenuSub | undefined;
     id: string | undefined;
     items: any[] | undefined;
     itemTemplate: TemplateRef<any> | undefined;
@@ -163,9 +170,9 @@ declare class MegaMenuSub extends BaseComponent {
     menuFocus: EventEmitter<any>;
     menuBlur: EventEmitter<any>;
     menuKeydown: EventEmitter<any>;
-    menubarViewChild: ElementRef;
     megaMenu: MegaMenu;
     _componentStyle: MegaMenuStyle;
+    onAfterViewChecked(): void;
     onItemClick(event: any, processedItem: any): void;
     getItemProp(processedItem: any, name: string, params?: any | null): any;
     getItemId(processedItem: any): string;
@@ -177,11 +184,12 @@ declare class MegaMenuSub extends BaseComponent {
     isItemDisabled(processedItem: any): boolean;
     isItemFocused(processedItem: any): boolean;
     isItemGroup(processedItem: any): boolean;
-    getAriaSetSize(): number;
+    getAriaSetSize(): number | undefined;
     getAriaPosInset(index: number): number;
     onItemMouseEnter(param: any): void;
+    getPTOptions(processedItem: any, index: number, key: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MegaMenuSub, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MegaMenuSub, "p-megaMenuSub, p-megamenu-sub", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "submenu": { "alias": "submenu"; "required": false; }; "queryMatches": { "alias": "queryMatches"; "required": false; }; "mobileActive": { "alias": "mobileActive"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MegaMenuSub, "p-megaMenuSub, p-megamenu-sub, ul[pMegaMenuSub]", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "menuId": { "alias": "menuId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "level": { "alias": "level"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; "submenu": { "alias": "submenu"; "required": false; }; "queryMatches": { "alias": "queryMatches"; "required": false; }; "mobileActive": { "alias": "mobileActive"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "root": { "alias": "root"; "required": false; }; }, { "itemClick": "itemClick"; "itemMouseEnter": "itemMouseEnter"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeydown": "menuKeydown"; }, never, never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_level: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_queryMatches: unknown;
@@ -193,7 +201,8 @@ declare class MegaMenuSub extends BaseComponent {
  * MegaMenu is navigation component that displays submenus together.
  * @group Components
  */
-declare class MegaMenu extends BaseComponent implements AfterContentInit, OnDestroy, OnInit {
+declare class MegaMenu extends BaseComponent<MegaMenuPassThrough> {
+    bindDirectiveInstance: Bind;
     /**
      * An array of menuitems.
      * @group Props
@@ -310,8 +319,9 @@ declare class MegaMenu extends BaseComponent implements AfterContentInit, OnDest
     get processedItems(): any[];
     get focusedItemId(): any;
     constructor();
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
+    onInit(): void;
+    onAfterViewChecked(): void;
+    onAfterContentInit(): void;
     bindMatchMediaListener(): void;
     unbindMatchMediaListener(): void;
     createProcessedItems(items: any, level?: number, parent?: {}, parentKey?: string, columnIndex?: any): any[];
@@ -362,47 +372,16 @@ declare class MegaMenu extends BaseComponent implements AfterContentInit, OnDest
     bindOutsideClickListener(): void;
     unbindOutsideClickListener(): void;
     unbindResizeListener(): void;
-    ngOnDestroy(): void;
+    onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MegaMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MegaMenu, "p-megaMenu, p-megamenu, p-mega-menu", never, { "model": { "alias": "model"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["startTemplate", "endTemplate", "menuIconTemplate", "submenuIconTemplate", "itemTemplate", "buttonTemplate", "buttonIconTemplate", "templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MegaMenu, "p-megaMenu, p-megamenu, p-mega-menu", never, { "model": { "alias": "model"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, ["startTemplate", "endTemplate", "menuIconTemplate", "submenuIconTemplate", "itemTemplate", "buttonTemplate", "buttonIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_tabindex: unknown;
 }
 declare class MegaMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MegaMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MegaMenuModule, never, [typeof MegaMenu, typeof i1.SharedModule], [typeof MegaMenu, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MegaMenuModule, never, [typeof MegaMenu, typeof i2.SharedModule], [typeof MegaMenu, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MegaMenuModule>;
 }
 
-/**
- * Defines valid templates in MegaMenu.
- * @group Templates
- */
-interface MegaMenuTemplates {
-    /**
-     * Custom item template.
-     */
-    item(context: {
-        /**
-         * Item instance.
-         */
-        $implicit: MenuItem;
-    }): TemplateRef<{
-        $implicit: MenuItem;
-    }>;
-    /**
-     * Custom template of start.
-     */
-    start(): TemplateRef<any>;
-    /**
-     * Custom template of submenuicon.
-     */
-    submenuicon(): TemplateRef<any>;
-    /**
-     * Custom template of end.
-     */
-    end(): TemplateRef<any>;
-}
-
 export { MegaMenu, MegaMenuClasses, MegaMenuModule, MegaMenuStyle, MegaMenuSub };
-export type { MegaMenuTemplates };

package/menu/index.d.ts

@@ -1,10 +1,14 @@
+import { MenuPassThrough } from 'primeng/types/menu';
+export * from 'primeng/types/menu';
 import * as i0 from '@angular/core';
-import { PipeTransform, EventEmitter, AfterContentInit, OnDestroy, ElementRef, TemplateRef, QueryList } from '@angular/core';
+import { PipeTransform, EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import * as i1 from 'primeng/api';
+import * as i2 from 'primeng/api';
 import { MenuItem, OverlayService, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { ConnectedOverlayScrollHandler } from 'primeng/dom';
 import { Nullable, VoidListener } from 'primeng/ts-helpers';
 import * as _primeuix_styled from '@primeuix/styled';
@@ -67,7 +71,7 @@ declare enum MenuClasses {
 }
 declare class MenuStyle extends BaseStyle {
     name: string;
-    theme: _primeuix_styled.StyleType;
+    style: _primeuix_styled.StyleType;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -112,23 +116,26 @@ declare class SafeHtmlPipe implements PipeTransform {
     static ɵfac: i0.ɵɵFactoryDeclaration<SafeHtmlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml", true>;
 }
-declare function sanitizeHtml(value: string): SafeHtml | string;
 declare class MenuItemContent extends BaseComponent {
     item: MenuItem | undefined;
     itemTemplate: any | undefined;
+    menuitemId: i0.InputSignal<string>;
+    idx: i0.InputSignal<number>;
     onMenuItemClick: EventEmitter<any>;
     menu: Menu;
     _componentStyle: MenuStyle;
+    hostName: string;
     constructor(menu: Menu);
     onItemClick(event: any, item: any): void;
+    getPTOptions(key: string): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemContent, "[pMenuItemContent]", never, { "item": { "alias": "pMenuItemContent"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, { "onMenuItemClick": "onMenuItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemContent, "[pMenuItemContent]", never, { "item": { "alias": "pMenuItemContent"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "menuitemId": { "alias": "menuitemId"; "required": false; "isSignal": true; }; "idx": { "alias": "idx"; "required": false; "isSignal": true; }; }, { "onMenuItemClick": "onMenuItemClick"; }, never, never, true, never>;
 }
 /**
  * Menu is a navigation / command component that supports dynamic and static positioning.
  * @group Components
  */
-declare class Menu extends BaseComponent implements AfterContentInit, OnDestroy {
+declare class Menu extends BaseComponent<MenuPassThrough> {
     overlayService: OverlayService;
     /**
      * An array of menuitems.
@@ -236,8 +243,12 @@ declare class Menu extends BaseComponent implements AfterContentInit, OnDestroy
     focused: boolean | undefined;
     overlayVisible: boolean | undefined;
     relativeAlign: boolean | undefined;
+    $pcMenu: Menu | undefined;
     _componentStyle: MenuStyle;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
     constructor(overlayService: OverlayService);
+    getPTOptions(key: string, item: any, index: number, id: string): any;
     /**
      * Toggles the visibility of the popup menu.
      * @param {Event} event - Browser event.
@@ -250,7 +261,7 @@ declare class Menu extends BaseComponent implements AfterContentInit, OnDestroy
      * @group Method
      */
     show(event: any): void;
-    ngOnInit(): void;
+    onInit(): void;
     /**
      * Defines template option for start.
      * @group Templates
@@ -282,7 +293,7 @@ declare class Menu extends BaseComponent implements AfterContentInit, OnDestroy
     submenuHeaderTemplate: TemplateRef<any> | undefined;
     _submenuHeaderTemplate: TemplateRef<any> | undefined;
     templates: QueryList<PrimeTemplate>;
-    ngAfterContentInit(): void;
+    onAfterContentInit(): void;
     getTabIndexValue(): string | null;
     onOverlayAnimationStart(event: AnimationEvent): void;
     onOverlayAnimationEnd(event: AnimationEvent): void;
@@ -322,11 +333,11 @@ declare class Menu extends BaseComponent implements AfterContentInit, OnDestroy
     bindScrollListener(): void;
     unbindScrollListener(): void;
     onOverlayHide(): void;
-    ngOnDestroy(): void;
+    onDestroy(): void;
     hasSubMenu(): boolean;
     isItemHidden(item: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<Menu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "p-menu", never, { "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["startTemplate", "endTemplate", "headerTemplate", "itemTemplate", "submenuHeaderTemplate", "templates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "p-menu", never, { "model": { "alias": "model"; "required": false; }; "popup": { "alias": "popup"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, ["startTemplate", "endTemplate", "headerTemplate", "itemTemplate", "submenuHeaderTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_popup: unknown;
     static ngAcceptInputType_autoZIndex: unknown;
     static ngAcceptInputType_baseZIndex: unknown;
@@ -334,8 +345,8 @@ declare class Menu extends BaseComponent implements AfterContentInit, OnDestroy
 }
 declare class MenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MenuModule, never, [typeof Menu, typeof i1.SharedModule, typeof SafeHtmlPipe], [typeof Menu, typeof i1.SharedModule, typeof SafeHtmlPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MenuModule, never, [typeof Menu, typeof i2.SharedModule, typeof SafeHtmlPipe], [typeof Menu, typeof i2.SharedModule, typeof SafeHtmlPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MenuModule>;
 }
 
-export { Menu, MenuClasses, MenuItemContent, MenuModule, MenuStyle, SafeHtmlPipe, sanitizeHtml };
+export { Menu, MenuClasses, MenuItemContent, MenuModule, MenuStyle, SafeHtmlPipe };