import * as igniteui_angular_core from 'igniteui-angular/core'; import { IPathSegment, ColumnType, IGridResourceStrings, IFilteringExpressionsTree, EntityType, IBaseEventArgs } from 'igniteui-angular/core'; import * as i3 from 'igniteui-angular/grids/core'; import { IgxGridNavigationService, RowType, GridType, IgxColumnGroupComponent, IgxColumnComponent, IgxGridToolbarTemplateContext, IgxGridPaginatorTemplateContext, ISearchInfo, IgxGridSelectionService, IgxFilteringService, GridBaseAPIService, IgxGridExcelStyleFilteringComponent, CellType, IgxRowAddTextDirective, IgxRowEditActionsDirective, IgxRowEditTextDirective, IgxRowEditTabStopDirective, IgxRowDirective, IgxGridFooterComponent, IgxAdvancedFilteringDialogComponent, IgxRowExpandedIndicatorDirective, IgxRowCollapsedIndicatorDirective, IgxHeaderExpandedIndicatorDirective, IgxHeaderCollapsedIndicatorDirective, IgxExcelStyleHeaderIconDirective, IgxSortAscendingHeaderIconDirective, IgxSortDescendingHeaderIconDirective, IgxSortHeaderIconDirective, IgxDragIndicatorIconDirective, IgxRowDragGhostDirective, IgxGridStateDirective, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent, IgxGridActionsBaseDirective, IgxGridActionButtonComponent, IgxGridHeaderComponent, IgxGridHeaderGroupComponent, IgxGridHeaderRowComponent, IgxFilterCellTemplateDirective, IgxSummaryTemplateDirective, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxCellHeaderTemplateDirective, IgxCellFooterTemplateDirective, IgxCellEditorTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnLayoutComponent, IgxColumnActionsComponent, IgxColumnHidingDirective, IgxColumnPinningDirective, IgxRowSelectorDirective, IgxGroupByRowSelectorDirective, IgxHeadSelectorDirective, IgxCSVTextDirective, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxGridToolbarDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStylePinningComponent, IgxExcelStyleHidingComponent, IgxExcelStyleSelectingComponent, IgxExcelStyleClearFiltersComponent, IgxExcelStyleConditionalFilterComponent, IgxExcelStyleMovingComponent, IgxExcelStyleSearchComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleLoadingValuesTemplateDirective, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective, IgxColumnEmailValidatorDirective, IgxColumnMinLengthValidatorDirective, IgxColumnMaxLengthValidatorDirective, IgxColumnPatternValidatorDirective } from 'igniteui-angular/grids/core'; import * as _angular_core from '@angular/core'; import { EventEmitter, AfterContentInit, AfterViewInit, OnChanges, OnInit, OnDestroy, QueryList, TemplateRef, SimpleChanges, DoCheck, ViewContainerRef, ElementRef, ChangeDetectorRef, PipeTransform } from '@angular/core'; import * as rxjs from 'rxjs'; import { Subject } from 'rxjs'; import * as igniteui_angular_grids_grid from 'igniteui-angular/grids/grid'; import { IgxGridBaseDirective } from 'igniteui-angular/grids/grid'; import * as igniteui_angular_snackbar from 'igniteui-angular/snackbar'; import * as igniteui_angular_directives from 'igniteui-angular/directives'; import { IForOfState, IViewChangeEventArgs } from 'igniteui-angular/directives'; import * as rxjs_internal_scheduler_AnimationFrameScheduler from 'rxjs/internal/scheduler/AnimationFrameScheduler'; import * as igniteui_i18n_core from 'igniteui-i18n-core'; import * as i4 from 'igniteui-angular/paginator'; import { IgxPaginatorComponent, IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; declare class IgxHierarchicalGridNavigationService extends IgxGridNavigationService { protected _pendingNavigation: boolean; dispatchEvent(event: KeyboardEvent): void; navigateInBody(rowIndex: number, visibleColIndex: number, cb?: (arg: any) => void): void; shouldPerformVerticalScroll(index: number, visibleColumnIndex?: number, isNext?: boolean): boolean; focusTbody(event: FocusEvent): void; protected nextSiblingIndex(isNext: boolean): number | null; /** * Handles scrolling in child grid and ensures target child row is in main grid view port. * * @param rowIndex The row index which should be in view. * @param isNext Optional. Whether we are navigating to next. Used to determine scroll direction. * @param cb Optional.Callback function called when operation is complete. */ protected _handleScrollInChild(rowIndex: number, isNext: boolean, cb?: () => void): void; /** * * @param rowIndex Row index that should come in view. * @param isNext Whether we are navigating to next. Used to determine scroll direction. * @param cb Optional.Callback function called when operation is complete. */ protected positionInParent(rowIndex: number, isNext: boolean, cb?: () => void): void; /** * Navigates to the specific child grid based on the array of paths leading to it * * @param pathToChildGrid Array of IPathSegments that describe the path to the child grid * each segment is described by the rowKey of the parent row and the rowIslandKey. */ navigateToChildGrid(pathToChildGrid: IPathSegment[], cb?: () => void): void; /** * Moves navigation to child grid. * * @param parentRowIndex The parent row index, at which the child grid is rendered. * @param childLayoutIndex Optional. The index of the child row island to which the child grid belongs to. Uses first if not set. */ protected _moveToChild(parentRowIndex: number, visibleColIndex: number, isNext: boolean, childLayoutIndex?: number, cb?: (arg: any) => void): void; /** * Moves navigation back to parent grid. * * @param rowIndex */ protected _moveToParent(isNext: boolean, columnIndex: number, cb?: any): void; /** * Gets information on the row position relative to the root grid view port. * Returns whether the row is in view and its offset. * * @param rowObj * @param isNext */ protected getPositionInfo(row: RowType, isNext: boolean): { inView: boolean; offset: number; }; protected getElementPosition(element: HTMLElement, isNext: boolean): { inView: boolean; offset: number; }; /** * Gets closest element by its tag name. * * @param sourceElem The element from which to start the search. * @param targetTag The target element tag name, for which to search. */ protected getClosestElemByTag(sourceElem: HTMLElement, targetTag: string): HTMLElement | null; private clearActivation; private hasNextTarget; /** * Gets the max top view in the current grid hierarchy. * * @param grid */ private _getMaxTop; /** * Gets the min bottom view in the current grid hierarchy. * * @param grid */ private _getMinBottom; /** * Finds the next grid that allows scrolling down. * * @param grid The grid from which to begin the search. */ private getNextScrollableDown; /** * Finds the next grid that allows scrolling up. * * @param grid The grid from which to begin the search. */ private getNextScrollableUp; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } declare abstract class IgxHierarchicalGridBaseDirective extends IgxGridBaseDirective implements GridType { gridAPI: IgxHierarchicalGridAPIService; navigation: IgxHierarchicalGridNavigationService; /** * Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator. * * @example * ```html * * * ``` */ hasChildrenKey: string; /** * Gets/Sets whether the expand/collapse all button in the header should be rendered. * * @remarks * The default value is false. * @example * ```html * * * ``` */ showExpandAll: boolean; /** * Emitted when a new chunk of data is loaded from virtualization. * * @example * ```typescript * * * ``` */ dataPreLoad: EventEmitter; /** @hidden @internal */ get type(): GridType["type"]; /** * Gets the outlet used to attach the grid's overlays to. * * @remarks * If set, returns the outlet defined outside the grid. Otherwise returns the grid's internal outlet directive. * * @deprecated in version 21.2.0. Overlays now use the HTML Popover API and no longer move to the document * body by default, so using outlet is also no longer needed. */ get outlet(): any; /** * Sets the outlet used to attach the grid's overlays to. * * @deprecated in version 21.2.0. Overlays now use the HTML Popover API and no longer move to the document * body by default, so using outlet is also no longer needed. */ set outlet(val: any); /** @hidden @internal */ batchEditingChange: EventEmitter; get batchEditing(): boolean; set batchEditing(val: boolean); /** * @hidden */ parentIsland: IgxRowIslandComponent; abstract rootGrid: GridType; abstract expandChildren: boolean; /** * @hidden */ createColumnsList(cols: ColumnType[]): void; protected _createColumn(col: ColumnType): _angular_core.ComponentRef | _angular_core.ComponentRef; protected _createColGroupComponent(col: IgxColumnGroupComponent): _angular_core.ComponentRef; protected _createColComponent(col: ColumnType): _angular_core.ComponentRef; protected getGridsForIsland(rowIslandID: string): GridType[]; protected getChildGrid(path: Array): GridType | undefined; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; static ngAcceptInputType_showExpandAll: unknown; } declare class IgxRowIslandAPIService { rowIsland: IgxRowIslandComponent; change: Subject; protected state: Map; protected destroyMap: Map>; protected childRowIslands: Map; protected childGrids: Map; register(rowIsland: IgxRowIslandComponent): void; unsubscribe(rowIsland: IgxRowIslandComponent): void; get(id: string): IgxRowIslandComponent; unset(id: string): void; reset(oldId: string, newId: string): void; registerChildRowIsland(rowIsland: IgxRowIslandComponent): void; unsetChildRowIsland(rowIsland: IgxRowIslandComponent): void; getChildRowIsland(rowIslandKey: string): IgxRowIslandComponent | undefined; registerChildGrid(parentRowID: any, grid: IgxHierarchicalGridComponent): void; getChildGrids(inDepth?: boolean): IgxHierarchicalGridComponent[]; getChildGridByID(rowID: any): IgxHierarchicalGridComponent | undefined; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * Row island * * @igxModule IgxHierarchicalGridModule * @igxParent IgxHierarchicalGridComponent, IgxRowIslandComponent * */ declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective implements AfterContentInit, AfterViewInit, OnChanges, OnInit, OnDestroy { rowIslandAPI: IgxRowIslandAPIService; /** * Sets the key of the row island by which child data would be taken from the row data if such is provided. * ```html * * * * * * ``` * * @memberof IgxRowIslandComponent */ key: string; /** * Gets/Sets the resource strings. * * @remarks * By default it uses the root grid resources. */ set resourceStrings(value: IGridResourceStrings); get resourceStrings(): IGridResourceStrings; /** * @hidden */ children: QueryList; /** * @hidden @internal */ childLayoutList: QueryList; /** * @hidden */ childColumns: QueryList; protected toolbarDirectiveTemplate: TemplateRef; protected paginatorDirectiveTemplate: TemplateRef; /** * Sets/Gets the toolbar template for each child grid created from this row island. */ get toolbarTemplate(): TemplateRef; set toolbarTemplate(template: TemplateRef); /** * Sets/Gets the paginator template for each child grid created from this row island. */ get paginatorTemplate(): TemplateRef; set paginatorTemplate(template: TemplateRef); /** * @hidden */ layoutChange: EventEmitter<{ rowIslandAPI?: _angular_core.SimpleChange | undefined; key?: _angular_core.SimpleChange | undefined; resourceStrings?: _angular_core.SimpleChange> | undefined; children?: _angular_core.SimpleChange> | undefined; childLayoutList?: _angular_core.SimpleChange> | undefined; childColumns?: _angular_core.SimpleChange> | undefined; toolbarTemplate?: _angular_core.SimpleChange> | undefined; paginatorTemplate?: _angular_core.SimpleChange> | undefined; layoutChange?: _angular_core.SimpleChange> | undefined; gridCreated?: _angular_core.SimpleChange> | undefined; gridInitialized?: _angular_core.SimpleChange> | undefined; initialChanges?: _angular_core.SimpleChange | undefined; rootGrid?: _angular_core.SimpleChange | undefined; readonly data?: _angular_core.SimpleChange | undefined; readonly hiddenColumnsCount?: _angular_core.SimpleChange | undefined; readonly pinnedColumnsCount?: _angular_core.SimpleChange | undefined; readonly lastSearchInfo?: _angular_core.SimpleChange | undefined; readonly filteredData?: _angular_core.SimpleChange | undefined; readonly filteredSortedData?: _angular_core.SimpleChange | undefined; readonly virtualizationState?: _angular_core.SimpleChange | undefined; readonly pinnedColumns?: _angular_core.SimpleChange | undefined; readonly pinnedStartColumns?: _angular_core.SimpleChange | undefined; readonly pinnedEndColumns?: _angular_core.SimpleChange | undefined; readonly unpinnedColumns?: _angular_core.SimpleChange | undefined; readonly visibleColumns?: _angular_core.SimpleChange | undefined; readonly dataView?: _angular_core.SimpleChange | undefined; tabindex?: number; hostRole?: _angular_core.SimpleChange | undefined; readonly hostWidth?: _angular_core.SimpleChange | undefined; expandChildren?: _angular_core.SimpleChange | undefined; readonly id?: _angular_core.SimpleChange | undefined; readonly parentId?: _angular_core.SimpleChange | undefined; readonly level?: _angular_core.SimpleChange | undefined; ngOnInit?: _angular_core.SimpleChange<() => void> | undefined; ngAfterContentInit?: _angular_core.SimpleChange<() => void> | undefined; ngAfterViewInit?: _angular_core.SimpleChange<() => void> | undefined; ngOnChanges?: _angular_core.SimpleChange<(changes: SimpleChanges) => void> | undefined; ngOnDestroy?: _angular_core.SimpleChange<() => void> | undefined; reflow?: _angular_core.SimpleChange<() => void> | undefined; calculateGridHeight?: _angular_core.SimpleChange<() => void> | undefined; calculateGridWidth?: _angular_core.SimpleChange<() => void> | undefined; gridAPI?: _angular_core.SimpleChange | undefined; navigation?: _angular_core.SimpleChange | undefined; hasChildrenKey?: _angular_core.SimpleChange | undefined; showExpandAll?: boolean; dataPreLoad?: _angular_core.SimpleChange> | undefined; readonly type?: _angular_core.SimpleChange<"flat" | "tree" | "hierarchical" | "pivot"> | undefined; outlet?: _angular_core.SimpleChange | undefined; batchEditingChange?: _angular_core.SimpleChange> | undefined; batchEditing?: _angular_core.SimpleChange | undefined; parentIsland?: _angular_core.SimpleChange | undefined; createColumnsList?: _angular_core.SimpleChange<(cols: igniteui_angular_core.ColumnType[]) => void> | undefined; readonly validation?: _angular_core.SimpleChange | undefined; readonly selectionService?: _angular_core.SimpleChange | undefined; document?: _angular_core.SimpleChange | undefined; readonly cdr?: _angular_core.SimpleChange<_angular_core.ChangeDetectorRef> | undefined; filteringService?: _angular_core.SimpleChange | undefined; summaryService?: _angular_core.SimpleChange | undefined; i18nFormatter?: _angular_core.SimpleChange | undefined; throttleScheduler?: _angular_core.SimpleChange | undefined; snackbarDisplayTime?: _angular_core.SimpleChange | undefined; autoGenerate?: _angular_core.SimpleChange | undefined; autoGenerateExclude?: _angular_core.SimpleChange | undefined; moving?: _angular_core.SimpleChange | undefined; emptyGridTemplate?: _angular_core.SimpleChange> | undefined; addRowEmptyTemplate?: _angular_core.SimpleChange> | undefined; loadingGridTemplate?: _angular_core.SimpleChange> | undefined; summaryRowHeight?: _angular_core.SimpleChange | undefined; readonly hasColumnsToAutosize?: _angular_core.SimpleChange | undefined; dataCloneStrategy?: _angular_core.SimpleChange | undefined; clipboardOptions?: _angular_core.SimpleChange | undefined; filteringExpressionsTreeChange?: _angular_core.SimpleChange> | undefined; advancedFilteringExpressionsTreeChange?: _angular_core.SimpleChange> | undefined; gridScroll?: _angular_core.SimpleChange> | undefined; rowClasses?: _angular_core.SimpleChange | undefined; rowStyles?: _angular_core.SimpleChange | undefined; primaryKey?: _angular_core.SimpleChange | undefined; uniqueColumnValuesStrategy?: _angular_core.SimpleChange<((column: igniteui_angular_core.ColumnType, filteringExpressionsTree: igniteui_angular_core.IFilteringExpressionsTree, done: (values: any[]) => void) => void) | undefined> | undefined; excelStyleFilteringComponents?: _angular_core.SimpleChange> | undefined; readonly excelStyleFilteringComponent?: _angular_core.SimpleChange | undefined; readonly headerGroups?: _angular_core.SimpleChange | undefined; cellClick?: _angular_core.SimpleChange> | undefined; rowClick?: _angular_core.SimpleChange> | undefined; formGroupCreated?: _angular_core.SimpleChange> | undefined; validationStatusChange?: _angular_core.SimpleChange> | undefined; selected?: _angular_core.SimpleChange> | undefined; rowSelectionChanging?: _angular_core.SimpleChange> | undefined; columnSelectionChanging?: _angular_core.SimpleChange> | undefined; columnPin?: _angular_core.SimpleChange> | undefined; columnPinned?: _angular_core.SimpleChange> | undefined; cellEditEnter?: _angular_core.SimpleChange> | undefined; cellEditExit?: _angular_core.SimpleChange> | undefined; cellEdit?: _angular_core.SimpleChange> | undefined; cellEditDone?: _angular_core.SimpleChange> | undefined; rowEditEnter?: _angular_core.SimpleChange> | undefined; rowEdit?: _angular_core.SimpleChange> | undefined; rowEditDone?: _angular_core.SimpleChange> | undefined; rowEditExit?: _angular_core.SimpleChange> | undefined; columnInit?: _angular_core.SimpleChange> | undefined; sorting?: _angular_core.SimpleChange> | undefined; sortingDone?: _angular_core.SimpleChange | igniteui_angular_core.ISortingExpression[]>> | undefined; filtering?: _angular_core.SimpleChange> | undefined; filteringDone?: _angular_core.SimpleChange> | undefined; rowAdded?: _angular_core.SimpleChange> | undefined; rowDeleted?: _angular_core.SimpleChange> | undefined; rowDelete?: _angular_core.SimpleChange> | undefined; rowAdd?: _angular_core.SimpleChange> | undefined; columnResized?: _angular_core.SimpleChange> | undefined; contextMenu?: _angular_core.SimpleChange> | undefined; doubleClick?: _angular_core.SimpleChange> | undefined; columnVisibilityChanging?: _angular_core.SimpleChange> | undefined; columnVisibilityChanged?: _angular_core.SimpleChange> | undefined; columnMovingStart?: _angular_core.SimpleChange> | undefined; columnMoving?: _angular_core.SimpleChange> | undefined; columnMovingEnd?: _angular_core.SimpleChange> | undefined; gridKeydown?: _angular_core.SimpleChange> | undefined; rowDragStart?: _angular_core.SimpleChange> | undefined; rowDragEnd?: _angular_core.SimpleChange> | undefined; gridCopy?: _angular_core.SimpleChange> | undefined; expansionStatesChange?: _angular_core.SimpleChange>> | undefined; selectedRowsChange?: _angular_core.SimpleChange> | undefined; rowToggle?: _angular_core.SimpleChange> | undefined; rowPinning?: _angular_core.SimpleChange> | undefined; rowPinned?: _angular_core.SimpleChange> | undefined; activeNodeChange?: _angular_core.SimpleChange> | undefined; sortingExpressionsChange?: _angular_core.SimpleChange[]>> | undefined; toolbarExporting?: _angular_core.SimpleChange> | undefined; rangeSelected?: _angular_core.SimpleChange> | undefined; rendered?: _angular_core.SimpleChange> | undefined; localeChange?: _angular_core.SimpleChange> | undefined; dataChanging?: _angular_core.SimpleChange> | undefined; dataChanged?: _angular_core.SimpleChange> | undefined; addRowSnackbar?: _angular_core.SimpleChange | undefined; resizeLine?: _angular_core.SimpleChange | undefined; loadingOverlay?: _angular_core.SimpleChange | undefined; columnList?: _angular_core.SimpleChange> | undefined; readonly actionStrip?: _angular_core.SimpleChange | undefined; excelStyleLoadingValuesTemplateDirective?: _angular_core.SimpleChange | undefined; emptyFilteredGridTemplate?: _angular_core.SimpleChange> | undefined; emptyGridDefaultTemplate?: _angular_core.SimpleChange> | undefined; loadingGridDefaultTemplate?: _angular_core.SimpleChange> | undefined; parentVirtDir?: _angular_core.SimpleChange> | undefined; headSelectorsTemplates?: _angular_core.SimpleChange>> | undefined; rowSelectorsTemplates?: _angular_core.SimpleChange>> | undefined; dragGhostCustomTemplates?: _angular_core.SimpleChange>> | undefined; dragGhostCustomTemplate?: _angular_core.SimpleChange> | undefined; verticalScrollContainer?: _angular_core.SimpleChange> | undefined; verticalScroll?: _angular_core.SimpleChange> | undefined; scr?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; headerSelectorBaseTemplate?: _angular_core.SimpleChange> | undefined; footer?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; readonly headerContainer?: _angular_core.SimpleChange> | undefined; readonly headerSelectorContainer?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; readonly headerDragContainer?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; readonly headerGroupContainer?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; readonly filteringRow?: _angular_core.SimpleChange | undefined; theadRow?: _angular_core.SimpleChange | undefined; groupArea?: _angular_core.SimpleChange | undefined; tbody?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; bodyViewContainerRef?: _angular_core.SimpleChange<_angular_core.ViewContainerRef | undefined> | undefined; pinContainer?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; tfoot?: _angular_core.SimpleChange<_angular_core.ElementRef> | undefined; tmpOutlets?: _angular_core.SimpleChange> | undefined; dragIndicatorIconBase?: _angular_core.SimpleChange> | undefined; rowEditCustomDirectives?: _angular_core.SimpleChange>> | undefined; rowEditTextDirectives?: _angular_core.SimpleChange>> | undefined; rowEditTextTemplate?: _angular_core.SimpleChange> | undefined; rowAddText?: _angular_core.SimpleChange> | undefined; rowAddTextTemplate?: _angular_core.SimpleChange> | undefined; rowEditActionsDirectives?: _angular_core.SimpleChange>> | undefined; rowEditActionsTemplate?: _angular_core.SimpleChange> | undefined; rowExpandedIndicatorTemplate?: _angular_core.SimpleChange> | undefined; rowCollapsedIndicatorTemplate?: _angular_core.SimpleChange> | undefined; headerExpandedIndicatorTemplate?: _angular_core.SimpleChange> | undefined; headerCollapsedIndicatorTemplate?: _angular_core.SimpleChange> | undefined; excelStyleHeaderIconDirectiveTemplate?: _angular_core.SimpleChange> | undefined; excelStyleHeaderIconTemplate?: _angular_core.SimpleChange> | undefined; sortAscendingHeaderIconDirectiveTemplate?: _angular_core.SimpleChange> | undefined; sortAscendingHeaderIconTemplate?: _angular_core.SimpleChange> | undefined; sortDescendingHeaderIconDirectiveTemplate?: _angular_core.SimpleChange> | undefined; sortDescendingHeaderIconTemplate?: _angular_core.SimpleChange> | undefined; sortHeaderIconDirectiveTemplate?: _angular_core.SimpleChange> | undefined; sortHeaderIconTemplate?: _angular_core.SimpleChange> | undefined; dragIndicatorIconTemplates?: _angular_core.SimpleChange>> | undefined; rowEditTabsDEFAULT?: _angular_core.SimpleChange> | undefined; rowEditTabsCUSTOM?: _angular_core.SimpleChange> | undefined; rowEditingOverlay?: _angular_core.SimpleChange | undefined; toolbar?: _angular_core.SimpleChange> | undefined; anchor?: _angular_core.SimpleChange<_angular_core.ViewContainerRef> | undefined; filteringLogic?: _angular_core.SimpleChange | undefined; filteringExpressionsTree?: _angular_core.SimpleChange | undefined; advancedFilteringExpressionsTree?: _angular_core.SimpleChange | undefined; locale?: _angular_core.SimpleChange | undefined; pagingMode?: _angular_core.SimpleChange | undefined; page?: _angular_core.SimpleChange | undefined; perPage?: _angular_core.SimpleChange | undefined; hideRowSelectors?: _angular_core.SimpleChange | undefined; rowDraggable?: _angular_core.SimpleChange | undefined; validationTrigger?: _angular_core.SimpleChange | undefined; rowDragging?: _angular_core.SimpleChange | undefined; dragRowID?: _angular_core.SimpleChange | undefined; rowEditable?: _angular_core.SimpleChange | undefined; height?: _angular_core.SimpleChange | undefined; width?: _angular_core.SimpleChange | undefined; readonly headerWidth?: _angular_core.SimpleChange | undefined; rowHeight?: _angular_core.SimpleChange | undefined; columnWidth?: _angular_core.SimpleChange | undefined; emptyGridMessage?: _angular_core.SimpleChange | undefined; isLoading?: _angular_core.SimpleChange | undefined; shouldGenerate?: _angular_core.SimpleChange | undefined; emptyFilteredGridMessage?: _angular_core.SimpleChange | undefined; pinning?: _angular_core.SimpleChange | undefined; allowFiltering?: _angular_core.SimpleChange | undefined; allowAdvancedFiltering?: _angular_core.SimpleChange | undefined; filterMode?: _angular_core.SimpleChange | undefined; summaryPosition?: _angular_core.SimpleChange | undefined; summaryCalculationMode?: _angular_core.SimpleChange | undefined; showSummaryOnCollapse?: _angular_core.SimpleChange | undefined; filterStrategy?: _angular_core.SimpleChange | undefined; sortStrategy?: _angular_core.SimpleChange | undefined; mergeStrategy?: _angular_core.SimpleChange | undefined; sortingOptions?: _angular_core.SimpleChange | undefined; selectedRows?: _angular_core.SimpleChange | undefined; readonly headerGroupsList?: _angular_core.SimpleChange | undefined; readonly headerCellList?: _angular_core.SimpleChange | undefined; readonly filterCellList?: _angular_core.SimpleChange | undefined; readonly summariesRowList?: _angular_core.SimpleChange> | undefined; readonly rowList?: _angular_core.SimpleChange> | undefined; readonly dataRowList?: _angular_core.SimpleChange> | undefined; headSelectorTemplate?: _angular_core.SimpleChange> | undefined; readonly isRowPinningToTop?: _angular_core.SimpleChange | undefined; rowSelectorTemplate?: _angular_core.SimpleChange> | undefined; readonly rowEditCustom?: _angular_core.SimpleChange> | undefined; readonly rowEditContainer?: _angular_core.SimpleChange> | undefined; dragIndicatorIconTemplate?: _angular_core.SimpleChange> | undefined; readonly firstEditableColumnIndex?: _angular_core.SimpleChange | undefined; readonly lastEditableColumnIndex?: _angular_core.SimpleChange | undefined; readonly rowEditTabs?: _angular_core.SimpleChange> | undefined; readonly activeDescendant?: _angular_core.SimpleChange | undefined; readonly bannerClass?: _angular_core.SimpleChange | undefined; sortingExpressions?: _angular_core.SimpleChange[]> | undefined; readonly transactions?: _angular_core.SimpleChange> | undefined; readonly currentRowState?: _angular_core.SimpleChange | undefined; readonly currencyPositionLeft?: _angular_core.SimpleChange | undefined; cellSelection?: _angular_core.SimpleChange | undefined; cellMergeMode?: _angular_core.SimpleChange | undefined; rowSelection?: _angular_core.SimpleChange | undefined; columnSelection?: _angular_core.SimpleChange | undefined; pagingState?: _angular_core.SimpleChange | undefined; calcWidth?: _angular_core.SimpleChange | undefined; calcHeight?: _angular_core.SimpleChange | undefined; tfootHeight?: _angular_core.SimpleChange | undefined; disableTransitions?: _angular_core.SimpleChange | undefined; columnWidthSetByUser?: _angular_core.SimpleChange | undefined; pinnedRecords?: _angular_core.SimpleChange | undefined; unpinnedRecords?: _angular_core.SimpleChange | undefined; rendered$?: _angular_core.SimpleChange> | undefined; resizeNotify?: _angular_core.SimpleChange> | undefined; scrollNotify?: _angular_core.SimpleChange> | undefined; rowAddedNotifier?: _angular_core.SimpleChange> | undefined; rowDeletedNotifier?: _angular_core.SimpleChange> | undefined; pipeTriggerNotifier?: _angular_core.SimpleChange> | undefined; _filteredSortedPinnedData?: _angular_core.SimpleChange | undefined; _filteredSortedUnpinnedData?: _angular_core.SimpleChange | undefined; _filteredPinnedData?: _angular_core.SimpleChange | undefined; _filteredUnpinnedData?: _angular_core.SimpleChange | undefined; _destroyed?: _angular_core.SimpleChange | undefined; _totalRecords?: _angular_core.SimpleChange | undefined; columnsWithNoSetWidths?: _angular_core.SimpleChange | undefined; pipeTrigger?: _angular_core.SimpleChange | undefined; filteringPipeTrigger?: _angular_core.SimpleChange | undefined; isColumnWidthSum?: _angular_core.SimpleChange | undefined; summaryPipeTrigger?: _angular_core.SimpleChange | undefined; groupablePipeTrigger?: _angular_core.SimpleChange | undefined; hoverIndex?: _angular_core.SimpleChange | undefined; EMPTY_DATA?: _angular_core.SimpleChange | undefined; _baseFontSize?: _angular_core.SimpleChange | undefined; destroy$?: _angular_core.SimpleChange> | undefined; readonly paginator?: _angular_core.SimpleChange | undefined; readonly scrollSize?: _angular_core.SimpleChange | undefined; readonly minColumnWidth?: _angular_core.SimpleChange | undefined; readonly rowChangesCount?: _angular_core.SimpleChange | undefined; readonly dataWithAddedInTransactionRows?: _angular_core.SimpleChange | undefined; readonly dataLength?: _angular_core.SimpleChange | undefined; readonly template?: _angular_core.SimpleChange> | undefined; readonly shouldOverlayLoading?: _angular_core.SimpleChange | undefined; readonly isMultiRowSelectionEnabled?: _angular_core.SimpleChange | undefined; readonly isRowSelectable?: _angular_core.SimpleChange | undefined; readonly isCellSelectable?: _angular_core.SimpleChange | undefined; readonly columnInDrag?: _angular_core.SimpleChange | undefined; hideActionStrip?: _angular_core.SimpleChange<() => void> | undefined; readonly headerFeaturesWidth?: _angular_core.SimpleChange | undefined; isDetailRecord?: _angular_core.SimpleChange<(_rec: any) => boolean> | undefined; isGroupByRecord?: _angular_core.SimpleChange<(_rec: any) => boolean> | undefined; isChildGridRecord?: _angular_core.SimpleChange<(_rec: any) => boolean> | undefined; isGhostRecord?: _angular_core.SimpleChange<(record: any) => boolean> | undefined; isAddRowRecord?: _angular_core.SimpleChange<(record: any) => boolean> | undefined; getDataViewIndex?: _angular_core.SimpleChange<(rowIndex: number, pinned: boolean) => number> | undefined; readonly hasDetails?: _angular_core.SimpleChange | undefined; hideOverlays?: _angular_core.SimpleChange<() => void> | undefined; isRecordPinnedByViewIndex?: _angular_core.SimpleChange<(rowIndex: number) => boolean> | undefined; isRecordPinnedByIndex?: _angular_core.SimpleChange<(rowIndex: number) => boolean> | undefined; isRecordPinned?: _angular_core.SimpleChange<(rec: any) => boolean> | undefined; isRecordMerged?: _angular_core.SimpleChange<(rec: any) => any> | undefined; getInitialPinnedIndex?: _angular_core.SimpleChange<(rec: any) => number> | undefined; readonly hasPinnedRecords?: _angular_core.SimpleChange | undefined; readonly pinnedRecordsCount?: _angular_core.SimpleChange | undefined; readonly crudService?: _angular_core.SimpleChange | undefined; _setupServices?: _angular_core.SimpleChange<() => void> | undefined; _setupListeners?: _angular_core.SimpleChange<() => void> | undefined; resetColumnsCaches?: _angular_core.SimpleChange<() => void> | undefined; generateRowID?: _angular_core.SimpleChange<() => string | number> | undefined; resetForOfCache?: _angular_core.SimpleChange<() => void> | undefined; setFilteredData?: _angular_core.SimpleChange<(data: any, pinned: boolean) => void> | undefined; readonly columnsToMerge?: _angular_core.SimpleChange | undefined; resetColumnCollections?: _angular_core.SimpleChange<() => void> | undefined; resetCachedWidths?: _angular_core.SimpleChange<() => void> | undefined; resetCaches?: _angular_core.SimpleChange<(recalcFeatureWidth?: boolean) => void> | undefined; dataRebinding?: _angular_core.SimpleChange<(event: igniteui_angular_directives.IForOfDataChangeEventArgs) => void> | undefined; dataRebound?: _angular_core.SimpleChange<(event: igniteui_angular_directives.IForOfDataChangeEventArgs) => void> | undefined; createFilterDropdown?: _angular_core.SimpleChange<(column: igniteui_angular_core.ColumnType, options: igniteui_angular_core.OverlaySettings) => string> | undefined; setUpPaginator?: _angular_core.SimpleChange<() => void> | undefined; setFilteredSortedData?: _angular_core.SimpleChange<(data: any, pinned: boolean) => void> | undefined; resetHorizontalVirtualization?: _angular_core.SimpleChange<() => void> | undefined; _setupRowObservers?: _angular_core.SimpleChange<() => void> | undefined; _zoneBegoneListeners?: _angular_core.SimpleChange<() => void> | undefined; notifyChanges?: _angular_core.SimpleChange<(repaint?: boolean) => void> | undefined; ngDoCheck?: _angular_core.SimpleChange<() => void> | undefined; getDragGhostCustomTemplate?: _angular_core.SimpleChange<() => TemplateRef> | undefined; toggleColumnVisibility?: _angular_core.SimpleChange<(args: i3.IColumnVisibilityChangedEventArgs) => void> | undefined; expansionStates?: _angular_core.SimpleChange> | undefined; expandAll?: _angular_core.SimpleChange<() => void> | undefined; collapseAll?: _angular_core.SimpleChange<() => void> | undefined; expandRow?: _angular_core.SimpleChange<(rowID: any) => void> | undefined; collapseRow?: _angular_core.SimpleChange<(rowID: any) => void> | undefined; toggleRow?: _angular_core.SimpleChange<(rowID: any) => void> | undefined; getDefaultExpandState?: _angular_core.SimpleChange<(_rec: any) => boolean> | undefined; readonly nativeElement?: _angular_core.SimpleChange | undefined; readonly defaultRowHeight?: _angular_core.SimpleChange | undefined; readonly defaultSummaryHeight?: _angular_core.SimpleChange | undefined; readonly pinnedStartWidth?: _angular_core.SimpleChange | undefined; readonly pinnedEndWidth?: _angular_core.SimpleChange | undefined; readonly unpinnedWidth?: _angular_core.SimpleChange | undefined; isHorizontalScrollHidden?: _angular_core.SimpleChange | undefined; getHeaderCellWidth?: _angular_core.SimpleChange<(element: HTMLElement) => i3.ISizeInfo> | undefined; featureColumnsWidth?: _angular_core.SimpleChange<(expander?: _angular_core.ElementRef) => number> | undefined; readonly summariesMargin?: _angular_core.SimpleChange | undefined; readonly columns?: _angular_core.SimpleChange | undefined; readonly pinnedRows?: _angular_core.SimpleChange | undefined; getHeaderGroupWidth?: _angular_core.SimpleChange<(column: IgxColumnComponent) => string> | undefined; getColumnByName?: _angular_core.SimpleChange<(name: string) => IgxColumnComponent> | undefined; getColumnByVisibleIndex?: _angular_core.SimpleChange<(index: number) => IgxColumnComponent> | undefined; recalculateAutoSizes?: _angular_core.SimpleChange<() => void> | undefined; totalRecords?: _angular_core.SimpleChange | undefined; readonly totalWidth?: _angular_core.SimpleChange | undefined; readonly showRowSelectors?: _angular_core.SimpleChange | undefined; readonly showAddButton?: _angular_core.SimpleChange | undefined; readonly showDragIcons?: _angular_core.SimpleChange | undefined; moveColumn?: _angular_core.SimpleChange<(column: IgxColumnComponent, target: IgxColumnComponent, pos?: i3.DropPosition) => void> | undefined; markForCheck?: _angular_core.SimpleChange<() => void> | undefined; addRow?: _angular_core.SimpleChange<(data: any) => void> | undefined; deleteRow?: _angular_core.SimpleChange<(rowSelector: any) => any> | undefined; deleteRowById?: _angular_core.SimpleChange<(rowId: any) => any> | undefined; updateCell?: _angular_core.SimpleChange<(value: any, rowSelector: any, column: string) => void> | undefined; updateRow?: _angular_core.SimpleChange<(value: any, rowSelector: any) => void> | undefined; getRowData?: _angular_core.SimpleChange<(rowSelector: any) => any> | undefined; sort?: _angular_core.SimpleChange<(expression: igniteui_angular_core.ISortingExpression | Array) => void> | undefined; filter?: _angular_core.SimpleChange<(name: string, value: any, conditionOrExpressionTree?: igniteui_angular_core.IFilteringOperation | igniteui_angular_core.IFilteringExpressionsTree, ignoreCase?: boolean) => void> | undefined; filterGlobal?: _angular_core.SimpleChange<(value: any, condition: igniteui_angular_core.IFilteringOperation, ignoreCase?: boolean) => void> | undefined; enableSummaries?: _angular_core.SimpleChange<{ (expressions: igniteui_angular_core.ISummaryExpression[]): void; (expression: igniteui_angular_core.ISummaryExpression): void; (fieldName: string, customSummary?: any): void; }> | undefined; disableSummaries?: _angular_core.SimpleChange<{ (columns: Array): void; (expression: igniteui_angular_core.ISummaryExpression): void; (fieldName: string): void; }> | undefined; clearFilter?: _angular_core.SimpleChange<(name?: string) => void> | undefined; clearSort?: _angular_core.SimpleChange<(name?: string) => void> | undefined; refreshGridState?: _angular_core.SimpleChange<(args?: i3.IRowDataEventArgs) => void> | undefined; pinColumn?: _angular_core.SimpleChange<(columnName: string | IgxColumnComponent, index?: number, pinningPosition?: igniteui_angular_core.ColumnPinningPosition) => boolean> | undefined; unpinColumn?: _angular_core.SimpleChange<(columnName: string | IgxColumnComponent, index?: number) => boolean> | undefined; pinRow?: _angular_core.SimpleChange<(rowID: any, index?: number, row?: i3.RowType) => boolean> | undefined; unpinRow?: _angular_core.SimpleChange<(rowID: any, row?: i3.RowType) => boolean> | undefined; readonly pinnedRowHeight?: _angular_core.SimpleChange | undefined; readonly totalHeight?: _angular_core.SimpleChange | undefined; findNext?: _angular_core.SimpleChange<(text: string, caseSensitive?: boolean, exactMatch?: boolean) => number> | undefined; findPrev?: _angular_core.SimpleChange<(text: string, caseSensitive?: boolean, exactMatch?: boolean) => number> | undefined; refreshSearch?: _angular_core.SimpleChange<(updateActiveInfo?: boolean, endEdit?: boolean) => number> | undefined; clearSearch?: _angular_core.SimpleChange<() => void> | undefined; readonly hasEditableColumns?: _angular_core.SimpleChange | undefined; readonly hasSummarizedColumns?: _angular_core.SimpleChange | undefined; readonly rootSummariesEnabled?: _angular_core.SimpleChange | undefined; hasVisibleColumns?: _angular_core.SimpleChange | undefined; readonly hasMovableColumns?: _angular_core.SimpleChange | undefined; readonly hasColumnGroups?: _angular_core.SimpleChange | undefined; readonly hasColumnLayouts?: _angular_core.SimpleChange | undefined; readonly multiRowLayoutRowSize?: _angular_core.SimpleChange | undefined; readonly isPercentHeight?: _angular_core.SimpleChange | undefined; readonly renderedRowHeight?: _angular_core.SimpleChange | undefined; readonly outerWidth?: _angular_core.SimpleChange | undefined; readonly gridSize?: _angular_core.SimpleChange | undefined; getVisibleContentHeight?: _angular_core.SimpleChange<() => any> | undefined; getPossibleColumnWidth?: _angular_core.SimpleChange<(baseWidth?: number) => string> | undefined; hasVerticalScroll?: _angular_core.SimpleChange<() => boolean> | undefined; getPinnedStartWidth?: _angular_core.SimpleChange<(takeHidden?: boolean) => number> | undefined; getPinnedEndWidth?: _angular_core.SimpleChange<(takeHidden?: boolean) => number> | undefined; isColumnGrouped?: _angular_core.SimpleChange<(_fieldName: string) => boolean> | undefined; readonly headSelectorBaseAriaLabel?: _angular_core.SimpleChange<"Deselect all filtered" | "Select all filtered" | "Deselect all" | "Select all"> | undefined; readonly totalRowsCountAfterFilter?: _angular_core.SimpleChange | undefined; readonly pinnedDataView?: _angular_core.SimpleChange | undefined; readonly unpinnedDataView?: _angular_core.SimpleChange | undefined; selectRowOnClick?: _angular_core.SimpleChange | undefined; selectRows?: _angular_core.SimpleChange<(rowIDs: any[], clearCurrentSelection?: boolean) => void> | undefined; deselectRows?: _angular_core.SimpleChange<(rowIDs: any[]) => void> | undefined; selectAllRows?: _angular_core.SimpleChange<(onlyFilterData?: boolean) => void> | undefined; deselectAllRows?: _angular_core.SimpleChange<(onlyFilterData?: boolean) => void> | undefined; clearCellSelection?: _angular_core.SimpleChange<() => void> | undefined; dragScroll?: _angular_core.SimpleChange<(delta: { left: number; top: number; }) => void> | undefined; isDefined?: _angular_core.SimpleChange<(arg: any) => boolean> | undefined; selectRange?: _angular_core.SimpleChange<(arg: igniteui_angular_core.GridSelectionRange | igniteui_angular_core.GridSelectionRange[] | null | undefined) => void> | undefined; columnToVisibleIndex?: _angular_core.SimpleChange<(field: string | number) => number> | undefined; setSelection?: _angular_core.SimpleChange<(range: igniteui_angular_core.GridSelectionRange) => void> | undefined; getSelectedRanges?: _angular_core.SimpleChange<() => igniteui_angular_core.GridSelectionRange[]> | undefined; getSelectedData?: _angular_core.SimpleChange<(formatters?: boolean, headers?: boolean) => any[]> | undefined; selectedColumns?: _angular_core.SimpleChange<() => igniteui_angular_core.ColumnType[]> | undefined; selectColumns?: _angular_core.SimpleChange<(columns: string[] | igniteui_angular_core.ColumnType[], clearCurrentSelection?: boolean) => void> | undefined; deselectColumns?: _angular_core.SimpleChange<(columns: string[] | igniteui_angular_core.ColumnType[]) => void> | undefined; deselectAllColumns?: _angular_core.SimpleChange<() => void> | undefined; selectAllColumns?: _angular_core.SimpleChange<() => void> | undefined; getSelectedColumnsData?: _angular_core.SimpleChange<(formatters?: boolean, headers?: boolean) => any[]> | undefined; combineSelectedCellAndColumnData?: _angular_core.SimpleChange<(columnData: any[], formatters?: boolean, headers?: boolean) => any[]> | undefined; preventContainerScroll?: _angular_core.SimpleChange<(evt: Event) => void> | undefined; copyHandler?: _angular_core.SimpleChange<(event: KeyboardEvent | ClipboardEvent) => void> | undefined; prepareCopyData?: _angular_core.SimpleChange<(event: KeyboardEvent | ClipboardEvent, data: any, keys?: any) => string | undefined> | undefined; showSnackbarFor?: _angular_core.SimpleChange<(index: number) => void> | undefined; navigateTo?: _angular_core.SimpleChange<(rowIndex: number, visibleColIndex?: number, cb?: (args: any) => void) => void> | undefined; getNextCell?: _angular_core.SimpleChange<(currRowIndex: number, curVisibleColIndex: number, callback?: (column: igniteui_angular_core.ColumnType) => boolean) => i3.ICellPosition> | undefined; getPreviousCell?: _angular_core.SimpleChange<(currRowIndex: number, curVisibleColIndex: number, callback?: (column: igniteui_angular_core.ColumnType) => boolean) => i3.ICellPosition> | undefined; endRowEditTabStop?: _angular_core.SimpleChange<(commit?: boolean, event?: MouseEvent) => true | undefined> | undefined; trackColumnChanges?: _angular_core.SimpleChange<(_index: number, col: igniteui_angular_core.ColumnType) => string> | undefined; isExpandedGroup?: _angular_core.SimpleChange<(_group: igniteui_angular_core.IGroupByRecord) => boolean> | undefined; openRowOverlay?: _angular_core.SimpleChange<(id: any) => void> | undefined; closeRowEditingOverlay?: _angular_core.SimpleChange<() => void> | undefined; toggleRowEditingOverlay?: _angular_core.SimpleChange<(show: boolean) => void> | undefined; repositionRowEditingOverlay?: _angular_core.SimpleChange<(row?: i3.RowType) => void> | undefined; cachedViewLoaded?: _angular_core.SimpleChange<(args: igniteui_angular_directives.ICachedViewLoadedEventArgs) => void> | undefined; openAdvancedFilteringDialog?: _angular_core.SimpleChange<(overlaySettings?: igniteui_angular_core.OverlaySettings) => void> | undefined; closeAdvancedFilteringDialog?: _angular_core.SimpleChange<(applyChanges: boolean) => void> | undefined; getEmptyRecordObjectFor?: _angular_core.SimpleChange<(inRow: i3.RowType) => { rowID: string | number; data: any; recordRef: any; }> | undefined; hasHorizontalScroll?: _angular_core.SimpleChange<() => boolean> | undefined; isSummaryRow?: _angular_core.SimpleChange<(rowData: any) => boolean> | undefined; triggerPipes?: _angular_core.SimpleChange<() => void> | undefined; rowEditingWheelHandler?: _angular_core.SimpleChange<(event: WheelEvent) => void> | undefined; getUnpinnedIndexById?: _angular_core.SimpleChange<(id: any) => number> | undefined; endEdit?: _angular_core.SimpleChange<(commit?: boolean, event?: FocusEvent | MouseEvent | KeyboardEvent) => boolean> | undefined; beginAddRowById?: _angular_core.SimpleChange<(rowID: any, asChild?: boolean) => void> | undefined; beginAddRowByIndex?: _angular_core.SimpleChange<(index: number) => void> | undefined; preventHeaderScroll?: _angular_core.SimpleChange<(args: Event) => void> | undefined; resolveOutlet?: _angular_core.SimpleChange<() => igniteui_angular_core.IgxOverlayOutletDirective> | undefined; updateColumns?: _angular_core.SimpleChange<(newColumns: IgxColumnComponent[]) => void> | undefined; resolveDataTypes?: _angular_core.SimpleChange<(rec: any) => "string" | "number" | "boolean" | "date" | "image"> | undefined; isGhostRecordAtIndex?: _angular_core.SimpleChange<(dataViewIndex: number) => boolean> | undefined; }>; /** * Event emitted when a grid is being created based on this row island. * ```html * * * * * * ``` * * @memberof IgxRowIslandComponent */ gridCreated: EventEmitter; /** * Emitted after a grid is being initialized for this row island. * The emitting is done in `ngAfterViewInit`. * ```html * * * * * * ``` * * @memberof IgxRowIslandComponent */ gridInitialized: EventEmitter; /** * @hidden */ initialChanges: SimpleChanges[]; /** * @hidden */ rootGrid: GridType; /** @hidden */ readonly data: any[] | null; /** @hidden */ get hiddenColumnsCount(): number; /** @hidden */ get pinnedColumnsCount(): number; /** @hidden */ get lastSearchInfo(): ISearchInfo; /** @hidden */ get filteredData(): any; /** @hidden */ get filteredSortedData(): any[]; /** @hidden */ get virtualizationState(): IForOfState; /** @hidden */ get pinnedColumns(): IgxColumnComponent[]; /** @hidden */ get pinnedStartColumns(): IgxColumnComponent[]; /** @hidden */ get pinnedEndColumns(): IgxColumnComponent[]; /** @hidden */ get unpinnedColumns(): IgxColumnComponent[]; /** @hidden */ get visibleColumns(): IgxColumnComponent[]; /** @hidden */ get dataView(): any[]; /** @hidden @internal */ tabindex: number; /** @hidden @internal */ hostRole: string; protected baseClass: string; /** @hidden @internal */ get hostWidth(): any; protected displayStyle: string; protected templateRows: string; private ri_columnListDiffer; private layout_id; private isInit; private _toolbarTemplate; private _paginatorTemplate; /** * Sets if all immediate children of the grids for this row island should be expanded/collapsed. * ```html * * * * * * ``` * * @memberof IgxRowIslandComponent */ set expandChildren(value: boolean); /** * Gets if all immediate children of the grids for this row island have been set to be expanded/collapsed. * ```typescript * const expanded = this.rowIsland.expandChildren; * ``` * * @memberof IgxRowIslandComponent */ get expandChildren(): boolean; /** * @hidden */ get id(): string; /** * @hidden */ get parentId(): string | null; /** * @hidden */ get level(): number; /** * @hidden */ ngOnInit(): void; /** * @hidden */ ngAfterContentInit(): void; /** * @hidden */ ngAfterViewInit(): void; /** * @hidden */ ngOnChanges(changes: SimpleChanges): void; /** * @hidden */ ngOnDestroy(): void; /** * @hidden */ reflow(): void; /** * @hidden */ calculateGridHeight(): void; /** * @hidden */ calculateGridWidth(): void; protected _childColumns: IgxColumnComponent[]; protected updateColumnList(): void; protected updateChildren(): void; private cleanGridState; private updateGridsResources; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; static ngAcceptInputType_expandChildren: unknown; } declare class IgxHierarchicalGridAPIService extends GridBaseAPIService { protected childRowIslands: Map; protected childGrids: Map>; registerChildRowIsland(rowIsland: IgxRowIslandComponent): void; unsetChildRowIsland(rowIsland: IgxRowIslandComponent): void; getChildRowIsland(key: string): IgxRowIslandComponent | undefined; getChildGrid(path: Array): GridType | undefined; getChildGrids(inDepth?: boolean): GridType[]; getParentRowId(childGrid: GridType): undefined; registerChildGrid(parentRowID: any, rowIslandKey: string, grid: GridType): void; getChildGridsForRowIsland(rowIslandKey: string): GridType[]; getChildGridByID(rowIslandKey: string, rowID: any): GridType | undefined; get_row_expansion_state(record: any): boolean; allow_expansion_state_change(rowID: any, expanded: boolean): boolean; get_rec_by_id(rowID: any): any; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } /** * @hidden @internal */ declare class IgxChildGridRowComponent implements AfterViewInit, OnInit { readonly gridAPI: IgxHierarchicalGridAPIService; element: ElementRef; cdr: ChangeDetectorRef; layout: IgxRowIslandComponent; /** * @hidden */ get parentHasScroll(): boolean; /** * @hidden */ parentGridID: string; /** * The data passed to the row component. * * ```typescript * // get the row data for the first selected row * let selectedRowData = this.grid.selectedRows[0].data; * ``` */ get data(): any; set data(value: any); /** * The index of the row. * * ```typescript * // get the index of the second selected row * let selectedRowIndex = this.grid.selectedRows[1].index; * ``` */ index: number; container: ViewContainerRef; /** * @hidden */ hGrid: IgxHierarchicalGridComponent; /** * Get a reference to the grid that contains the selected row. * * ```typescript * handleRowSelection(event) { * // the grid on which the rowSelected event was triggered * const grid = event.row.grid; * } * ``` * * ```html * * * ``` */ get parentGrid(): IgxHierarchicalGridComponent; get level(): number; /** * The native DOM element representing the row. Could be null in certain environments. * * ```typescript * // get the nativeElement of the second selected row * let selectedRowNativeElement = this.grid.selectedRows[1].nativeElement; * ``` */ get nativeElement(): HTMLElement; /** * Returns whether the row is expanded. * ```typescript * const RowExpanded = this.grid1.rowList.first.expanded; * ``` */ expanded: boolean; private _data; /** * @hidden */ ngOnInit(): void; /** * @hidden */ ngAfterViewInit(): void; protected setupEventEmitters(): void; protected _handleLayoutChanges(changes: SimpleChanges): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Hierarchical grid * * @igxModule IgxHierarchicalGridModule * */ declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective implements GridType, AfterViewInit, AfterContentInit, OnInit, OnDestroy, DoCheck { /** * @hidden @internal */ role: string; /** * @hidden */ childLayoutList: QueryList; /** * @hidden */ allLayoutList: QueryList; /** @hidden @internal */ paginatorList: QueryList; /** @hidden @internal */ toolbarOutlet: ViewContainerRef; /** @hidden @internal */ paginatorOutlet: ViewContainerRef; /** * @hidden */ templateOutlets: QueryList; /** * @hidden */ hierarchicalRows: QueryList; protected hierarchicalRecordTemplate: TemplateRef; protected childTemplate: TemplateRef; protected get headerHierarchyExpander(): ElementRef; /** * @hidden */ childLayoutKeys: any[]; /** @hidden @internal */ dataSetByUser: boolean; /** * @hidden */ highlightedRowID: null; /** * @hidden */ updateOnRender: boolean; /** * @hidden */ parent: IgxHierarchicalGridComponent; /** * @hidden @internal */ childRow: IgxChildGridRowComponent; /** @hidden @internal */ get actionStrip(): igniteui_angular_core.IgxActionStripToken; /** @hidden @internal */ get advancedFilteringExpressionsTree(): IFilteringExpressionsTree; /** @hidden @internal */ set advancedFilteringExpressionsTree(value: IFilteringExpressionsTree); private _data; private h_id; private childGridTemplates; /** * Gets/Sets the value of the `id` attribute. * * @remarks * If not provided it will be automatically generated. * @example * ```html * * ``` */ get id(): string; set id(value: string); /** * Gets/Sets the array of data that populates the component. * ```html * * ``` * * @memberof IgxHierarchicalGridComponent */ set data(value: any[] | null); /** * Returns an array of data set to the hierarchical grid. * ```typescript * let filteredData = this.grid.filteredData; * ``` * * @memberof IgxHierarchicalGridComponent */ get data(): any[] | null; /** @hidden @internal */ get paginator(): IgxPaginatorComponent | undefined; /** @hidden @internal */ get excelStyleFilteringComponent(): IgxGridExcelStyleFilteringComponent; /** * Gets/Sets the total number of records in the data source. * * @remarks * This property is required for remote grid virtualization to function when it is bound to remote data. * @example * ```typescript * const itemCount = this.grid1.totalItemCount; * this.grid1.totalItemCount = 55; * ``` */ set totalItemCount(count: number); get totalItemCount(): number; /** * Sets if all immediate children of the hierarchical grid should be expanded/collapsed. * Default value is false. * ```html * * ``` * * @memberof IgxHierarchicalGridComponent */ set expandChildren(value: boolean); /** * Gets if all immediate children of the hierarchical grid previously have been set to be expanded/collapsed. * If previously set and some rows have been manually expanded/collapsed it will still return the last set value. * ```typescript * const expanded = this.grid.expandChildren; * ``` * * @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/Sets the resource strings. * * @remarks * By default it uses EN resources. */ set resourceStrings(value: IGridResourceStrings); get resourceStrings(): IGridResourceStrings; /** * 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. * ```typescript * const foreignKey = this.grid.foreignKey; * ``` * * @memberof IgxHierarchicalGridComponent */ get foreignKey(): null | undefined; /** * @hidden */ get hasExpandableChildren(): boolean; /** * @hidden */ get resolveRowEditContainer(): TemplateRef; /** * @hidden */ get resolveRowEditActions(): TemplateRef; /** * @hidden */ get resolveRowEditText(): TemplateRef; /** @hidden */ hideActionStrip(): void; /** * @hidden */ ngOnInit(): void; protected onLifecyclePlaceholderConnected(): void; protected onLifecyclePlaceholderDisconnected(): void; /** * @hidden */ ngAfterViewInit(): void; /** * @hidden */ ngAfterContentInit(): void; /** * Returns the `RowType` by index. * * @example * ```typescript * const myRow = this.grid1.getRowByIndex(1); * ``` * @param index */ getRowByIndex(index: number): RowType; /** * Returns the `RowType` by key. * * @example * ```typescript * const myRow = this.grid1.getRowByKey(1); * ``` * @param key */ getRowByKey(key: any): RowType; /** * @hidden @internal */ allRows(): RowType[]; /** * Returns the collection of hierarchical grid rows for current page. * * @hidden @internal */ dataRows(): RowType[]; /** * Returns an array of the selected grid cells. * * @example * ```typescript * const selectedCells = this.grid.selectedCells; * ``` */ get selectedCells(): CellType[]; /** * * Returns an array of the current cell selection in the form of `[{ column.field: cell.value }, ...]`. * * @remarks * If `formatters` is enabled, the cell value will be formatted by its respective column formatter (if any). * If `headers` is enabled, it will use the column header (if any) instead of the column field. */ getSelectedData(formatters?: boolean, headers?: boolean): any[]; /** * Returns a `CellType` object that matches the conditions. * * @example * ```typescript * const myCell = this.grid1.getCellByColumn(2, "UnitPrice"); * ``` * @param rowIndex * @param columnField */ getCellByColumn(rowIndex: number, columnField: string): CellType; /** * Returns a `CellType` object that matches the conditions. * * @remarks * Requires that the primaryKey property is set. * @example * ```typescript * grid.getCellByKey(1, 'index'); * ``` * @param rowSelector match any rowID * @param columnField */ getCellByKey(rowSelector: any, columnField: string): CellType; pinRow(rowID: any, index?: number): boolean; /** @hidden @internal */ setDataInternal(value: any): void; unpinRow(rowID: any): boolean; /** * @hidden @internal */ dataLoading(event: IForOfState): void; /** @hidden */ featureColumnsWidth(): number; /** * @hidden */ onRowIslandChange(): void; /** @hidden @internal **/ ngOnDestroy(): void; /** * @hidden */ isRowHighlighted(rowData: any): boolean; /** * @hidden */ isHierarchicalRecord(record: any): boolean; /** * @hidden */ isChildGridRecord(record: any): boolean; /** * @hidden */ trackChanges(_index: number, rec: any): any; /** * @hidden */ getContext(rowData: any, rowIndex: number, pinned: boolean): any; /** * @hidden */ get rootGrid(): GridType; /** * @hidden */ get iconTemplate(): TemplateRef; /** * @hidden * @internal */ getDragGhostCustomTemplate(): TemplateRef; /** * @hidden * Gets the visible content height that includes header + tbody + footer. * For hierarchical child grid it may be scrolled and not fully visible. */ getVisibleContentHeight(): any; /** * @hidden */ toggleAll(): void; /** * @hidden * @internal */ hasExpandedRecords(): boolean; getDefaultExpandState(record: any): boolean; /** * @hidden */ isExpanded(record: any): boolean; /** * @hidden */ viewCreatedHandler(args: IViewChangeEventArgs): void; /** * @hidden */ viewMovedHandler(args: IViewChangeEventArgs): void; /** @hidden @internal **/ onContainerScroll(): void; /** * @hidden */ createRow(index: number, data?: any): RowType; /** @hidden @internal */ getChildGrids(inDeph?: boolean): GridType[]; protected generateDataFields(data: any[]): string[]; protected resizeNotifyHandler(): void; /** * @hidden */ protected initColumns(collection: IgxColumnComponent[], cb?: (args: any) => void): void; protected setupColumns(): void; protected getColumnList(): IgxColumnComponent[]; protected onColumnsChanged(): void; protected _shouldAutoSize(renderedHeight: number): boolean; private updateColumnList; private _clearSeletionHighlights; private generateSchema; private generateChildEntity; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; static ngAcceptInputType_expandChildren: unknown; } interface IGridCreatedEventArgs extends IBaseEventArgs { owner: IgxRowIslandComponent; parentID: any; grid: IgxHierarchicalGridComponent; parentRowData?: any; } /** * @hidden */ declare class IgxGridHierarchicalPipe implements PipeTransform { private grid; transform(collection: any, state: Map | undefined, _id: string, primaryKey: any, childKeys: string[], _pipeTrigger: number): any[]; addHierarchy(grid: GridType, data: T[], _state: Map, primaryKey: any, childKeys: string[]): T[]; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵpipe: _angular_core.ɵɵPipeDeclaration; } /** * @hidden */ declare class IgxGridHierarchicalPagingPipe implements PipeTransform { private grid; transform(collection: any[], enabled: boolean, page: number | undefined, perPage: number | undefined, _id: string, _pipeTrigger: number): any[]; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵpipe: _angular_core.ɵɵPipeDeclaration; } declare const IGX_HIERARCHICAL_GRID_DIRECTIVES: readonly [typeof IgxHierarchicalGridComponent, typeof IgxRowIslandComponent, typeof IgxRowAddTextDirective, typeof IgxRowEditActionsDirective, typeof IgxRowEditTextDirective, typeof IgxRowEditTabStopDirective, typeof IgxRowDirective, typeof IgxGridFooterComponent, typeof IgxAdvancedFilteringDialogComponent, typeof IgxRowExpandedIndicatorDirective, typeof IgxRowCollapsedIndicatorDirective, typeof IgxHeaderExpandedIndicatorDirective, typeof IgxHeaderCollapsedIndicatorDirective, typeof IgxExcelStyleHeaderIconDirective, typeof IgxSortAscendingHeaderIconDirective, typeof IgxSortDescendingHeaderIconDirective, typeof IgxSortHeaderIconDirective, typeof IgxDragIndicatorIconDirective, typeof IgxRowDragGhostDirective, typeof IgxGridStateDirective, typeof IgxGridPinningActionsComponent, typeof IgxGridEditingActionsComponent, typeof IgxGridActionsBaseDirective, typeof IgxGridActionButtonComponent, typeof IgxGridHeaderComponent, typeof IgxGridHeaderGroupComponent, typeof IgxGridHeaderRowComponent, typeof IgxFilterCellTemplateDirective, typeof IgxSummaryTemplateDirective, typeof IgxCellTemplateDirective, typeof IgxCellValidationErrorDirective, typeof IgxCellHeaderTemplateDirective, typeof IgxCellFooterTemplateDirective, typeof IgxCellEditorTemplateDirective, typeof IgxCollapsibleIndicatorTemplateDirective, typeof IgxColumnComponent, typeof IgxColumnGroupComponent, typeof IgxColumnLayoutComponent, typeof IgxColumnActionsComponent, typeof IgxColumnHidingDirective, typeof IgxColumnPinningDirective, typeof IgxRowSelectorDirective, typeof IgxGroupByRowSelectorDirective, typeof IgxHeadSelectorDirective, typeof IgxCSVTextDirective, typeof IgxExcelTextDirective, typeof IgxGridToolbarActionsComponent, typeof IgxGridToolbarAdvancedFilteringComponent, typeof IgxGridToolbarComponent, typeof IgxGridToolbarExporterComponent, typeof IgxGridToolbarHidingComponent, typeof IgxGridToolbarPinningComponent, typeof IgxGridToolbarTitleComponent, typeof IgxGridToolbarDirective, typeof IgxGridExcelStyleFilteringComponent, typeof IgxExcelStyleHeaderComponent, typeof IgxExcelStyleSortingComponent, typeof IgxExcelStylePinningComponent, typeof IgxExcelStyleHidingComponent, typeof IgxExcelStyleSelectingComponent, typeof IgxExcelStyleClearFiltersComponent, typeof IgxExcelStyleConditionalFilterComponent, typeof IgxExcelStyleMovingComponent, typeof IgxExcelStyleSearchComponent, typeof IgxExcelStyleColumnOperationsTemplateDirective, typeof IgxExcelStyleFilterOperationsTemplateDirective, typeof IgxExcelStyleLoadingValuesTemplateDirective, typeof IgxColumnRequiredValidatorDirective, typeof IgxColumnMinValidatorDirective, typeof IgxColumnMaxValidatorDirective, typeof IgxColumnEmailValidatorDirective, typeof IgxColumnMinLengthValidatorDirective, typeof IgxColumnMaxLengthValidatorDirective, typeof IgxColumnPatternValidatorDirective, typeof IgxPaginatorComponent, typeof IgxPageNavigationComponent, typeof IgxPageSizeSelectorComponent, typeof IgxPaginatorContentDirective, typeof IgxPaginatorDirective]; /** * @hidden * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components */ declare class IgxHierarchicalGridModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { IGX_HIERARCHICAL_GRID_DIRECTIVES, IgxChildGridRowComponent, IgxGridHierarchicalPagingPipe, IgxGridHierarchicalPipe, IgxHierarchicalGridComponent, IgxHierarchicalGridModule, IgxRowIslandComponent }; export type { IGridCreatedEventArgs };