igniteui-webcomponents-grids 7.1.0 → 7.2.0-beta.1

package/grids/lib/igc-row-island-component.d.ts

@@ -1,4 +1,5 @@
 
+import { IgcColumnsAutoGeneratedEventArgs } from './igc-columns-auto-generated-event-args';
 import { IgcGridCreatedEventArgs } from './igc-grid-created-event-args';
 import { IgcForOfState } from './igc-for-of-state';
 import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree';
@@ -14,7 +15,6 @@ import { IgcPinColumnEventArgs } from './igc-pin-column-event-args';
 import { IgcGridEditEventArgs } from './igc-grid-edit-event-args';
 import { IgcGridEditDoneEventArgs } from './igc-grid-edit-done-event-args';
 import { IgcColumnComponent } from './igc-column-component';
-import { IgcColumnsAutoGeneratedEventArgs } from './igc-columns-auto-generated-event-args';
 import { IgcSortingEventArgs } from './igc-sorting-event-args';
 import { IgcSortingExpression } from './igc-sorting-expression';
 import { IgcFilteringEventArgs } from './igc-filtering-event-args';
@@ -37,11 +37,10 @@ import { IgcActiveNodeChangeEventArgs } from './igc-active-node-change-event-arg
 import { IgcGridToolbarExportEventArgs } from './igc-grid-toolbar-export-event-args';
 import { IgcGridSelectionRange } from './igc-grid-selection-range';
 import { IgcForOfDataChangeEventArgs } from './igc-for-of-data-change-event-args';
-import { IgcGridResourceStrings } from './igc-grid-resource-strings';
+import { IgcActionStripToken } from './igc-action-strip-token';
 import { IgcGridToolbarTemplateContext } from './igc-grid-toolbar-template-context';
 import { IgcRenderFunction } from './common';
 import { IgcGridPaginatorTemplateContext } from './igc-grid-paginator-template-context';
-import { IgcActionStripToken } from './igc-action-strip-token';
 import { IgcGridTemplateContext } from './igc-grid-template-context';
 import { IgcDataCloneStrategy } from './igc-data-clone-strategy';
 import { IgcClipboardOptions } from './igc-clipboard-options';
@@ -53,6 +52,7 @@ import { IgcGridRowTemplateContext } from './igc-grid-row-template-context';
 import { IgcGridHeaderTemplateContext } from './igc-grid-header-template-context';
 import { IgcGridToolbarComponent } from './igc-grid-toolbar-component';
 import { IgcPaginatorComponent } from './igc-paginator-component';
+import { IgcGridResourceStrings } from './igc-grid-resource-strings';
 import { FilteringLogic } from './filtering-logic';
 import { GridPagingMode } from './grid-paging-mode';
 import { GridValidationTrigger } from './grid-validation-trigger';
@@ -94,10 +94,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 /* contentParent: HierarchicalGrid */
 /**
  * Row island
- *
- * @igxModule IgxHierarchicalGridModule
- * @igxParent IgxHierarchicalGridComponent, IgxRowIslandComponent
- *
  */
 
     export declare class IgcRowIslandComponent extends EventEmitterMixin<IgcRowIslandComponentEventMap, Constructor<LitElement>>(LitElement)
@@ -111,35 +107,37 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
           
 
-    /* blazorInclude,wcInclude TODO: Move to Elements-only component */
+    /* contentChildren */
+    /* blazorInclude */
+    /* blazorTreatAsCollection */
+    /* blazorCollectionName: RowIslandCollection */
+    /* ngQueryListName: childLayoutList */
     /**
-     * Sets the key of the row island by which child data would be taken from the row data if such is provided.
+     * @hidden @internal
      */
-    public set childDataKey(value: string);
-          public get childDataKey(): string;
+    public set childLayoutList(value: IgcRowIslandComponent[]);
+          public get childLayoutList(): IgcRowIslandComponent[];
   
           
 
-    /**
-     * Gets/Sets the resource strings.
-     *
-     * @remarks
-     * By default it uses the root grid resources.
-     */
-    public set resourceStrings(value: IgcGridResourceStrings);
-          public get resourceStrings(): IgcGridResourceStrings;
+    /** @hidden @internal */
+    /* blazorInclude */
+    // TODO(api-analyzer): Shouldn't need all tags to copy from base or hidden/internal due to include tag
+    /* contentChildren */
+    /* blazorTreatAsCollection */
+    /* blazorCollectionName: ActionStripCollection */
+    /* blazorCollectionItemName: ActionStrip */
+    /* ngQueryListName: actionStripComponents */
+    public set actionStripComponents(value: IgcActionStripToken[]);
+          public get actionStripComponents(): IgcActionStripToken[];
   
           
 
-    /* contentChildren */
-    /* blazorInclude */
-    /* blazorTreatAsCollection */
-    /* blazorCollectionName: RowIslandCollection */
     /**
-     * @hidden @internal
+     * Sets the key of the row island by which child data would be taken from the row data if such is provided.
      */
-    public set childLayoutList(value: IgcRowIslandComponent[]);
-          public get childLayoutList(): IgcRowIslandComponent[];
+    public set childDataKey(value: string);
+          public get childDataKey(): string;
   
           
 
@@ -162,30 +160,8 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
   
           
 
-    // TODO(api-analyzer): Shouldn't need all tags to copy from base or hidden/internal due to include tag
-    /* contentChildren */
-    /* blazorInclude */
-    /* blazorTreatAsCollection */
-    /* blazorCollectionName: ActionStripCollection */
-    /* blazorCollectionItemName: ActionStrip */
-    /* ngQueryListName: actionStripComponents */
-    /** @hidden @internal */
-    public set actionStripComponents(value: IgcActionStripToken[]);
-          public get actionStripComponents(): IgcActionStripToken[];
-  
-          
-
     /**
-     * Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.
-     * ```html
-     * <igx-hierarchical-grid [data]="Data" [autoGenerate]="true">
-     *      <igx-row-island [key]="'childData'" [expandChildren]="true" #rowIsland>
-     *          <!-- ... -->
-     *      </igx-row-island>
-     * </igx-hierarchical-grid>
-     * ```
-     *
-     * @memberof IgxRowIslandComponent
+     * Sets if all immediate children of the grids for this row island should be expanded/collapsed.
      */
     public set expandChildren(value: boolean);
           public get expandChildren(): boolean;
@@ -193,12 +169,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
           
     /**
      * Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.
-     *
-     * @example
-     * ```html
-     * <igx-hierarchical-grid #grid [data]="localData" [hasChildrenKey]="'hasEmployees'">
-     * </igx-hierarchical-grid>
-     * ```
      */
     public set hasChildrenKey(value: string);
           public get hasChildrenKey(): string;
@@ -207,30 +177,14 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets whether the expand/collapse all button in the header should be rendered.
-     *
-     * @remarks
-     * The default value is false.
-     * @example
-     * ```html
-     * <igx-hierarchical-grid #grid [data]="localData" [showExpandAll]="true">
-     * </igx-hierarchical-grid>
-     * ```
      */
     public set showExpandAll(value: boolean);
           public get showExpandAll(): boolean;
   
           
 
-    public set batchEditing(value: boolean);
-          public get batchEditing(): boolean;
-  
-          
-
     /**
      * Gets/Sets the display time for the row adding snackbar notification.
-     *
-     * @remarks
-     * By default it is 6000ms.
      */
     public set snackbarDisplayTime(value: number);
           public get snackbarDisplayTime(): number;
@@ -239,13 +193,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets whether to auto-generate the columns.
-     *
-     * @remarks
-     * The default value is false. When set to true, it will override all columns declared through code or in markup.
-     * @example
-     * ```html
-     * <igx-grid [data]="Data" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set autoGenerate(value: boolean);
           public get autoGenerate(): boolean;
@@ -254,17 +201,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets a list of property keys to be excluded from the generated column collection
-     * @remarks
-     * The collection is only used during initialization and changing it will not cause any changes in the generated columns at runtime
-     * unless the grid is destroyed and recreated. To modify the columns visible in the UI at runtime, please use their
-     * [hidden](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/IgxColumnComponent.html#hidden) property.
-     * @example
-     * ```html
-     * <igx-grid data=[Data] [autoGenerate]="true" [autoGenerateExclude]="['ProductName', 'Count']"></igx-grid>
-     * ```
-     * ```typescript
-     * const Data = [{ 'Id': '1', 'ProductName': 'name1', 'Description': 'description1', 'Count': 5 }]
-     * ```
      */
     public set autoGenerateExclude(value: string[]);
           public get autoGenerateExclude(): string[];
@@ -273,7 +209,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Controls whether columns moving is enabled in the grid.
-     *
      */
     public set moving(value: boolean);
           public get moving(): boolean;
@@ -282,17 +217,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets a custom template when empty.
-     *
-     * @example
-     * ```html
-     * <ng-template igxGridEmpty>
-     *   <!-- content to show when the grid is empty -->
-     * </ng-template>
-     * ```
-     * Or
-     * ```html
-     * <igx-grid [id]="'igx-grid-1'" [data]="Data" [emptyGridTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set emptyGridTemplate(value: IgcRenderFunction<IgcGridTemplateContext>);
           public get emptyGridTemplate(): IgcRenderFunction<IgcGridTemplateContext>;
@@ -301,11 +225,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets a custom template for adding row UI when grid is empty.
-     *
-     * @example
-     * ```html
-     * <igx-grid [id]="'igx-grid-1'" [data]="Data" [addRowEmptyTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set addRowEmptyTemplate(value: IgcRenderFunction<void>);
           public get addRowEmptyTemplate(): IgcRenderFunction<void>;
@@ -314,17 +233,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets a custom template when loading.
-     *
-     * @example
-     * ```html
-     * <ng-template igxGridLoading>
-     *   <!-- content to show when the grid is loading -->
-     * </ng-template>
-     * ```
-     * Or
-     * ```html
-     * <igx-grid [id]="'igx-grid-1'" [data]="Data" [loadingGridTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set loadingGridTemplate(value: IgcRenderFunction<IgcGridTemplateContext>);
           public get loadingGridTemplate(): IgcRenderFunction<IgcGridTemplateContext>;
@@ -332,7 +240,7 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
           
 
     /**
-     * Get/Set IgxSummaryRow height
+     * Get/Set summary row height
      */
     public set summaryRowHeight(value: number);
           public get summaryRowHeight(): number;
@@ -341,11 +249,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the data clone strategy of the grid when in edit mode.
-     *
-     * @example
-     * ```html
-     *  <igx-grid #grid [data]="localData" [dataCloneStrategy]="customCloneStrategy"></igx-grid>
-     * ```
      */
     public set dataCloneStrategy(value: IgcDataCloneStrategy);
           public get dataCloneStrategy(): IgcDataCloneStrategy;
@@ -366,15 +269,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
      * Accepts an object literal, containing key-value pairs,
      * where the key is the name of the CSS class and the value is
      * either a callback function that returns a boolean, or boolean, like so:
-     * ```typescript
-     * callback = (row: RowType) => { return row.selected > 6; }
-     * rowClasses = { 'className' : this.callback };
-     * ```
-     * ```html
-     * <igx-grid #grid [data]="Data" [rowClasses] = "rowClasses" [autoGenerate]="true"></igx-grid>
-     * ```
-     *
-     * @memberof IgxColumnComponent
      */
     public set rowClasses(value: any);
           public get rowClasses(): any;
@@ -386,17 +280,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
      * Sets conditional style properties on the grid row element.
      * It accepts an object literal where the keys are
      * the style properties and the value is an expression to be evaluated.
-     * ```typescript
-     * styles = {
-     *  background: 'yellow',
-     *  color: (row: RowType) => row.selected : 'red': 'white'
-     * }
-     * ```
-     * ```html
-     * <igx-grid #grid [data]="Data" [rowStyles]="styles" [autoGenerate]="true"></igx-grid>
-     * ```
-     *
-     * @memberof IgxColumnComponent
      */
     public set rowStyles(value: any);
           public get rowStyles(): any;
@@ -405,11 +288,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the primary key.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [primaryKey]="'ProductID'" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set primaryKey(value: string);
           public get primaryKey(): string;
@@ -548,15 +426,17 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
   
           
 
+    /* treatAsRef */
+    /**
+     * Gets/Sets the resource strings.
+     */
+    public set resourceStrings(value: IgcGridResourceStrings);
+          public get resourceStrings(): IgcGridResourceStrings;
+  
+          
+
     /**
-     * Gets/Sets the filtering logic of the `IgxGridComponent`.
-     *
-     * @remarks
-     * The default is AND.
-     * @example
-     * ```html
-     * <igx-grid [data]="Data" [autoGenerate]="true" [filteringLogic]="filtering"></igx-grid>
-     * ```
+     * Gets/Sets the filtering logic of the grid.
      */
     public set filteringLogic(value: FilteringLogic);
           public get filteringLogic(): FilteringLogic;
@@ -566,13 +446,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
     /* mustSetInCodePlatforms: WebComponents;Blazor */
     /**
      * Gets/Sets the filtering state.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [autoGenerate]="true" [(filteringExpressionsTree)]="model.filteringExpressions"></igx-grid>
-     * ```
-     * @remarks
-     * Supports two-way binding.
      */
     public set filteringExpressionsTree(value: IgcFilteringExpressionsTree);
           public get filteringExpressionsTree(): IgcFilteringExpressionsTree;
@@ -581,12 +454,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the advanced filtering state.
-     *
-     * @example
-     * ```typescript
-     * let advancedFilteringExpressionsTree = this.grid.advancedFilteringExpressionsTree;
-     * this.grid.advancedFilteringExpressionsTree = logic;
-     * ```
      */
     public set advancedFilteringExpressionsTree(value: IgcFilteringExpressionsTree);
           public get advancedFilteringExpressionsTree(): IgcFilteringExpressionsTree;
@@ -595,9 +462,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the locale.
-     *
-     * @remarks
-     * If not set, returns browser's language.
      */
     public set locale(value: string);
           public get locale(): string;
@@ -611,9 +475,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets if the row selectors are hidden.
-     *
-     * @remarks
-     *  By default row selectors are shown
      */
     public set hideRowSelectors(value: boolean);
           public get hideRowSelectors(): boolean;
@@ -622,11 +483,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets whether rows can be moved.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [rowDraggable]="true"></igx-grid>
-     * ```
      */
     public set rowDraggable(value: boolean);
           public get rowDraggable(): boolean;
@@ -635,11 +491,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the trigger for validators used when editing the grid.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid validationTrigger='blur'></igx-grid>
-     * ```
      */
     public set validationTrigger(value: GridValidationTrigger);
           public get validationTrigger(): GridValidationTrigger;
@@ -648,13 +499,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets whether the rows are editable.
-     *
-     * @remarks
-     * By default it is set to false.
-     * @example
-     * ```html
-     * <igx-grid #grid [rowEditable]="true" [primaryKey]="'ProductID'" ></igx-grid>
-     * ```
      */
     public set rowEditable(value: boolean);
           public get rowEditable(): boolean;
@@ -663,11 +507,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the height.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set height(value: string);
           public get height(): string;
@@ -676,11 +515,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the width of the grid.
-     *
-     * @example
-     * ```typescript
-     * let gridWidth = this.grid.width;
-     * ```
      */
     public set width(value: string);
           public get width(): string;
@@ -689,11 +523,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the row height.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [rowHeight]="100" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set rowHeight(value: number);
           public get rowHeight(): number;
@@ -702,11 +531,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the default width of the columns.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [columnWidth]="100" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set columnWidth(value: string);
           public get columnWidth(): string;
@@ -715,11 +539,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Get/Sets the message displayed when there are no records.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [emptyGridMessage]="'The grid is empty'" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set emptyGridMessage(value: string);
           public get emptyGridMessage(): string;
@@ -728,11 +547,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets whether the grid is going to show a loading indicator.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [isLoading]="true" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set isLoading(value: boolean);
           public get isLoading(): boolean;
@@ -741,15 +555,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid
-     *
-     * @remarks
-     * This will allow to bind the grid to remote data and having auto-generated columns at the same time.
-     * Note that after generating the columns, this property would be disabled to avoid re-creating
-     * columns each time a new data is assigned.
-     * @example
-     * ```typescript
-     *  this.grid.shouldGenerate = true;
-     * ```
      * @deprecated Column re-creation now relies on `autoGenerate` instead.
      */
     public set shouldGenerate(value: boolean);
@@ -759,11 +564,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the message displayed when there are no records and the grid is filtered.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [emptyGridMessage]="'The grid is empty'" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set emptyFilteredGridMessage(value: string);
           public get emptyFilteredGridMessage(): string;
@@ -773,14 +573,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
     /* mustSetInCodePlatforms: WebComponents;Blazor;React */
     /**
      * Gets/Sets the initial pinning configuration.
-     *
-     * @remarks
-     * Allows to apply pinning the columns to the start or the end.
-     * Note that pinning to both sides at a time is not allowed.
-     * @example
-     * ```html
-     * <igx-grid [pinning]="pinningConfig"></igx-grid>
-     * ```
      */
     public set pinning(value: IgcPinningConfig);
           public get pinning(): IgcPinningConfig;
@@ -789,11 +581,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets if the filtering is enabled.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [allowFiltering]="true" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set allowFiltering(value: boolean);
           public get allowFiltering(): boolean;
@@ -802,11 +589,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets a value indicating whether the advanced filtering is enabled.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [allowAdvancedFiltering]="true" [autoGenerate]="true"></igx-grid>
-     * ```
      */
     public set allowAdvancedFiltering(value: boolean);
           public get allowAdvancedFiltering(): boolean;
@@ -815,13 +597,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the filter mode.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [filterMode]="'quickFilter'" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-     * ```
-     * @remarks
-     * By default it's set to FilterMode.quickFilter.
      */
     public set filterMode(value: FilterMode);
           public get filterMode(): FilterMode;
@@ -830,13 +605,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the summary position.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" summaryPosition="top" [autoGenerate]="true"></igx-grid>
-     * ```
-     * @remarks
-     * By default it is bottom.
      */
     public set summaryPosition(value: GridSummaryPosition);
           public get summaryPosition(): GridSummaryPosition;
@@ -845,13 +613,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the summary calculation mode.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" summaryCalculationMode="rootLevelOnly" [autoGenerate]="true"></igx-grid>
-     * ```
-     * @remarks
-     * By default it is rootAndChildLevels which means the summaries are calculated for the root level and each child level.
      */
     public set summaryCalculationMode(value: GridSummaryCalculationMode);
           public get summaryCalculationMode(): GridSummaryCalculationMode;
@@ -860,14 +621,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Controls whether the summary row is visible when groupBy/parent row is collapsed.
-     *
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="localData" [showSummaryOnCollapse]="true" [autoGenerate]="true"></igx-grid>
-     * ```
-     * @remarks
-     * By default showSummaryOnCollapse is set to 'false' which means that the summary row is not visible
-     * when the groupBy/parent row is collapsed.
      */
     public set showSummaryOnCollapse(value: boolean);
           public get showSummaryOnCollapse(): boolean;
@@ -876,11 +629,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the filtering strategy of the grid.
-     *
-     * @example
-     * ```html
-     *  <igx-grid #grid [data]="localData" [filterStrategy]="filterStrategy"></igx-grid>
-     * ```
      */
     public set filterStrategy(value: IgcFilteringStrategy);
           public get filterStrategy(): IgcFilteringStrategy;
@@ -889,11 +637,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
 
     /**
      * Gets/Sets the sorting strategy of the grid.
-     *
-     * @example
-     * ```html
-     *  <igx-grid #grid [data]="localData" [sortStrategy]="sortStrategy"></igx-grid>
-     * ```
      */
     public set sortStrategy(value: IgcGridSortingStrategy);
           public get sortStrategy(): IgcGridSortingStrategy;
@@ -903,11 +646,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
     /* csSuppress */
     /**
      * Gets/Sets the merge strategy of the grid.
-     *
-     * @example
-     * ```html
-     *  <igx-grid #grid [data]="localData" [mergeStrategy]="mergeStrategy"></igx-grid>
-     * ```
      */
     public set mergeStrategy(value: IgcGridMergeStrategy);
           public get mergeStrategy(): IgcGridMergeStrategy;
@@ -917,15 +655,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
     /**
      * Gets/Sets the sorting options - single or multiple sorting.
      * Accepts an `ISortingOptions` object with any of the `mode` properties.
-     *
-     * @example
-     * ```typescript
-     * const _sortingOptions: ISortingOptions = {
-     *      mode: 'single'
-     * }
-     * ```html
-     * <igx-grid [sortingOptions]="sortingOptions"><igx-grid>
-     * ```
      */
     public set sortingOptions(value: IgcSortingOptions);
           public get sortingOptions(): IgcSortingOptions;
@@ -938,13 +667,6 @@ import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from
     /* blazorPrimitiveValue */
     /**
      * Gets/Sets the current selection state.
-     *
-     * @remarks
-     * Represents the selected rows' IDs (primary key or rowData)
-     * @example
-     * ```html
-     * <igx-grid [data]="localData" primaryKey="ID" rowSelection="multiple" [selectedRows]="[0, 1, 2]"><igx-grid>
-     * ```
      */
     /* @tsTwoWayProperty (true, "SelectedRowsChange", "Detail", false) */
         /* @blazorSynthesizeTwoWayBind */
@@ -955,12 +677,7 @@ public set selectedRows(value: any[]);
 
     /* csSuppress */
     /**
-     * A list of `IgxGridRowComponent`.
-     *
-     * @example
-     * ```typescript
-     * const rowList = this.grid.rowList;
-     * ```
+     * A list of grid row.
      */
     public get rowList(): IgcRowDirective[];
         
@@ -968,12 +685,7 @@ public set selectedRows(value: any[]);
 
     /* csSuppress */
     /**
-     * A list of currently rendered `IgxGridRowComponent`'s.
-     *
-     * @example
-     * ```typescript
-     * const dataList = this.grid.dataRowList;
-     * ```
+     * A list of currently rendered grid row's.
      */
     public get dataRowList(): IgcRowDirective[];
         
@@ -1006,17 +718,20 @@ public set selectedRows(value: any[]);
     /* mustSetInCodePlatforms: WebComponents;Blazor;React */
     /**
      * Gets/Sets the sorting state.
-     *
-     * @remarks
-     * Supports two-way data binding.
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="Data" [autoGenerate]="true" [(sortingExpressions)]="model.sortingExpressions"></igx-grid>
-     * ```
      */
     public set sortingExpressions(value: IgcSortingExpression[]);
           public get sortingExpressions(): IgcSortingExpression[];
   
+          
+
+    /**
+     * Gets/Sets whether the grid has batch editing enabled.
+     * When batch editing is enabled, changes are not made directly to the underlying data.
+     * Instead, they are stored as transactions, which can later be committed w/ the `commit` method.
+     */
+    public set batchEditing(value: boolean);
+          public get batchEditing(): boolean;
+  
                 
 
     /* csSuppress */
@@ -1029,9 +744,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets/Sets cell selection mode.
-     *
-     * @remarks
-     * By default the cell selection mode is multiple
      * @param selectionMode: GridSelectionMode
      */
     public set cellSelection(value: GridSelectionMode);
@@ -1041,7 +753,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets/Sets cell merge mode.
-     *
      */
     public set cellMergeMode(value: GridCellMergeMode);
           public get cellMergeMode(): GridCellMergeMode;
@@ -1050,10 +761,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets/Sets row selection mode
-     *
-     * @remarks
-     * By default the row selection mode is 'none'
-     * Note that in IgxGrid and IgxHierarchicalGrid 'multipleCascade' behaves like 'multiple'
      */
     public set rowSelection(value: GridSelectionMode);
           public get rowSelection(): GridSelectionMode;
@@ -1062,9 +769,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets/Sets column selection mode
-     *
-     * @remarks
-     * By default the row selection mode is none
      * @param selectionMode: GridSelectionMode
      */
     public set columnSelection(value: GridSelectionMode);
@@ -1075,15 +779,6 @@ public set selectedRows(value: any[]);
     /* blazorCSSuppress */
     /**
      * Gets/Sets a list of key-value pairs [row ID, expansion state].
-     *
-     * @remarks
-     * Includes only states that differ from the default one.
-     * Supports two-way binding.
-     * @example
-     * ```html
-     * <igx-grid #grid [data]="data" [(expansionStates)]="model.expansionStates">
-     * </igx-grid>
-     * ```
      */
     public set expansionStates(value: Map<any, boolean>);
           public get expansionStates(): Map<any, boolean>;
@@ -1093,23 +788,13 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets the default row height.
-     *
-     * @example
-     * ```typescript
-     * const rowHeigh = this.grid.defaultRowHeight;
-     * ```
      */
     public get defaultRowHeight(): number;
         
                 
 
     /**
-     * Gets an array of `IgxColumnComponent`s.
-     *
-     * @example
-     * ```typescript
-     * const colums = this.grid.columns.
-     * ```
+     * Gets an array of columns.
      */
     public get columns(): IgcColumnComponent[];
         
@@ -1117,12 +802,7 @@ public set selectedRows(value: any[]);
 
     /* csSuppress */
     /**
-     * Gets an array of the pinned `IgxRowComponent`s.
-     *
-     * @example
-     * ```typescript
-     * const pinnedRow = this.grid.pinnedRows;
-     * ```
+     * Gets an array of the pinned rows.
      */
     public get pinnedRows(): IgcGridRowComponent[];
         
@@ -1130,13 +810,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Returns the total number of records.
-     *
-     * @remarks
-     * Only functions when paging is enabled.
-     * @example
-     * ```typescript
-     * const totalRecords = this.grid.totalRecords;
-     * ```
      */
     public set totalRecords(value: number);
           public get totalRecords(): number;
@@ -1145,9 +818,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets/Sets whether clicking over a row should select/deselect it
-     *
-     * @remarks
-     * By default it is set to true
      * @param enabled: boolean
      */
     public set selectRowOnClick(value: boolean);
@@ -1157,7 +827,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Returns whether the record is pinned or not.
-     *
      * @param rowIndex Index of the record in the `filteredSortedData` collection.
      */
     public isRecordPinnedByIndex(rowIndex: number): void;
@@ -1166,14 +835,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Toggles the specified column's visibility.
-     *
-     * @example
-     * ```typescript
-     * this.grid1.toggleColumnVisibility({
-     *       column: this.grid1.columns[0],
-     *       newValue: true
-     * });
-     * ```
      */
     public toggleColumnVisibility(args: IgcColumnVisibilityChangedEventArgs): void;
 
@@ -1181,11 +842,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Expands all rows.
-     *
-     * @example
-     * ```typescript
-     * this.grid.expandAll();
-     * ```
      */
     public expandAll(): void;
 
@@ -1193,11 +849,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Collapses all rows.
-     *
-     * @example
-     * ```typescript
-     * this.grid.collapseAll();
-     * ```
      */
     public collapseAll(): void;
 
@@ -1205,13 +856,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Expands the row by its id.
-     *
-     * @remarks
-     * ID is either the primaryKey value or the data record instance.
-     * @example
-     * ```typescript
-     * this.grid.expandRow(rowID);
-     * ```
      * @param rowID The row id - primaryKey value or the data record instance.
      */
     public expandRow(rowID: any): void;
@@ -1220,13 +864,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Collapses the row by its id.
-     *
-     * @remarks
-     * ID is either the primaryKey value or the data record instance.
-     * @example
-     * ```typescript
-     * this.grid.collapseRow(rowID);
-     * ```
      * @param rowID The row id - primaryKey value or the data record instance.
      */
     public collapseRow(rowID: any): void;
@@ -1236,13 +873,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Toggles the row by its id.
-     *
-     * @remarks
-     * ID is either the primaryKey value or the data record instance.
-     * @example
-     * ```typescript
-     * this.grid.toggleRow(rowID);
-     * ```
      * @param rowID The row id - primaryKey value or the data record instance.
      */
     public toggleRow(rowID: any): void;
@@ -1250,19 +880,14 @@ public set selectedRows(value: any[]);
             
 
     /**
-     * Gets the `width` to be set on `IgxGridHeaderGroupComponent`.
+     * Gets the `width` to be set on grid header group.
      */
     public getHeaderGroupWidth(column: IgcColumnComponent): string;
 
             
 
     /**
-     * Returns the `IgxColumnComponent` by field name.
-     *
-     * @example
-     * ```typescript
-     * const myCol = this.grid1.getColumnByName("ID");
-     * ```
+     * Returns the column by field name.
      * @param name
      */
     public getColumnByName(name: string): IgcColumnComponent;
@@ -1275,11 +900,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Recalculates all widths of columns that have size set to `auto`.
-     *
-     * @example
-     * ```typescript
-     * this.grid1.recalculateAutoSizes();
-     * ```
      */
     public recalculateAutoSizes(): void;
 
@@ -1287,41 +907,15 @@ public set selectedRows(value: any[]);
 
     /**
      * Places a column before or after the specified target column.
-     *
-     * @example
-     * ```typescript
-     * grid.moveColumn(column, target);
-     * ```
      */
     public moveColumn(column: IgcColumnComponent, target: IgcColumnComponent, pos?: DropPosition): void;
 
             
 
     /**
-     * Triggers change detection for the `IgxGridComponent`.
+     * Triggers change detection for the grid.
      * Calling markForCheck also triggers the grid pipes explicitly, resulting in all updates being processed.
      * May degrade performance if used when not needed, or if misused:
-     * ```typescript
-     * // DON'Ts:
-     * // don't call markForCheck from inside a loop
-     * // don't call markForCheck when a primitive has changed
-     * grid.data.forEach(rec => {
-     *  rec = newValue;
-     *  grid.markForCheck();
-     * });
-     *
-     * // DOs
-     * // call markForCheck after updating a nested property
-     * grid.data.forEach(rec => {
-     *  rec.nestedProp1.nestedProp2 = newValue;
-     * });
-     * grid.markForCheck();
-     * ```
-     *
-     * @example
-     * ```typescript
-     * grid.markForCheck();
-     * ```
      */
     public markForCheck(): void;
 
@@ -1329,12 +923,7 @@ public set selectedRows(value: any[]);
 
     /* csSuppress */
     /**
-     * Creates a new `IgxGridRowComponent` and adds the data record to the end of the data source.
-     *
-     * @example
-     * ```typescript
-     * this.grid1.addRow(record);
-     * ```
+     * Creates a new grid row and adds the data record to the end of the data source.
      * @param data
      */
     public addRow(data: any): void;
@@ -1343,15 +932,7 @@ public set selectedRows(value: any[]);
 
     /* blazorCSSuppress */
     /**
-     * Removes the `IgxGridRowComponent` and the corresponding data record by primary key.
-     *
-     * @remarks
-     * Requires that the `primaryKey` property is set.
-     * The method accept rowSelector as a parameter, which is the rowID.
-     * @example
-     * ```typescript
-     * this.grid1.deleteRow(0);
-     * ```
+     * Removes the grid row and the corresponding data record by primary key.
      * @param rowSelector
      */
     public deleteRow(rowSelector: any): any;
@@ -1360,14 +941,7 @@ public set selectedRows(value: any[]);
 
     /* blazorCSSuppress */
     /**
-     * Updates the `IgxGridRowComponent` and the corresponding data record by primary key.
-     *
-     * @remarks
-     * Requires that the `primaryKey` property is set.
-     * @example
-     * ```typescript
-     * this.gridWithPK.updateCell('Updated', 1, 'ProductName');
-     * ```
+     * Updates the grid row and the corresponding data record by primary key.
      * @param value the new value which is to be set.
      * @param rowSelector corresponds to rowID.
      * @param column corresponds to column field.
@@ -1378,18 +952,7 @@ public set selectedRows(value: any[]);
 
     /* blazorCSSuppress */
     /**
-     * Updates the `IgxGridRowComponent`
-     *
-     * @remarks
-     * The row is specified by
-     * rowSelector parameter and the data source record with the passed value.
-     * This method will apply requested update only if primary key is specified in the grid.
-     * @example
-     * ```typescript
-     * grid.updateRow({
-     *       ProductID: 1, ProductName: 'Spearmint', InStock: true, UnitsInStock: 1, OrderDate: new Date('2005-03-21')
-     *   }, 1);
-     * ```
+     * Updates the grid row
      * @param value–
      * @param rowSelector correspond to rowID
      */
@@ -1400,13 +963,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Returns the data that is contained in the row component.
-     *
-     * @remarks
-     * If the primary key is not specified the row selector match the row data.
-     * @example
-     * ```typescript
-     * const data = grid.getRowData(94741);
-     * ```
      * @param rowSelector correspond to rowID
      */
     public getRowData(rowSelector: any): any;
@@ -1414,28 +970,14 @@ public set selectedRows(value: any[]);
             
 
     /**
-     * Sort a single `IgxColumnComponent`.
-     *
-     * @remarks
-     * Sort the `IgxGridComponent`'s `IgxColumnComponent` based on the provided array of sorting expressions.
-     * @example
-     * ```typescript
-     * this.grid.sort({ fieldName: name, dir: SortingDirection.Asc, ignoreCase: false });
-     * ```
+     * Sort a single column.
      */
     public sort(expression: IgcSortingExpression[]): void;
 
             
 
     /**
-     * Filters a single `IgxColumnComponent`.
-     *
-     * @example
-     * ```typescript
-     * public filter(term) {
-     *      this.grid.filter("ProductName", term, IgxStringFilteringOperand.instance().condition("contains"));
-     * }
-     * ```
+     * Filters a single column.
      * @param name
      * @param value
      * @param conditionOrExpressionTree
@@ -1446,12 +988,7 @@ public set selectedRows(value: any[]);
             
 
     /**
-     * Filters all the `IgxColumnComponent` in the `IgxGridComponent` with the same condition.
-     *
-     * @example
-     * ```typescript
-     * grid.filterGlobal('some', IgxStringFilteringOperand.instance().condition('contains'));
-     * ```
+     * Filters all the column in the grid with the same condition.
      * @param value
      * @param condition
      * @param ignoreCase
@@ -1463,18 +1000,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Enables summaries for the specified column and applies your customSummary.
-     *
-     * @remarks
-     * If you do not provide the customSummary, then the default summary for the column data type will be applied.
-     * @example
-     * ```typescript
-     * grid.enableSummaries([{ fieldName: 'ProductName' }, { fieldName: 'ID' }]);
-     * ```
-     * Enable summaries for the listed columns.
-     * @example
-     * ```typescript
-     * grid.enableSummaries('ProductName');
-     * ```
      * @param rest
      */
     public enableSummaries(rest: any[]): void;
@@ -1483,31 +1008,13 @@ public set selectedRows(value: any[]);
 
     /**
      * Disable summaries for the specified column.
-     *
-     * @example
-     * ```typescript
-     * grid.disableSummaries('ProductName');
-     * ```
-     * @remarks
-     * Disable summaries for the listed columns.
-     * @example
-     * ```typescript
-     * grid.disableSummaries([{ fieldName: 'ProductName' }]);
-     * ```
      */
     public disableSummaries(rest: any[]): void;
 
             
 
     /**
-     * If name is provided, clears the filtering state of the corresponding `IgxColumnComponent`.
-     *
-     * @remarks
-     * Otherwise clears the filtering state of all `IgxColumnComponent`s.
-     * @example
-     * ```typescript
-     * this.grid.clearFilter();
-     * ```
+     * If name is provided, clears the filtering state of the corresponding column.
      * @param name
      */
     public clearFilter(name?: string): void;
@@ -1515,14 +1022,7 @@ public set selectedRows(value: any[]);
             
 
     /**
-     * If name is provided, clears the sorting state of the corresponding `IgxColumnComponent`.
-     *
-     * @remarks
-     * otherwise clears the sorting state of all `IgxColumnComponent`.
-     * @example
-     * ```typescript
-     * this.grid.clearSort();
-     * ```
+     * If name is provided, clears the sorting state of the corresponding column.
      * @param name
      */
     public clearSort(name?: string): void;
@@ -1533,13 +1033,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Pins a column by field name.
-     *
-     * @remarks
-     * Returns whether the operation is successful.
-     * @example
-     * ```typescript
-     * this.grid.pinColumn("ID");
-     * ```
      * @param columnName
      * @param index
      * @param pinningPosition
@@ -1550,11 +1043,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Unpins a column by field name. Returns whether the operation is successful.
-     *
-     * @example
-     * ```typescript
-     * this.grid.pinColumn("ID");
-     * ```
      * @param columnName
      * @param index
      */
@@ -1565,13 +1053,6 @@ public set selectedRows(value: any[]);
     /* csSuppress */
     /**
      * Pin the row by its id.
-     *
-     * @remarks
-     * ID is either the primaryKey value or the data record instance.
-     * @example
-     * ```typescript
-     * this.grid.pinRow(rowID);
-     * ```
      * @param rowID The row id - primaryKey value or the data record instance.
      * @param index The index at which to insert the row in the pinned collection.
      */
@@ -1582,13 +1063,6 @@ public set selectedRows(value: any[]);
     /* csSuppress */
     /**
      * Unpin the row by its id.
-     *
-     * @remarks
-     * ID is either the primaryKey value or the data record instance.
-     * @example
-     * ```typescript
-     * this.grid.unpinRow(rowID);
-     * ```
      * @param rowID The row id - primaryKey value or the data record instance.
      */
     public unpinRow(rowID: any, row?: IgcRowType): boolean;
@@ -1597,13 +1071,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Finds the next occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
-     *
-     * @remarks
-     * Returns how many times the grid contains the string.
-     * @example
-     * ```typescript
-     * this.grid.findNext("financial");
-     * ```
      * @param text the string to search.
      * @param caseSensitive optionally, if the search should be case sensitive (defaults to false).
      * @param exactMatch optionally, if the text should match the entire value  (defaults to false).
@@ -1614,13 +1081,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Finds the previous occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
-     *
-     * @remarks
-     * Returns how many times the grid contains the string.
-     * @example
-     * ```typescript
-     * this.grid.findPrev("financial");
-     * ```
      * @param text the string to search.
      * @param caseSensitive optionally, if the search should be case sensitive (defaults to false).
      * @param exactMatch optionally, if the text should match the entire value (defaults to false).
@@ -1631,13 +1091,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Reapplies the existing search.
-     *
-     * @remarks
-     * Returns how many times the grid contains the last search.
-     * @example
-     * ```typescript
-     * this.grid.refreshSearch();
-     * ```
      * @param updateActiveInfo
      */
     public refreshSearch(updateActiveInfo?: boolean, endEdit?: boolean): number;
@@ -1646,11 +1099,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Removes all the highlights in the cell.
-     *
-     * @example
-     * ```typescript
-     * this.grid.clearSearch();
-     * ```
      */
     public clearSearch(): void;
 
@@ -1658,11 +1106,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Gets calculated width of the pinned areas.
-     *
-     * @example
-     * ```typescript
-     * const pinnedWidth = this.grid.getPinnedStartWidth();
-     * ```
      * @param takeHidden If we should take into account the hidden columns in the pinned area.
      */
     public getPinnedStartWidth(takeHidden?: boolean): void;
@@ -1671,11 +1114,6 @@ public set selectedRows(value: any[]);
 
     /**
  * Gets calculated width of the pinned areas.
- *
- * @example
- * ```typescript
- * const pinnedWidth = this.grid.getPinnedEndWidth();
- * ```
  * @param takeHidden If we should take into account the hidden columns in the pinned area.
  */
     public getPinnedEndWidth(takeHidden?: boolean): void;
@@ -1684,11 +1122,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Select specified rows by ID.
-     *
-     * @example
-     * ```typescript
-     * this.grid.selectRows([1,2,5], true);
-     * ```
      * @param rowIDs
      * @param clearCurrentSelection if true clears the current selection
      */
@@ -1698,11 +1131,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Deselect specified rows by ID.
-     *
-     * @example
-     * ```typescript
-     * this.grid.deselectRows([1,2,5]);
-     * ```
      * @param rowIDs
      */
     public deselectRows(rowIDs: any[]): void;
@@ -1711,15 +1139,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Selects all rows
-     *
-     * @remarks
-     * By default if filtering is in place, selectAllRows() and deselectAllRows() select/deselect all filtered rows.
-     * If you set the parameter onlyFilterData to false that will select all rows in the grid exept deleted rows.
-     * @example
-     * ```typescript
-     * this.grid.selectAllRows();
-     * this.grid.selectAllRows(false);
-     * ```
      * @param onlyFilterData
      */
     public selectAllRows(onlyFilterData?: boolean): void;
@@ -1728,14 +1147,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Deselects all rows
-     *
-     * @remarks
-     * By default if filtering is in place, selectAllRows() and deselectAllRows() select/deselect all filtered rows.
-     * If you set the parameter onlyFilterData to false that will deselect all rows in the grid exept deleted rows.
-     * @example
-     * ```typescript
-     * this.grid.deselectAllRows();
-     * ```
      * @param onlyFilterData
      */
     public deselectAllRows(onlyFilterData?: boolean): void;
@@ -1744,10 +1155,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Deselect selected cells.
-     * @example
-     * ```typescript
-     * this.grid.clearCellSelection();
-     * ```
      */
     public clearCellSelection(): void;
 
@@ -1768,12 +1175,7 @@ public set selectedRows(value: any[]);
             
 
     /**
-     *
      * 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.
      */
     public getSelectedData(formatters?: boolean, headers?: boolean): void;
 
@@ -1781,12 +1183,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Get current selected columns.
-     *
-     * @example
-     * Returns an array with selected columns
-     * ```typescript
-     * const selectedColumns = this.grid.selectedColumns();
-     * ```
      */
     public selectedColumns(): IgcColumnComponent[];
 
@@ -1794,11 +1190,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Select specified columns.
-     *
-     * @example
-     * ```typescript
-     * this.grid.selectColumns(['ID','Name'], true);
-     * ```
      * @param columns
      * @param clearCurrentSelection if true clears the current selection
      */
@@ -1808,11 +1199,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Deselect specified columns by field.
-     *
-     * @example
-     * ```typescript
-     * this.grid.deselectColumns(['ID','Name']);
-     * ```
      * @param columns
      */
     public deselectColumns(columns: string[] | IgcColumnComponent[]): void;
@@ -1821,11 +1207,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Deselects all columns
-     *
-     * @example
-     * ```typescript
-     * this.grid.deselectAllColumns();
-     * ```
      */
     public deselectAllColumns(): void;
 
@@ -1833,23 +1214,13 @@ public set selectedRows(value: any[]);
 
     /**
      * Selects all columns
-     *
-     * @example
-     * ```typescript
-     * this.grid.deselectAllColumns();
-     * ```
      */
     public selectAllColumns(): void;
 
             
 
     /**
-     *
      * Returns an array of the current columns 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.
      */
     public getSelectedColumnsData(formatters?: boolean, headers?: boolean): void;
 
@@ -1858,14 +1229,6 @@ public set selectedRows(value: any[]);
     /* blazorCsSuppress */
     /**
      * Navigates to a position in the grid based on provided `rowindex` and `visibleColumnIndex`.
-     *
-     * @remarks
-     * Also can execute a custom logic over the target element,
-     * through a callback function that accepts { targetType: GridKeydownTargetType, target: Object }
-     * @example
-     * ```typescript
-     *  this.grid.navigateTo(10, 3, (args) => { args.target.nativeElement.focus(); });
-     * ```
      */
     public navigateTo(rowIndex: number, visibleColIndex?: number, cb?: any): void;
 
@@ -1875,14 +1238,6 @@ public set selectedRows(value: any[]);
     /**
      * Returns `ICellPosition` which defines the next cell,
      * according to the current position, that match specific criteria.
-     *
-     * @remarks
-     * You can pass callback function as a third parameter of `getPreviousCell` method.
-     * The callback function accepts IgxColumnComponent as a param
-     * @example
-     * ```typescript
-     *  const nextEditableCellPosition = this.grid.getNextCell(0, 3, (column) => column.editable);
-     * ```
      */
     public getNextCell(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition;
 
@@ -1892,14 +1247,6 @@ public set selectedRows(value: any[]);
     /**
      * Returns `ICellPosition` which defines the previous cell,
      * according to the current position, that match specific criteria.
-     *
-     * @remarks
-     * You can pass callback function as a third parameter of `getPreviousCell` method.
-     * The callback function accepts IgxColumnComponent as a param
-     * @example
-     * ```typescript
-     *  const previousEditableCellPosition = this.grid.getPreviousCell(0, 3, (column) => column.editable);
-     * ```
      */
     public getPreviousCell(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition;
 
@@ -1914,7 +1261,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Closes the advanced filtering dialog.
-     *
      * @param applyChanges indicates whether the changes should be applied
      */
     public closeAdvancedFilteringDialog(applyChanges: boolean): void;
@@ -1923,13 +1269,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Finishes the row transactions on the current row and returns whether the grid editing was canceled.
-     *
-     * @remarks
-     * If `commit === true`, passes them from the pending state to the data (or transaction service)
-     * @example
-     * ```html
-     * <button type="button" igxButton (click)="grid.endEdit(true)">Commit Row</button>
-     * ```
      * @param commit
      */
     // TODO: Facade for crud service refactoring. To be removed
@@ -1941,17 +1280,6 @@ public set selectedRows(value: any[]);
 
     /**
      * Enters add mode by spawning the UI under the specified row by rowID.
-     *
-     * @remarks
-     * If null is passed as rowID, the row adding UI is spawned as the first record in the data view
-     * @remarks
-     * Spawning the UI to add a child for a record only works if you provide a rowID
-     * @example
-     * ```typescript
-     * this.grid.beginAddRowById('ALFKI');
-     * this.grid.beginAddRowById('ALFKI', true);
-     * this.grid.beginAddRowById(null);
-     * ```
      * @param rowID - The rowID to spawn the add row UI for, or null to spawn it as the first record in the data view
      * @param asChild - Whether the record should be added as a child. Only applicable to igxTreeGrid.
      */
@@ -1962,13 +1290,6 @@ public set selectedRows(value: any[]);
     /* csSuppress */
     /**
      * Enters add mode by spawning the UI at the specified index.
-     *
-     * @remarks
-     * Accepted values for index are integers from 0 to this.grid.dataView.length
-     * @example
-     * ```typescript
-     * this.grid.beginAddRowByIndex(0);
-     * ```
      * @param index - The index to spawn the UI at. Accepts integers from 0 to this.grid.dataView.length
      */
     public beginAddRowByIndex(index: number): void;
@@ -1977,652 +1298,277 @@ public set selectedRows(value: any[]);
 
 export declare interface IgcRowIslandComponentEventMap {
             
+        columnsAutogenerated: CustomEvent<IgcColumnsAutoGeneratedEventArgs>;
+
         		    /**
 		     * Event emitted when a grid is being created based on this row island.
-		     * ```html
-		     * <igx-hierarchical-grid [data]="Data" [autoGenerate]="true">
-		     *      <igx-row-island [key]="'childData'" (gridCreated)="gridCreated($event)" #rowIsland>
-		     *          <!-- ... -->
-		     *      </igx-row-island>
-		     * </igx-hierarchical-grid>
-		     * ```
-		     *
-		     * @memberof IgxRowIslandComponent
 		     */
 gridCreated: CustomEvent<IgcGridCreatedEventArgs>;
 
         		    /**
 		     * Emitted after a grid is being initialized for this row island.
 		     * The emitting is done in `ngAfterViewInit`.
-		     * ```html
-		     * <igx-hierarchical-grid [data]="Data" [autoGenerate]="true">
-		     *      <igx-row-island [key]="'childData'" (gridInitialized)="gridInitialized($event)" #rowIsland>
-		     *          <!-- ... -->
-		     *      </igx-row-island>
-		     * </igx-hierarchical-grid>
-		     * ```
-		     *
-		     * @memberof IgxRowIslandComponent
 		     */
 gridInitialized: CustomEvent<IgcGridCreatedEventArgs>;
 
         		    /**
 		     * Emitted when a new chunk of data is loaded from virtualization.
-		     *
-		     * @example
-		     * ```typescript
-		     *  <igx-hierarchical-grid [id]="'igx-grid-1'" [data]="Data" [autoGenerate]="true" (dataPreLoad)="handleEvent()">
-		     *  </igx-hierarchical-grid>
-		     * ```
 		     */
 dataPreLoad: CustomEvent<IgcForOfState>;
 
         		    /**
 		     * Emitted after filtering is performed.
-		     *
-		     * @remarks
-		     * Returns the filtering expressions tree of the column for which filtering was performed.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [height]="'305px'" [autoGenerate]="true"
-		     *              (filteringExpressionsTreeChange)="filteringExprTreeChange($event)"></igx-grid>
-		     * ```
 		     */
 filteringExpressionsTreeChange: CustomEvent<IgcFilteringExpressionsTree>;
 
         		    /**
 		     * Emitted after advanced filtering is performed.
-		     *
-		     * @remarks
-		     * Returns the advanced filtering expressions tree.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [height]="'305px'" [autoGenerate]="true"
-		     *           (advancedFilteringExpressionsTreeChange)="advancedFilteringExprTreeChange($event)"></igx-grid>
-		     * ```
 		     */
 advancedFilteringExpressionsTreeChange: CustomEvent<IgcFilteringExpressionsTree>;
 
         		    /**
 		     * Emitted when grid is scrolled horizontally/vertically.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [height]="'305px'" [autoGenerate]="true"
-		     *              (gridScroll)="onScroll($event)"></igx-grid>
-		     * ```
 		     */
 gridScroll: CustomEvent<IgcGridScrollEventArgs>;
 
         		    /**
 		     * Emitted when a cell is clicked.
-		     *
-		     * @remarks
-		     * Returns the `IgxGridCell`.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (cellClick)="cellClick($event)" [data]="localData" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 cellClick: CustomEvent<IgcGridCellEventArgs>;
 
         		    /**
 		     * Emitted when a row is clicked.
-		     *
-		     * @remarks
-		     * Returns the `IgxGridRow`.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (rowClick)="rowClick($event)" [data]="localData" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowClick: CustomEvent<IgcGridRowEventArgs>;
 
         		    /**
 		     * Emitted when formGroup is created on edit of row/cell.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (formGroupCreated)="formGroupCreated($event)" [data]="localData" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 formGroupCreated: CustomEvent<IgcGridFormGroupCreatedEventArgs>;
 
         		    /**
 		     * Emitted when grid's validation status changes.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (validationStatusChange)="validationStatusChange($event)" [data]="localData" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 validationStatusChange: CustomEvent<IgcGridValidationStatusEventArgs>;
 
         		    /**
 		     * Emitted when a cell is selected.
-		     *
-		     * @remarks
-		     *  Returns the `IgxGridCell`.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (selected)="onCellSelect($event)" [data]="localData" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 selected: CustomEvent<IgcGridCellEventArgs>;
 
         		    /**
-		     *  Emitted when `IgxGridRowComponent` is selected.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (rowSelectionChanging)="rowSelectionChanging($event)" [data]="localData" [autoGenerate]="true"></igx-grid>
-		     * ```
+		     *  Emitted when grid row is selected.
 		     */
 rowSelectionChanging: CustomEvent<IgcRowSelectionEventArgs>;
 
         		    /**
-		     *  Emitted when `IgxColumnComponent` is selected.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid (columnSelectionChanging)="columnSelectionChanging($event)" [data]="localData" [autoGenerate]="true"></igx-grid>
-		     * ```
+		     *  Emitted when column is selected.
 		     */
 columnSelectionChanging: CustomEvent<IgcColumnSelectionEventArgs>;
 
         		    /**
-		     * Emitted before `IgxColumnComponent` is pinned.
-		     *
-		     * @remarks
-		     * The index at which to insert the column may be changed through the `insertAtIndex` property.
-		     * @example
-		     * ```typescript
-		     * public columnPinning(event) {
-		     *     if (event.column.field === "Name") {
-		     *       event.insertAtIndex = 0;
-		     *     }
-		     * }
-		     * ```
+		     * Emitted before column is pinned.
 		     */
 columnPin: CustomEvent<IgcPinColumnCancellableEventArgs>;
 
         		    /**
-		     * Emitted after `IgxColumnComponent` is pinned.
-		     *
-		     * @remarks
-		     * The index that the column is inserted at may be changed through the `insertAtIndex` property.
-		     * @example
-		     * ```typescript
-		     * public columnPinning(event) {
-		     *     if (event.column.field === "Name") {
-		     *       event.insertAtIndex = 0;
-		     *     }
-		     * }
-		     * ```
+		     * Emitted after column is pinned.
 		     */
 columnPinned: CustomEvent<IgcPinColumnEventArgs>;
 
         		    /**
 		     * Emitted when cell enters edit mode.
-		     *
-		     * @remarks
-		     * This event is cancelable.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (cellEditEnter)="editStart($event)" [data]="data" [primaryKey]="'ProductID'">
-		     * </igx-grid>
-		     * ```
 		     */
 cellEditEnter: CustomEvent<IgcGridEditEventArgs>;
 
         		    /**
 		     * Emitted when cell exits edit mode.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (cellEditExit)="editExit($event)" [data]="data" [primaryKey]="'ProductID'">
-		     * </igx-grid>
-		     * ```
 		     */
 cellEditExit: CustomEvent<IgcGridEditDoneEventArgs>;
 
         		    /**
 		     * Emitted when cell has been edited.
-		     *
-		     * @remarks
-		     * Event is fired after editing is completed, when the cell is exiting edit mode.
-		     * This event is cancelable.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (cellEdit)="editDone($event)" [data]="data" [primaryKey]="'ProductID'">
-		     * </igx-grid>
-		     * ```
 		     */
 cellEdit: CustomEvent<IgcGridEditEventArgs>;
 
         		    /* blazorCSSuppress */
 		    /**
 		     * Emitted after cell has been edited and editing has been committed.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (cellEditDone)="editDone($event)" [data]="data" [primaryKey]="'ProductID'">
-		     * </igx-grid>
-		     * ```
 		     */
 cellEditDone: CustomEvent<IgcGridEditDoneEventArgs>;
 
         		    /**
 		     * Emitted when a row enters edit mode.
-		     *
-		     * @remarks
-		     * Emitted when [rowEditable]="true".
-		     * This event is cancelable.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (rowEditEnter)="editStart($event)" [primaryKey]="'ProductID'" [rowEditable]="true">
-		     * </igx-grid>
-		     * ```
 		     */
 rowEditEnter: CustomEvent<IgcGridEditEventArgs>;
 
         		    /**
 		     * Emitted when exiting edit mode for a row.
-		     *
-		     * @remarks
-		     * Emitted when [rowEditable]="true" & `endEdit(true)` is called.
-		     * Emitted when changing rows during edit mode, selecting an un-editable cell in the edited row,
-		     * performing paging operation, column resizing, pinning, moving or hitting `Done`
-		     * button inside of the rowEditingOverlay, or hitting the `Enter` key while editing a cell.
-		     * This event is cancelable.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (rowEdit)="editDone($event)" [data]="data" [primaryKey]="'ProductID'" [rowEditable]="true">
-		     * </igx-grid>
-		     * ```
 		     */
 rowEdit: CustomEvent<IgcGridEditEventArgs>;
 
         		    /**
 		     * Emitted after exiting edit mode for a row and editing has been committed.
-		     *
-		     * @remarks
-		     * Emitted when [rowEditable]="true" & `endEdit(true)` is called.
-		     * Emitted when changing rows during edit mode, selecting an un-editable cell in the edited row,
-		     * performing paging operation, column resizing, pinning, moving or hitting `Done`
-		     * button inside of the rowEditingOverlay, or hitting the `Enter` key while editing a cell.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (rowEditDone)="editDone($event)" [data]="data" [primaryKey]="'ProductID'" [rowEditable]="true">
-		     * </igx-grid>
-		     * ```
 		     */
 rowEditDone: CustomEvent<IgcGridEditDoneEventArgs>;
 
         		    /**
 		     * Emitted when row editing is canceled.
-		     *
-		     * @remarks
-		     * Emits when [rowEditable]="true" & `endEdit(false)` is called.
-		     * Emitted when changing hitting `Esc` key during cell editing and when click on the `Cancel` button
-		     * in the row editing overlay.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid3 (rowEditExit)="editExit($event)" [data]="data" [primaryKey]="'ProductID'" [rowEditable]="true">
-		     * </igx-grid>
-		     * ```
 		     */
 rowEditExit: CustomEvent<IgcGridEditDoneEventArgs>;
 
         		    /**
 		     * Emitted when a column is initialized.
-		     *
-		     * @remarks
-		     * Returns the column object.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (columnInit)="initColumns($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 columnInit: CustomEvent<IgcColumnComponent>;
 
-        		    /* blazorInclude */
-		    /**
-		     * @hidden @internal
-		     */
-columnsAutogenerated: CustomEvent<IgcColumnsAutoGeneratedEventArgs>;
-
         		    /**
 		     * Emitted before sorting expressions are applied.
-		     *
-		     * @remarks
-		     * Returns an `ISortingEventArgs` object. `sortingExpressions` key holds the sorting expressions.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [autoGenerate]="true" (sorting)="sorting($event)"></igx-grid>
-		     * ```
 		     */
 sorting: CustomEvent<IgcSortingEventArgs>;
 
         		    /**
 		     * Emitted after sorting is completed.
-		     *
-		     * @remarks
-		     * Returns the sorting expression.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [autoGenerate]="true" (sortingDone)="sortingDone($event)"></igx-grid>
-		     * ```
 		     */
 sortingDone: CustomEvent<IgcSortingExpression[]>;
 
         		    /**
 		     * Emitted before filtering expressions are applied.
-		     *
-		     * @remarks
-		     * Returns an `IFilteringEventArgs` object. `filteringExpressions` key holds the filtering expressions for the column.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [height]="'305px'" [autoGenerate]="true" (filtering)="filtering($event)"></igx-grid>
-		     * ```
 		     */
 filtering: CustomEvent<IgcFilteringEventArgs>;
 
         		    /**
 		     * Emitted after filtering is performed through the UI.
-		     *
-		     * @remarks
-		     * Returns the filtering expressions tree of the column for which filtering was performed.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [height]="'305px'" [autoGenerate]="true" (filteringDone)="filteringDone($event)"></igx-grid>
-		     * ```
 		     */
 filteringDone: CustomEvent<IgcFilteringExpressionsTree>;
 
         		    /* blazorCSSuppress */
 		    /**
 		     * Emitted when a row is added.
-		     *
-		     * @remarks
-		     * Returns the data for the new `IgxGridRowComponent` object.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (rowAdded)="rowAdded($event)" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowAdded: CustomEvent<IgcRowDataEventArgs>;
 
         		    /* blazorCSSuppress */
 		    /**
 		     * Emitted when a row is deleted.
-		     *
-		     * @remarks
-		     * Returns an `IRowDataEventArgs` object.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (rowDeleted)="rowDeleted($event)" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowDeleted: CustomEvent<IgcRowDataEventArgs>;
 
         		    /**
 		     * Emmited when deleting a row.
-		     *
-		     * @remarks
-		     * This event is cancelable.
-		     * Returns an IRowDataCancellableEventArgs` object.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (rowDelete)="rowDelete($event)" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowDelete: CustomEvent<IgcRowDataCancelableEventArgs>;
 
         		    /**
 		     * Emmited just before the newly added row is commited.
-		     *
-		     * @remarks
-		     * This event is cancelable.
-		     * Returns an IRowDataCancellableEventArgs` object.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (rowAdd)="rowAdd($event)" [height]="'305px'" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowAdd: CustomEvent<IgcRowDataCancelableEventArgs>;
 
         		    /**
 		     * Emitted after column is resized.
-		     *
-		     * @remarks
-		     * Returns the `IgxColumnComponent` object's old and new width.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (columnResized)="resizing($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 columnResized: CustomEvent<IgcColumnResizeEventArgs>;
 
         		    /**
 		     * Emitted when a cell or row is right clicked.
-		     *
-		     * @remarks
-		     * Returns the `IgxGridCell` object if the immediate context menu target is a cell or an `IgxGridRow` otherwise.
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (contextMenu)="contextMenu($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 contextMenu: CustomEvent<IgcGridContextMenuEventArgs>;
 
         		    /**
 		     * Emitted when a cell is double clicked.
-		     *
-		     * @remarks
-		     * Returns the `IgxGridCell` object.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" (doubleClick)="dblClick($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 doubleClick: CustomEvent<IgcGridCellEventArgs>;
 
         		    /**
 		     * Emitted before column visibility is changed.
-		     *
-		     * @remarks
-		     * Args: { column: any, newValue: boolean }
-		     * @example
-		     * ```html
-		     * <igx-grid (columnVisibilityChanging)="visibilityChanging($event)"></igx-grid>
-		     * ```
 		     */
 columnVisibilityChanging: CustomEvent<IgcColumnVisibilityChangingEventArgs>;
 
         		    /**
 		     * Emitted after column visibility is changed.
-		     *
-		     * @remarks
-		     * Args: { column: IgxColumnComponent, newValue: boolean }
-		     * @example
-		     * ```html
-		     * <igx-grid (columnVisibilityChanged)="visibilityChanged($event)"></igx-grid>
-		     * ```
 		     */
 columnVisibilityChanged: CustomEvent<IgcColumnVisibilityChangedEventArgs>;
 
         		    /**
 		     * Emitted when column moving starts.
-		     *
-		     * @remarks
-		     * Returns the moved `IgxColumnComponent` object.
-		     * @example
-		     * ```html
-		     * <igx-grid (columnMovingStart)="movingStart($event)"></igx-grid>
-		     * ```
 		     */
 columnMovingStart: CustomEvent<IgcColumnMovingStartEventArgs>;
 
         		    /**
 		     * Emitted during the column moving operation.
-		     *
-		     * @remarks
-		     * Returns the source and target `IgxColumnComponent` objects. This event is cancelable.
-		     * @example
-		     * ```html
-		     * <igx-grid (columnMoving)="moving($event)"></igx-grid>
-		     * ```
 		     */
 columnMoving: CustomEvent<IgcColumnMovingEventArgs>;
 
         		    /**
 		     * Emitted when column moving ends.
-		     *
-		     * @remarks
-		     * Returns the source and target `IgxColumnComponent` objects.
-		     * @example
-		     * ```html
-		     * <igx-grid (columnMovingEnd)="movingEnds($event)"></igx-grid>
-		     * ```
 		     */
 columnMovingEnd: CustomEvent<IgcColumnMovingEndEventArgs>;
 
         		    /**
 		     * Emitted when keydown is triggered over element inside grid's body.
-		     *
-		     * @remarks
-		     * This event is fired only if the key combination is supported in the grid.
-		     * Return the target type, target object and the original event. This event is cancelable.
-		     * @example
-		     * ```html
-		     *  <igx-grid (gridKeydown)="customKeydown($event)"></igx-grid>
-		     * ```
 		     */
 gridKeydown: CustomEvent<IgcGridKeydownEventArgs>;
 
         		    /**
 		     * Emitted when start dragging a row.
-		     *
-		     * @remarks
-		     * Return the dragged row.
 		     */
 rowDragStart: CustomEvent<IgcRowDragStartEventArgs>;
 
         		    /**
 		     * Emitted when dropping a row.
-		     *
-		     * @remarks
-		     * Return the dropped row.
 		     */
 rowDragEnd: CustomEvent<IgcRowDragEndEventArgs>;
 
         		    /**
 		     * Emitted when a copy operation is executed.
-		     *
-		     * @remarks
-		     * Fired only if copy behavior is enabled through the [`clipboardOptions`]{@link IgxGridBaseDirective#clipboardOptions}.
 		     */
 gridCopy: CustomEvent<IgcGridClipboardEvent>;
 
         		    /* blazorCSSuppress */
 		    /**
 		     * Emitted when the rows are expanded or collapsed.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid [data]="employeeData" (expansionStatesChange)="expansionStatesChange($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 expansionStatesChange: CustomEvent<Map<any, boolean>>;
 
         		    /* blazorInclude */
 		    /**
 		     * Emitted when the rows are selected or deselected.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid [data]="employeeData" (selectedRowsChange)="selectedRowsChange($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 selectedRowsChange: CustomEvent<any[]>;
 
-        		    /* blazorInclude */
-		    /** @hidden @internal */
-		    /**
-		     * Emitted when content children are resolved and collections in grid are updated.
-		     */
-childrenResolved: CustomEvent<void>;
-
         		    /**
 		     * Emitted when the expanded state of a row gets changed.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid [data]="employeeData" (rowToggle)="rowToggle($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowToggle: CustomEvent<IgcRowToggleEventArgs>;
 
         		    /**
 		     * Emitted when the pinned state of a row is changed.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid [data]="employeeData" (rowPinning)="rowPin($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowPinning: CustomEvent<IgcPinRowEventArgs>;
 
         		    /**
 		     * Emitted when the pinned state of a row is changed.
-		     *
-		     * @example
-		     * ```html
-		     * <igx-grid [data]="employeeData" (rowPinned)="rowPin($event)" [autoGenerate]="true"></igx-grid>
-		     * ```
 		     */
 rowPinned: CustomEvent<IgcPinRowEventArgs>;
 
         		    /**
 		     * Emitted when the active node is changed.
-		     *
-		     * @example
-		     * ```
-		     * <igx-grid [data]="data" [autoGenerate]="true" (activeNodeChange)="activeNodeChange($event)"></igx-grid>
-		     * ```
 		     */
 activeNodeChange: CustomEvent<IgcActiveNodeChangeEventArgs>;
 
         		    /**
 		     * Emitted before sorting is performed.
-		     *
-		     * @remarks
-		     * Returns the sorting expressions.
-		     * @example
-		     * ```html
-		     * <igx-grid #grid [data]="localData" [autoGenerate]="true" (sortingExpressionsChange)="sortingExprChange($event)"></igx-grid>
-		     * ```
 		     */
 sortingExpressionsChange: CustomEvent<IgcSortingExpression[]>;
 
         		    /**
 		     * Emitted when an export process is initiated by the user.
-		     *
-		     * @example
-		     * ```typescript
-		     * toolbarExporting(event: IGridToolbarExportEventArgs){
-		     *     const toolbarExporting = event;
-		     * }
-		     * ```
 		     */
 toolbarExporting: CustomEvent<IgcGridToolbarExportEventArgs>;
 
         		    /* End of toolbar related definitions */
 		    /**
 		     * Emitted when making a range selection.
-		     *
-		     * @remarks
-		     * Range selection can be made either through drag selection or through keyboard selection.
 		     */
 rangeSelected: CustomEvent<IgcGridSelectionRange>;
 
@@ -2631,21 +1577,11 @@ rendered: CustomEvent<boolean>;
 
         		    /**
 		     * Emitted before the grid's data view is changed because of a data operation, rebinding, etc.
-		     *
-		     * @example
-		     * ```typescript
-		     *  <igx-grid #grid [data]="localData" [autoGenerate]="true" (dataChanging)='handleDataChangingEvent()'></igx-grid>
-		     * ```
 		     */
 dataChanging: CustomEvent<IgcForOfDataChangeEventArgs>;
 
         		    /**
 		     * Emitted after the grid's data view is changed because of a data operation, rebinding, etc.
-		     *
-		     * @example
-		     * ```typescript
-		     *  <igx-grid #grid [data]="localData" [autoGenerate]="true" (dataChanged)='handleDataChangedEvent()'></igx-grid>
-		     * ```
 		     */
 dataChanged: CustomEvent<IgcForOfDataChangeEventArgs>;