primeng 20.3.0-rc.1 → 20.4.0

package/picklist/index.d.ts

@@ -1,8 +1,8 @@
 import { PickListMoveToSourceEvent, PickListMoveAllToSourceEvent, PickListMoveAllToTargetEvent, PickListMoveToTargetEvent, PickListSourceReorderEvent, PickListTargetReorderEvent, PickListSourceSelectEvent, PickListTargetSelectEvent, PickListSourceFilterEvent, PickListTargetFilterEvent, PickListFilterOptions } 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
@@ -653,7 +653,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;

package/table/index.d.ts

@@ -1701,6 +1701,7 @@ declare class ReorderableRow extends BaseComponent {
 declare class ColumnFilter extends BaseComponent {
     hostName: string;
     bindDirectiveInstance: Bind;
+    _componentStyle: TableStyle;
     onAfterViewChecked(): void;
     ptmFilterConstraintOptions(matchMode: any): {
         context: {

package/tree/index.d.ts

@@ -1,6 +1,6 @@
 import { TreePassThrough, TreeNodeSelectEvent, TreeNodeUnSelectEvent, TreeNodeExpandEvent, TreeNodeCollapseEvent, TreeNodeContextMenuSelectEvent, TreeNodeDoubleClickEvent, TreeNodeDropEvent, TreeLazyLoadEvent, TreeScrollEvent, TreeScrollIndexChangeEvent, TreeFilterEvent } from 'primeng/types/tree';
 export * from 'primeng/types/tree';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { EventEmitter, TemplateRef, ElementRef, SimpleChanges } from '@angular/core';
 import * as i2 from 'primeng/api';
 import { TreeNode, BlockableUI, TreeDragDropService, ScrollerOptions } from 'primeng/api';
@@ -128,8 +128,8 @@ declare class TreeStyle extends BaseStyle {
         emptyMessage: string;
         dropPoint: string;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TreeStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeStyle>;
 }
 interface TreeStyle extends BaseStyle {
 }
@@ -150,16 +150,25 @@ declare class UITreeNode extends BaseComponent<TreePassThrough> {
     loadingMode: string;
     tree: Tree;
     timeout: any;
-    isPrevDropPointHovered: i0.WritableSignal<boolean>;
-    isNextDropPointHovered: i0.WritableSignal<boolean>;
-    isNodeDropHovered: i0.WritableSignal<boolean>;
-    isPrevDropPointActive: i0.Signal<boolean | undefined>;
-    isNextDropPointActive: i0.Signal<boolean | undefined>;
-    isNodeDropActive: i0.Signal<boolean | undefined>;
-    dropPosition: i0.Signal<1 | -1 | 0>;
+    isPrevDropPointHovered: _angular_core.WritableSignal<boolean>;
+    isNextDropPointHovered: _angular_core.WritableSignal<boolean>;
+    isNodeDropHovered: _angular_core.WritableSignal<boolean>;
+    isPrevDropPointActive: _angular_core.Signal<boolean | undefined>;
+    isNextDropPointActive: _angular_core.Signal<boolean | undefined>;
+    isNodeDropActive: _angular_core.Signal<boolean | undefined>;
+    dropPosition: _angular_core.Signal<1 | -1 | 0>;
     _componentStyle: TreeStyle;
+    /**
+     * Computed signal that reactively tracks selection state.
+     */
+    private _selected;
+    /**
+     * Computed signal that reactively tracks context menu selection state.
+     */
+    private _contextMenuSelected;
     get selected(): boolean | undefined;
     get checked(): boolean | undefined;
+    get contextMenuSelected(): boolean | "" | undefined;
     get nodeClass(): {
         'p-tree-node': boolean;
         'p-tree-node-leaf': any;
@@ -171,6 +180,7 @@ declare class UITreeNode extends BaseComponent<TreePassThrough> {
     getIcon(): string;
     isLeaf(): boolean;
     isSelected(): boolean;
+    isContextMenuSelected(): boolean | "" | undefined;
     isSameNode(event: any): any;
     isDraggable(): boolean | undefined;
     isDroppable(): boolean | undefined;
@@ -204,8 +214,8 @@ declare class UITreeNode extends BaseComponent<TreePassThrough> {
     focusNode(element: any): void;
     focusRowChange(firstFocusableRow: any, currentFocusedRow: any, lastVisibleDescendant?: any): void;
     focusVirtualNode(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UITreeNode, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UITreeNode, "p-treeNode", never, { "rowNode": { "alias": "rowNode"; "required": false; }; "node": { "alias": "node"; "required": false; }; "parentNode": { "alias": "parentNode"; "required": false; }; "root": { "alias": "root"; "required": false; }; "index": { "alias": "index"; "required": false; }; "firstChild": { "alias": "firstChild"; "required": false; }; "lastChild": { "alias": "lastChild"; "required": false; }; "level": { "alias": "level"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "loadingMode": { "alias": "loadingMode"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UITreeNode, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UITreeNode, "p-treeNode", never, { "rowNode": { "alias": "rowNode"; "required": false; }; "node": { "alias": "node"; "required": false; }; "parentNode": { "alias": "parentNode"; "required": false; }; "root": { "alias": "root"; "required": false; }; "index": { "alias": "index"; "required": false; }; "firstChild": { "alias": "firstChild"; "required": false; }; "lastChild": { "alias": "lastChild"; "required": false; }; "level": { "alias": "level"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "loadingMode": { "alias": "loadingMode"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_root: unknown;
     static ngAcceptInputType_index: unknown;
     static ngAcceptInputType_firstChild: unknown;
@@ -242,7 +252,7 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
      * A single treenode instance or an array to refer to the selections.
      * @group Props
      */
-    selection: any;
+    selection: _angular_core.ModelSignal<TreeNode<any> | TreeNode<any>[] | null | undefined>;
     /**
      * Style class of the component.
      * @deprecated since v20.0.0, use `class` instead.
@@ -254,6 +264,18 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
      * @group Props
      */
     contextMenu: any;
+    /**
+     * Defines how the context menu selection behaves.
+     * When set to 'separate', context menu selection is handled independently from the main selection.
+     * When set to 'joint', context menu selection also updates the main selection.
+     * @group Props
+     */
+    contextMenuSelectionMode: 'separate' | 'joint';
+    /**
+     * A single treenode instance to refer to the context menu selection.
+     * @group Props
+     */
+    contextMenuSelection: _angular_core.ModelSignal<TreeNode<any> | null>;
     /**
      * Scope of the draggable nodes to match a droppableScope.
      * @group Props
@@ -409,12 +431,6 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
      * @group Props
      */
     highlightOnSelect: boolean;
-    /**
-     * Callback to invoke on selection change.
-     * @param {(TreeNode<any> | TreeNode<any>[] | null)} event - Custom selection change event.
-     * @group Emits
-     */
-    selectionChange: EventEmitter<TreeNode<any> | TreeNode<any>[] | null>;
     /**
      * Callback to invoke when a node is selected.
      * @param {TreeNodeSelectEvent} event - Node select event.
@@ -510,7 +526,7 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
      * Empty message template.
      * @group Templates
      */
-    emptyMessageTemplate: TemplateRef<any> | undefined;
+    emptyTemplate: TemplateRef<any> | undefined;
     /**
      * Toggler icon template.
      * @group Templates
@@ -537,7 +553,7 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
     contentViewChild: Nullable<ElementRef>;
     private templates;
     _headerTemplate: TemplateRef<any> | undefined;
-    _emptyMessageTemplate: TemplateRef<any> | undefined;
+    _emptyTemplate: TemplateRef<any> | undefined;
     _footerTemplate: TemplateRef<any> | undefined;
     _loaderTemplate: TemplateRef<any> | undefined;
     _togglerIconTemplate: TemplateRef<any> | undefined;
@@ -617,8 +633,10 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
     getIndex(options: any, index: number): any;
     getBlockableElement(): HTMLElement;
     onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Tree, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Tree, "p-tree", never, { "value": { "alias": "value"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "loadingMode": { "alias": "loadingMode"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "draggableScope": { "alias": "draggableScope"; "required": false; }; "droppableScope": { "alias": "droppableScope"; "required": false; }; "draggableNodes": { "alias": "draggableNodes"; "required": false; }; "droppableNodes": { "alias": "droppableNodes"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "togglerAriaLabel": { "alias": "togglerAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "validateDrop": { "alias": "validateDrop"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterOptions": { "alias": "filterOptions"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filteredNodes": { "alias": "filteredNodes"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "_templateMap": { "alias": "_templateMap"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; }, { "selectionChange": "selectionChange"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onNodeContextMenuSelect": "onNodeContextMenuSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeDrop": "onNodeDrop"; "onLazyLoad": "onLazyLoad"; "onScroll": "onScroll"; "onScrollIndexChange": "onScrollIndexChange"; "onFilter": "onFilter"; }, ["filterTemplate", "nodeTemplate", "headerTemplate", "footerTemplate", "loaderTemplate", "emptyMessageTemplate", "togglerIconTemplate", "checkboxIconTemplate", "loadingIconTemplate", "filterIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    get containerDataP(): string | undefined;
+    get wrapperDataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, [{ optional: true; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "p-tree", never, { "value": { "alias": "value"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "loadingMode": { "alias": "loadingMode"; "required": false; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "contextMenuSelectionMode": { "alias": "contextMenuSelectionMode"; "required": false; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; "draggableScope": { "alias": "draggableScope"; "required": false; }; "droppableScope": { "alias": "droppableScope"; "required": false; }; "draggableNodes": { "alias": "draggableNodes"; "required": false; }; "droppableNodes": { "alias": "droppableNodes"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "togglerAriaLabel": { "alias": "togglerAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "validateDrop": { "alias": "validateDrop"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterOptions": { "alias": "filterOptions"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filteredNodes": { "alias": "filteredNodes"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "indentation": { "alias": "indentation"; "required": false; }; "_templateMap": { "alias": "_templateMap"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "highlightOnSelect": { "alias": "highlightOnSelect"; "required": false; }; }, { "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "onNodeSelect": "onNodeSelect"; "onNodeUnselect": "onNodeUnselect"; "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onNodeContextMenuSelect": "onNodeContextMenuSelect"; "onNodeDoubleClick": "onNodeDoubleClick"; "onNodeDrop": "onNodeDrop"; "onLazyLoad": "onLazyLoad"; "onScroll": "onScroll"; "onScrollIndexChange": "onScrollIndexChange"; "onFilter": "onFilter"; }, ["filterTemplate", "nodeTemplate", "headerTemplate", "footerTemplate", "loaderTemplate", "emptyTemplate", "togglerIconTemplate", "checkboxIconTemplate", "loadingIconTemplate", "filterIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_draggableNodes: unknown;
     static ngAcceptInputType_droppableNodes: unknown;
     static ngAcceptInputType_metaKeySelection: unknown;
@@ -635,9 +653,9 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
     static ngAcceptInputType_highlightOnSelect: unknown;
 }
 declare class TreeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeModule, never, [typeof Tree, typeof i2.SharedModule], [typeof Tree, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TreeModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TreeModule, never, [typeof Tree, typeof i2.SharedModule], [typeof Tree, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TreeModule>;
 }
 
 export { Tree, TreeClasses, TreeModule, TreeStyle, UITreeNode };

package/treeselect/index.d.ts

@@ -308,6 +308,11 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
      * @group Props
      */
     loading: boolean | undefined;
+    /**
+     * Loading mode display.
+     * @group Props
+     */
+    loadingMode: 'mask' | 'icon';
     /**
      * Specifies the size of the component.
      * @defaultValue undefined
@@ -534,7 +539,7 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     get emptyOptions(): boolean;
     get label(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelect, "p-treeSelect, p-treeselect, p-tree-select", never, { "inputId": { "alias": "inputId"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "display": { "alias": "display"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "containerStyleClass": { "alias": "containerStyleClass"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "labelStyleClass": { "alias": "labelStyleClass"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "options": { "alias": "options"; "required": false; }; "loading": { "alias": "loading"; "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; }; }, { "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onNodeUnselect": "onNodeUnselect"; "onNodeSelect": "onNodeSelect"; }, ["valueTemplate", "headerTemplate", "emptyTemplate", "footerTemplate", "clearIconTemplate", "triggerIconTemplate", "dropdownIconTemplate", "filterIconTemplate", "closeIconTemplate", "itemTogglerIconTemplate", "itemCheckboxIconTemplate", "itemLoadingIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelect, "p-treeSelect, p-treeselect, p-tree-select", never, { "inputId": { "alias": "inputId"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "display": { "alias": "display"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "panelStyle": { "alias": "panelStyle"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "containerStyle": { "alias": "containerStyle"; "required": false; }; "containerStyleClass": { "alias": "containerStyleClass"; "required": false; }; "labelStyle": { "alias": "labelStyle"; "required": false; }; "labelStyleClass": { "alias": "labelStyleClass"; "required": false; }; "overlayOptions": { "alias": "overlayOptions"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterLocale": { "alias": "filterLocale"; "required": false; }; "filterInputAutoFocus": { "alias": "filterInputAutoFocus"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "virtualScrollOptions": { "alias": "virtualScrollOptions"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "options": { "alias": "options"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingMode": { "alias": "loadingMode"; "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; }; }, { "onNodeExpand": "onNodeExpand"; "onNodeCollapse": "onNodeCollapse"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onNodeUnselect": "onNodeUnselect"; "onNodeSelect": "onNodeSelect"; }, ["valueTemplate", "headerTemplate", "emptyTemplate", "footerTemplate", "clearIconTemplate", "triggerIconTemplate", "dropdownIconTemplate", "filterIconTemplate", "closeIconTemplate", "itemTogglerIconTemplate", "itemCheckboxIconTemplate", "itemLoadingIconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_metaKeySelection: unknown;
     static ngAcceptInputType_filter: unknown;
     static ngAcceptInputType_filterInputAutoFocus: unknown;

package/treetable/index.d.ts

@@ -639,7 +639,7 @@ declare class TreeTable extends BaseComponent<TreeTablePassThrough> implements B
      * @param {TreeTableNode} object - Node instance.
      * @group Emits
      */
-    contextMenuSelectionChange: EventEmitter<TreeTableNode>;
+    contextMenuSelectionChange: EventEmitter<TreeTableNode | null>;
     /**
      * Callback to invoke when data is filtered.
      * @param {TreeTableFilterEvent} event - Custom filter event.