igniteui-webcomponents-data-grids 7.1.0-alpha.0 → 7.1.0-alpha.1

package/lib/GridStyleRepository.d.ts

@@ -1,97 +1,36 @@
 import { Base, Type } from "igniteui-webcomponents-core";
-import { Brush } from "igniteui-webcomponents-core";
-import { FontInfo } from "igniteui-webcomponents-core";
 import { ColumnOptionsIconAlignment } from "./ColumnOptionsIconAlignment";
 import { ColumnOptionsIconBehavior } from "./ColumnOptionsIconBehavior";
 import { Thickness } from "igniteui-webcomponents-core";
 import { CornerRadius } from "igniteui-webcomponents-core";
+import { Brush } from "igniteui-webcomponents-core";
+import { GridStyleRepositoryKeys } from "./GridStyleRepositoryKeys";
+import { FontInfo } from "igniteui-webcomponents-core";
+import { BaseControlTheme } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
 export declare class GridStyleRepository extends Base {
     static $t: Type;
-    private static at;
-    static get bo(): Brush;
-    private static av;
-    static get bq(): Brush;
-    private static an;
-    static get bi(): Brush;
-    private static ad;
-    static get a8(): Brush;
-    private static ab;
-    static get a6(): Brush;
-    private static ax;
-    static get bs(): Brush;
-    private static ay;
-    static get bt(): Brush;
-    private static v;
-    static get a0(): Brush;
-    private static w;
-    static get a1(): Brush;
-    private static u;
-    static get az(): Brush;
-    private static h;
-    static get n(): FontInfo;
-    private static c;
-    static get i(): FontInfo;
-    private static g;
-    static get m(): FontInfo;
-    static o: number;
-    private static d;
-    static get j(): FontInfo;
-    private static e;
-    static get l(): FontInfo;
-    private static f;
-    static get k(): FontInfo;
-    private static al;
-    static get bg(): Brush;
-    private static x;
-    static get a2(): Brush;
-    private static ac;
-    static get a7(): Brush;
-    private static as;
-    static get bn(): Brush;
-    private static aw;
-    static get br(): Brush;
-    private static au;
-    static get bp(): Brush;
-    private static aj;
-    static get be(): Brush;
-    private static ai;
-    static get bd(): Brush;
-    private static am;
-    static get bh(): Brush;
-    private static af;
-    static get ba(): Brush;
-    private static ah;
-    static get bc(): Brush;
-    private static ak;
-    static get bf(): Brush;
-    private static ao;
-    static get bj(): Brush;
-    private static ap;
-    static get bk(): Brush;
-    private static z;
-    static get a4(): Brush;
-    private static ag;
-    static get bb(): Brush;
-    private static ae;
-    static get a9(): Brush;
-    private static aa;
-    static get a5(): Brush;
+    static j: number;
     static get a(): ColumnOptionsIconAlignment;
     static get b(): ColumnOptionsIconBehavior;
-    static get q(): number;
-    static get r(): number;
-    static get p(): number;
-    private static y;
-    static get a3(): Brush;
-    private static bu;
-    static get bv(): Thickness;
-    private static s;
-    static get t(): CornerRadius;
-    private static ar;
-    static get bm(): Brush;
-    private static aq;
-    static get bl(): Brush;
+    static get l(): number;
+    static get m(): number;
+    static get k(): number;
+    private static t;
+    static get u(): Thickness;
+    private static o;
+    static get p(): CornerRadius;
+    private static e;
+    private static f;
+    private static g;
+    private static i;
+    private static h;
+    static n(): void;
+    private static c;
+    private static q;
+    private static r;
+    static s(a: BaseControlTheme, b: GridStyleRepositoryKeys): Brush;
+    static d(a: BaseControlTheme, b: GridStyleRepositoryKeys): FontInfo;
 }

package/lib/GridStyleRepositoryKeys.d.ts

@@ -0,0 +1,48 @@
+import { Type } from "igniteui-webcomponents-core";
+/**
+ * @hidden
+ */
+export declare const enum GridStyleRepositoryKeys {
+    HeaderSeparatorColorKey = 0,
+    RowSeparatorColorKey = 1,
+    StickyRowSeparatorColorKey = 2,
+    LastStickyRowSeparatorColorKey = 3,
+    HeaderRowSeparatorColorKey = 4,
+    CellDeleteTextColorKey = 5,
+    CellTextColorKey = 6,
+    BarColorKey = 7,
+    BarOutlineColorKey = 8,
+    ActivationBorderColorKey = 9,
+    CellSelectedBackgroundColorKey = 10,
+    CellBackgroundColorKey = 11,
+    CellHoverBackgroundColorKey = 12,
+    HeaderBackgroundColorKey = 13,
+    SortIndicatorColorKey = 14,
+    HeaderTextColorKey = 15,
+    SectionHeaderBackgroundColorKey = 16,
+    SectionFooterBackgroundColorKey = 17,
+    StickyRowBackgroundColorKey = 18,
+    PinnedRowBackgroundColorKey = 19,
+    RootSummaryCellBackgroundColorKey = 20,
+    SectionSummaryCellBackgroundColorKey = 21,
+    SummaryLabelTextColorKey = 22,
+    SummaryValueTextColorKey = 23,
+    ColumnMoveSeparatorBackgroundColorKey = 24,
+    ResizeSeparatorBackgroundColorKey = 25,
+    PinnedAreaSeparatorBackgroundColorKey = 26,
+    ColumnOptionsIconColorKey = 27,
+    GridBorderColorKey = 28,
+    GridBackgroundColorKey = 29,
+    CellErrorBorderColorKey = 30,
+    EditorRowOverlayBackgroundColorKey = 31,
+    CellFontKey = 32,
+    EmojiFontKey = 33,
+    CellEditFontKey = 34,
+    HeaderCellFontKey = 35,
+    SummaryValueFontKey = 36,
+    SummaryNameFontKey = 37
+}
+/**
+ * @hidden
+ */
+export declare let GridStyleRepositoryKeys_$type: Type;

package/lib/ImageCell.d.ts

@@ -10,25 +10,25 @@ import { ImageStretchOptions } from "./ImageStretchOptions";
  */
 export declare class ImageCell extends GridCellBase {
     static $t: Type;
-    private d1;
-    private dv;
+    private d2;
     private dw;
-    private d3;
     private dx;
+    private d4;
     private dy;
-    private d0;
-    get d2(): DomWrapper;
-    get dz(): number;
-    set dz(a: number);
+    private dz;
+    private d1;
+    get d3(): DomWrapper;
+    get d0(): number;
+    set d0(a: number);
     constructor(a: DomRenderer);
+    private d7;
+    d8(a: string, b: ImageResourceType): void;
     private d6;
-    d7(a: string, b: ImageResourceType): void;
-    private d5;
-    ea(a: ImageStretchOptions): void;
-    private eb;
-    d4(): void;
-    d8(a: CellContentHorizontalAlignment): void;
-    d9(a: CellContentVerticalAlignment): void;
+    eb(a: ImageStretchOptions): void;
+    private ec;
+    d5(): void;
+    d9(a: CellContentHorizontalAlignment): void;
+    ea(a: CellContentVerticalAlignment): void;
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;
 }

package/lib/SectionHeaderCell.d.ts

@@ -1,14 +1,16 @@
 import { GridCellBase } from "./GridCellBase";
 import { DomWrapper, DomRenderer } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
 import { Type } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
 export declare class SectionHeaderCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): DomWrapper;
+    private dw;
+    get dx(): DomWrapper;
     constructor(a: DomRenderer);
+    c0(a: DomWrapper, b: FontInfo): void;
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;
 }

package/lib/SummaryCell.d.ts

@@ -1,20 +1,22 @@
 import { GridCellBase } from "./GridCellBase";
 import { DomWrapper, DomRenderer } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
 import { Type } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
 export declare class SummaryCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dy(): DomWrapper;
     private dw;
     get dz(): DomWrapper;
     private dx;
+    get d0(): DomWrapper;
+    private dy;
+    private d2;
+    dc(a: number, b: number): void;
     private d1;
-    db(a: number, b: number): void;
-    private d0;
     c1(a: number, b: number): void;
+    c0(a: DomWrapper, b: FontInfo): void;
     constructor(a: DomRenderer);
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;

package/lib/TemplateCell.d.ts

@@ -7,11 +7,11 @@ import { Type } from "igniteui-webcomponents-core";
  */
 export declare class TemplateCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): TemplateCellContainer;
+    private dw;
+    get dx(): TemplateCellContainer;
     constructor(a: DomRenderer);
     protected get_ae(): boolean;
     protected ck(a: string, b: any, c: any): void;
     b9(): void;
-    private dx;
+    private dy;
 }

package/lib/TemplateHeader.d.ts

@@ -12,8 +12,8 @@ export declare class TemplateHeader extends Header {
     static $t: Type;
     constructor();
     protected n(a: CellPath): CellModel;
-    protected d3(a: CellPath, b: DataGrid, c: any): string;
-    ep(a: CellModel, b: DataGrid, c: any, d: any): void;
-    hr(a: TemplateHeaderCellModel, b: any): void;
+    protected d4(a: CellPath, b: DataGrid, c: any): string;
+    eq(a: CellModel, b: DataGrid, c: any, d: any): void;
+    ht(a: TemplateHeaderCellModel, b: any): void;
     cellUpdating: (sender: any, args: TemplateHeaderCellUpdatingEventArgs) => void;
 }

package/lib/TemplateHeaderCell.d.ts

@@ -7,8 +7,8 @@ import { Type } from "igniteui-webcomponents-core";
  */
 export declare class TemplateHeaderCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): TemplateCellContainer;
+    private dw;
+    get dx(): TemplateCellContainer;
     constructor(a: DomRenderer);
     protected get_ac(): boolean;
 }

package/lib/TemplateSectionHeader.d.ts

@@ -10,8 +10,8 @@ import { TemplateSectionHeaderCellUpdatingEventArgs } from "./TemplateSectionHea
  */
 export declare class TemplateSectionHeader extends SectionHeader {
     static $t: Type;
-    protected d3(a: CellPath, b: DataGrid, c: any): string;
+    protected d4(a: CellPath, b: DataGrid, c: any): string;
     protected n(a: CellPath): CellModel;
-    hv(a: TemplateSectionHeaderCellModel, b: any): void;
+    hx(a: TemplateSectionHeaderCellModel, b: any): void;
     cellUpdating: (sender: any, args: TemplateSectionHeaderCellUpdatingEventArgs) => void;
 }

package/lib/TextCell.d.ts

@@ -7,11 +7,11 @@ import { FontInfo } from "igniteui-webcomponents-core";
  */
 export declare class TextCell extends GridCellBase {
     static $t: Type;
-    private dv;
-    get dw(): DomWrapper;
+    private dw;
+    get dx(): DomWrapper;
+    private dz;
+    dc(a: number, b: number): void;
     private dy;
-    db(a: number, b: number): void;
-    private dx;
     c1(a: number, b: number): void;
     constructor(a: DomRenderer);
     c0(a: DomWrapper, b: FontInfo): void;

package/lib/TextHeaderCell.d.ts

@@ -8,49 +8,51 @@ import { ICellActionManager } from "./ICellActionManager";
 import { Type } from "igniteui-webcomponents-core";
 import { FontInfo } from "igniteui-webcomponents-core";
 import { CellContentHorizontalAlignment } from "./CellContentHorizontalAlignment";
+import { BaseControlTheme } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
 export declare class TextHeaderCell extends GridCellBase {
     static $t: Type;
-    private d6;
-    private d2;
-    private d0;
+    private d7;
+    private d3;
+    private d1;
+    private dx;
     private dw;
-    private dv;
-    get d9(): DomWrapper;
-    get d3(): GridSortIndicator;
-    get d1(): GridFilterDialog;
-    private dy;
-    get dz(): ColumnOptionsIconBehavior;
-    set dz(a: ColumnOptionsIconBehavior);
-    get dx(): ColumnOptionsIconAlignment;
-    set dx(a: ColumnOptionsIconAlignment);
+    get ea(): DomWrapper;
+    get d4(): GridSortIndicator;
+    get d2(): GridFilterDialog;
+    private dz;
+    get d0(): ColumnOptionsIconBehavior;
+    set d0(a: ColumnOptionsIconBehavior);
+    get dy(): ColumnOptionsIconAlignment;
+    set dy(a: ColumnOptionsIconAlignment);
     protected af(a: ICellActionManager): boolean;
-    private d8;
+    private d9;
+    private ec;
+    dc(a: number, b: number): void;
     private eb;
-    db(a: number, b: number): void;
-    private ea;
     c1(a: number, b: number): void;
     c0(a: DomWrapper, b: FontInfo): void;
-    protected dc(a: number, b: number, c: number, d: number): void;
+    protected dd(a: number, b: number, c: number, d: number): void;
     constructor(a: DomRenderer);
-    private ee;
+    private ef;
+    private em;
     private el;
-    private ek;
-    private eg;
     private eh;
-    private ef;
+    private ei;
+    private eg;
     ci(a: DomWrapper, b: DomWrapper, c: CellContentHorizontalAlignment): void;
     c6(a: number, b: number, c: number, d: number): void;
+    private ek;
     private ej;
-    private ei;
     protected ck(a: string, b: any, c: any): void;
-    private d4;
+    private d5;
     onContactStarted(e_: NormalizedEvent, a: boolean): void;
     onContactCompleted(e_: NormalizedEvent, a: boolean): void;
     detach(): void;
+    da(a: BaseControlTheme): void;
     protected get_ac(): boolean;
-    d7: DomWrapper;
-    d5: boolean;
+    d8: DomWrapper;
+    d6: boolean;
 }

package/lib/VerticalSeparatorCell.d.ts

@@ -8,14 +8,14 @@ import { Type } from "igniteui-webcomponents-core";
  */
 export declare class VerticalSeparatorCell extends GridCellBase {
     static $t: Type;
-    private dw;
-    private dv;
     private dx;
+    private dw;
     private dy;
+    private dz;
     constructor(a: DomRenderer);
     cx(a: Brush, b: number, c: number, d: number, e: number): void;
-    db(a: number, b: number): void;
+    dc(a: number, b: number): void;
     cw(a: Color): void;
+    private d1;
     private d0;
-    private dz;
 }

package/lib/igc-data-grid-column-component.d.ts

@@ -234,6 +234,60 @@ export declare abstract class IgcDataGridColumnComponent extends IgcDefinitionBa
     */
     get isColumnOptionsGroupingEnabled(): boolean;
     set isColumnOptionsGroupingEnabled(v: boolean);
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get actualColumnOptionsBackground(): string;
+    set actualColumnOptionsBackground(v: string);
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get actualColumnOptionsTextColor(): string;
+    set actualColumnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get actualColumnOptionsSeparatorColor(): string;
+    set actualColumnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get actualColumnOptionsGroupHeaderBackground(): string;
+    set actualColumnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets the actual text color for group headers inside the column options menu.
+    */
+    get actualColumnOptionsGroupHeaderTextColor(): string;
+    set actualColumnOptionsGroupHeaderTextColor(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get actualColumnOptionsAccentColor(): string;
+    set actualColumnOptionsAccentColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
     /**
      * Gets or sets if the column is editable.
     */

package/lib/igc-data-grid-component.d.ts

@@ -90,6 +90,7 @@ import { FilterComparisonType } from "./FilterComparisonType";
 import { IgcGridCustomFilterRequestedEventArgs } from "./igc-grid-custom-filter-requested-event-args";
 import { CellContentVerticalAlignment } from "./CellContentVerticalAlignment";
 import { IgcDataSourceRootSummariesChangedEventArgs } from "igniteui-webcomponents-core";
+import { BaseControlTheme } from "igniteui-webcomponents-core";
 export declare class IgcDataGridComponent extends IgcHTMLElement {
     contentColumns: IgcDataGridColumnComponent[];
     /**
@@ -122,6 +123,8 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
     get useAccessibility(): boolean;
     private _setScrollbarStyle;
     private _setScrollbarColor;
+    private _moveFocusNext;
+    private _moveFocusPrevious;
     private _columnsAdapter;
     protected createImplementation(): DataGrid;
     protected _implementation: any;
@@ -236,8 +239,13 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
     protected static _isElementRegistered: boolean;
     static register(): void;
     /**
- * Gets or sets the type of column resizing to use.
+ * Gets or sets the base theme used by the grid.
 */
+    get theme(): BaseControlTheme;
+    set theme(v: BaseControlTheme);
+    /**
+     * Gets or sets the type of column resizing to use.
+    */
     get columnResizingMode(): ColumnResizingMode;
     set columnResizingMode(v: ColumnResizingMode);
     /**
@@ -778,6 +786,11 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
     */
     get columnOptionsIconBehavior(): ColumnOptionsIconBehavior;
     set columnOptionsIconBehavior(v: ColumnOptionsIconBehavior);
+    /**
+     * Gets the actual border color around the grid.
+    */
+    get actualBorder(): string;
+    set actualBorder(v: string);
     /**
      * Gets or sets the border color around the grid.
     */
@@ -830,6 +843,16 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
     */
     get stopPropagation(): boolean;
     set stopPropagation(v: boolean);
+    /**
+     * Gets the actual background for the grid.
+    */
+    get actualBackground(): string;
+    set actualBackground(v: string);
+    /**
+     * Gets or sets the background for the grid.
+    */
+    get background(): string;
+    set background(v: string);
     private _responsiveStates;
     /**
      * A set of states that can be applied to the columns of the grid based on available space.
@@ -1062,6 +1085,33 @@ export declare class IgcDataGridComponent extends IgcHTMLElement {
     */
     get scrollbarBackground(): string;
     set scrollbarBackground(v: string);
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
     get allowCopyOperation(): boolean;
     set allowCopyOperation(v: boolean);
     /**

package/lib/igc-data-grid-filter-dialog-component.d.ts

@@ -58,6 +58,33 @@ export declare class IgcDataGridFilterDialogComponent extends IgcHTMLElement {
     set iconColor(v: string);
     get viewSize(): number;
     set viewSize(v: number);
+    /**
+     * Gets or sets the column options dropdown background color.
+    */
+    get columnOptionsBackground(): string;
+    set columnOptionsBackground(v: string);
+    /**
+     * Gets or sets the text color for text inside the column options menu.
+    */
+    get columnOptionsTextColor(): string;
+    set columnOptionsTextColor(v: string);
+    /**
+     * Gets or sets the color of separators inside the column options menu.
+    */
+    get columnOptionsSeparatorColor(): string;
+    set columnOptionsSeparatorColor(v: string);
+    /**
+     * Gets or sets the background color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderBackground(): string;
+    set columnOptionsGroupHeaderBackground(v: string);
+    /**
+     * Gets or sets the text color for group headers inside the column options menu.
+    */
+    get columnOptionsGroupHeaderTextColor(): string;
+    set columnOptionsGroupHeaderTextColor(v: string);
+    get columnOptionsAccentColor(): string;
+    set columnOptionsAccentColor(v: string);
     get isOpen(): boolean;
     get commandCompleted(): (arg1: ToolCommand) => void;
     set commandCompleted(v: (arg1: ToolCommand) => void);

package/lib/igc-data-grid-pager-component.d.ts

@@ -72,11 +72,21 @@ export declare class IgcDataGridPagerComponent extends IgcHTMLElement {
     /**
      * Gets or sets the background color to use.
     */
+    get actualBackground(): string;
+    set actualBackground(v: string);
+    /**
+     * Gets or sets the background color to use.
+    */
     get background(): string;
     set background(v: string);
     /**
      * Gets or sets the border color around the grid.
     */
+    get actualBorder(): string;
+    set actualBorder(v: string);
+    /**
+     * Gets or sets the border color around the grid.
+    */
     get border(): string;
     set border(v: string);
     findByName(name: string): any;