igniteui-angular 22.0.0-rc.1 → 22.0.0

package/fesm2022/igniteui-angular-grids-core.mjs

@@ -98,7 +98,7 @@ const GridPagingMode = {
 
 let NEXT_ID$1 = 0;
 /**
- * Providing reference to `IgxColumnActionsComponent`:
+ * Providing reference to column actions:
  * ```typescript
  *  @ViewChild('columnActions', { read: IgxColumnActionsComponent })
  *  public columnActions: IgxColumnActionsComponent;
@@ -275,7 +275,7 @@ class IgxColumnActionsComponent {
      * Gets the text of the button that unchecks all columns.
      *
      * @remarks
-     * If unset it is obtained from the IgxColumnActionsBased derived directive applied.
+     * If unset it is obtained from the column actions based derived directive applied.
      * @example
      * ```typescript
      * let uncheckAllText = this.columnActions.uncheckAllText;
@@ -299,7 +299,7 @@ class IgxColumnActionsComponent {
      * Gets the text of the button that checks all columns.
      *
      * @remarks
-     * If unset it is obtained from the IgxColumnActionsBased derived directive applied.
+     * If unset it is obtained from the column actions based derived directive applied.
      * @example
      * ```typescript
      * let uncheckAllText = this.columnActions.uncheckAllText;
@@ -312,7 +312,7 @@ class IgxColumnActionsComponent {
      * Sets the text of the button that checks all columns.
      *
      * @remarks
-     * If unset it is obtained from the IgxColumnActionsBased derived directive applied.
+     * If unset it is obtained from the column actions based derived directive applied.
      * @example
      * ```html
      * <igx-column-actions [checkAllText]="'Hide All'"></igx-column-actions>
@@ -913,7 +913,7 @@ class IgxSummaryOperand {
         return data.length;
     }
     /**
-     * Executes the static `count` method and returns `IgxSummaryResult[]`.
+     * Executes the static `count` method and returns summary result[]`.
      * ```typescript
      * interface IgxSummaryResult {
      *   key: string;
@@ -1003,7 +1003,7 @@ class IgxNumberSummaryOperand extends IgxSummaryOperand {
         return data.length && data.filter(clear).length ? this.sum(data) / this.count(data) : 0;
     }
     /**
-     * Executes the static methods and returns `IgxSummaryResult[]`.
+     * Executes the static methods and returns summary result[]`.
      * ```typescript
      * interface IgxSummaryResult {
      *   key: string;
@@ -1096,7 +1096,7 @@ class IgxDateSummaryOperand extends IgxSummaryOperand {
             last(data.filter(clear).sort((a, b) => new Date(b).valueOf() - new Date(a).valueOf())) : undefined;
     }
     /**
-     * Executes the static methods and returns `IgxSummaryResult[]`.
+     * Executes the static methods and returns summary result[]`.
      * ```typescript
      * interface IgxSummaryResult {
      *   key: string;
@@ -8567,6 +8567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
                 }]
         }] });
 let NEXT_ID = 0;
+const TREE_GRID_GROUPING_HIDDEN_FIELD = '_Igx_Hidden_Data_';
 /**
  * A component used for presenting Excel style search UI.
  */
@@ -9039,7 +9040,7 @@ class IgxExcelStyleSearchComponent {
                         searchVal = new Set(selectedItems.map(e => e.value.toLocaleTimeString()));
                         break;
                     case GridColumnDataType.String:
-                        if (this.esf.column.filteringIgnoreCase && !this.isHierarchical()) {
+                        if (this.esf.column.filteringIgnoreCase && !this.isHierarchical() && !this.isTreeGridWithGroupBy() && !this.isRemote()) {
                             const selectedValues = new Set(selectedItems.map(item => item.value.toLowerCase()));
                             searchVal = new Set();
                             this.esf.grid.data.forEach(item => {
@@ -9301,6 +9302,17 @@ class IgxExcelStyleSearchComponent {
         const subRequired = indexOutOfChunk || scrollNeeded;
         return subRequired;
     }
+    isTreeGridWithGroupBy() {
+        if (this.esf.grid.type !== 'tree') {
+            return false;
+        }
+        const data = this.esf.grid.data;
+        const firstRecord = Array.isArray(data) && data.length > 0 ? data[0] : null;
+        return !!firstRecord && typeof firstRecord === 'object' && Object.prototype.hasOwnProperty.call(firstRecord, TREE_GRID_GROUPING_HIDDEN_FIELD);
+    }
+    isRemote() {
+        return this.esf.grid.verticalScrollContainer.isRemote || this.esf.grid.pagingMode === GridPagingMode.Remote;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IgxExcelStyleSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: IgxExcelStyleSearchComponent, isStandalone: true, selector: "igx-excel-style-search", inputs: { id: "id" }, host: { properties: { "class.igx-excel-filter__menu-main": "this.defaultClass", "attr.id": "this.id" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["input"], descendants: true, read: IgxInputDirective, static: true }, { propertyName: "cancelButton", first: true, predicate: ["cancelButton"], descendants: true, read: IgxButtonDirective, static: true }, { propertyName: "list", first: true, predicate: ["list"], descendants: true, read: IgxListComponent }, { propertyName: "selectAllCheckbox", first: true, predicate: ["selectAllCheckbox"], descendants: true, read: IgxCheckboxComponent }, { propertyName: "addToCurrentFilterCheckbox", first: true, predicate: ["addToCurrentFilterCheckbox"], descendants: true, read: IgxCheckboxComponent }, { propertyName: "tree", first: true, predicate: ["tree"], descendants: true, read: IgxTreeComponent }, { propertyName: "virtDir", first: true, predicate: IgxForOfDirective, descendants: true }, { propertyName: "defaultExcelStyleLoadingValuesTemplate", first: true, predicate: ["defaultExcelStyleLoadingValuesTemplate"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<igx-input-group type=\"box\">\n  <igx-icon igxPrefix family=\"default\" name=\"search\"></igx-icon>\n  <input\n    #input\n    igxInput\n    tabindex=\"0\"\n    [(ngModel)]=\"searchValue\"\n    (ngModelChange)=\"filterListData()\"\n    (keydown)=\"onInputKeyDown($event)\"\n    [placeholder]=\"\n      esf.column?.grid.resourceStrings.igx_grid_excel_search_placeholder\n    \"\n    autocomplete=\"off\"\n  />\n  @if (searchValue || searchValue === 0) {\n    <igx-suffix>\n      <igx-icon\n        family=\"default\"\n        name=\"input_clear\"\n        (click)=\"clearInput()\"\n        tabindex=\"0\"\n      >\n      </igx-icon>\n    </igx-suffix>\n  }\n</igx-input-group>\n\n@if (!isHierarchical()) {\n  <igx-list\n    #list\n    role=\"listbox\"\n    [isLoading]=\"isLoading\"\n    (keydown)=\"handleKeyDown($event)\"\n    tabindex=\"0\"\n    [attr.aria-activedescendant]=\"this.activeDescendant\"\n    (focus)=\"onFocus()\"\n    (focusout)=\"onFocusOut()\"\n  >\n    <div style=\"overflow: hidden; position: relative\">\n      <igx-list-item\n        [class.igx-list__item-base--active]=\"\n          focusedItem?.id === this.getItemId(i)\n        \"\n        [attr.id]=\"getItemId(i)\"\n        role=\"option\"\n        *igxFor=\"\n          let item of displayedListData;\n          index as i;\n          scrollOrientation: 'vertical';\n          containerSize: containerSize;\n          itemSize: itemSize\n        \"\n      >\n        <igx-checkbox\n          [value]=\"item\"\n          [tabindex]=\"-1\"\n          [checked]=\"$safeNavigationMigration(item?.isSelected)\"\n          [disableRipple]=\"true\"\n          [indeterminate]=\"$safeNavigationMigration(item?.indeterminate)\"\n          [disableTransitions]=\"true\"\n          (change)=\"onCheckboxChange($event)\"\n        >\n          {{ item.label }}\n        </igx-checkbox>\n      </igx-list-item>\n    </div>\n    <ng-template igxDataLoading>\n      <div class=\"igx-excel-filter__loading\">\n        <ng-container *ngTemplateOutlet=\"valuesLoadingTemplate\"> </ng-container>\n      </div>\n    </ng-template>\n    <ng-template igxEmptyList>\n      <ng-container *ngTemplateOutlet=\"emptySearch\"></ng-container>\n    </ng-template>\n    <div\n      class=\"igx-excel-filter__filter-results\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      {{\n        esf.grid?.resourceStrings.igx_grid_excel_matches_count.replace(\n          '{0}',\n          matchesCount\n        )\n      }}\n    </div>\n  </igx-list>\n}\n\n@if (isHierarchical()) {\n  <div class=\"igx-excel-filter__tree\">\n    @if (!isTreeEmpty()) {\n      <div class=\"igx-excel-filter__tree-alike\">\n        <div class=\"igx-excel-filter__tree-alike-item\">\n          <igx-checkbox\n            #selectAllCheckbox\n            [value]=\"selectAllItem\"\n            [checked]=\"$safeNavigationMigration(selectAllItem?.isSelected)\"\n            [disableRipple]=\"true\"\n            [indeterminate]=\"\n              $safeNavigationMigration(selectAllItem?.indeterminate)\n            \"\n            [disableTransitions]=\"true\"\n            (change)=\"onSelectAllCheckboxChange($event)\"\n          >\n            {{ selectAllItem.label }}\n          </igx-checkbox>\n        </div>\n        @if (searchValue) {\n          <div class=\"igx-excel-filter__tree-alike-item\">\n            <igx-checkbox\n              #addToCurrentFilterCheckbox\n              [value]=\"addToCurrentFilterItem\"\n              [checked]=\"addToCurrentFilterItem.isSelected\"\n              [disableRipple]=\"true\"\n              [disableTransitions]=\"true\"\n            >\n              {{ addToCurrentFilterItem.label }}\n            </igx-checkbox>\n          </div>\n        }\n      </div>\n    }\n    <igx-tree\n      #tree\n      selection=\"Cascading\"\n      (nodeSelection)=\"onNodeSelectionChange($event)\"\n    >\n      @for (item of displayedListData; track item.value) {\n        <igx-tree-node [data]=\"item\" [selected]=\"item.isSelected\">\n          <div>{{ item.label }}</div>\n          @for (childLevel1 of item.children; track childLevel1.value) {\n            <igx-tree-node\n              [data]=\"childLevel1\"\n              [selected]=\"childLevel1.isSelected\"\n            >\n              <div>{{ childLevel1.label }}</div>\n              @for (\n                childLevel2 of childLevel1.children;\n                track childLevel2.value\n              ) {\n                <igx-tree-node\n                  [data]=\"childLevel2\"\n                  [selected]=\"childLevel2.isSelected\"\n                >\n                  <div>{{ childLevel2.label }}</div>\n                  @for (\n                    childLevel3 of childLevel2.children;\n                    track childLevel3.value\n                  ) {\n                    <igx-tree-node\n                      [data]=\"childLevel3\"\n                      [selected]=\"childLevel3.isSelected\"\n                    >\n                      <div>{{ childLevel3.label }}</div>\n                      @for (\n                        childLevel4 of childLevel3.children;\n                        track childLevel4.value\n                      ) {\n                        <igx-tree-node\n                          [data]=\"childLevel4\"\n                          [selected]=\"childLevel4.isSelected\"\n                        >\n                          <div>{{ childLevel4.label }}</div>\n                          @for (\n                            childLevel5 of childLevel4.children;\n                            track childLevel5.value\n                          ) {\n                            <igx-tree-node\n                              [data]=\"childLevel5\"\n                              [selected]=\"childLevel5.isSelected\"\n                            >\n                              <div>{{ childLevel5.label }}</div>\n                              @for (\n                                childLevel6 of childLevel5.children;\n                                track childLevel6.value\n                              ) {\n                                <igx-tree-node\n                                  [data]=\"childLevel6\"\n                                  [selected]=\"childLevel6.isSelected\"\n                                >\n                                  <div>{{ childLevel6.label }}</div>\n                                  @for (\n                                    childLevel7 of childLevel6.children;\n                                    track childLevel7.value\n                                  ) {\n                                    <igx-tree-node\n                                      [data]=\"childLevel7\"\n                                      [selected]=\"childLevel7.isSelected\"\n                                    >\n                                      <div>{{ childLevel7.label }}</div>\n                                      @for (\n                                        childLevel8 of childLevel7.children;\n                                        track childLevel8.value\n                                      ) {\n                                        <igx-tree-node\n                                          [data]=\"childLevel8\"\n                                          [selected]=\"childLevel8.isSelected\"\n                                        >\n                                          <div>{{ childLevel8.label }}</div>\n                                          @for (\n                                            childLevel9 of childLevel8.children;\n                                            track childLevel9.value\n                                          ) {\n                                            <igx-tree-node\n                                              [data]=\"childLevel9\"\n                                              [selected]=\"\n                                                childLevel9.isSelected\n                                              \"\n                                            >\n                                              <div>{{ childLevel9.label }}</div>\n                                            </igx-tree-node>\n                                          }\n                                        </igx-tree-node>\n                                      }\n                                    </igx-tree-node>\n                                  }\n                                </igx-tree-node>\n                              }\n                            </igx-tree-node>\n                          }\n                        </igx-tree-node>\n                      }\n                    </igx-tree-node>\n                  }\n                </igx-tree-node>\n              }\n            </igx-tree-node>\n          }\n        </igx-tree-node>\n      }\n    </igx-tree>\n    <ng-template igxDataLoading>\n      <div class=\"igx-excel-filter__loading\">\n        <ng-container *ngTemplateOutlet=\"valuesLoadingTemplate\"> </ng-container>\n      </div>\n    </ng-template>\n    @if (isTreeEmpty()) {\n      <ng-container *ngTemplateOutlet=\"emptySearch\"></ng-container>\n    }\n  </div>\n}\n\n<ng-template #emptySearch>\n  <div class=\"igx-excel-filter__empty\">\n    {{ esf.grid?.resourceStrings.igx_grid_excel_no_matches }}\n  </div>\n</ng-template>\n\n<ng-template #defaultExcelStyleLoadingValuesTemplate>\n  <igx-circular-bar [indeterminate]=\"true\"> </igx-circular-bar>\n</ng-template>\n\n<footer class=\"igx-excel-filter__menu-footer\">\n  <div class=\"igx-excel-filter__cancel\">\n    <button type=\"button\" #cancelButton igxButton=\"flat\" (click)=\"esf.cancel()\">\n      {{ esf.grid?.resourceStrings.igx_grid_excel_cancel }}\n    </button>\n  </div>\n  <div class=\"igx-excel-filter__apply\">\n    <button\n      type=\"button\"\n      igxButton=\"contained\"\n      [disabled]=\"applyButtonDisabled\"\n      (click)=\"applyFilter()\"\n    >\n      {{ esf.grid?.resourceStrings.igx_grid_excel_apply }}\n    </button>\n  </div>\n</footer>\n", dependencies: [{ kind: "component", type: IgxInputGroupComponent, selector: "igx-input-group", inputs: ["resourceStrings", "suppressInputAutofocus", "type", "theme"] }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["ariaHidden", "family", "name", "active"] }, { kind: "directive", type: IgxPrefixDirective, selector: "[igxPrefix],[igxStart],igx-prefix" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IgxInputDirective, selector: "[igxInput]", inputs: ["value", "disabled", "required"], exportAs: ["igxInput"] }, { kind: "directive", type: IgxSuffixDirective, selector: "[igxSuffix],[igxEnd],igx-suffix" }, { kind: "component", type: IgxListComponent, selector: "igx-list", inputs: ["panEndTriggeringThreshold", "id", "allowLeftPanning", "allowRightPanning", "isLoading", "resourceStrings", "role"], outputs: ["leftPan", "rightPan", "startPan", "endPan", "resetPan", "panStateChange", "itemClicked"] }, { kind: "directive", type: IgxForOfDirective, selector: "[igxFor][igxForOf]", inputs: ["igxForOf", "igxForSizePropName", "igxForScrollOrientation", "igxForScrollContainer", "igxForContainerSize", "igxForInitialChunkSize", "igxForItemSize", "igxForTotalItemCount", "igxForTrackBy"], outputs: ["chunkLoad", "scrollbarVisibilityChanged", "chunkSizeChange", "contentSizeChange", "dataChanged", "beforeViewDestroyed", "chunkPreload"] }, { kind: "component", type: IgxListItemComponent, selector: "igx-list-item", inputs: ["isHeader", "hidden", "index", "role", "selected"] }, { kind: "component", type: IgxCheckboxComponent, selector: "igx-checkbox", inputs: ["indeterminate", "checked", "disabled", "invalid", "readonly", "disableTransitions"] }, { kind: "directive", type: IgxDataLoadingTemplateDirective, selector: "[igxDataLoading]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: IgxEmptyListTemplateDirective, selector: "[igxEmptyList]" }, { kind: "component", type: IgxTreeComponent, selector: "igx-tree", inputs: ["selection", "singleBranchExpand", "toggleNodeOnClick", "animationSettings"], outputs: ["nodeSelection", "nodeExpanding", "nodeExpanded", "nodeCollapsing", "nodeCollapsed", "activeNodeChanged"] }, { kind: "component", type: IgxTreeNodeComponent, selector: "igx-tree-node", inputs: ["data", "loading", "resourceStrings", "active", "disabled", "selected", "expanded"], outputs: ["selectedChange", "expandedChange"] }, { kind: "component", type: IgxCircularProgressBarComponent, selector: "igx-circular-bar", inputs: ["id", "textVisibility", "type"] }, { kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
@@ -11912,7 +11924,7 @@ class IgxFilteringService {
         grid.filteringExpressionsTree = filteringState;
     }
     /**
-     * Filters all the `IgxColumnComponent` in the `IgxGridComponent` with the same condition.
+     * Filters all the column in the grid with the same condition.
      * @deprecated in version 19.0.0.
      */
     filterGlobal(value, condition, ignoreCase) {
@@ -13881,7 +13893,7 @@ class BaseRow {
         return this.grid.gridAPI.row_deleted_transaction(this.key);
     }
     /**
-     * Returns if the row has child rows. Always return false for IgxGridRow.
+     * Returns if the row has child rows. Always return false for grid row.
      */
     get hasChildren() {
         return false;
@@ -14093,7 +14105,7 @@ class IgxTreeGridRow extends BaseRow {
         return row;
     }
     /**
-     * Returns true if child rows exist. Always return false for IgxGridRow.
+     * Returns true if child rows exist. Always return false for grid row.
      */
     get hasChildren() {
         if (this.treeRow.children) {
@@ -16076,7 +16088,7 @@ class IgxGridStateBaseDirective {
     }
     /**
      * This method restores complex objects in the pivot dimensions
-     * Like the IgxPivotDateDimension and filters.
+     * Like the pivot date dimension and filters.
      */
     restoreDimensions(config) {
         const collections = [config.rows, config.columns, config.filters];
@@ -16094,7 +16106,7 @@ class IgxGridStateBaseDirective {
         }
     }
     /**
-     * This method restores the IgxPivotDateDimension with its default functions and resource strings.
+     * This method restores the pivot date dimension with its default functions and resource strings.
      */
     restoreDateDimension(dim) {
         const dateDim = new IgxPivotDateDimension(dim._baseDimension, dim._options);
@@ -16110,7 +16122,7 @@ class IgxGridStateBaseDirective {
         }
     }
     /**
-     * Returns if this is a IgxPivotDateDimension.
+     * Returns if this is a pivot date dimension.
      */
     isDateDimension(dim) {
         return dim._baseDimension;
@@ -16761,7 +16773,7 @@ class IgxExporterOptionsBase {
          */
         this.ignoreFiltering = false;
         /**
-         * Specifies if the exporter should ignore the current column order in the IgxGrid.
+         * Specifies if the exporter should ignore the current column order in the grid.
          * ```typescript
          * let ignoreColumnsOrder = this.exportOptions.ignoreColumnsOrder;
          * this.exportOptions.ignoreColumnsOrder = true;
@@ -16771,7 +16783,7 @@ class IgxExporterOptionsBase {
          */
         this.ignoreColumnsOrder = false;
         /**
-         * Specifies whether the exported data should be sorted as in the provided IgxGrid.
+         * Specifies whether the exported data should be sorted as in the provided grid.
          * When you export grouped data, setting ignoreSorting to true will cause
          * the grouping to fail because it relies on the sorting of the records.
          * ```typescript
@@ -16783,7 +16795,7 @@ class IgxExporterOptionsBase {
          */
         this.ignoreSorting = false;
         /**
-         * Specifies whether the exported data should be grouped as in the provided IgxGrid.
+         * Specifies whether the exported data should be grouped as in the provided grid.
          * ```typescript
          * let ignoreGrouping = this.exportOptions.ignoreGrouping;
          * this.exportOptions.ignoreGrouping = true;
@@ -16793,7 +16805,7 @@ class IgxExporterOptionsBase {
          */
         this.ignoreGrouping = false;
         /**
-         * Specifies whether the exported data should include multi column headers as in the provided IgxGrid.
+         * Specifies whether the exported data should include multi column headers as in the provided grid.
          * ```typescript
          * let ignoreMultiColumnHeaders = this.exportOptions.ignoreMultiColumnHeaders;
          * this.exportOptions.ignoreMultiColumnHeaders = true;
@@ -17490,7 +17502,7 @@ class IgxBaseExporter {
     }
     /* alternateName: exportGrid */
     /**
-     * Method for exporting IgxGrid component's data.
+     * Method for exporting grid component's data.
      * ```typescript
      * this.exporterService.export(this.igxGridForExport, this.exportOptions);
      * ```
@@ -19541,7 +19553,7 @@ const EXCEL_MAX_COLS = 16384;
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter_excel.html)
  *
  * The Ignite UI for Angular Excel Exporter service can export data in Microsoft® Excel® format from both raw data
- * (array) or from an `IgxGrid`.
+ * (array) or from an grid.
  *
  * Example:
  * ```typescript
@@ -19791,7 +19803,7 @@ class CharSeparatedValueData {
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter-csv)
  *
  * The Ignite UI for Angular CSV Exporter service can export data in a Character Separated Values format from
- * both raw data (array) or from an `IgxGrid`.
+ * both raw data (array) or from an grid.
  *
  * Example:
  * ```typescript
@@ -19906,7 +19918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImpor
  * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/exporter_pdf.html)
  *
  * The Ignite UI for Angular PDF Exporter service can export data in PDF format from both raw data
- * (array) or from an `IgxGrid`.
+ * (array) or from an grid.
  *
  * Example:
  * ```typescript
@@ -23118,7 +23130,7 @@ class RowEditPositionStrategy extends ConnectedPositioningStrategy {
 }
 
 /**
- * Providing reference to `IgxGridCellComponent`:
+ * Providing reference to grid cell:
  * ```typescript
  * @ViewChild('grid', { read: IgxGridComponent })
  *  public grid: IgxGridComponent;