primeng 20.1.2 → 20.3.0-rc.1

package/treeselect/index.d.ts

@@ -1,13 +1,17 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, EventEmitter, ElementRef, QueryList } from '@angular/core';
+import { EventEmitter, ElementRef, TemplateRef, QueryList } from '@angular/core';
 import { AnimationEvent } from '@angular/animations';
-import * as i1 from 'primeng/api';
-import { TreeNode, OverlayOptions, ScrollerOptions, PrimeTemplate } from 'primeng/api';
+import * as i2 from 'primeng/api';
+import { OverlayOptions, ScrollerOptions, TreeNode, PrimeTemplate } from 'primeng/api';
 import { BaseEditableHolder } from 'primeng/baseeditableholder';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 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';
+export * from 'primeng/types/treeselect';
 import { BaseStyle } from 'primeng/base';
 
 /**
@@ -67,7 +71,7 @@ declare enum TreeSelectClasses {
 }
 declare class TreeSelectStyle extends BaseStyle {
     name: string;
-    theme: string;
+    style: string;
     classes: {
         root: ({ instance }: {
             instance: any;
@@ -112,119 +116,16 @@ declare class TreeSelectStyle extends BaseStyle {
 interface TreeSelectStyle extends BaseStyle {
 }
 
-/**
- * Custom node collapse event.
- * @see {@link TreeSelect.onNodeCollapse}
- * @group Events
- */
-interface TreeSelectNodeCollapseEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Node instance.
-     */
-    node: TreeNode;
-}
-/**
- * Custom node expand event.
- * @see {@link TreeSelect.onNodeExpand}
- * @group Events
- */
-interface TreeSelectNodeExpandEvent extends TreeSelectNodeCollapseEvent {
-}
-/**
- * Defines valid templates in TreeSelect.
- * @group Templates
- */
-interface TreeSelectTemplates {
-    /**
-     * Custom value template.
-     * @param {Object} context - value data.
-     */
-    value(context: {
-        /**
-         * Value of the component.
-         */
-        $implicit: TreeNode<any> | null;
-        /**
-         * Placeholder of the component.
-         */
-        placeholder: string;
-    }): TemplateRef<{
-        $implicit: TreeNode<any> | null;
-        placeholder: string;
-    }>;
-    /**
-     * Custom header template.
-     * @param {Object} context - header data.
-     */
-    header(context: {
-        /**
-         * Value of the component.
-         */
-        $implicit: TreeNode<any> | null | undefined;
-        /**
-         * Placeholder of the component.
-         */
-        options: TreeNode<any>[] | undefined;
-    }): TemplateRef<{
-        $implicit: TreeNode<any> | null;
-        options: TreeNode[] | null | undefined;
-    }>;
-    /**
-     * Custom empty template.
-     */
-    empty(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    footer(): TemplateRef<any>;
-    /**
-     * Custom clear icon template.
-     */
-    clearicon(): TemplateRef<any>;
-    /**
-     * Custom dropdown trigger icon template.
-     */
-    triggericon(): TemplateRef<any>;
-    /**
-     * Custom filter icon template.
-     */
-    filtericon(): TemplateRef<any>;
-    /**
-     * Custom close icon template.
-     */
-    closeicon(): TemplateRef<any>;
-    /**
-     * Custom node toggler template.
-     * @param {Object} context - toggler icon data.
-     */
-    itemtogglericon(context: {
-        /**
-         * Expanded state of the node.
-         */
-        $implicit: boolean;
-    }): TemplateRef<{
-        $implicit: TreeNode<any> | null;
-    }>;
-    /**
-     * Custom node checkbox icon template.
-     */
-    itemcheckboxicon(): TemplateRef<any>;
-    /**
-     * Custom loading icon template.
-     */
-    itemloadingicon(): TemplateRef<any>;
-}
-
 declare const TREESELECT_VALUE_ACCESSOR: any;
 /**
  * TreeSelect is a form component to choose from hierarchical data.
  * @group Components
  */
-declare class TreeSelect extends BaseEditableHolder implements AfterContentInit {
+declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough> {
+    $pcTreeSelect: TreeSelect | undefined;
+    bindDirectiveInstance: Bind;
+    _componentStyle: TreeSelectStyle;
+    onAfterViewChecked(): void;
     /**
      * Identifier of the underlying input element.
      * @group Props
@@ -412,19 +313,19 @@ declare class TreeSelect extends BaseEditableHolder implements AfterContentInit
      * @defaultValue undefined
      * @group Props
      */
-    size: i0.InputSignal<"small" | "large">;
+    size: i0.InputSignal<"small" | "large" | undefined>;
     /**
      * Specifies the input variant of the component.
      * @defaultValue undefined
      * @group Props
      */
-    variant: i0.InputSignal<"filled" | "outlined">;
+    variant: i0.InputSignal<"filled" | "outlined" | undefined>;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue undefined
      * @group Props
      */
-    fluid: i0.InputSignalWithTransform<boolean, unknown>;
+    fluid: i0.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'
@@ -497,8 +398,8 @@ declare class TreeSelect extends BaseEditableHolder implements AfterContentInit
     overlayViewChild: Nullable<Overlay>;
     firstHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
     lastHiddenFocusableElementOnOverlay: Nullable<ElementRef>;
-    $variant: i0.Signal<"filled" | "outlined">;
-    pcFluid: Fluid;
+    $variant: i0.Signal<"filled" | "outlined" | null>;
+    pcFluid: Fluid | null;
     get hasFluid(): boolean;
     filteredNodes: TreeNode[] | undefined | null;
     filterValue: Nullable<string>;
@@ -583,10 +484,9 @@ declare class TreeSelect extends BaseEditableHolder implements AfterContentInit
     _options: TreeNode[] | undefined;
     templateMap: any;
     listId: string;
-    _componentStyle: TreeSelectStyle;
     onHostClick(event: MouseEvent): void;
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
+    onInit(): void;
+    onAfterContentInit(): void;
     onOverlayAnimationStart(event: AnimationEvent): void;
     onOverlayBeforeHide(event: any): void;
     onSelectionChange(event: any): void;
@@ -615,7 +515,7 @@ declare class TreeSelect extends BaseEditableHolder implements AfterContentInit
         node: TreeNode;
     }): void;
     resetExpandedNodes(): void;
-    resetPartialSelected(nodes?: TreeNode<any>[]): void;
+    resetPartialSelected(nodes?: TreeNode<any>[] | undefined): void;
     findSelectedNodes(node: TreeNode, keys: any[], selectedNodes: TreeNode[]): void;
     isSelected(node: TreeNode): boolean;
     findIndexInSelection(node: TreeNode): number;
@@ -634,7 +534,7 @@ declare class TreeSelect extends BaseEditableHolder implements AfterContentInit
     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, 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 ngAcceptInputType_metaKeySelection: unknown;
     static ngAcceptInputType_filter: unknown;
     static ngAcceptInputType_filterInputAutoFocus: unknown;
@@ -647,9 +547,8 @@ declare class TreeSelect extends BaseEditableHolder implements AfterContentInit
 }
 declare class TreeSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeSelectModule, never, [typeof TreeSelect, typeof i1.SharedModule], [typeof TreeSelect, typeof i1.SharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeSelectModule, never, [typeof TreeSelect, typeof i2.SharedModule], [typeof TreeSelect, typeof i2.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TreeSelectModule>;
 }
 
 export { TREESELECT_VALUE_ACCESSOR, TreeSelect, TreeSelectClasses, TreeSelectModule, TreeSelectStyle };
-export type { TreeSelectNodeCollapseEvent, TreeSelectNodeExpandEvent, TreeSelectTemplates };