igniteui-webcomponents-grids 5.2.0 → 5.3.0

package/lib/CheckboxListExternal.d.ts

@@ -1,5 +1,4 @@
 import { BaseControlTheme } from "igniteui-webcomponents-core";
-import { CheckboxListViewExternal } from "./CheckboxListViewExternal";
 import { Type } from "igniteui-webcomponents-core";
 import { Size } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity } from "igniteui-webcomponents-core";
@@ -10,7 +9,6 @@ import { CheckboxListExternalIndexType } from "./CheckboxListExternalIndexType";
  */
 export interface CheckboxListExternal {
     baseTheme: BaseControlTheme;
-    view: CheckboxListViewExternal;
     selectedMemberPath: string;
     dataMemberPath: string;
     itemsSource: any;
@@ -24,6 +22,7 @@ export interface CheckboxListExternal {
     searchIconColor: Brush;
     searchTextColor: Brush;
     indexType: CheckboxListExternalIndexType;
+    getDesiredSize(a: Size): Size;
 }
 /**
  * @hidden

package/lib/CheckboxListView_combined.d.ts

@@ -3,11 +3,10 @@ import { DomRenderer, DomWrapper } from "igniteui-webcomponents-core";
 import { XInputGroup } from "igniteui-webcomponents-inputs";
 import { XInput } from "igniteui-webcomponents-inputs";
 import { ControlDisplayDensity } from "igniteui-webcomponents-core";
-import { Size } from "igniteui-webcomponents-core";
-import { DataGrid } from "./DataGrid";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxListIndexType } from "./CheckboxListIndexType";
+import { DataGrid } from "./DataGrid";
 import { GridSelectedKeysCollection } from "./GridSelectedKeysCollection";
 import { InputGroupDisplayType } from "igniteui-webcomponents-inputs";
 import { BaseControlTheme } from "igniteui-webcomponents-core";
@@ -17,6 +16,7 @@ import { CheckboxListKeysClearedEventArgs } from "./CheckboxListKeysClearedEvent
 import { CheckedChangedEventArgs } from "./CheckedChangedEventArgs";
 import { DataGridCellEventArgs } from "./DataGridCellEventArgs";
 import { CheckboxListIndexTypeChangedEventArgs } from "./CheckboxListIndexTypeChangedEventArgs";
+import { Size } from "igniteui-webcomponents-core";
 import { SelectAllCheckboxChangedEventArgs } from "./SelectAllCheckboxChangedEventArgs";
 /**
  * @hidden
@@ -55,7 +55,6 @@ export declare class CheckboxListView extends Base {
     private r;
     ad(): void;
     ab(): void;
-    getDesiredSize(): Size;
     ac(): void;
     y(): void;
     aa(a: Thickness): void;
@@ -82,8 +81,8 @@ export declare class CheckboxList extends Base implements INotifyPropertyChanged
     get t(): XInput;
     set t(a: XInput);
     private an;
-    static readonly ed: Brush;
-    static readonly by: string;
+    static readonly ef: Brush;
+    static readonly b0: string;
     private get e();
     private ak;
     private get al();
@@ -98,41 +97,41 @@ export declare class CheckboxList extends Base implements INotifyPropertyChanged
     addSelectedKey(a: string[], b: any[]): void;
     insertSelectedKey(a: number, b: string[], c: any[]): void;
     removeSelectedKeyAt(a: number): void;
-    private c2;
-    private c3;
+    private c4;
+    private c5;
     selectedKeyAdded: (sender: any, args: CheckedChangedEventArgs) => void;
-    private cw;
+    private cy;
     selectedKeyRemoved: (sender: any, args: CheckedChangedEventArgs) => void;
-    private cx;
+    private cz;
     checkedChanged: (sender: any, args: CheckedChangedEventArgs) => void;
-    cs(a: number, b: boolean): void;
+    cu(a: number, b: boolean): void;
     notifySizeChanged(): void;
     destroy(): void;
     provideContainer(a: DomRenderer, b: DataGrid, c: any): void;
-    private cj;
+    private cl;
     provideSelectAllSection(a: any): void;
-    ci(a: any, b: DataGridCellEventArgs): void;
-    private ce;
-    ct(a: string): void;
-    private a2;
+    ck(a: any, b: DataGridCellEventArgs): void;
+    private cg;
+    cv(a: string): void;
+    private a4;
     get itemsSource(): any;
     set itemsSource(a: any);
-    private a4;
+    private a6;
     get dataMemberPath(): string;
     set dataMemberPath(a: string);
-    private a6;
+    private a8;
     get selectedMemberPath(): string;
     set selectedMemberPath(a: string);
-    private a5;
-    get bk(): string;
-    set bk(a: string);
+    private a7;
+    get bm(): string;
+    set bm(a: string);
     private w;
     get x(): InputGroupDisplayType;
     set x(a: InputGroupDisplayType);
-    private ay;
+    private a0;
+    get a3(): number;
+    set a3(a: number);
     get a1(): number;
-    set a1(a: number);
-    get az(): number;
     private ag;
     get ai(): FontInfo;
     set ai(a: FontInfo);
@@ -145,100 +144,101 @@ export declare class CheckboxList extends Base implements INotifyPropertyChanged
     private ad;
     get density(): ControlDisplayDensity;
     set density(a: ControlDisplayDensity);
-    private ds;
+    private du;
     get searchIconColor(): Brush;
     set searchIconColor(a: Brush);
-    private dq;
-    get d8(): Brush;
-    set d8(a: Brush);
-    private dt;
+    private ds;
+    get ea(): Brush;
+    set ea(a: Brush);
+    private dv;
     get searchTextColor(): Brush;
     set searchTextColor(a: Brush);
-    private dr;
-    get d9(): Brush;
-    set d9(a: Brush);
+    private dt;
+    get eb(): Brush;
+    set eb(a: Brush);
     private ah;
     get aj(): FontInfo;
     set aj(a: FontInfo);
+    private dm;
+    get d2(): Brush;
+    set d2(a: Brush);
     private dk;
     get d0(): Brush;
     set d0(a: Brush);
-    private di;
-    get dy(): Brush;
-    set dy(a: Brush);
+    private dn;
+    get d3(): Brush;
+    set d3(a: Brush);
     private dl;
     get d1(): Brush;
     set d1(a: Brush);
-    private dj;
-    get dz(): Brush;
-    set dz(a: Brush);
-    private dm;
-    get d2(): Brush;
-    set d2(a: Brush);
+    private dp;
+    get d4(): Brush;
+    set d4(a: Brush);
     private z;
     get aa(): ScrollbarStyle;
     set aa(a: ScrollbarStyle);
-    private dp;
-    get d7(): Brush;
-    set d7(a: Brush);
-    protected cy(a: string, b: any, c: any): void;
-    protected c4(a: string, b: any, c: any): void;
+    private dr;
+    get d9(): Brush;
+    set d9(a: Brush);
+    protected c0(a: string, b: any, c: any): void;
+    protected c6(a: string, b: any, c: any): void;
     indexTypeChanged: (sender: any, args: CheckboxListIndexTypeChangedEventArgs) => void;
-    private cu;
-    private dc;
-    private dd;
-    private cz;
-    c1(): void;
-    de(): void;
+    private cw;
+    private de;
+    private df;
+    private c1;
+    c3(): void;
+    dg(): void;
     updateHrMargin(a: Thickness): void;
     provideHrElement(a: any): void;
-    cv(): void;
-    private ck;
-    private i;
-    c8(a: number): void;
-    ca(a: number): void;
-    db(): void;
-    cg(): void;
-    cq(a: number, b: any, c: any): void;
-    cn(): void;
+    cx(): void;
     private cm;
-    co(a: number, b: any): void;
-    cp(a: number, b: any): void;
-    cb(a: any[]): void;
-    c9(a: any[]): void;
-    getDesiredSize(): Size;
-    private b1;
-    get b2(): string;
-    set b2(a: string);
-    private du;
-    get ec(): Brush;
-    set ec(a: Brush);
-    private dg;
-    get dw(): Brush;
-    set dw(a: Brush);
+    private i;
+    da(a: number): void;
+    cc(a: number): void;
+    dd(): void;
+    ci(): void;
+    cs(a: number, b: any, c: any): void;
+    cp(): void;
+    private co;
+    cq(a: number, b: any): void;
+    cr(a: number, b: any): void;
+    cd(a: any[]): void;
+    db(a: any[]): void;
+    getDesiredSize(a: Size): Size;
+    ay(): number;
+    private b3;
+    get b4(): string;
+    set b4(a: string);
+    private dw;
+    get ee(): Brush;
+    set ee(a: Brush);
+    private di;
+    get dy(): Brush;
+    set dy(a: Brush);
     get as(): boolean;
     private av;
     get showSelectAll(): boolean;
     set showSelectAll(a: boolean);
-    static d3: Brush;
-    private dh;
+    static d5: Brush;
+    private dj;
     get backgroundColor(): Brush;
     set backgroundColor(a: Brush);
-    static d4: Brush;
-    private dn;
+    static d6: Brush;
+    private dq;
     get rowHoverBackgroundColor(): Brush;
     set rowHoverBackgroundColor(a: Brush);
-    static d5: Brush;
-    private dv;
-    get ee(): Brush;
-    set ee(a: Brush);
+    static d7: Brush;
+    private dx;
+    get eg(): Brush;
+    set eg(a: Brush);
     keysCleared: (sender: any, args: CheckboxListKeysClearedEventArgs) => void;
     selectAllCheckboxChanged: (sender: any, args: SelectAllCheckboxChangedEventArgs) => void;
-    c0(a: boolean): void;
+    c2(a: boolean): void;
     ap(): boolean;
     ao(): boolean;
-    private a0;
-    cd(): void;
+    private a2;
+    cf(): void;
     private at;
     get au(): boolean;
     set au(a: boolean);

package/lib/igc-checkbox-list-component.d.ts

@@ -249,7 +249,7 @@ export declare class IgcCheckboxListComponent extends IgcHTMLElement {
     notifyRemoveItem(index: number, oldItem: any): void;
     addKeyValue(value: any[]): void;
     removeKeyValue(value: any[]): void;
-    getDesiredSize(): IgSize;
+    getDesiredSize(availableSize: IgSize): IgSize;
     /**
      * Returns true if no items are selected / checked; otherwise false.
     

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents-grids",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "Ignite UI Web Components grid components.",
   "homepage": "https://github.com/IgniteUI/igniteui-webcomponents-grids",
   "keywords": [
@@ -18,9 +18,9 @@
     "tslib": "^2.3.1"
   },
   "peerDependencies": {
-    "igniteui-webcomponents-core": "5.2.0",
-    "igniteui-webcomponents-layouts": "5.2.0",
-    "igniteui-webcomponents-inputs": "5.2.0"
+    "igniteui-webcomponents-core": "5.3.0",
+    "igniteui-webcomponents-layouts": "5.3.0",
+    "igniteui-webcomponents-inputs": "5.3.0"
   },
   "sideEffects": [
     "./grids/combined.js"
@@ -38,6 +38,8 @@
       "name": "igniteui",
       "email": "igniteui@infragistics.com"
     }
-  ]
+  ],
+  "customElements": "./custom-elements.json",
+  "web-types": "./web-types.json"
 }
 

package/vscode.css-custom-data.json

@@ -0,0 +1,6 @@
+{
+      "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
+      "version": 1.1,
+      "properties": [],
+      "pseudoElements": []
+    }

package/vscode.html-custom-data.json

@@ -0,0 +1,5 @@
+{
+      "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+      "version": 1.1,
+      "tags": [{"name":"igc-grid-state","description":"State component allows saving and restoring the state of the grid features.\n---\n\n\n### **Events:**\n - **stateParsed** - Event emitted when set state is called with a string.  Returns the parsed state object so that it can be further modified before applying to the grid.","attributes":[{"name":"options","description":"An object with options determining if a certain feature state should be saved.","values":[{"name":"IgcGridStateOptions"}]}],"references":[]},{"name":"igc-action-strip","description":"Action Strip provides templatable area for one or more actions.\n---\n","attributes":[{"name":"action-buttons","description":"ActionButton as ContentChildren inside the Action Strip","values":[{"name":"IgcGridActionsBaseDirective[]"}]},{"name":"hidden","description":"Gets/Sets the visibility of the Action Strip.  Could be used to set if the Action Strip will be initially hidden.","values":[]},{"name":"resource-strings","description":"Gets/Sets the resource strings.","values":[{"name":"IgcActionStripResourceStrings"}]}],"references":[]},{"name":"igc-grid-editing-actions","description":"Grid Editing Actions for the Action Strip\n---\n","attributes":[{"name":"add-row","description":"An input to enable/disable action strip row adding button","values":[]},{"name":"edit-row","description":"An input to enable/disable action strip row editing button","values":[]},{"name":"delete-row","description":"An input to enable/disable action strip row deleting button","values":[]},{"name":"add-child","description":"An input to enable/disable action strip child row adding button","values":[]},{"name":"as-menu-items","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","values":[]}],"references":[]},{"name":"igc-grid-pinning-actions","description":"Grid Pinning Actions for the Action Strip\n---\n","attributes":[{"name":"as-menu-items","description":"Gets/Sets if the action buttons will be rendered as menu items. When in menu, items will be rendered with text label.","values":[]}],"references":[]},{"name":"igc-column-group","description":"**Ignite UI for Angular Column Group**\n---\n","attributes":[{"name":"children","values":[{"name":"HTMLCollection"}]},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","values":[]},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","values":[]},{"name":"field","description":"Sets/gets the `field` value.","values":[]},{"name":"header","description":"Sets/gets the `header` value.","values":[]},{"name":"title","description":"Sets/gets the `title` value.","values":[]},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","values":[]},{"name":"selectable","description":"Returns if the column is selectable.","values":[]},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","values":[]},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","values":[]},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","values":[]},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","values":[]},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","values":[]},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","values":[]},{"name":"hidden","description":"Gets whether the column is hidden.","values":[]},{"name":"selected","description":"Returns if the column is selected.","values":[]},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","values":[]},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","values":[]},{"name":"width","description":"Gets the `width` of the column.","values":[]},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","values":[]},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","values":[]},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","values":[]},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","values":[]},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","values":[]},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","values":[]},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","values":[]},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","values":[]},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","values":[]},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","values":[]},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","values":[]},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","values":[]},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","values":[{"name":"GridColumnDataType"}]},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","values":[]},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","values":[]},{"name":"row-start","description":"Row index from which the field is starting.","values":[]},{"name":"col-start","description":"Column index from which the field is starting.","values":[]},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","values":[]},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","values":[]},{"name":"pinned","description":"Gets whether the column is `pinned`.","values":[]},{"name":"summaries","description":"Gets the column `summaries`.","values":[]},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","values":[{"name":"string[]"}]},{"name":"filters","description":"Gets the column `filters`.","values":[{"name":"IgcFilteringOperand"}]},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","values":[{"name":"IgcSortingStrategy"}]},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","values":[]},{"name":"pipe-args","values":[{"name":"IgcColumnPipeArgs"}]},{"name":"editor-options","description":"Pass optional properties for the default column editors.","values":[{"name":"IgcColumnEditorOptions"}]},{"name":"parent","description":"Sets/gets the parent column.","values":[]}],"references":[]},{"name":"igc-column","description":"**Ignite UI for Angular Column** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid#columns-configuration)   The Ignite UI Column is used within an `igx-grid` element to define what data the column will show. Features such as sorting,  filtering & editing are enabled at the column level.  You can also provide a template containing custom content inside  the column using `ng-template` which will be used for all cells within the column.\n---\n","attributes":[{"name":"field","description":"Sets/gets the `field` value.","values":[]},{"name":"header","description":"Sets/gets the `header` value.","values":[]},{"name":"title","description":"Sets/gets the `title` value.","values":[]},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","values":[]},{"name":"selectable","description":"Returns if the column is selectable.","values":[]},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","values":[]},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","values":[]},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","values":[]},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","values":[]},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","values":[]},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","values":[]},{"name":"hidden","description":"Gets whether the column is hidden.","values":[]},{"name":"selected","description":"Returns if the column is selected.","values":[]},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","values":[]},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","values":[]},{"name":"width","description":"Gets the `width` of the column.","values":[]},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","values":[]},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","values":[]},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","values":[]},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","values":[]},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","values":[]},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","values":[]},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","values":[]},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","values":[]},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","values":[]},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","values":[]},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","values":[]},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","values":[]},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","values":[{"name":"GridColumnDataType"}]},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","values":[]},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","values":[]},{"name":"row-start","description":"Row index from which the field is starting.","values":[]},{"name":"col-start","description":"Column index from which the field is starting.","values":[]},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","values":[]},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","values":[]},{"name":"pinned","description":"Gets whether the column is `pinned`.","values":[]},{"name":"summaries","description":"Gets the column `summaries`.","values":[]},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","values":[{"name":"string[]"}]},{"name":"filters","description":"Gets the column `filters`.","values":[{"name":"IgcFilteringOperand"}]},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","values":[{"name":"IgcSortingStrategy"}]},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","values":[]},{"name":"pipe-args","values":[{"name":"IgcColumnPipeArgs"}]},{"name":"editor-options","description":"Pass optional properties for the default column editors.","values":[{"name":"IgcColumnEditorOptions"}]},{"name":"parent","description":"Sets/gets the parent column.","values":[]}],"references":[]},{"name":"igc-column-layout","description":"Column layout for declaration of Multi-row Layout\n---\n","attributes":[{"name":"children","values":[{"name":"HTMLCollection"}]},{"name":"collapsible","description":"Set if the column group is collapsible.  Default value is `false`","values":[]},{"name":"expanded","description":"Set whether the group is expanded or collapsed initially.  Applied only if the collapsible property is set to `true`  Default value is `true`","values":[]},{"name":"field","description":"Sets/gets the `field` value.","values":[]},{"name":"header","description":"Sets/gets the `header` value.","values":[]},{"name":"title","description":"Sets/gets the `title` value.","values":[]},{"name":"sortable","description":"Sets/gets whether the column is sortable.  Default value is `false`.","values":[]},{"name":"selectable","description":"Returns if the column is selectable.","values":[]},{"name":"groupable","description":"Sets/gets whether the column is groupable.  Default value is `false`.","values":[]},{"name":"editable","description":"Gets whether the column is editable.  Default value is `false`.","values":[]},{"name":"filterable","description":"Sets/gets whether the column is filterable.  Default value is `true`.","values":[]},{"name":"resizable","description":"Sets/gets whether the column is resizable.  Default value is `false`.","values":[]},{"name":"autosize-header","description":"Sets/gets whether the column header is included in autosize logic.  Useful when template for a column header is sized based on parent, for example a default `div`.  Default value is `false`.","values":[]},{"name":"has-summary","description":"Gets a value indicating whether the summary for the column is enabled.","values":[]},{"name":"hidden","description":"Gets whether the column is hidden.","values":[]},{"name":"selected","description":"Returns if the column is selected.","values":[]},{"name":"disable-hiding","description":"Gets whether the hiding is disabled.","values":[]},{"name":"disable-pinning","description":"Gets whether the pinning is disabled.","values":[]},{"name":"width","description":"Gets the `width` of the column.","values":[]},{"name":"max-width","description":"Sets/gets the maximum `width` of the column.","values":[]},{"name":"header-classes","description":"Sets/gets the class selector of the column header.","values":[]},{"name":"header-styles","description":"Sets conditional style properties on the column header.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","values":[]},{"name":"header-group-classes","description":"Sets/gets the class selector of the column group header.","values":[]},{"name":"header-group-styles","description":"Sets conditional style properties on the column header group wrapper.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.","values":[]},{"name":"cell-classes","description":"Sets a conditional class selector of the column cells.  Accepts an object literal, containing key-value pairs,  where the key is the name of the CSS class, while the  value is either a callback function that returns a boolean,  or boolean, like so:","values":[]},{"name":"cell-styles","description":"Sets conditional style properties on the column cells.  Similar to `ngStyle` it accepts an object literal where the keys are  the style properties and the value is the expression to be evaluated.  As with `cellClasses` it accepts a callback function.","values":[]},{"name":"formatter","description":"Applies display format to cell values in the column. Does not modify the underlying data.","values":[]},{"name":"summary-formatter","description":"The summaryFormatter is used to format the display of the column summaries.   In this example, we check to see if the column name is OrderDate, and then provide a method as the summaryFormatter  to change the locale for the dates to 'fr-FR'. The summaries with the count key are skipped so they are displayed as numbers.","values":[]},{"name":"filtering-ignore-case","description":"Sets/gets whether the column filtering should be case sensitive.  Default value is `true`.","values":[]},{"name":"sorting-ignore-case","description":"Sets/gets whether the column sorting should be case sensitive.  Default value is `true`.","values":[]},{"name":"searchable","description":"Sets/gets whether the column is `searchable`.  Default value is `true`.","values":[]},{"name":"data-type","description":"Sets/gets the data type of the column values.  Default value is `string`.","values":[{"name":"GridColumnDataType"}]},{"name":"row-end","description":"Row index where the current field should end.  The amount of rows between rowStart and rowEnd will determine the amount of spanning rows to that field","values":[]},{"name":"col-end","description":"Column index where the current field should end.  The amount of columns between colStart and colEnd will determine the amount of spanning columns to that field","values":[]},{"name":"row-start","description":"Row index from which the field is starting.","values":[]},{"name":"col-start","description":"Column index from which the field is starting.","values":[]},{"name":"additional-template-context","description":"Sets/gets custom properties provided in additional template context.","values":[]},{"name":"min-width","description":"Sets/gets the minimum `width` of the column.  Default value is `88`;","values":[]},{"name":"pinned","description":"Gets whether the column is `pinned`.","values":[]},{"name":"summaries","description":"Gets the column `summaries`.","values":[]},{"name":"disabled-summaries","description":"Sets/gets the summary operands to exclude from display.  Accepts an array of string keys representing the summary types to disable, such as 'Min', 'Max', 'Count' etc.","values":[{"name":"string[]"}]},{"name":"filters","description":"Gets the column `filters`.","values":[{"name":"IgcFilteringOperand"}]},{"name":"sort-strategy","description":"Gets the column `sortStrategy`.","values":[{"name":"IgcSortingStrategy"}]},{"name":"visible-when-collapsed","description":"Indicates whether the column will be visible when its parent is collapsed.","values":[]},{"name":"pipe-args","values":[{"name":"IgcColumnPipeArgs"}]},{"name":"editor-options","description":"Pass optional properties for the default column editors.","values":[{"name":"IgcColumnEditorOptions"}]},{"name":"parent","description":"Sets/gets the parent column.","values":[]}],"references":[]},{"name":"igc-grid","description":"Grid provides a way to present and manipulate tabular data.\n---\n\n\n### **Events:**\n - **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **groupingDone** - Emitted when columns are grouped/ungrouped.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **selectedRowsChange**\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emmited when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","attributes":[{"name":"groups-expanded","description":"Gets/Sets whether created groups are rendered expanded or collapsed.","values":[]},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","values":[]},{"name":"data","description":"Gets/Sets the array of data that populates the component.","values":[{"name":"any[]"}]},{"name":"total-item-count","description":"Gets/Sets the total number of records in the data source.","values":[]},{"name":"grouping-expressions","description":"Gets/Sets the group by state.","values":[{"name":"IgcGroupingExpression[]"}]},{"name":"grouping-expansion-state","description":"Gets/Sets a list of expansion states for group rows.","values":[{"name":"IgcGroupByExpandState[]"}]},{"name":"hide-grouped-columns","description":"Gets/Sets whether the grouped columns should be hidden.","values":[]},{"name":"group-strategy","description":"Gets/Sets the grouping strategy of the grid.","values":[{"name":"IgcGridGroupingStrategy"}]},{"name":"drop-area-message","description":"Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.","values":[]},{"name":"show-group-area","description":"Returns whether the `IgxGridComponent` has group area.","values":[]},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","values":[]},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","values":[]},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","values":[{"name":"string[]"}]},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","values":[]},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","values":[]},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","values":[{"name":"IgcDataCloneStrategy"}]},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","values":[{"name":"IgcClipboardOptions"}]},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  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:","values":[]},{"name":"row-styles","description":"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.","values":[]},{"name":"primary-key","description":"Gets/Sets the primary key.","values":[]},{"name":"column-list","values":[{"name":"IgcColumnComponent[]"}]},{"name":"action-strip-components","values":[{"name":"IgcActionStripToken[]"}]},{"name":"toolbar","values":[{"name":"IgcGridToolbarComponent[]"}]},{"name":"pagination-components","values":[{"name":"IgcPaginatorComponent[]"}]},{"name":"resource-strings","description":"Gets/Sets the resource strings.","values":[{"name":"IgcGridResourceStrings"}]},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","values":[{"name":"FilteringLogic"}]},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"locale","description":"Gets/Sets the locale.","values":[]},{"name":"paging-mode","values":[{"name":"GridPagingMode"}]},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","values":[]},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","values":[]},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","values":[{"name":"GridValidationTrigger"}]},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","values":[]},{"name":"height","description":"Gets/Sets the height.","values":[]},{"name":"width","description":"Gets/Sets the width of the grid.","values":[]},{"name":"row-height","description":"Gets/Sets the row height.","values":[]},{"name":"column-width","description":"Gets/Sets the default width of the columns.","values":[]},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","values":[]},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","values":[]},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","values":[]},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","values":[]},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","values":[{"name":"IgcPinningConfig"}]},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","values":[]},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","values":[]},{"name":"filter-mode","description":"Gets/Sets the filter mode.","values":[{"name":"FilterMode"}]},{"name":"summary-position","description":"Gets/Sets the summary position.","values":[{"name":"GridSummaryPosition"}]},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","values":[{"name":"GridSummaryCalculationMode"}]},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","values":[]},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","values":[{"name":"IgcFilteringStrategy"}]},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","values":[{"name":"IgcGridSortingStrategy"}]},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","values":[{"name":"IgcSortingOptions"}]},{"name":"selected-rows","description":"Gets/Sets the current selection state.","values":[{"name":"any[]"}]},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","values":[{"name":"IgcSortingExpression[]"}]},{"name":"batch-editing","description":"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.","values":[]},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","values":[{"name":"GridSelectionMode"}]},{"name":"row-selection","description":"Gets/Sets row selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"column-selection","description":"Gets/Sets column selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","values":[{"name":"IgcOverlayOutletDirective"}]},{"name":"total-records","description":"Returns the total number of records.","values":[]},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","values":[]}],"references":[]},{"name":"igc-hierarchical-grid","description":"Hierarchical grid\n---\n\n\n### **Events:**\n - **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **selectedRowsChange**\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emmited when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","attributes":[{"name":"child-layout-list","values":[{"name":"IgcRowIslandComponent[]"}]},{"name":"id","description":"Gets/Sets the value of the `id` attribute.","values":[]},{"name":"data","description":"Gets/Sets the array of data that populates the component.","values":[{"name":"any[]"}]},{"name":"total-item-count","description":"Gets/Sets the total number of records in the data source.","values":[]},{"name":"expand-children","description":"Sets if all immediate children of the `IgxHierarchicalGridComponent` should be expanded/collapsed.  Default value is false.","values":[]},{"name":"has-children-key","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","values":[]},{"name":"show-expand-all","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","values":[]},{"name":"root-grid","values":[{"name":"IgcGridBaseDirective"}]},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","values":[]},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","values":[]},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","values":[{"name":"string[]"}]},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","values":[]},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","values":[]},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","values":[{"name":"IgcDataCloneStrategy"}]},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","values":[{"name":"IgcClipboardOptions"}]},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  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:","values":[]},{"name":"row-styles","description":"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.","values":[]},{"name":"primary-key","description":"Gets/Sets the primary key.","values":[]},{"name":"column-list","values":[{"name":"IgcColumnComponent[]"}]},{"name":"action-strip-components","values":[{"name":"IgcActionStripToken[]"}]},{"name":"toolbar","values":[{"name":"IgcGridToolbarComponent[]"}]},{"name":"pagination-components","values":[{"name":"IgcPaginatorComponent[]"}]},{"name":"resource-strings","description":"Gets/Sets the resource strings.","values":[{"name":"IgcGridResourceStrings"}]},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","values":[{"name":"FilteringLogic"}]},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"locale","description":"Gets/Sets the locale.","values":[]},{"name":"paging-mode","values":[{"name":"GridPagingMode"}]},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","values":[]},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","values":[]},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","values":[{"name":"GridValidationTrigger"}]},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","values":[]},{"name":"height","description":"Gets/Sets the height.","values":[]},{"name":"width","description":"Gets/Sets the width of the grid.","values":[]},{"name":"row-height","description":"Gets/Sets the row height.","values":[]},{"name":"column-width","description":"Gets/Sets the default width of the columns.","values":[]},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","values":[]},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","values":[]},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","values":[]},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","values":[]},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","values":[{"name":"IgcPinningConfig"}]},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","values":[]},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","values":[]},{"name":"filter-mode","description":"Gets/Sets the filter mode.","values":[{"name":"FilterMode"}]},{"name":"summary-position","description":"Gets/Sets the summary position.","values":[{"name":"GridSummaryPosition"}]},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","values":[{"name":"GridSummaryCalculationMode"}]},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","values":[]},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","values":[{"name":"IgcFilteringStrategy"}]},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","values":[{"name":"IgcGridSortingStrategy"}]},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","values":[{"name":"IgcSortingOptions"}]},{"name":"selected-rows","description":"Gets/Sets the current selection state.","values":[{"name":"any[]"}]},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","values":[{"name":"IgcSortingExpression[]"}]},{"name":"batch-editing","description":"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.","values":[]},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","values":[{"name":"GridSelectionMode"}]},{"name":"row-selection","description":"Gets/Sets row selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"column-selection","description":"Gets/Sets column selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","values":[{"name":"IgcOverlayOutletDirective"}]},{"name":"total-records","description":"Returns the total number of records.","values":[]},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","values":[]}],"references":[]},{"name":"igc-row-island","description":"Row island\n---\n\n\n### **Events:**\n - **gridCreated** - Event emitted when a grid is being created based on this row island.\n- **gridInitialized** - Emitted after a grid is being initialized for this row island.  The emitting is done in `ngAfterViewInit`.\n- **dataPreLoad** - Emitted when a new chunk of data is loaded from virtualization.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **selectedRowsChange**\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emmited when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","attributes":[{"name":"child-data-key","description":"Sets the key of the row island by which child data would be taken from the row data if such is provided.","values":[]},{"name":"child-layout-list","values":[{"name":"IgcRowIslandComponent[]"}]},{"name":"action-strip-components","values":[{"name":"IgcActionStripToken[]"}]},{"name":"expand-children","description":"Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.","values":[]},{"name":"has-children-key","description":"Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.","values":[]},{"name":"show-expand-all","description":"Gets/Sets whether the expand/collapse all button in the header should be rendered.","values":[]},{"name":"batch-editing","values":[]},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","values":[]},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","values":[]},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","values":[{"name":"string[]"}]},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","values":[]},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","values":[]},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","values":[{"name":"IgcDataCloneStrategy"}]},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","values":[{"name":"IgcClipboardOptions"}]},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  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:","values":[]},{"name":"row-styles","description":"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.","values":[]},{"name":"primary-key","description":"Gets/Sets the primary key.","values":[]},{"name":"column-list","values":[{"name":"IgcColumnComponent[]"}]},{"name":"toolbar","values":[{"name":"IgcGridToolbarComponent[]"}]},{"name":"pagination-components","values":[{"name":"IgcPaginatorComponent[]"}]},{"name":"resource-strings","description":"Gets/Sets the resource strings.","values":[{"name":"IgcGridResourceStrings"}]},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","values":[{"name":"FilteringLogic"}]},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"locale","description":"Gets/Sets the locale.","values":[]},{"name":"paging-mode","values":[{"name":"GridPagingMode"}]},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","values":[]},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","values":[]},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","values":[{"name":"GridValidationTrigger"}]},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","values":[]},{"name":"height","description":"Gets/Sets the height.","values":[]},{"name":"width","description":"Gets/Sets the width of the grid.","values":[]},{"name":"row-height","description":"Gets/Sets the row height.","values":[]},{"name":"column-width","description":"Gets/Sets the default width of the columns.","values":[]},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","values":[]},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","values":[]},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","values":[]},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","values":[]},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","values":[{"name":"IgcPinningConfig"}]},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","values":[]},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","values":[]},{"name":"filter-mode","description":"Gets/Sets the filter mode.","values":[{"name":"FilterMode"}]},{"name":"summary-position","description":"Gets/Sets the summary position.","values":[{"name":"GridSummaryPosition"}]},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","values":[{"name":"GridSummaryCalculationMode"}]},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","values":[]},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","values":[{"name":"IgcFilteringStrategy"}]},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","values":[{"name":"IgcGridSortingStrategy"}]},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","values":[{"name":"IgcSortingOptions"}]},{"name":"selected-rows","description":"Gets/Sets the current selection state.","values":[{"name":"any[]"}]},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","values":[{"name":"IgcSortingExpression[]"}]},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","values":[{"name":"GridSelectionMode"}]},{"name":"row-selection","description":"Gets/Sets row selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"column-selection","description":"Gets/Sets column selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"total-records","description":"Returns the total number of records.","values":[]},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","values":[]}],"references":[]},{"name":"igc-pivot-data-selector","description":"Pivot Data Selector provides means to configure the pivot state of the Pivot Grid via a vertical panel UI\n---\n","attributes":[{"name":"columns-expanded","description":"Gets/sets whether the columns panel is expanded  Get","values":[]},{"name":"rows-expanded","description":"Gets/sets whether the rows panel is expanded  Get","values":[]},{"name":"filters-expanded","description":"Gets/sets whether the filters panel is expanded  Get","values":[]},{"name":"values-expanded","description":"Gets/sets whether the values panel is expanded  Get","values":[]},{"name":"grid","description":"Sets the grid.","values":[{"name":"IgcPivotGridComponent"}]}],"references":[]},{"name":"igc-pivot-grid","description":"Pivot Grid provides a way to present and manipulate data in a pivot table view.\n---\n\n\n### **Events:**\n - **dimensionsChange** - Emitted when the dimension collection is changed via the grid chip area.\n- **pivotConfigurationChange** - Emitted when any of the pivotConfiguration properties is changed via the grid chip area.\n- **dimensionInit** - Emitted when the dimension is initialized.\n- **valueInit** - Emitted when the value is initialized.\n- **dimensionsSortingExpressionsChange** - Emitted when a dimension is sorted.\n- **valuesChange** - Emitted when the values collection is changed via the grid chip area.\n- **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **selectedRowsChange**\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emmited when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","attributes":[{"name":"pivot-configuration","description":"Gets/Sets the pivot configuration with all related dimensions and values.","values":[{"name":"IgcPivotConfiguration"}]},{"name":"auto-generate-config","description":"Gets/Sets whether to auto-generate the pivot configuration based on the provided data.","values":[]},{"name":"pivot-ui","values":[{"name":"IgcPivotUISettings"}]},{"name":"super-compact-mode","description":"Enables a super compact theme for the component.","values":[]},{"name":"default-expand-state","description":"Gets/Sets the default expand state for all rows.","values":[]},{"name":"data","description":"Gets/Sets the array of data that populates the component.","values":[{"name":"any[]"}]},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","values":[]},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","values":[]},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","values":[{"name":"string[]"}]},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","values":[]},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","values":[]},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","values":[{"name":"IgcDataCloneStrategy"}]},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","values":[{"name":"IgcClipboardOptions"}]},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  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:","values":[]},{"name":"row-styles","description":"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.","values":[]},{"name":"primary-key","description":"Gets/Sets the primary key.","values":[]},{"name":"column-list","values":[{"name":"IgcColumnComponent[]"}]},{"name":"action-strip-components","values":[{"name":"IgcActionStripToken[]"}]},{"name":"toolbar","values":[{"name":"IgcGridToolbarComponent[]"}]},{"name":"pagination-components","values":[{"name":"IgcPaginatorComponent[]"}]},{"name":"resource-strings","description":"Gets/Sets the resource strings.","values":[{"name":"IgcGridResourceStrings"}]},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","values":[{"name":"FilteringLogic"}]},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"locale","description":"Gets/Sets the locale.","values":[]},{"name":"paging-mode","values":[{"name":"GridPagingMode"}]},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","values":[]},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","values":[]},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","values":[{"name":"GridValidationTrigger"}]},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","values":[]},{"name":"height","description":"Gets/Sets the height.","values":[]},{"name":"width","description":"Gets/Sets the width of the grid.","values":[]},{"name":"row-height","description":"Gets/Sets the row height.","values":[]},{"name":"column-width","description":"Gets/Sets the default width of the columns.","values":[]},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","values":[]},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","values":[]},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","values":[]},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","values":[]},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","values":[{"name":"IgcPinningConfig"}]},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","values":[]},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","values":[]},{"name":"filter-mode","description":"Gets/Sets the filter mode.","values":[{"name":"FilterMode"}]},{"name":"summary-position","description":"Gets/Sets the summary position.","values":[{"name":"GridSummaryPosition"}]},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","values":[{"name":"GridSummaryCalculationMode"}]},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","values":[]},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","values":[{"name":"IgcFilteringStrategy"}]},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","values":[{"name":"IgcGridSortingStrategy"}]},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","values":[{"name":"IgcSortingOptions"}]},{"name":"selected-rows","description":"Gets/Sets the current selection state.","values":[{"name":"any[]"}]},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","values":[{"name":"IgcSortingExpression[]"}]},{"name":"batch-editing","description":"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.","values":[]},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","values":[{"name":"GridSelectionMode"}]},{"name":"row-selection","description":"Gets/Sets row selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"column-selection","description":"Gets/Sets column selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","values":[{"name":"IgcOverlayOutletDirective"}]},{"name":"total-records","description":"Returns the total number of records.","values":[]},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","values":[]}],"references":[]},{"name":"igc-grid-toolbar-title","description":"Provides a way to template the title portion of the toolbar in the grid.\n---\n","attributes":[],"references":[]},{"name":"igc-grid-toolbar-actions","description":"Provides a way to template the action portion of the toolbar in the grid.\n---\n","attributes":[],"references":[]},{"name":"igc-grid-toolbar-advanced-filtering","description":"Provides a pre-configured button to open the advanced filtering dialog of the grid.\n---\n","attributes":[{"name":"overlay-settings","values":[{"name":"IgcOverlaySettings"}]}],"references":[]},{"name":"igc-grid-toolbar-exporter","description":"Provides a pre-configured exporter component for the grid.\n---\n\n\n### **Events:**\n - **exportStarted** - Emitted when starting an export operation. Re-emitted additionally  by the grid itself.\n- **exportEnded** - Emitted on successful ending of an export operation.\n- **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","attributes":[{"name":"export-csv","description":"Show entry for CSV export.","values":[]},{"name":"export-excel","description":"Show entry for Excel export.","values":[]},{"name":"filename","description":"The name for the exported file.","values":[]},{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","values":[]},{"name":"title","description":"Title text for the column action component","values":[]},{"name":"prompt","description":"The placeholder text for the search input.","values":[]},{"name":"overlay-settings","description":"Sets overlay settings","values":[{"name":"IgcOverlaySettings"}]}],"references":[]},{"name":"igc-grid-toolbar-hiding","description":"Provides a pre-configured column hiding component for the grid.\n---\n\n\n### **Events:**\n - **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","attributes":[{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","values":[]},{"name":"title","description":"Title text for the column action component","values":[]},{"name":"prompt","description":"The placeholder text for the search input.","values":[]},{"name":"overlay-settings","description":"Sets overlay settings","values":[{"name":"IgcOverlaySettings"}]}],"references":[]},{"name":"igc-grid-toolbar-pinning","description":"Provides a pre-configured column pinning component for the grid.\n---\n\n\n### **Events:**\n - **opening** - Emits an event before the toggle container is opened.\n- **opened** - Emits an event after the toggle container is opened.\n- **closing** - Emits an event before the toggle container is closed.\n- **closed** - Emits an event after the toggle container is closed.\n- **columnToggle** - Emits when after a column's checked state is changed","attributes":[{"name":"column-list-height","description":"Sets the height of the column list in the dropdown.","values":[]},{"name":"title","description":"Title text for the column action component","values":[]},{"name":"prompt","description":"The placeholder text for the search input.","values":[]},{"name":"overlay-settings","description":"Sets overlay settings","values":[{"name":"IgcOverlaySettings"}]}],"references":[]},{"name":"igc-tree-grid","description":"**Ignite UI for Angular Tree Grid** -  [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid)   The Ignite UI Tree Grid displays and manipulates hierarchical data with consistent schema formatted as a table and  provides features such as sorting, filtering, editing, column pinning, paging, column moving and hiding.   Example:\n---\n\n\n### **Events:**\n - **filteringExpressionsTreeChange** - Emitted after filtering is performed.\n- **advancedFilteringExpressionsTreeChange** - Emitted after advanced filtering is performed.\n- **gridScroll** - Emitted when grid is scrolled horizontally/vertically.\n- **cellClick** - Emitted when a cell is clicked.\n- **rowClick** - Emitted when a row is clicked.\n- **formGroupCreated** - Emitted when formGroup is created on edit of row/cell.\n- **validationStatusChange** - Emitted when grid's validation status changes.\n- **selected** - Emitted when a cell is selected.\n- **rowSelectionChanging** - Emitted when `IgxGridRowComponent` is selected.\n- **columnSelectionChanging** - Emitted when `IgxColumnComponent` is selected.\n- **columnPin** - Emitted before `IgxColumnComponent` is pinned.\n- **columnPinned** - Emitted after `IgxColumnComponent` is pinned.\n- **cellEditEnter** - Emitted when cell enters edit mode.\n- **cellEditExit** - Emitted when cell exits edit mode.\n- **cellEdit** - Emitted when cell has been edited.\n- **cellEditDone** - Emitted after cell has been edited and editing has been committed.\n- **rowEditEnter** - Emitted when a row enters edit mode.\n- **rowEdit** - Emitted when exiting edit mode for a row.\n- **rowEditDone** - Emitted after exiting edit mode for a row and editing has been committed.\n- **rowEditExit** - Emitted when row editing is canceled.\n- **columnInit** - Emitted when a column is initialized.\n- **columnsAutogenerated**\n- **sorting** - Emitted before sorting expressions are applied.\n- **sortingDone** - Emitted after sorting is completed.\n- **filtering** - Emitted before filtering expressions are applied.\n- **filteringDone** - Emitted after filtering is performed through the UI.\n- **rowAdded** - Emitted when a row is added.\n- **rowDeleted** - Emitted when a row is deleted.\n- **rowDelete** - Emmited when deleting a row.\n- **rowAdd** - Emmited just before the newly added row is commited.\n- **columnResized** - Emitted after column is resized.\n- **contextMenu** - Emitted when a cell or row is right clicked.\n- **doubleClick** - Emitted when a cell is double clicked.\n- **columnVisibilityChanging** - Emitted before column visibility is changed.\n- **columnVisibilityChanged** - Emitted after column visibility is changed.\n- **columnMovingStart** - Emitted when column moving starts.\n- **columnMoving** - Emitted during the column moving operation.\n- **columnMovingEnd** - Emitted when column moving ends.\n- **gridKeydown** - Emitted when keydown is triggered over element inside grid's body.\n- **rowDragStart** - Emitted when start dragging a row.\n- **rowDragEnd** - Emitted when dropping a row.\n- **gridCopy** - Emitted when a copy operation is executed.\n- **selectedRowsChange**\n- **rowToggle** - Emitted when the expanded state of a row gets changed.\n- **rowPinning** - Emitted when the pinned state of a row is changed.\n- **rowPinned** - Emitted when the pinned state of a row is changed.\n- **activeNodeChange** - Emmited when the active node is changed.\n- **sortingExpressionsChange** - Emitted before sorting is performed.\n- **toolbarExporting** - Emitted when an export process is initiated by the user.\n- **rangeSelected** - Emitted when making a range selection.\n- **rendered** - Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM\n- **dataChanging** - Emitted before the grid's data view is changed because of a data operation, rebinding, etc.\n- **dataChanged** - Emitted after the grid's data view is changed because of a data operation, rebinding, etc.","attributes":[{"name":"child-data-key","description":"Sets the child data key of the `IgxTreeGridComponent`.","values":[]},{"name":"foreign-key","description":"Sets the foreign key of the `IgxTreeGridComponent`.","values":[]},{"name":"has-children-key","description":"Sets the key indicating whether a row has children.  This property is only used for load on demand scenarios.","values":[]},{"name":"cascade-on-delete","description":"Sets whether child records should be deleted when their parent gets deleted.  By default it is set to true and deletes all children along with the parent.","values":[]},{"name":"load-children-on-demand","description":"Sets a callback for loading child rows on demand.","values":[]},{"name":"id","description":"Sets the value of the `id` attribute. If not provided it will be automatically generated.","values":[]},{"name":"root-records","description":"Returns an array of the root level `ITreeGridRecord`s.","values":[{"name":"IgcTreeGridRecord[]"}]},{"name":"processed-root-records","description":"Returns an array of processed (filtered and sorted) root `ITreeGridRecord`s.","values":[{"name":"IgcTreeGridRecord[]"}]},{"name":"data","description":"Gets/Sets the array of data that populates the component.","values":[{"name":"any[]"}]},{"name":"expansion-depth","description":"Sets the count of levels to be expanded in the `IgxTreeGridComponent`. By default it is  set to `Infinity` which means all levels would be expanded.","values":[]},{"name":"snackbar-display-time","description":"Gets/Sets the display time for the row adding snackbar notification.","values":[]},{"name":"auto-generate","description":"Gets/Sets whether to auto-generate the columns.","values":[]},{"name":"auto-generate-exclude","description":"Gets/Sets a list of property keys to be excluded from the generated column collection","values":[{"name":"string[]"}]},{"name":"moving","description":"Controls whether columns moving is enabled in the grid.","values":[]},{"name":"summary-row-height","description":"Get/Set IgxSummaryRow height","values":[]},{"name":"data-clone-strategy","description":"Gets/Sets the data clone strategy of the grid when in edit mode.","values":[{"name":"IgcDataCloneStrategy"}]},{"name":"clipboard-options","description":"Controls the copy behavior of the grid.","values":[{"name":"IgcClipboardOptions"}]},{"name":"row-classes","description":"Sets a conditional class selector to the grid's row element.  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:","values":[]},{"name":"row-styles","description":"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.","values":[]},{"name":"primary-key","description":"Gets/Sets the primary key.","values":[]},{"name":"column-list","values":[{"name":"IgcColumnComponent[]"}]},{"name":"action-strip-components","values":[{"name":"IgcActionStripToken[]"}]},{"name":"toolbar","values":[{"name":"IgcGridToolbarComponent[]"}]},{"name":"pagination-components","values":[{"name":"IgcPaginatorComponent[]"}]},{"name":"resource-strings","description":"Gets/Sets the resource strings.","values":[{"name":"IgcGridResourceStrings"}]},{"name":"filtering-logic","description":"Gets/Sets the filtering logic of the `IgxGridComponent`.","values":[{"name":"FilteringLogic"}]},{"name":"filtering-expressions-tree","description":"Gets/Sets the filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"advanced-filtering-expressions-tree","description":"Gets/Sets the advanced filtering state.","values":[{"name":"IgcFilteringExpressionsTree"}]},{"name":"locale","description":"Gets/Sets the locale.","values":[]},{"name":"paging-mode","values":[{"name":"GridPagingMode"}]},{"name":"hide-row-selectors","description":"Gets/Sets if the row selectors are hidden.","values":[]},{"name":"row-draggable","description":"Gets/Sets whether rows can be moved.","values":[]},{"name":"validation-trigger","description":"Gets/Sets the trigger for validators used when editing the grid.","values":[{"name":"GridValidationTrigger"}]},{"name":"row-editable","description":"Gets/Sets whether the rows are editable.","values":[]},{"name":"height","description":"Gets/Sets the height.","values":[]},{"name":"width","description":"Gets/Sets the width of the grid.","values":[]},{"name":"row-height","description":"Gets/Sets the row height.","values":[]},{"name":"column-width","description":"Gets/Sets the default width of the columns.","values":[]},{"name":"empty-grid-message","description":"Get/Sets the message displayed when there are no records.","values":[]},{"name":"is-loading","description":"Gets/Sets whether the grid is going to show a loading indicator.","values":[]},{"name":"should-generate","description":"Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid","values":[]},{"name":"empty-filtered-grid-message","description":"Gets/Sets the message displayed when there are no records and the grid is filtered.","values":[]},{"name":"pinning","description":"Gets/Sets the initial pinning configuration.","values":[{"name":"IgcPinningConfig"}]},{"name":"allow-filtering","description":"Gets/Sets if the filtering is enabled.","values":[]},{"name":"allow-advanced-filtering","description":"Gets/Sets a value indicating whether the advanced filtering is enabled.","values":[]},{"name":"filter-mode","description":"Gets/Sets the filter mode.","values":[{"name":"FilterMode"}]},{"name":"summary-position","description":"Gets/Sets the summary position.","values":[{"name":"GridSummaryPosition"}]},{"name":"summary-calculation-mode","description":"Gets/Sets the summary calculation mode.","values":[{"name":"GridSummaryCalculationMode"}]},{"name":"show-summary-on-collapse","description":"Controls whether the summary row is visible when groupBy/parent row is collapsed.","values":[]},{"name":"filter-strategy","description":"Gets/Sets the filtering strategy of the grid.","values":[{"name":"IgcFilteringStrategy"}]},{"name":"sort-strategy","description":"Gets/Sets the sorting strategy of the grid.","values":[{"name":"IgcGridSortingStrategy"}]},{"name":"sorting-options","description":"Gets/Sets the sorting options - single or multiple sorting.  Accepts an `ISortingOptions` object with any of the `mode` properties.","values":[{"name":"IgcSortingOptions"}]},{"name":"selected-rows","description":"Gets/Sets the current selection state.","values":[{"name":"any[]"}]},{"name":"sorting-expressions","description":"Gets/Sets the sorting state.","values":[{"name":"IgcSortingExpression[]"}]},{"name":"batch-editing","description":"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.","values":[]},{"name":"cell-selection","description":"Gets/Sets cell selection mode.","values":[{"name":"GridSelectionMode"}]},{"name":"row-selection","description":"Gets/Sets row selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"column-selection","description":"Gets/Sets column selection mode","values":[{"name":"GridSelectionMode"}]},{"name":"outlet","description":"Gets/Sets the outlet used to attach the grid's overlays to.","values":[{"name":"IgcOverlayOutletDirective"}]},{"name":"total-records","description":"Returns the total number of records.","values":[]},{"name":"select-row-on-click","description":"Gets/Sets whether clicking over a row should select/deselect it","values":[]}],"references":[]},{"name":"igc-grid-toolbar","description":"Provides a context-aware container component for UI operations for the grid components.\n---\n","attributes":[{"name":"show-progress","description":"When enabled, shows the indeterminate progress bar.","values":[]},{"name":"grid","description":"Gets/sets the grid component for the toolbar component.","values":[{"name":"IgcGridBaseDirective"}]}],"references":[]},{"name":"igc-paginator","description":"Paginator component description\n---\n\n\n### **Events:**\n - **perPageChange** - Emitted when `perPage` property value of the paginator is changed.\n- **pageChange** - Emitted after the current page is changed.\n- **paging** - Emitted before paging is performed.\n- **pagingDone** - Emitted after paging is performed.","attributes":[{"name":"total-pages","description":"Total pages calculated from totalRecords and perPage","values":[]},{"name":"page","description":"Gets/Sets the current page of the paginator.  The default is 0.","values":[]},{"name":"per-page","description":"Gets/Sets the number of visible items per page in the paginator.  The default is 15.","values":[]},{"name":"total-records","description":"Sets the total records.","values":[]},{"name":"select-options","description":"Sets custom options in the select of the paginator","values":[{"name":"number[]"}]},{"name":"overlay-settings","description":"Sets custom OverlaySettings.","values":[{"name":"IgcOverlaySettings"}]},{"name":"resource-strings","description":"An accessor that sets the resource strings.  By default it uses EN resources.","values":[{"name":"IgcPaginatorResourceStrings"}]}],"references":[]}]
+    }