igniteui-angular 19.2.0-alpha.2 → 19.2.0-rc.0

package/lib/core/styles/components/switch/_switch-theme.scss

@@ -39,11 +39,6 @@
 /// @param {Color} $focus-outline-color-focused [null] - The focus outlined color for focused state.
 /// @param {Color} $focus-fill-color [null] - The focus fill color.
 /// @param {Color} $focus-fill-hover-color [null] - The focus fill color on hover.
-/// @param {Color} $label-invalid-color [null] - The color of the switch label in invalid state.
-/// @param {Color} $track-error-color [null] - The color of the track in invalid state when the switch is off.
-/// @param {Color} $thumb-on-error-color [null] - The color of the thumb when the switch is on and invalid.
-/// @param {Color} $error-color [null] - The border and fill colors in invalid state.
-/// @param {Color} $error-color-hover [null] - The border and fill colors in invalid state on hover.
 /// @requires $light-material-schema
 ///
 /// @example scss Set custom track and thumb on colors
@@ -68,7 +63,6 @@
     $label-color: null,
     $label-hover-color: null,
     $label-disabled-color: null,
-    $label-invalid-color: null,
 
     $resting-shadow: null,
     $hover-shadow: null,
@@ -86,10 +80,6 @@
     $focus-outline-color-focused: null,
     $focus-fill-color: null,
     $focus-fill-hover-color: null,
-    $track-error-color: null,
-    $thumb-on-error-color: null,
-    $error-color: null,
-    $error-color-hover: null,
 ) {
     $name: 'igx-switch';
     $switch-schema: ();
@@ -148,7 +138,6 @@
         label-color: $label-color,
         label-hover-color: $label-hover-color,
         label-disabled-color: $label-disabled-color,
-        label-invalid-color: $label-invalid-color,
 
         resting-shadow: $resting-shadow,
         hover-shadow: $hover-shadow,
@@ -166,10 +155,6 @@
         focus-outline-color-focused: $focus-outline-color-focused,
         focus-fill-color: $focus-fill-color,
         focus-fill-hover-color: $focus-fill-hover-color,
-        track-error-color: $track-error-color,
-        thumb-on-error-color: $thumb-on-error-color,
-        error-color: $error-color,
-        error-color-hover: $error-color-hover,
         theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme'),
@@ -316,25 +301,6 @@
         }
     }
 
-    %switch-composite--invalid {
-        border-color: var-get($theme, 'error-color');
-
-        @if $variant == 'material' {
-            border-color: var-get($theme, 'track-error-color');
-            background: var-get($theme, 'track-error-color');
-        }
-    }
-
-    %switch-composite--invalid--hover {
-        @if $variant == 'fluent' {
-            border-color: var-get($theme, 'error-color-hover');
-
-            %switch-thumb {
-                background: var-get($theme, 'error-color-hover');
-            }
-        }
-    }
-
     %switch-composite--x {
         background: var-get($theme, 'track-on-color');
         border-color: var-get($theme, 'border-on-color');
@@ -403,14 +369,6 @@
         background: var-get($theme, 'thumb-on-color');
     }
 
-    %switch-thumb--invalid {
-        background: var-get($theme, 'error-color');
-    }
-
-    %switch-thumb--x--invalid {
-        background: var-get($theme, 'thumb-on-error-color');
-    }
-
     %switch-thumb--disabled {
         background: var-get($theme, 'thumb-disabled-color');
         box-shadow: $thumb-disabled-shadow;
@@ -477,25 +435,6 @@
         }
     }
 
-    %igx-switch--focused--invalid {
-        @if $variant == 'bootstrap' {
-            %switch-composite {
-                border-color: var-get($theme, 'error-color');
-                box-shadow: 0 0 0 rem(4px) var-get($theme, 'error-color-hover');
-            }
-
-            %switch-thumb {
-                background: var-get($theme, 'error-color');
-            }
-        }
-
-        @if $variant == 'indigo' {
-            %switch-composite {
-                box-shadow: 0 0 0 rem(3px) var-get($theme, 'error-color-hover');
-            }
-        }
-    }
-
     %igx-switch--focused-checked {
         @if $variant == 'bootstrap' {
             %switch-composite {
@@ -550,10 +489,6 @@
         background: var-get($theme, 'thumb-on-color');
     }
 
-    %switch-ripple--focused-invalid {
-        background: var-get($theme, 'error-color-hover');
-    }
-
     %switch-label {
         display: inline-block;
         color: var-get($theme, 'label-color');
@@ -585,10 +520,6 @@
         color: var-get($theme, 'label-hover-color');
     }
 
-    %switch-label--invalid {
-        color: var-get($theme, 'label-invalid-color');
-    }
-
     %switch-label--disabled {
         color: var-get($theme, 'label-disabled-color');
     }
@@ -618,18 +549,6 @@
         }
     }
 
-    %switch-ripple--hover-invalid {
-        &::after {
-            background: var-get($theme, 'error-color-hover');
-        }
-    }
-
-    %switch-ripple--hover-checked-invalid {
-        &::after {
-            background: var-get($theme, 'thumb-on-color');
-        }
-    }
-
     %switch-ripple--pressed {
         &::after {
             opacity: .12;

package/lib/core/styles/components/tree/_tree-theme.scss

@@ -288,9 +288,7 @@
         }
 
         igx-circular-bar {
-            --circular-bar: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};
-            width: var(--circular-bar);
-            height: var(--circular-bar);
+            --diameter: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};
         }
     }
 

package/lib/data-operations/expressions-tree-util.d.ts

@@ -31,7 +31,7 @@ export declare function isTree(entry: IExpressionTree | IFilteringExpression): e
  * @param entities An array of entities to use for recreating the tree.
  * @returns The recreated expression tree.
  */
-export declare function recreateTree(tree: IExpressionTree, entities: EntityType[]): IExpressionTree;
+export declare function recreateTree(tree: IExpressionTree, entities: EntityType[], isRoot?: boolean): IExpressionTree;
 /**
  * Recreates the tree from a given array of fields by applying the correct operands.
  * It is recommended to use `recreateTree` if there will be multiple entities in the tree

package/lib/data-operations/filtering-condition.d.ts

@@ -104,7 +104,7 @@ export interface IFilteringOperation {
     isNestedQuery?: boolean;
     iconName: string;
     hidden?: boolean;
-    logic: (value: any, searchVal?: any, ignoreCase?: boolean) => boolean;
+    logic?: null | ((value: any, searchVal?: any, ignoreCase?: boolean) => boolean);
 }
 /**
  * Interface describing Date object in parts

package/lib/data-operations/filtering-expression.interface.d.ts

@@ -9,9 +9,9 @@ export declare enum FilteringLogic {
  */
 export declare interface IFilteringExpression {
     fieldName: string;
-    condition?: IFilteringOperation;
-    conditionName?: string;
+    condition?: IFilteringOperation | null;
+    conditionName?: string | null;
     searchVal?: any;
-    searchTree?: IExpressionTree;
+    searchTree?: IExpressionTree | null;
     ignoreCase?: boolean;
 }

package/lib/data-operations/filtering-expressions-tree.d.ts

@@ -7,9 +7,9 @@ export declare enum FilteringExpressionsTreeType {
 export declare interface IExpressionTree {
     filteringOperands: (IExpressionTree | IFilteringExpression)[];
     operator: FilteringLogic;
-    fieldName?: string;
-    entity?: string;
-    returnFields?: string[];
+    fieldName?: string | null;
+    entity?: string | null;
+    returnFields?: string[] | null;
 }
 export declare interface IFilteringExpressionsTree extends IBaseEventArgs, IExpressionTree {
     filteringOperands: (IFilteringExpressionsTree | IFilteringExpression)[];

package/lib/data-operations/filtering-strategy.d.ts

@@ -16,7 +16,8 @@ export interface IgxFilterItem {
 }
 export declare abstract class BaseFilteringStrategy implements IFilteringStrategy {
     findMatchByExpression(rec: any, expr: IFilteringExpression, isDate?: boolean, isTime?: boolean, grid?: GridType): boolean;
-    matchRecord(rec: any, expressions: IFilteringExpressionsTree | IFilteringExpression, grid?: GridType): boolean;
+    matchRecord(rec: any, expressions: IFilteringExpressionsTree | IFilteringExpression, grid?: GridType, entity?: string): boolean;
+    private findEntityByName;
     getFilterItems(column: ColumnType, tree: IFilteringExpressionsTree): Promise<IgxFilterItem[]>;
     protected getFilterItemLabel(column: ColumnType, value: any, applyFormatter: boolean, data: any): any;
     protected getUniqueFilterItems(column: ColumnType, filterItems: IgxFilterItem[]): any[];

package/lib/directives/button/button.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, Renderer2, AfterContentInit, OnDestroy } from '@angular/core';
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { IBaseEventArgs } from '../../core/utils';
 import { IgxButtonBaseDirective } from './button-base';
 import * as i0 from "@angular/core";
@@ -31,7 +31,7 @@ export type IgxButtonType = typeof IgxButtonType[keyof typeof IgxButtonType];
  * <button type="button" igxButton="outlined">A Button</button>
  * ```
  */
-export declare class IgxButtonDirective extends IgxButtonBaseDirective implements AfterContentInit, OnDestroy {
+export declare class IgxButtonDirective extends IgxButtonBaseDirective {
     element: ElementRef;
     private _renderer;
     private static ngAcceptInputType_type;
@@ -69,7 +69,7 @@ export declare class IgxButtonDirective extends IgxButtonBaseDirective implement
      * @internal
      */
     private _selected;
-    private emitSelected;
+    protected emitSelected(): void;
     /**
      * Gets or sets whether the button is selected.
      * Mainly used in the IgxButtonGroup component and it will have no effect if set separately.
@@ -82,8 +82,6 @@ export declare class IgxButtonDirective extends IgxButtonBaseDirective implement
     set selected(value: boolean);
     get selected(): boolean;
     constructor(element: ElementRef, _renderer: Renderer2);
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     /**
      * Sets the type of the button.
      *

package/lib/directives/drag-drop/drag-drop.directive.d.ts

@@ -564,6 +564,7 @@ export declare class IgxDragDirective implements AfterContentInit, OnDestroy {
      * @hidden
      */
     onTransitionEnd(event: any): void;
+    protected detachGhost(): void;
     protected clearGhost(): void;
     /**
      * @hidden

package/lib/grids/columns/column.component.d.ts

@@ -307,7 +307,8 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      *
      * @memberof IgxColumnComponent
      */
-    maxWidth: string;
+    set maxWidth(value: string);
+    get maxWidth(): string;
     /**
      * Sets/gets the class selector of the column header.
      * ```typescript
@@ -631,6 +632,10 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     get minWidthPx(): number;
+    /**
+     * @hidden
+     */
+    get userSetMinWidthPx(): number;
     /**
      * @hidden
      */
@@ -1120,6 +1125,10 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     destroy$: Subject<any>;
+    /**
+     * @hidden
+     */
+    widthConstrained: boolean;
     /**
      * @hidden
      */
@@ -1193,6 +1202,10 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     protected _defaultMinWidth: string;
+    /**
+     * @hidden
+     */
+    protected _maxWidth: any;
     /**
      * @hidden
      */
@@ -1373,6 +1386,11 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      */
     populateVisibleIndexes(): void;
     protected getColumnSizesString(children: QueryList<IgxColumnComponent>): string;
+    /**
+     * @hidden
+     * @internal
+     */
+    getConstrainedSizePx(newSize: any): any;
     /**
      * @hidden
      * @internal

package/lib/grids/common/enums.d.ts

@@ -89,10 +89,11 @@ export declare enum RowPinningPosition {
  * - Local: The grid will use local data to extract pages during paging.
  * - Remote: The grid will expect pages to be delivered from a remote location and will only raise events during paging interactions.
  */
-export declare enum GridPagingMode {
-    Local = 0,
-    Remote = 1
-}
+export declare const GridPagingMode: {
+    Local: "local";
+    Remote: "remote";
+};
+export type GridPagingMode = (typeof GridPagingMode)[keyof typeof GridPagingMode];
 /**
  * @hidden @internal
  *

package/lib/grids/common/grid.interface.d.ts

@@ -1354,4 +1354,5 @@ export interface IClipboardOptions {
 export interface EntityType {
     name: string;
     fields: FieldType[];
+    childEntities?: EntityType[];
 }

package/lib/grids/common/random.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Use the function to get a random UUID string when secure context is not guaranteed making crypto.randomUUID unavailable.
+ * @returns A random UUID string.
+ */
+export declare function getUUID(): `${string}-${string}-${string}-${string}-${string}`;

package/lib/grids/filtering/advanced-filtering/advanced-filtering-dialog.component.d.ts

@@ -3,7 +3,7 @@ import { IgxOverlayService } from '../../../services/overlay/overlay';
 import { IDragStartEventArgs } from '../../../directives/drag-drop/drag-drop.directive';
 import { IActiveNode } from '../../grid-navigation.service';
 import { PlatformUtil } from '../../../core/utils';
-import { FieldType, GridType } from '../../common/grid.interface';
+import { EntityType, FieldType, GridType } from '../../common/grid.interface';
 import { IgxQueryBuilderComponent } from '../../../query-builder/query-builder.component';
 import * as i0 from "@angular/core";
 /**
@@ -100,10 +100,7 @@ export declare class IgxAdvancedFilteringDialogComponent implements AfterViewIni
     /**
      * @hidden @internal
      */
-    generateEntity(): {
-        name: any;
-        fields: FieldType[];
-    }[];
+    generateEntity(): EntityType[];
     private assignResourceStrings;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxAdvancedFilteringDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxAdvancedFilteringDialogComponent, "igx-advanced-filtering-dialog", never, { "grid": { "alias": "grid"; "required": false; }; }, {}, never, never, true, never>;

package/lib/grids/grid-base.directive.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EnvironmentInjector, EventEmitter, Injector, IterableDiffers, NgZone, OnDestroy, OnInit, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ComponentRef, DoCheck, ElementRef, EnvironmentInjector, EventEmitter, Injector, IterableDiffers, NgZone, OnDestroy, OnInit, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { PlatformUtil } from '../core/utils';
 import { FilteringLogic } from '../data-operations/filtering-expression.interface';
@@ -28,7 +28,7 @@ import { IgxColumnResizingService } from './resizing/resizing.service';
 import { IFilteringStrategy } from '../data-operations/filtering-strategy';
 import { GridSelectionMode, GridSummaryPosition, GridSummaryCalculationMode, FilterMode, GridPagingMode, GridValidationTrigger, Size } from './common/enums';
 import { IGridCellEventArgs, IRowSelectionEventArgs, IPinColumnEventArgs, IRowDataEventArgs, IColumnResizeEventArgs, IColumnMovingStartEventArgs, IColumnMovingEventArgs, IColumnMovingEndEventArgs, IGridKeydownEventArgs, IRowDragStartEventArgs, IRowDragEndEventArgs, IGridClipboardEvent, IGridToolbarExportEventArgs, ISearchInfo, ICellPosition, IRowToggleEventArgs, IColumnSelectionEventArgs, IPinRowEventArgs, IGridScrollEventArgs, IActiveNodeChangeEventArgs, ISortingEventArgs, IFilteringEventArgs, IColumnVisibilityChangedEventArgs, IColumnVisibilityChangingEventArgs, IPinColumnCancellableEventArgs, IGridEditEventArgs, IRowDataCancelableEventArgs, IGridEditDoneEventArgs, IGridRowEventArgs, IGridContextMenuEventArgs, IColumnsAutoGeneratedEventArgs } from './common/events';
-import { ColumnType, GridServiceType, GridType, IGridFormGroupCreatedEventArgs, IGridValidationStatusEventArgs, IgxGridEmptyTemplateContext, IgxGridHeaderTemplateContext, IgxGridRowDragGhostContext, IgxGridRowEditActionsTemplateContext, IgxGridRowEditTemplateContext, IgxGridRowEditTextTemplateContext, IgxGridRowTemplateContext, IgxGridTemplateContext, IgxHeadSelectorTemplateContext, IgxRowSelectorTemplateContext, ISizeInfo, RowType, IPinningConfig, IClipboardOptions } from './common/grid.interface';
+import { ColumnType, GridServiceType, GridType, IGridFormGroupCreatedEventArgs, IGridValidationStatusEventArgs, IgxGridEmptyTemplateContext, IgxGridHeaderTemplateContext, IgxGridRowDragGhostContext, IgxGridRowEditActionsTemplateContext, IgxGridRowEditTemplateContext, IgxGridRowEditTextTemplateContext, IgxGridRowTemplateContext, IgxGridTemplateContext, IgxHeadSelectorTemplateContext, IgxRowSelectorTemplateContext, ISizeInfo, RowType, IPinningConfig, IClipboardOptions, EntityType } from './common/grid.interface';
 import { DropPosition } from './moving/moving.service';
 import { IgxColumnComponent } from './columns/column.component';
 import { IgxSnackbarComponent } from '../snackbar/snackbar.component';
@@ -123,7 +123,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * <igx-grid [id]="'igx-grid-1'" [data]="Data" [emptyGridTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
      * ```
      */
-    emptyGridTemplate: TemplateRef<void>;
+    emptyGridTemplate: TemplateRef<IgxGridTemplateContext>;
     /**
      * Gets/Sets a custom template for adding row UI when grid is empty.
      *
@@ -141,7 +141,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * <igx-grid [id]="'igx-grid-1'" [data]="Data" [loadingGridTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
      * ```
      */
-    loadingGridTemplate: TemplateRef<void>;
+    loadingGridTemplate: TemplateRef<IgxGridTemplateContext>;
     /**
      * Get/Set IgxSummaryRow height
      */
@@ -1929,8 +1929,10 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     protected _sortingOptions: ISortingOptions;
     protected _filterStrategy: IFilteringStrategy;
     protected _autoGeneratedCols: any[];
+    protected _autoGeneratedColsRefs: ComponentRef<IgxColumnComponent>[];
     protected _dataView: any[];
     protected _lastSearchInfo: ISearchInfo;
+    protected _hGridSchema: EntityType[];
     protected gridComputedStyles: any;
     /** @hidden @internal */
     get paginator(): IgxPaginatorComponent;
@@ -2054,6 +2056,10 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * @hidden @internal
      */
     private get hasZeroResultFilter();
+    protected get totalCalcWidth(): number;
+    protected get renderData(): any[];
+    protected displayStyle: string;
+    protected templateRows: string;
     /**
      * @hidden @internal
      */
@@ -3185,7 +3191,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     /**
      * @hidden @internal
      */
-    trackColumnChanges(index: any, col: any): any;
+    trackColumnChanges(_index: any, col: any): any;
     /**
      * @hidden
      */
@@ -3244,7 +3250,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     /**
      * @hidden
      */
-    rowEditingWheelHandler(event: WheelEvent): void;
+    rowEditingWheelHandler: (event: WheelEvent) => void;
     /**
      * @hidden
      */
@@ -3528,6 +3534,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * Clears the current navigation service active node
      */
     private clearActiveNode;
+    private getRecreatedTree;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridBaseDirective, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IgxGridBaseDirective, never, never, { "snackbarDisplayTime": { "alias": "snackbarDisplayTime"; "required": false; }; "autoGenerate": { "alias": "autoGenerate"; "required": false; }; "autoGenerateExclude": { "alias": "autoGenerateExclude"; "required": false; }; "moving": { "alias": "moving"; "required": false; }; "emptyGridTemplate": { "alias": "emptyGridTemplate"; "required": false; }; "addRowEmptyTemplate": { "alias": "addRowEmptyTemplate"; "required": false; }; "loadingGridTemplate": { "alias": "loadingGridTemplate"; "required": false; }; "summaryRowHeight": { "alias": "summaryRowHeight"; "required": false; }; "dataCloneStrategy": { "alias": "dataCloneStrategy"; "required": false; }; "clipboardOptions": { "alias": "clipboardOptions"; "required": false; }; "rowClasses": { "alias": "rowClasses"; "required": false; }; "rowStyles": { "alias": "rowStyles"; "required": false; }; "primaryKey": { "alias": "primaryKey"; "required": false; }; "uniqueColumnValuesStrategy": { "alias": "uniqueColumnValuesStrategy"; "required": false; }; "dragGhostCustomTemplate": { "alias": "dragGhostCustomTemplate"; "required": false; }; "rowEditTextTemplate": { "alias": "rowEditTextTemplate"; "required": false; }; "rowAddTextTemplate": { "alias": "rowAddTextTemplate"; "required": false; }; "rowEditActionsTemplate": { "alias": "rowEditActionsTemplate"; "required": false; }; "rowExpandedIndicatorTemplate": { "alias": "rowExpandedIndicatorTemplate"; "required": false; }; "rowCollapsedIndicatorTemplate": { "alias": "rowCollapsedIndicatorTemplate"; "required": false; }; "headerExpandedIndicatorTemplate": { "alias": "headerExpandedIndicatorTemplate"; "required": false; }; "headerCollapsedIndicatorTemplate": { "alias": "headerCollapsedIndicatorTemplate"; "required": false; }; "excelStyleHeaderIconTemplate": { "alias": "excelStyleHeaderIconTemplate"; "required": false; }; "sortAscendingHeaderIconTemplate": { "alias": "sortAscendingHeaderIconTemplate"; "required": false; }; "sortDescendingHeaderIconTemplate": { "alias": "sortDescendingHeaderIconTemplate"; "required": false; }; "sortHeaderIconTemplate": { "alias": "sortHeaderIconTemplate"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "filteringLogic": { "alias": "filteringLogic"; "required": false; }; "filteringExpressionsTree": { "alias": "filteringExpressionsTree"; "required": false; }; "advancedFilteringExpressionsTree": { "alias": "advancedFilteringExpressionsTree"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "pagingMode": { "alias": "pagingMode"; "required": false; }; "hideRowSelectors": { "alias": "hideRowSelectors"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "validationTrigger": { "alias": "validationTrigger"; "required": false; }; "rowEditable": { "alias": "rowEditable"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "emptyGridMessage": { "alias": "emptyGridMessage"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "emptyFilteredGridMessage": { "alias": "emptyFilteredGridMessage"; "required": false; }; "pinning": { "alias": "pinning"; "required": false; }; "allowFiltering": { "alias": "allowFiltering"; "required": false; }; "allowAdvancedFiltering": { "alias": "allowAdvancedFiltering"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "summaryCalculationMode": { "alias": "summaryCalculationMode"; "required": false; }; "showSummaryOnCollapse": { "alias": "showSummaryOnCollapse"; "required": false; }; "filterStrategy": { "alias": "filterStrategy"; "required": false; }; "sortStrategy": { "alias": "sortStrategy"; "required": false; }; "sortingOptions": { "alias": "sortingOptions"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "headSelectorTemplate": { "alias": "headSelectorTemplate"; "required": false; }; "rowSelectorTemplate": { "alias": "rowSelectorTemplate"; "required": false; }; "dragIndicatorIconTemplate": { "alias": "dragIndicatorIconTemplate"; "required": false; }; "sortingExpressions": { "alias": "sortingExpressions"; "required": false; }; "batchEditing": { "alias": "batchEditing"; "required": false; }; "cellSelection": { "alias": "cellSelection"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "columnSelection": { "alias": "columnSelection"; "required": false; }; "expansionStates": { "alias": "expansionStates"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "selectRowOnClick": { "alias": "selectRowOnClick"; "required": false; }; }, { "filteringExpressionsTreeChange": "filteringExpressionsTreeChange"; "advancedFilteringExpressionsTreeChange": "advancedFilteringExpressionsTreeChange"; "gridScroll": "gridScroll"; "cellClick": "cellClick"; "rowClick": "rowClick"; "formGroupCreated": "formGroupCreated"; "validationStatusChange": "validationStatusChange"; "selected": "selected"; "rowSelectionChanging": "rowSelectionChanging"; "columnSelectionChanging": "columnSelectionChanging"; "columnPin": "columnPin"; "columnPinned": "columnPinned"; "cellEditEnter": "cellEditEnter"; "cellEditExit": "cellEditExit"; "cellEdit": "cellEdit"; "cellEditDone": "cellEditDone"; "rowEditEnter": "rowEditEnter"; "rowEdit": "rowEdit"; "rowEditDone": "rowEditDone"; "rowEditExit": "rowEditExit"; "columnInit": "columnInit"; "columnsAutogenerated": "columnsAutogenerated"; "sorting": "sorting"; "sortingDone": "sortingDone"; "filtering": "filtering"; "filteringDone": "filteringDone"; "rowAdded": "rowAdded"; "rowDeleted": "rowDeleted"; "rowDelete": "rowDelete"; "rowAdd": "rowAdd"; "columnResized": "columnResized"; "contextMenu": "contextMenu"; "doubleClick": "doubleClick"; "columnVisibilityChanging": "columnVisibilityChanging"; "columnVisibilityChanged": "columnVisibilityChanged"; "columnMovingStart": "columnMovingStart"; "columnMoving": "columnMoving"; "columnMovingEnd": "columnMovingEnd"; "gridKeydown": "gridKeydown"; "rowDragStart": "rowDragStart"; "rowDragEnd": "rowDragEnd"; "gridCopy": "gridCopy"; "expansionStatesChange": "expansionStatesChange"; "selectedRowsChange": "selectedRowsChange"; "rowToggle": "rowToggle"; "rowPinning": "rowPinning"; "rowPinned": "rowPinned"; "activeNodeChange": "activeNodeChange"; "sortingExpressionsChange": "sortingExpressionsChange"; "toolbarExporting": "toolbarExporting"; "rangeSelected": "rangeSelected"; "rendered": "rendered"; "localeChange": "localeChange"; "dataChanging": "dataChanging"; "dataChanged": "dataChanged"; }, ["excelStyleLoadingValuesTemplateDirective", "rowAddText", "rowExpandedIndicatorDirectiveTemplate", "rowCollapsedIndicatorDirectiveTemplate", "headerExpandedIndicatorDirectiveTemplate", "headerCollapsedIndicatorDirectiveTemplate", "excelStyleHeaderIconDirectiveTemplate", "sortAscendingHeaderIconDirectiveTemplate", "sortDescendingHeaderIconDirectiveTemplate", "sortHeaderIconDirectiveTemplate", "excelStyleFilteringComponents", "columnList", "actionStripComponents", "headSelectorsTemplates", "rowSelectorsTemplates", "dragGhostCustomTemplates", "rowEditCustomDirectives", "rowEditTextDirectives", "rowEditActionsDirectives", "dragIndicatorIconTemplates", "rowEditTabsCUSTOM", "toolbar", "paginationComponents"], never, true, never>;
     static ngAcceptInputType_autoGenerate: unknown;

package/lib/grids/hierarchical-grid/events.d.ts

@@ -5,4 +5,5 @@ export interface IGridCreatedEventArgs extends IBaseEventArgs {
     owner: IgxRowIslandComponent;
     parentID: any;
     grid: IgxHierarchicalGridComponent;
+    parentRowData?: any;
 }

package/lib/grids/hierarchical-grid/hierarchical-grid.component.d.ts

@@ -3,10 +3,11 @@ import { IgxHierarchicalGridAPIService } from './hierarchical-grid-api.service';
 import { IgxRowIslandComponent } from './row-island.component';
 import { IgxColumnComponent } from '../columns/column.component';
 import { IgxHierarchicalGridBaseDirective } from './hierarchical-grid-base.directive';
-import { CellType, GridType, RowType } from '../common/grid.interface';
+import { CellType, EntityType, GridType, RowType } from '../common/grid.interface';
 import type { IgxPaginatorComponent } from '../../paginator/paginator.component';
 import { IgxGridExcelStyleFilteringComponent } from '../filtering/excel-style/excel-style-filtering.component';
 import { IgxActionStripToken } from '../../action-strip/token';
+import { IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
 import * as i0 from "@angular/core";
 /**
  * @hidden @internal
@@ -159,6 +160,8 @@ export declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBas
     protected actionStripComponents: QueryList<IgxActionStripToken>;
     /** @hidden @internal */
     get actionStrip(): IgxActionStripToken;
+    get advancedFilteringExpressionsTree(): IFilteringExpressionsTree;
+    set advancedFilteringExpressionsTree(value: IFilteringExpressionsTree);
     private _data;
     private h_id;
     private childGridTemplates;
@@ -229,6 +232,21 @@ export declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBas
      * @memberof IgxHierarchicalGridComponent
      */
     get expandChildren(): boolean;
+    /**
+     * Gets/Sets the schema for the hierarchical grid.
+     * This schema defines the structure and properties of the data displayed in the grid.
+     * @Input()
+     * @param {EntityType[]} entities - An array of EntityType objects representing the grid's schema.
+     * @remarks
+     * This property is required in remote data filtering scenarios.
+     * @example
+     * ```typescript
+     * const schema = this.grid.schema;
+     * this.grid.schema = [{ name: 'Products', fields: [...], childEntities: [...] }];
+     * ```
+     */
+    set schema(entities: EntityType[]);
+    get schema(): EntityType[];
     /**
      * Gets the unique identifier of the parent row. It may be a `string` or `number` if `primaryKey` of the
      * parent grid is set or an object reference of the parent record otherwise.
@@ -433,7 +451,9 @@ export declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBas
     protected _shouldAutoSize(renderedHeight: any): boolean;
     private updateColumnList;
     private _clearSeletionHighlights;
+    private generateSchema;
+    private generateChildEntity;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxHierarchicalGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxHierarchicalGridComponent, "igx-hierarchical-grid", never, { "id": { "alias": "id"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalItemCount": { "alias": "totalItemCount"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; }, {}, ["childLayoutList", "allLayoutList", "paginatorList", "actionStripComponents"], ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxHierarchicalGridComponent, "igx-hierarchical-grid", never, { "id": { "alias": "id"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalItemCount": { "alias": "totalItemCount"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; }, {}, ["childLayoutList", "allLayoutList", "paginatorList", "actionStripComponents"], ["igx-grid-toolbar,igc-grid-toolbar", "igx-grid-footer,igc-grid-footer", "igx-paginator,igc-paginator", "igx-grid-state,igc-grid-state", "igx-column,igc-column,igx-column-group,igc-column-group,igx-action-strip,igc-action-strip", "igx-row-island,igc-row-island"], true, never>;
     static ngAcceptInputType_expandChildren: unknown;
 }

package/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { IgxToolbarToken } from './token';
 import { OverlaySettings } from '../../services/overlay/utilities';
 import { IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
  * <igx-grid-toolbar-advanced-filtering>Custom text</igx-grid-toolbar-advanced-filtering>
  * ```
  */
-export declare class IgxGridToolbarAdvancedFilteringComponent implements AfterViewInit {
+export declare class IgxGridToolbarAdvancedFilteringComponent implements OnInit {
     private toolbar;
     protected numberOfColumns: number;
     /**
@@ -29,7 +29,7 @@ export declare class IgxGridToolbarAdvancedFilteringComponent implements AfterVi
     /**
      * @hidden
      */
-    ngAfterViewInit(): void;
+    ngOnInit(): void;
     protected extractUniqueFieldNamesFromFilterTree(filteringTree?: IFilteringExpressionsTree): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridToolbarAdvancedFilteringComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridToolbarAdvancedFilteringComponent, "igx-grid-toolbar-advanced-filtering", never, { "overlaySettings": { "alias": "overlaySettings"; "required": false; }; }, {}, never, ["*"], true, never>;