primeng 20.3.0 → 21.0.0-rc.1

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

@@ -3,7 +3,7 @@ import { NgZone, TemplateRef, ViewContainerRef, SimpleChanges } from '@angular/c
 import { TooltipOptions } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Nullable } from 'primeng/ts-helpers';
-import { TooltipPassThroughOptions } from 'primeng/types/tooltip';
+import { TooltipPassThroughOptions, TooltipPassThrough } from 'primeng/types/tooltip';
 import * as _primeuix_styled from '@primeuix/styled';
 import { BaseStyle } from 'primeng/base';
 import * as i1 from 'primeng/bind';
@@ -185,7 +185,25 @@ declare class Tooltip extends BaseComponent<TooltipPassThroughOptions> {
     resizeListener: any;
     _componentStyle: TooltipStyle;
     interactionInProgress: boolean;
-    ptTooltip: i0.InputSignal<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the Tooltip component.
+     * @defaultValue undefined
+     * @deprecated use pTooltipPT instead.
+     * @group Props
+     */
+    ptTooltip: i0.InputSignal<TooltipPassThrough>;
+    /**
+     * Used to pass attributes to DOM elements inside the Tooltip component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pTooltipPT: i0.InputSignal<TooltipPassThrough>;
+    /**
+     * Indicates whether the component should be rendered without styles.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pTooltipUnstyled: i0.InputSignal<boolean | undefined>;
     constructor(zone: NgZone, viewContainer: ViewContainerRef);
     onAfterViewInit(): void;
     onChanges(simpleChange: SimpleChanges): void;
@@ -232,7 +250,7 @@ declare class Tooltip extends BaseComponent<TooltipPassThroughOptions> {
     clearTimeouts(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Tooltip, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Tooltip, "[pTooltip]", never, { "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; }; "positionStyle": { "alias": "positionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "tooltipZIndex": { "alias": "tooltipZIndex"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "life": { "alias": "life"; "required": false; }; "positionTop": { "alias": "positionTop"; "required": false; }; "positionLeft": { "alias": "positionLeft"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; }; "content": { "alias": "pTooltip"; "required": false; }; "disabled": { "alias": "tooltipDisabled"; "required": false; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "ptTooltip": { "alias": "ptTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Tooltip, "[pTooltip]", never, { "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; }; "positionStyle": { "alias": "positionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "tooltipZIndex": { "alias": "tooltipZIndex"; "required": false; }; "escape": { "alias": "escape"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "life": { "alias": "life"; "required": false; }; "positionTop": { "alias": "positionTop"; "required": false; }; "positionLeft": { "alias": "positionLeft"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; }; "content": { "alias": "pTooltip"; "required": false; }; "disabled": { "alias": "tooltipDisabled"; "required": false; }; "tooltipOptions": { "alias": "tooltipOptions"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "ptTooltip": { "alias": "ptTooltip"; "required": false; "isSignal": true; }; "pTooltipPT": { "alias": "pTooltipPT"; "required": false; "isSignal": true; }; "pTooltipUnstyled": { "alias": "pTooltipUnstyled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_escape: unknown;
     static ngAcceptInputType_showDelay: unknown;
     static ngAcceptInputType_hideDelay: unknown;

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

@@ -1,6 +1,6 @@
-import { TreePassThrough, TreeNodeSelectEvent, TreeNodeUnSelectEvent, TreeNodeExpandEvent, TreeNodeCollapseEvent, TreeNodeContextMenuSelectEvent, TreeNodeDoubleClickEvent, TreeNodeDropEvent, TreeLazyLoadEvent, TreeScrollEvent, TreeScrollIndexChangeEvent, TreeFilterEvent } from 'primeng/types/tree';
+import { TreePassThrough, TreeNodeSelectEvent, TreeNodeUnSelectEvent, TreeNodeExpandEvent, TreeNodeCollapseEvent, TreeNodeContextMenuSelectEvent, TreeNodeDoubleClickEvent, TreeNodeDropEvent, TreeLazyLoadEvent, TreeScrollEvent, TreeScrollIndexChangeEvent, TreeFilterEvent, TreeFilterTemplateContext, TreeLoaderTemplateContext, TreeTogglerIconTemplateContext, TreeCheckboxIconTemplateContext } 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';
@@ -118,6 +118,7 @@ declare class TreeStyle extends BaseStyle {
             'p-tree-node-selectable': any;
             'p-tree-node-dragover': any;
             'p-tree-node-selected': any;
+            'p-tree-node-contextmenu-selected': any;
         };
         nodeToggleButton: string;
         nodeToggleIcon: string;
@@ -128,8 +129,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,14 +151,22 @@ 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 nodeClass(): {
@@ -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,16 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
      * @group Props
      */
     contextMenu: any;
+    /**
+     * Defines the behavior of context menu selection, in "separate" mode context menu updates contextMenuSelection property whereas in joint mode selection property is used instead so that when row selection is enabled, both row selection and context menu selection use the same property.
+     * @group Props
+     */
+    contextMenuSelectionMode: 'separate' | 'joint';
+    /**
+     * Selected node with a context menu.
+     * @group Props
+     */
+    contextMenuSelection: _angular_core.ModelSignal<TreeNode<any> | null>;
     /**
      * Scope of the draggable nodes to match a droppableScope.
      * @group Props
@@ -409,12 +429,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.
@@ -482,69 +496,77 @@ declare class Tree extends BaseComponent<TreePassThrough> implements BlockableUI
      */
     onFilter: EventEmitter<TreeFilterEvent>;
     /**
-     * Filter template.
+     * Custom filter template.
+     * @param {TreeFilterTemplateContext} context - filter context.
+     * @see {@link TreeFilterTemplateContext}
      * @group Templates
      */
-    filterTemplate: TemplateRef<any>;
+    filterTemplate: TemplateRef<TreeFilterTemplateContext> | undefined;
     /**
-     * Node template.
+     * Custom node template.
      * @group Templates
      */
     nodeTemplate: TemplateRef<any> | undefined;
     /**
-     * Header template.
+     * Custom header template.
      * @group Templates
      */
-    headerTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<void> | undefined;
     /**
-     * Footer template.
+     * Custom footer template.
      * @group Templates
      */
-    footerTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<void> | undefined;
     /**
-     * Loader template.
+     * Custom loader template.
+     * @param {TreeLoaderTemplateContext} context - loader context.
+     * @see {@link TreeLoaderTemplateContext}
      * @group Templates
      */
-    loaderTemplate: TemplateRef<any> | undefined;
+    loaderTemplate: TemplateRef<TreeLoaderTemplateContext> | undefined;
     /**
-     * Empty message template.
+     * Custom empty message template.
      * @group Templates
      */
-    emptyMessageTemplate: TemplateRef<any> | undefined;
+    emptyTemplate: TemplateRef<void> | undefined;
     /**
-     * Toggler icon template.
+     * Custom toggler icon template.
+     * @param {TreeTogglerIconTemplateContext} context - toggler icon context.
+     * @see {@link TreeTogglerIconTemplateContext}
      * @group Templates
      */
-    togglerIconTemplate: TemplateRef<any> | undefined;
+    togglerIconTemplate: TemplateRef<TreeTogglerIconTemplateContext> | undefined;
     /**
-     * Checkbox icon template.
+     * Custom checkbox icon template.
+     * @param {TreeCheckboxIconTemplateContext} context - checkbox icon context.
+     * @see {@link TreeCheckboxIconTemplateContext}
      * @group Templates
      */
-    checkboxIconTemplate: TemplateRef<any> | undefined;
+    checkboxIconTemplate: TemplateRef<TreeCheckboxIconTemplateContext> | undefined;
     /**
-     * Loading icon template.
+     * Custom loading icon template.
      * @group Templates
      */
-    loadingIconTemplate: TemplateRef<any> | undefined;
+    loadingIconTemplate: TemplateRef<void> | undefined;
     /**
-     * Filter icon template.
+     * Custom filter icon template.
      * @group Templates
      */
-    filterIconTemplate: TemplateRef<any> | undefined;
+    filterIconTemplate: TemplateRef<void> | undefined;
     filterViewChild: Nullable<ElementRef>;
     scroller: Nullable<Scroller>;
     wrapperViewChild: Nullable<ElementRef>;
     contentViewChild: Nullable<ElementRef>;
     private templates;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _emptyMessageTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _loaderTemplate: TemplateRef<any> | undefined;
-    _togglerIconTemplate: TemplateRef<any> | undefined;
-    _checkboxIconTemplate: TemplateRef<any> | undefined;
-    _loadingIconTemplate: TemplateRef<any> | undefined;
-    _filterIconTemplate: TemplateRef<any> | undefined;
-    _filterTemplate: TemplateRef<any> | undefined;
+    _headerTemplate: TemplateRef<void> | undefined;
+    _emptyTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<void> | undefined;
+    _loaderTemplate: TemplateRef<TreeLoaderTemplateContext> | undefined;
+    _togglerIconTemplate: TemplateRef<TreeTogglerIconTemplateContext> | undefined;
+    _checkboxIconTemplate: TemplateRef<TreeCheckboxIconTemplateContext> | undefined;
+    _loadingIconTemplate: TemplateRef<void> | undefined;
+    _filterIconTemplate: TemplateRef<void> | undefined;
+    _filterTemplate: TemplateRef<TreeFilterTemplateContext> | undefined;
     onAfterContentInit(): void;
     serializedValue: Nullable<TreeNode<any>[]>;
     nodeTouched: boolean | undefined | null;
@@ -617,8 +639,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 +659,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 → types/primeng-treeselect.d.ts}

@@ -1,6 +1,6 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
+import { MotionOptions } from '@primeuix/motion';
 import * as i2 from 'primeng/api';
 import { OverlayOptions, ScrollerOptions, TreeNode, PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
@@ -10,7 +10,7 @@ import { Fluid } from 'primeng/fluid';
 import { Overlay } from 'primeng/overlay';
 import { TreeFilterEvent, TreeNodeUnSelectEvent, TreeNodeSelectEvent, Tree } from 'primeng/tree';
 import { Nullable } from 'primeng/ts-helpers';
-import { TreeSelectPassThrough, TreeSelectNodeExpandEvent, TreeSelectNodeCollapseEvent } from 'primeng/types/treeselect';
+import { TreeSelectPassThrough, TreeSelectNodeExpandEvent, TreeSelectNodeCollapseEvent, TreeSelectValueTemplateContext, TreeSelectHeaderTemplateContext, TreeSelectItemTogglerIconTemplateContext, TreeSelectItemCheckboxIconTemplateContext } from 'primeng/types/treeselect';
 export * from 'primeng/types/treeselect';
 import { BaseStyle } from 'primeng/base';
 
@@ -110,8 +110,8 @@ declare class TreeSelectStyle extends BaseStyle {
             instance: any;
         }) => any;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectStyle, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TreeSelectStyle>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeSelectStyle>;
 }
 interface TreeSelectStyle extends BaseStyle {
 }
@@ -308,30 +308,40 @@ 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
      * @group Props
      */
-    size: i0.InputSignal<"small" | "large" | undefined>;
+    size: _angular_core.InputSignal<"small" | "large" | undefined>;
     /**
      * Specifies the input variant of the component.
      * @defaultValue undefined
      * @group Props
      */
-    variant: i0.InputSignal<"filled" | "outlined" | undefined>;
+    variant: _angular_core.InputSignal<"filled" | "outlined" | undefined>;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue undefined
      * @group Props
      */
-    fluid: i0.InputSignalWithTransform<boolean | undefined, unknown>;
+    fluid: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
      * @defaultValue 'self'
      * @group Props
      */
-    appendTo: i0.InputSignal<any>;
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
     /**
      * Callback to invoke when a node is expanded.
      * @param {TreeSelectNodeExpandEvent} event - Custom node expand event.
@@ -390,7 +400,7 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
      * @group Emits
      */
     onNodeSelect: EventEmitter<TreeNodeSelectEvent>;
-    $appendTo: i0.Signal<any>;
+    $appendTo: _angular_core.Signal<any>;
     focusInput: Nullable<ElementRef>;
     filterViewChild: Nullable<ElementRef>;
     treeViewChild: Nullable<Tree>;
@@ -398,7 +408,7 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     overlayViewChild: Nullable<Overlay>;
     firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
     lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-    $variant: i0.Signal<"filled" | "outlined" | null>;
+    $variant: _angular_core.Signal<"filled" | "outlined" | null>;
     pcFluid: Fluid | null;
     get hasFluid(): boolean;
     filteredNodes: TreeNode[] | undefined | null;
@@ -406,77 +416,87 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     serializedValue: Nullable<any[]>;
     /**
      * Custom value template.
+     * @param {TreeSelectValueTemplateContext} context - value context.
+     * @see {@link TreeSelectValueTemplateContext}
      * @group Templates
      */
-    valueTemplate: Nullable<TemplateRef<any>>;
+    valueTemplate: Nullable<TemplateRef<TreeSelectValueTemplateContext>>;
     /**
      * Custom header template.
+     * @param {TreeSelectHeaderTemplateContext} context - header context.
+     * @see {@link TreeSelectHeaderTemplateContext}
      * @group Templates
      */
-    headerTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<TreeSelectHeaderTemplateContext>>;
     /**
      * Custom empty message template.
      * @group Templates
      */
-    emptyTemplate: Nullable<TemplateRef<any>>;
+    emptyTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom footer template.
+     * @param {TreeSelectHeaderTemplateContext} context - footer context.
+     * @see {@link TreeSelectHeaderTemplateContext}
      * @group Templates
      */
-    footerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<TreeSelectHeaderTemplateContext>>;
     /**
      * Custom clear icon template.
      * @group Templates
      */
-    clearIconTemplate: Nullable<TemplateRef<any>>;
+    clearIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom trigger icon template.
      * @group Templates
      */
-    triggerIconTemplate: Nullable<TemplateRef<any>>;
+    triggerIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom dropdown icon template.
      * @group Templates
      */
-    dropdownIconTemplate: Nullable<TemplateRef<any>>;
+    dropdownIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom filter icon template.
      * @group Templates
      */
-    filterIconTemplate: Nullable<TemplateRef<any>>;
+    filterIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom close icon template.
      * @group Templates
      */
-    closeIconTemplate: Nullable<TemplateRef<any>>;
+    closeIconTemplate: Nullable<TemplateRef<void>>;
     /**
      * Custom item toggler icon template.
+     * @param {TreeSelectItemTogglerIconTemplateContext} context - toggler icon context.
+     * @see {@link TreeSelectItemTogglerIconTemplateContext}
      * @group Templates
      */
-    itemTogglerIconTemplate: Nullable<TemplateRef<any>>;
+    itemTogglerIconTemplate: Nullable<TemplateRef<TreeSelectItemTogglerIconTemplateContext>>;
     /**
      * Custom item checkbox icon template.
+     * @param {TreeSelectItemCheckboxIconTemplateContext} context - checkbox icon context.
+     * @see {@link TreeSelectItemCheckboxIconTemplateContext}
      * @group Templates
      */
-    itemCheckboxIconTemplate: Nullable<TemplateRef<any>>;
+    itemCheckboxIconTemplate: Nullable<TemplateRef<TreeSelectItemCheckboxIconTemplateContext>>;
     /**
      * Custom item loading icon template.
      * @group Templates
      */
-    itemLoadingIconTemplate: Nullable<TemplateRef<any>>;
+    itemLoadingIconTemplate: Nullable<TemplateRef<void>>;
     templates: Nullable<QueryList<PrimeTemplate>>;
-    _valueTemplate: TemplateRef<any> | undefined;
-    _headerTemplate: TemplateRef<any> | undefined;
-    _emptyTemplate: TemplateRef<any> | undefined;
-    _footerTemplate: TemplateRef<any> | undefined;
-    _clearIconTemplate: TemplateRef<any> | undefined;
-    _triggerIconTemplate: TemplateRef<any> | undefined;
-    _filterIconTemplate: TemplateRef<any> | undefined;
-    _closeIconTemplate: TemplateRef<any> | undefined;
-    _itemTogglerIconTemplate: TemplateRef<any> | undefined;
-    _itemCheckboxIconTemplate: TemplateRef<any> | undefined;
-    _itemLoadingIconTemplate: TemplateRef<any> | undefined;
-    _dropdownIconTemplate: TemplateRef<any> | undefined;
+    _valueTemplate: TemplateRef<TreeSelectValueTemplateContext> | undefined;
+    _headerTemplate: TemplateRef<TreeSelectHeaderTemplateContext> | undefined;
+    _emptyTemplate: TemplateRef<void> | undefined;
+    _footerTemplate: TemplateRef<TreeSelectHeaderTemplateContext> | undefined;
+    _clearIconTemplate: TemplateRef<void> | undefined;
+    _triggerIconTemplate: TemplateRef<void> | undefined;
+    _filterIconTemplate: TemplateRef<void> | undefined;
+    _closeIconTemplate: TemplateRef<void> | undefined;
+    _itemTogglerIconTemplate: TemplateRef<TreeSelectItemTogglerIconTemplateContext> | undefined;
+    _itemCheckboxIconTemplate: TemplateRef<TreeSelectItemCheckboxIconTemplateContext> | undefined;
+    _itemLoadingIconTemplate: TemplateRef<void> | undefined;
+    _dropdownIconTemplate: TemplateRef<void> | undefined;
     focused: Nullable<boolean>;
     overlayVisible: Nullable<boolean>;
     value: any | undefined;
@@ -487,8 +507,8 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     onHostClick(event: MouseEvent): void;
     onInit(): void;
     onAfterContentInit(): void;
-    onOverlayAnimationStart(event: AnimationEvent): void;
-    onOverlayBeforeHide(event: any): void;
+    onOverlayBeforeEnter(): void;
+    onOverlayBeforeHide(): void;
     onSelectionChange(event: any): void;
     onClick(event: any): void;
     onKeyDown(event: KeyboardEvent): void;
@@ -533,8 +553,8 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     get emptyValue(): boolean;
     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 ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelect, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "motionOptions": { "alias": "motionOptions"; "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;
@@ -546,9 +566,9 @@ declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
     static ngAcceptInputType_loading: unknown;
 }
 declare class TreeSelectModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeSelectModule, never, [typeof TreeSelect, typeof i2.SharedModule], [typeof TreeSelect, typeof i2.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TreeSelectModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeSelectModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TreeSelectModule, never, [typeof TreeSelect, typeof i2.SharedModule], [typeof TreeSelect, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TreeSelectModule>;
 }
 
 export { TREESELECT_VALUE_ACCESSOR, TreeSelect, TreeSelectClasses, TreeSelectModule, TreeSelectStyle };