igniteui-angular-data-grids 21.0.1-beta.0 → 21.1.0-beta.0

package/esm2015/lib/igx-data-grid-component.js

@@ -27,7 +27,7 @@ import { IgxGridSortDescriptionsChangedEventArgs } from './igx-grid-sort-descrip
 import { IgxGridGroupDescriptionsChangedEventArgs } from './igx-grid-group-descriptions-changed-event-args';
 import { IgxGridSummaryDescriptionsChangedEventArgs } from './igx-grid-summary-descriptions-changed-event-args';
 import { DataGrid } from "./DataGrid";
-import { ensureEnum, ensureBool, CollectionAdapter, initializePropertiesFromCss, NamePatcher, stringToBrush, brushToString, toSpinal } from "igniteui-angular-core";
+import { ensureEnum, ensureBool, CollectionAdapter, initializePropertiesFromCss, NamePatcher, stringToBrush, brushToString, toSpinal, moveFocusNext, moveFocusPrevious } from "igniteui-angular-core";
 import { Thickness } from "igniteui-angular-core";
 import { AngularRenderer, AngularWrapper, PortalManager } from "igniteui-angular-core";
 import { DataGridColumn } from './DataGridColumn';
@@ -120,6 +120,7 @@ import { ColumnGrouping } from "./ColumnGrouping";
 import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
 import { IgxDataSourceRootSummariesChangedEventArgs } from "igniteui-angular-core";
 import { BaseControlTheme_$type } from "igniteui-angular-core";
+import { IgxDataBindingEventArgs } from './igx-data-binding-event-args';
 import * as i0 from "@angular/core";
 let GridStylingDefaults = {};
 export let IgxDataGridComponent = /*@__PURE__*/ (() => {
@@ -191,6 +192,8 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
             this._cellPointerDown = null;
             this._cellPointerUp = null;
             this._cellClicked = null;
+            this._filterRowDataBinding = null;
+            this._filterRowDataBound = null;
             this._sortDescriptionsChanged = null;
             this._groupDescriptionsChanged = null;
             this._summaryDescriptionsChanged = null;
@@ -356,6 +359,12 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
                 this._scroller.scrollbarBrush = color;
             }
         }
+        _moveFocusNext() {
+            moveFocusNext(this._elRef.element.nativeElement, true);
+        }
+        _moveFocusPrevious() {
+            moveFocusPrevious(this._elRef.element.nativeElement);
+        }
         createImplementation() {
             //let test = Grid;
             return new DataGrid();
@@ -1387,6 +1396,12 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         set isColumnOptionsEnabled(v) {
             this.i.isColumnOptionsEnabled = ensureBool(v);
         }
+        get useNewerColumnOptionsMenu() {
+            return this.i.useNewerColumnOptionsMenu;
+        }
+        set useNewerColumnOptionsMenu(v) {
+            this.i.useNewerColumnOptionsMenu = ensureBool(v);
+        }
         /**
          * Gets or sets if group rows will stick to the top of the grid.
         */
@@ -1414,6 +1429,15 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         set cellSelectedBackground(v) {
             this.i.cellSelectedBackground = stringToBrush(v);
         }
+        /**
+         * Gets or sets the default text color to use for content cells when a row is in a selected state
+        */
+        get cellSelectedTextColor() {
+            return brushToString(this.i.cellSelectedTextColor);
+        }
+        set cellSelectedTextColor(v) {
+            this.i.cellSelectedTextColor = stringToBrush(v);
+        }
         /**
          * Gets or sets the default background color to use for section header cells when a row is in a selected state
         */
@@ -1602,6 +1626,15 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         set sectionHeaderTextColor(v) {
             this.i.sectionHeaderTextColor = stringToBrush(v);
         }
+        /**
+         * Gets or sets the color to use for the expansion indicator icon on section header cells. When unset, the icon defers to the section header text color.
+        */
+        get sectionHeaderExpansionIndicatorIconColor() {
+            return brushToString(this.i.sectionHeaderExpansionIndicatorIconColor);
+        }
+        set sectionHeaderExpansionIndicatorIconColor(v) {
+            this.i.sectionHeaderExpansionIndicatorIconColor = stringToBrush(v);
+        }
         /**
          * Gets or sets the font to use for section header cells
         */
@@ -2687,6 +2720,47 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         set columnOptionsTextColor(v) {
             this.i.columnOptionsTextColor = stringToBrush(v);
         }
+        /**
+         * Gets or sets the font settings for text inside the column options menu.
+        */
+        get columnOptionsTextStyle() {
+            if (this.i.columnOptionsTextStyle == null) {
+                return null;
+            }
+            return this.i.columnOptionsTextStyle.fontString;
+        }
+        set columnOptionsTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.columnOptionsTextStyle = fi;
+        }
+        /**
+         * Gets or sets the hover background color inside the column options menu.
+        */
+        get columnOptionsHoverBackgroundColor() {
+            return brushToString(this.i.columnOptionsHoverBackgroundColor);
+        }
+        set columnOptionsHoverBackgroundColor(v) {
+            this.i.columnOptionsHoverBackgroundColor = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the tooltip background color inside the column options menu.
+        */
+        get columnOptionsToolTipBackgroundColor() {
+            return brushToString(this.i.columnOptionsToolTipBackgroundColor);
+        }
+        set columnOptionsToolTipBackgroundColor(v) {
+            this.i.columnOptionsToolTipBackgroundColor = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the highlight color inside the column options menu.
+        */
+        get columnOptionsHighlightColor() {
+            return brushToString(this.i.columnOptionsHighlightColor);
+        }
+        set columnOptionsHighlightColor(v) {
+            this.i.columnOptionsHighlightColor = stringToBrush(v);
+        }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
@@ -2714,18 +2788,47 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         set columnOptionsGroupHeaderTextColor(v) {
             this.i.columnOptionsGroupHeaderTextColor = stringToBrush(v);
         }
+        /**
+         * Gets or sets the font settings for group header text inside the column options menu.
+        */
+        get columnOptionsGroupHeaderTextStyle() {
+            if (this.i.columnOptionsGroupHeaderTextStyle == null) {
+                return null;
+            }
+            return this.i.columnOptionsGroupHeaderTextStyle.fontString;
+        }
+        set columnOptionsGroupHeaderTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.columnOptionsGroupHeaderTextStyle = fi;
+        }
         get columnOptionsAccentColor() {
             return brushToString(this.i.columnOptionsAccentColor);
         }
         set columnOptionsAccentColor(v) {
             this.i.columnOptionsAccentColor = stringToBrush(v);
         }
+        /**
+         * Gets or sets the row height for submenus inside the column options menu.
+        */
+        get columnOptionsRowHeight() {
+            return this.i.columnOptionsRowHeight;
+        }
+        set columnOptionsRowHeight(v) {
+            this.i.columnOptionsRowHeight = +v;
+        }
         get allowCopyOperation() {
             return this.i.allowCopyOperation;
         }
         set allowCopyOperation(v) {
             this.i.allowCopyOperation = ensureBool(v);
         }
+        get maxSelectedCellRanges() {
+            return this.i.maxSelectedCellRanges;
+        }
+        set maxSelectedCellRanges(v) {
+            this.i.maxSelectedCellRanges = +v;
+        }
         /**
          * Gets or sets whether to defer the SelectedItemsChanged and SelectedKeysChanged events till after the drag selection has completed.
         */
@@ -3404,6 +3507,40 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
             }
             return this._cellClicked;
         }
+        get filterRowDataBinding() {
+            if (this._filterRowDataBinding == null) {
+                this._filterRowDataBinding = new EventEmitter();
+                this.i.filterRowDataBinding = delegateCombine(this.i.filterRowDataBinding, (o, e) => {
+                    let outerArgs = new IgxDataBindingEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (this.beforeFilterRowDataBinding) {
+                        this.beforeFilterRowDataBinding(this, outerArgs);
+                    }
+                    this._filterRowDataBinding.emit({
+                        sender: this,
+                        args: outerArgs
+                    });
+                });
+            }
+            return this._filterRowDataBinding;
+        }
+        get filterRowDataBound() {
+            if (this._filterRowDataBound == null) {
+                this._filterRowDataBound = new EventEmitter();
+                this.i.filterRowDataBound = delegateCombine(this.i.filterRowDataBound, (o, e) => {
+                    let outerArgs = new IgxDataBindingEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (this.beforeFilterRowDataBound) {
+                        this.beforeFilterRowDataBound(this, outerArgs);
+                    }
+                    this._filterRowDataBound.emit({
+                        sender: this,
+                        args: outerArgs
+                    });
+                });
+            }
+            return this._filterRowDataBound;
+        }
         /**
          * Called when sorting has changed.
         */
@@ -3905,7 +4042,7 @@ export let IgxDataGridComponent = /*@__PURE__*/ (() => {
         }
     }
     IgxDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    IgxDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridComponent, selector: "igx-data-grid", inputs: { height: "height", width: "width", dataSource: "dataSource", theme: "theme", columnResizingMode: "columnResizingMode", columnMovingMode: "columnMovingMode", isRowHoverEnabled: "isRowHoverEnabled", rowHoverBackground: "rowHoverBackground", rowHoverTextColor: "rowHoverTextColor", editRowBorder: "editRowBorder", editRowBorderWidthBottom: "editRowBorderWidthBottom", editRowBorderWidthLeft: "editRowBorderWidthLeft", editRowBorderWidthRight: "editRowBorderWidthRight", editRowBorderWidthTop: "editRowBorderWidthTop", sectionHeader: "sectionHeader", summaryRowRoot: "summaryRowRoot", summaryRowSection: "summaryRowSection", rowSeparator: "rowSeparator", headerRowSeparator: "headerRowSeparator", headerSeparator: "headerSeparator", columnResizingSeparator: "columnResizingSeparator", columnMovingSeparator: "columnMovingSeparator", pinnedAreaSeparator: "pinnedAreaSeparator", autoGenerateDesiredProperties: "autoGenerateDesiredProperties", dataSourceDesiredProperties: "dataSourceDesiredProperties", density: "density", actualRowHeight: "actualRowHeight", rowHeight: "rowHeight", defaultColumnMinWidth: "defaultColumnMinWidth", actualHeaderHeight: "actualHeaderHeight", headerHeight: "headerHeight", headerClickAction: "headerClickAction", editMode: "editMode", editModeClickAction: "editModeClickAction", editOnKeyPress: "editOnKeyPress", autoGenerateColumns: "autoGenerateColumns", rowSeparatorHeight: "rowSeparatorHeight", isPlaceholderRenderingEnabled: "isPlaceholderRenderingEnabled", columnAddingAnimationMode: "columnAddingAnimationMode", columnPropertyUpdatingAnimationMode: "columnPropertyUpdatingAnimationMode", cellDataLoadedAnimationMode: "cellDataLoadedAnimationMode", rowSelectionAnimationMode: "rowSelectionAnimationMode", rowHoverAnimationMode: "rowHoverAnimationMode", cellSelectionAnimationMode: "cellSelectionAnimationMode", animationSettings: "animationSettings", columnResizingAnimationMode: "columnResizingAnimationMode", columnShowingAnimationMode: "columnShowingAnimationMode", columnMovingAnimationMode: "columnMovingAnimationMode", columnHidingAnimationMode: "columnHidingAnimationMode", columnExchangingAnimationMode: "columnExchangingAnimationMode", selectionMode: "selectionMode", activationMode: "activationMode", selectionBehavior: "selectionBehavior", mouseDragSelectionEnabled: "mouseDragSelectionEnabled", selectedItems: "selectedItems", selectedKeys: "selectedKeys", selectedCells: "selectedCells", selectedCellRanges: "selectedCellRanges", pinnedItems: "pinnedItems", pinnedKeys: "pinnedKeys", isColumnOptionsEnabled: "isColumnOptionsEnabled", isGroupRowSticky: "isGroupRowSticky", isHeaderSeparatorVisible: "isHeaderSeparatorVisible", cellSelectedBackground: "cellSelectedBackground", sectionHeaderSelectedBackground: "sectionHeaderSelectedBackground", summaryRootBackground: "summaryRootBackground", summarySectionBackground: "summarySectionBackground", pinnedRowOpacity: "pinnedRowOpacity", editTextStyle: "editTextStyle", editOpacity: "editOpacity", deletedTextColor: "deletedTextColor", stickyRowBackground: "stickyRowBackground", pinnedRowBackground: "pinnedRowBackground", lastStickyRowBackground: "lastStickyRowBackground", activeCell: "activeCell", cellBackground: "cellBackground", cellTextColor: "cellTextColor", headerSortIndicatorColor: "headerSortIndicatorColor", headerSortIndicatorStyle: "headerSortIndicatorStyle", cellTextStyle: "cellTextStyle", sectionHeaderBackground: "sectionHeaderBackground", sectionHeaderTextColor: "sectionHeaderTextColor", sectionHeaderTextStyle: "sectionHeaderTextStyle", summaryRootLabelTextStyle: "summaryRootLabelTextStyle", summarySectionLabelTextStyle: "summarySectionLabelTextStyle", summaryRootValueTextColor: "summaryRootValueTextColor", summaryRootValueTextStyle: "summaryRootValueTextStyle", summarySectionValueTextStyle: "summarySectionValueTextStyle", summarySectionValueTextColor: "summarySectionValueTextColor", summaryRootLabelTextColor: "summaryRootLabelTextColor", summarySectionLabelTextColor: "summarySectionLabelTextColor", summaryRootSelectedBackground: "summaryRootSelectedBackground", summarySectionSelectedBackground: "summarySectionSelectedBackground", pinnedAreaSeparatorWidth: "pinnedAreaSeparatorWidth", headerSeparatorWidth: "headerSeparatorWidth", headerSeparatorBackground: "headerSeparatorBackground", headerBackground: "headerBackground", headerTextColor: "headerTextColor", headerTextStyle: "headerTextStyle", rowSeparatorBackground: "rowSeparatorBackground", headerRowSeparatorBackground: "headerRowSeparatorBackground", rowSeparatorStickyRowBackground: "rowSeparatorStickyRowBackground", rowSeparatorLastStickyRowBackground: "rowSeparatorLastStickyRowBackground", rowSeparatorPinnedRowBackground: "rowSeparatorPinnedRowBackground", columnResizingSeparatorWidth: "columnResizingSeparatorWidth", columnResizingSeparatorOpacity: "columnResizingSeparatorOpacity", columnMovingSeparatorWidth: "columnMovingSeparatorWidth", columnMovingSeparatorOpacity: "columnMovingSeparatorOpacity", columnResizingSeparatorBackground: "columnResizingSeparatorBackground", columnMovingSeparatorBackground: "columnMovingSeparatorBackground", shiftSectionContent: "shiftSectionContent", columnOptionsIconAlignment: "columnOptionsIconAlignment", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualBorder: "actualBorder", border: "border", actualBorderWidth: "actualBorderWidth", borderWidthBottom: "borderWidthBottom", borderWidthLeft: "borderWidthLeft", borderWidthRight: "borderWidthRight", borderWidthTop: "borderWidthTop", notifyOnAllSelectionChanges: "notifyOnAllSelectionChanges", cornerRadiusBottomRight: "cornerRadiusBottomRight", cornerRadiusBottomLeft: "cornerRadiusBottomLeft", cornerRadiusTopLeft: "cornerRadiusTopLeft", cornerRadiusTopRight: "cornerRadiusTopRight", actualCornerRadiusBottomRight: "actualCornerRadiusBottomRight", actualCornerRadiusBottomLeft: "actualCornerRadiusBottomLeft", actualCornerRadiusTopLeft: "actualCornerRadiusTopLeft", actualCornerRadiusTopRight: "actualCornerRadiusTopRight", isActiveCellStyleEnabled: "isActiveCellStyleEnabled", stopPropagation: "stopPropagation", actualBackground: "actualBackground", background: "background", responsiveStates: "responsiveStates", initialSorts: "initialSorts", initialGroups: "initialGroups", initialSummaries: "initialSummaries", summaryScope: "summaryScope", isGroupCollapsable: "isGroupCollapsable", groupHeaderDisplayMode: "groupHeaderDisplayMode", isGroupExpandedDefault: "isGroupExpandedDefault", groupSummaryDisplayMode: "groupSummaryDisplayMode", autoAcceptEdits: "autoAcceptEdits", primaryKey: "primaryKey", actualPrimaryKey: "actualPrimaryKey", actualColumns: "actualColumns", reactsToSortChanges: "reactsToSortChanges", reactsToGroupChanges: "reactsToGroupChanges", reactsToFilterChanges: "reactsToFilterChanges", enterBehavior: "enterBehavior", enterBehaviorAfterEdit: "enterBehaviorAfterEdit", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", filterUIType: "filterUIType", filterLogicalOperator: "filterLogicalOperator", filterComparisonType: "filterComparisonType", todayOverride: "todayOverride", clearSelectionOnEscape: "clearSelectionOnEscape", pageSize: "pageSize", isToolbarColumnChooserVisible: "isToolbarColumnChooserVisible", isToolbarColumnPinningVisible: "isToolbarColumnPinningVisible", toolbarTitle: "toolbarTitle", toolbarColumnChooserText: "toolbarColumnChooserText", toolbarColumnChooserTitle: "toolbarColumnChooserTitle", toolbarColumnPinningText: "toolbarColumnPinningText", toolbarColumnPinningTitle: "toolbarColumnPinningTitle", scrollbarStyle: "scrollbarStyle", scrollbarBackground: "scrollbarBackground", columnOptionsBackground: "columnOptionsBackground", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsAccentColor: "columnOptionsAccentColor", allowCopyOperation: "allowCopyOperation", deferEventForRowDragSelection: "deferEventForRowDragSelection" }, outputs: { filterExpressionsChanging: "filterExpressionsChanging", filterExpressionsChanged: "filterExpressionsChanged", cellPreviewPointerDown: "cellPreviewPointerDown", cellPreviewPointerUp: "cellPreviewPointerUp", cellPointerDown: "cellPointerDown", cellPointerUp: "cellPointerUp", cellClicked: "cellClicked", sortDescriptionsChanged: "sortDescriptionsChanged", groupDescriptionsChanged: "groupDescriptionsChanged", summaryDescriptionsChanged: "summaryDescriptionsChanged", columnHiddenChanged: "columnHiddenChanged", columnPinnedChanged: "columnPinnedChanged", cellValueChanging: "cellValueChanging", dataCommitted: "dataCommitted", dataCommitting: "dataCommitting", rootSummariesChanged: "rootSummariesChanged", sizeChanged: "sizeChanged", actualColumnsChanged: "actualColumnsChanged", columnsAutoGenerated: "columnsAutoGenerated", selectedItemsChanged: "selectedItemsChanged", selectedKeysChanged: "selectedKeysChanged", selectedCellsChanged: "selectedCellsChanged", selectionChanged: "selectionChanged", activeCellChanged: "activeCellChanged", selectedCellRangesChanged: "selectedCellRangesChanged", columnWidthChanged: "columnWidthChanged", cellEditStarted: "cellEditStarted", cellEditEnded: "cellEditEnded", rowEditStarted: "rowEditStarted", rowEditEnded: "rowEditEnded", customFilterRequested: "customFilterRequested", actualPrimaryKeyChange: "actualPrimaryKeyChange" }, host: { classAttribute: "ig-data-grid igx-data-grid" }, providers: [], queries: [{ propertyName: "contentColumns", predicate: IgxDataGridColumnComponent }], viewQueries: [{ propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
+    IgxDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridComponent, selector: "igx-data-grid", inputs: { height: "height", width: "width", dataSource: "dataSource", theme: "theme", columnResizingMode: "columnResizingMode", columnMovingMode: "columnMovingMode", isRowHoverEnabled: "isRowHoverEnabled", rowHoverBackground: "rowHoverBackground", rowHoverTextColor: "rowHoverTextColor", editRowBorder: "editRowBorder", editRowBorderWidthBottom: "editRowBorderWidthBottom", editRowBorderWidthLeft: "editRowBorderWidthLeft", editRowBorderWidthRight: "editRowBorderWidthRight", editRowBorderWidthTop: "editRowBorderWidthTop", sectionHeader: "sectionHeader", summaryRowRoot: "summaryRowRoot", summaryRowSection: "summaryRowSection", rowSeparator: "rowSeparator", headerRowSeparator: "headerRowSeparator", headerSeparator: "headerSeparator", columnResizingSeparator: "columnResizingSeparator", columnMovingSeparator: "columnMovingSeparator", pinnedAreaSeparator: "pinnedAreaSeparator", autoGenerateDesiredProperties: "autoGenerateDesiredProperties", dataSourceDesiredProperties: "dataSourceDesiredProperties", density: "density", actualRowHeight: "actualRowHeight", rowHeight: "rowHeight", defaultColumnMinWidth: "defaultColumnMinWidth", actualHeaderHeight: "actualHeaderHeight", headerHeight: "headerHeight", headerClickAction: "headerClickAction", editMode: "editMode", editModeClickAction: "editModeClickAction", editOnKeyPress: "editOnKeyPress", autoGenerateColumns: "autoGenerateColumns", rowSeparatorHeight: "rowSeparatorHeight", isPlaceholderRenderingEnabled: "isPlaceholderRenderingEnabled", columnAddingAnimationMode: "columnAddingAnimationMode", columnPropertyUpdatingAnimationMode: "columnPropertyUpdatingAnimationMode", cellDataLoadedAnimationMode: "cellDataLoadedAnimationMode", rowSelectionAnimationMode: "rowSelectionAnimationMode", rowHoverAnimationMode: "rowHoverAnimationMode", cellSelectionAnimationMode: "cellSelectionAnimationMode", animationSettings: "animationSettings", columnResizingAnimationMode: "columnResizingAnimationMode", columnShowingAnimationMode: "columnShowingAnimationMode", columnMovingAnimationMode: "columnMovingAnimationMode", columnHidingAnimationMode: "columnHidingAnimationMode", columnExchangingAnimationMode: "columnExchangingAnimationMode", selectionMode: "selectionMode", activationMode: "activationMode", selectionBehavior: "selectionBehavior", mouseDragSelectionEnabled: "mouseDragSelectionEnabled", selectedItems: "selectedItems", selectedKeys: "selectedKeys", selectedCells: "selectedCells", selectedCellRanges: "selectedCellRanges", pinnedItems: "pinnedItems", pinnedKeys: "pinnedKeys", isColumnOptionsEnabled: "isColumnOptionsEnabled", useNewerColumnOptionsMenu: "useNewerColumnOptionsMenu", isGroupRowSticky: "isGroupRowSticky", isHeaderSeparatorVisible: "isHeaderSeparatorVisible", cellSelectedBackground: "cellSelectedBackground", cellSelectedTextColor: "cellSelectedTextColor", sectionHeaderSelectedBackground: "sectionHeaderSelectedBackground", summaryRootBackground: "summaryRootBackground", summarySectionBackground: "summarySectionBackground", pinnedRowOpacity: "pinnedRowOpacity", editTextStyle: "editTextStyle", editOpacity: "editOpacity", deletedTextColor: "deletedTextColor", stickyRowBackground: "stickyRowBackground", pinnedRowBackground: "pinnedRowBackground", lastStickyRowBackground: "lastStickyRowBackground", activeCell: "activeCell", cellBackground: "cellBackground", cellTextColor: "cellTextColor", headerSortIndicatorColor: "headerSortIndicatorColor", headerSortIndicatorStyle: "headerSortIndicatorStyle", cellTextStyle: "cellTextStyle", sectionHeaderBackground: "sectionHeaderBackground", sectionHeaderTextColor: "sectionHeaderTextColor", sectionHeaderExpansionIndicatorIconColor: "sectionHeaderExpansionIndicatorIconColor", sectionHeaderTextStyle: "sectionHeaderTextStyle", summaryRootLabelTextStyle: "summaryRootLabelTextStyle", summarySectionLabelTextStyle: "summarySectionLabelTextStyle", summaryRootValueTextColor: "summaryRootValueTextColor", summaryRootValueTextStyle: "summaryRootValueTextStyle", summarySectionValueTextStyle: "summarySectionValueTextStyle", summarySectionValueTextColor: "summarySectionValueTextColor", summaryRootLabelTextColor: "summaryRootLabelTextColor", summarySectionLabelTextColor: "summarySectionLabelTextColor", summaryRootSelectedBackground: "summaryRootSelectedBackground", summarySectionSelectedBackground: "summarySectionSelectedBackground", pinnedAreaSeparatorWidth: "pinnedAreaSeparatorWidth", headerSeparatorWidth: "headerSeparatorWidth", headerSeparatorBackground: "headerSeparatorBackground", headerBackground: "headerBackground", headerTextColor: "headerTextColor", headerTextStyle: "headerTextStyle", rowSeparatorBackground: "rowSeparatorBackground", headerRowSeparatorBackground: "headerRowSeparatorBackground", rowSeparatorStickyRowBackground: "rowSeparatorStickyRowBackground", rowSeparatorLastStickyRowBackground: "rowSeparatorLastStickyRowBackground", rowSeparatorPinnedRowBackground: "rowSeparatorPinnedRowBackground", columnResizingSeparatorWidth: "columnResizingSeparatorWidth", columnResizingSeparatorOpacity: "columnResizingSeparatorOpacity", columnMovingSeparatorWidth: "columnMovingSeparatorWidth", columnMovingSeparatorOpacity: "columnMovingSeparatorOpacity", columnResizingSeparatorBackground: "columnResizingSeparatorBackground", columnMovingSeparatorBackground: "columnMovingSeparatorBackground", shiftSectionContent: "shiftSectionContent", columnOptionsIconAlignment: "columnOptionsIconAlignment", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualBorder: "actualBorder", border: "border", actualBorderWidth: "actualBorderWidth", borderWidthBottom: "borderWidthBottom", borderWidthLeft: "borderWidthLeft", borderWidthRight: "borderWidthRight", borderWidthTop: "borderWidthTop", notifyOnAllSelectionChanges: "notifyOnAllSelectionChanges", cornerRadiusBottomRight: "cornerRadiusBottomRight", cornerRadiusBottomLeft: "cornerRadiusBottomLeft", cornerRadiusTopLeft: "cornerRadiusTopLeft", cornerRadiusTopRight: "cornerRadiusTopRight", actualCornerRadiusBottomRight: "actualCornerRadiusBottomRight", actualCornerRadiusBottomLeft: "actualCornerRadiusBottomLeft", actualCornerRadiusTopLeft: "actualCornerRadiusTopLeft", actualCornerRadiusTopRight: "actualCornerRadiusTopRight", isActiveCellStyleEnabled: "isActiveCellStyleEnabled", stopPropagation: "stopPropagation", actualBackground: "actualBackground", background: "background", responsiveStates: "responsiveStates", initialSorts: "initialSorts", initialGroups: "initialGroups", initialSummaries: "initialSummaries", summaryScope: "summaryScope", isGroupCollapsable: "isGroupCollapsable", groupHeaderDisplayMode: "groupHeaderDisplayMode", isGroupExpandedDefault: "isGroupExpandedDefault", groupSummaryDisplayMode: "groupSummaryDisplayMode", autoAcceptEdits: "autoAcceptEdits", primaryKey: "primaryKey", actualPrimaryKey: "actualPrimaryKey", actualColumns: "actualColumns", reactsToSortChanges: "reactsToSortChanges", reactsToGroupChanges: "reactsToGroupChanges", reactsToFilterChanges: "reactsToFilterChanges", enterBehavior: "enterBehavior", enterBehaviorAfterEdit: "enterBehaviorAfterEdit", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", filterUIType: "filterUIType", filterLogicalOperator: "filterLogicalOperator", filterComparisonType: "filterComparisonType", todayOverride: "todayOverride", clearSelectionOnEscape: "clearSelectionOnEscape", pageSize: "pageSize", isToolbarColumnChooserVisible: "isToolbarColumnChooserVisible", isToolbarColumnPinningVisible: "isToolbarColumnPinningVisible", toolbarTitle: "toolbarTitle", toolbarColumnChooserText: "toolbarColumnChooserText", toolbarColumnChooserTitle: "toolbarColumnChooserTitle", toolbarColumnPinningText: "toolbarColumnPinningText", toolbarColumnPinningTitle: "toolbarColumnPinningTitle", scrollbarStyle: "scrollbarStyle", scrollbarBackground: "scrollbarBackground", columnOptionsBackground: "columnOptionsBackground", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsTextStyle: "columnOptionsTextStyle", columnOptionsHoverBackgroundColor: "columnOptionsHoverBackgroundColor", columnOptionsToolTipBackgroundColor: "columnOptionsToolTipBackgroundColor", columnOptionsHighlightColor: "columnOptionsHighlightColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextStyle: "columnOptionsGroupHeaderTextStyle", columnOptionsAccentColor: "columnOptionsAccentColor", columnOptionsRowHeight: "columnOptionsRowHeight", allowCopyOperation: "allowCopyOperation", maxSelectedCellRanges: "maxSelectedCellRanges", deferEventForRowDragSelection: "deferEventForRowDragSelection" }, outputs: { filterExpressionsChanging: "filterExpressionsChanging", filterExpressionsChanged: "filterExpressionsChanged", cellPreviewPointerDown: "cellPreviewPointerDown", cellPreviewPointerUp: "cellPreviewPointerUp", cellPointerDown: "cellPointerDown", cellPointerUp: "cellPointerUp", cellClicked: "cellClicked", filterRowDataBinding: "filterRowDataBinding", filterRowDataBound: "filterRowDataBound", sortDescriptionsChanged: "sortDescriptionsChanged", groupDescriptionsChanged: "groupDescriptionsChanged", summaryDescriptionsChanged: "summaryDescriptionsChanged", columnHiddenChanged: "columnHiddenChanged", columnPinnedChanged: "columnPinnedChanged", cellValueChanging: "cellValueChanging", dataCommitted: "dataCommitted", dataCommitting: "dataCommitting", rootSummariesChanged: "rootSummariesChanged", sizeChanged: "sizeChanged", actualColumnsChanged: "actualColumnsChanged", columnsAutoGenerated: "columnsAutoGenerated", selectedItemsChanged: "selectedItemsChanged", selectedKeysChanged: "selectedKeysChanged", selectedCellsChanged: "selectedCellsChanged", selectionChanged: "selectionChanged", activeCellChanged: "activeCellChanged", selectedCellRangesChanged: "selectedCellRangesChanged", columnWidthChanged: "columnWidthChanged", cellEditStarted: "cellEditStarted", cellEditEnded: "cellEditEnded", rowEditStarted: "rowEditStarted", rowEditEnded: "rowEditEnded", customFilterRequested: "customFilterRequested", actualPrimaryKeyChange: "actualPrimaryKeyChange" }, host: { classAttribute: "ig-data-grid igx-data-grid" }, providers: [], queries: [{ propertyName: "contentColumns", predicate: IgxDataGridColumnComponent }], viewQueries: [{ propertyName: "_dynamicContent", first: true, predicate: ["dynamicContent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <ng-container #dynamicContent></ng-container>
   `, isInline: true, styles: [":host {\n\t\tdisplay: block;\n        box-sizing: border-box;\n        overflow: hidden;\n\t}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxDataGridComponent;
@@ -4054,12 +4191,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], isColumnOptionsEnabled: [{
                 type: Input
+            }], useNewerColumnOptionsMenu: [{
+                type: Input
             }], isGroupRowSticky: [{
                 type: Input
             }], isHeaderSeparatorVisible: [{
                 type: Input
             }], cellSelectedBackground: [{
                 type: Input
+            }], cellSelectedTextColor: [{
+                type: Input
             }], sectionHeaderSelectedBackground: [{
                 type: Input
             }], summaryRootBackground: [{
@@ -4096,6 +4237,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], sectionHeaderTextColor: [{
                 type: Input
+            }], sectionHeaderExpansionIndicatorIconColor: [{
+                type: Input
             }], sectionHeaderTextStyle: [{
                 type: Input
             }], summaryRootLabelTextStyle: [{
@@ -4280,16 +4423,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], columnOptionsTextColor: [{
                 type: Input
+            }], columnOptionsTextStyle: [{
+                type: Input
+            }], columnOptionsHoverBackgroundColor: [{
+                type: Input
+            }], columnOptionsToolTipBackgroundColor: [{
+                type: Input
+            }], columnOptionsHighlightColor: [{
+                type: Input
             }], columnOptionsSeparatorColor: [{
                 type: Input
             }], columnOptionsGroupHeaderBackground: [{
                 type: Input
             }], columnOptionsGroupHeaderTextColor: [{
                 type: Input
+            }], columnOptionsGroupHeaderTextStyle: [{
+                type: Input
             }], columnOptionsAccentColor: [{
                 type: Input
+            }], columnOptionsRowHeight: [{
+                type: Input
             }], allowCopyOperation: [{
                 type: Input
+            }], maxSelectedCellRanges: [{
+                type: Input
             }], deferEventForRowDragSelection: [{
                 type: Input
             }], filterExpressionsChanging: [{
@@ -4306,6 +4463,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Output
             }], cellClicked: [{
                 type: Output
+            }], filterRowDataBinding: [{
+                type: Output
+            }], filterRowDataBound: [{
+                type: Output
             }], sortDescriptionsChanged: [{
                 type: Output
             }], groupDescriptionsChanged: [{

package/esm2015/lib/igx-data-grid-filter-dialog-component.js

@@ -6,6 +6,7 @@ import { IgxFilterDialogRenderCompletedEventArgs } from "./igx-filter-dialog-ren
 import { GridFilterDialog } from "./GridFilterDialog";
 import { TypeRegistrar } from "igniteui-angular-core";
 import { NamePatcher, ensureBool, brushToString, stringToBrush, toSpinal, initializePropertiesFromCss } from "igniteui-angular-core";
+import { FontInfo } from "igniteui-angular-core";
 import * as i0 from "@angular/core";
 /**
  * An advanced grid for displaying data.
@@ -63,10 +64,10 @@ export let IgxDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
         onImplementationCreated() {
         }
         get isAnimationEnabled() {
-            return this.i.ad;
+            return this.i.ai;
         }
         set isAnimationEnabled(v) {
-            this.i.ad = ensureBool(v);
+            this.i.ai = ensureBool(v);
         }
         /**
          * Gets or sets the scaling value used to affect the pixel density of the control.
@@ -74,10 +75,10 @@ export let IgxDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get pixelScalingRatio() {
-            return this.i.al;
+            return this.i.aq;
         }
         set pixelScalingRatio(v) {
-            this.i.al = +v;
+            this.i.aq = +v;
         }
         /**
          * Gets the actual pixel scaling ratio used to affect the pixel density of the control.
@@ -85,76 +86,140 @@ export let IgxDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
          * to appear blurry.
         */
         get actualPixelScalingRatio() {
-            return this.i.ak;
+            return this.i.ap;
         }
         set actualPixelScalingRatio(v) {
-            this.i.ak = +v;
+            this.i.ap = +v;
         }
         get iconColor() {
-            return brushToString(this.i.ci);
+            return brushToString(this.i.c1);
         }
         set iconColor(v) {
-            this.i.ci = stringToBrush(v);
+            this.i.c1 = stringToBrush(v);
         }
         get viewSize() {
-            return this.i.am;
+            return this.i.ar;
         }
         set viewSize(v) {
-            this.i.am = +v;
+            this.i.ar = +v;
         }
         /**
          * Gets or sets the column options dropdown background color.
         */
         get columnOptionsBackground() {
-            return brushToString(this.i.cd);
+            return brushToString(this.i.ct);
         }
         set columnOptionsBackground(v) {
-            this.i.cd = stringToBrush(v);
+            this.i.ct = stringToBrush(v);
         }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */
         get columnOptionsTextColor() {
-            return brushToString(this.i.ch);
+            return brushToString(this.i.cz);
         }
         set columnOptionsTextColor(v) {
-            this.i.ch = stringToBrush(v);
+            this.i.cz = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the font settings for text inside the column options menu.
+        */
+        get columnOptionsTextStyle() {
+            if (this.i.ab == null) {
+                return null;
+            }
+            return this.i.ab.fontString;
+        }
+        set columnOptionsTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ab = fi;
+        }
+        /**
+         * Gets or sets the hover background color inside the column options menu.
+        */
+        get columnOptionsHoverBackgroundColor() {
+            return brushToString(this.i.cx);
+        }
+        set columnOptionsHoverBackgroundColor(v) {
+            this.i.cx = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the tooltip background color inside the column options menu.
+        */
+        get columnOptionsToolTipBackgroundColor() {
+            return brushToString(this.i.c0);
+        }
+        set columnOptionsToolTipBackgroundColor(v) {
+            this.i.c0 = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the highlight color inside the column options menu.
+        */
+        get columnOptionsHighlightColor() {
+            return brushToString(this.i.cw);
+        }
+        set columnOptionsHighlightColor(v) {
+            this.i.cw = stringToBrush(v);
         }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
         get columnOptionsSeparatorColor() {
-            return brushToString(this.i.cg);
+            return brushToString(this.i.cy);
         }
         set columnOptionsSeparatorColor(v) {
-            this.i.cg = stringToBrush(v);
+            this.i.cy = stringToBrush(v);
         }
         /**
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.ce);
+            return brushToString(this.i.cu);
         }
         set columnOptionsGroupHeaderBackground(v) {
-            this.i.ce = stringToBrush(v);
+            this.i.cu = stringToBrush(v);
         }
         /**
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.cf);
+            return brushToString(this.i.cv);
         }
         set columnOptionsGroupHeaderTextColor(v) {
-            this.i.cf = stringToBrush(v);
+            this.i.cv = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the font settings for group header text inside the column options menu.
+        */
+        get columnOptionsGroupHeaderTextStyle() {
+            if (this.i.aa == null) {
+                return null;
+            }
+            return this.i.aa.fontString;
+        }
+        set columnOptionsGroupHeaderTextStyle(v) {
+            let fi = new FontInfo();
+            fi.fontString = v;
+            this.i.aa = fi;
         }
         get columnOptionsAccentColor() {
-            return brushToString(this.i.cc);
+            return brushToString(this.i.cs);
         }
         set columnOptionsAccentColor(v) {
-            this.i.cc = stringToBrush(v);
+            this.i.cs = stringToBrush(v);
+        }
+        /**
+         * Gets or sets the row height for submenus inside the column options menu.
+        */
+        get columnOptionsRowHeight() {
+            return this.i.ax;
+        }
+        set columnOptionsRowHeight(v) {
+            this.i.ax = +v;
         }
         get isOpen() {
-            return this.i.ae;
+            return this.i.aj;
         }
         get commandCompleted() {
             return this.i.commandCompleted;
@@ -230,16 +295,16 @@ export let IgxDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         notifySizeChanged(width, height) {
-            this.i.bo(width, height);
+            this.i.b1(width, height);
         }
         notifyCellSizeChanged() {
-            this.i.bn();
+            this.i.b0();
         }
         showIcon() {
-            this.i.b1();
+            this.i.ce();
         }
         hideIcon() {
-            this.i.bl();
+            this.i.by();
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -347,7 +412,7 @@ export let IgxDataGridFilterDialogComponent = /*@__PURE__*/ (() => {
         }
     }
     IgxDataGridFilterDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridFilterDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxDataGridFilterDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridFilterDialogComponent, selector: "igx-data-grid-filter-dialog", inputs: { isAnimationEnabled: "isAnimationEnabled", pixelScalingRatio: "pixelScalingRatio", actualPixelScalingRatio: "actualPixelScalingRatio", iconColor: "iconColor", viewSize: "viewSize", columnOptionsBackground: "columnOptionsBackground", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsAccentColor: "columnOptionsAccentColor", commandCompleted: "commandCompleted", invalidateActions: "invalidateActions" }, outputs: { dialogOpening: "dialogOpening", filterChanging: "filterChanging", filterChanged: "filterChanged", renderCompleted: "renderCompleted" }, providers: [], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxDataGridFilterDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridFilterDialogComponent, selector: "igx-data-grid-filter-dialog", inputs: { isAnimationEnabled: "isAnimationEnabled", pixelScalingRatio: "pixelScalingRatio", actualPixelScalingRatio: "actualPixelScalingRatio", iconColor: "iconColor", viewSize: "viewSize", columnOptionsBackground: "columnOptionsBackground", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsTextStyle: "columnOptionsTextStyle", columnOptionsHoverBackgroundColor: "columnOptionsHoverBackgroundColor", columnOptionsToolTipBackgroundColor: "columnOptionsToolTipBackgroundColor", columnOptionsHighlightColor: "columnOptionsHighlightColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextStyle: "columnOptionsGroupHeaderTextStyle", columnOptionsAccentColor: "columnOptionsAccentColor", columnOptionsRowHeight: "columnOptionsRowHeight", commandCompleted: "commandCompleted", invalidateActions: "invalidateActions" }, outputs: { dialogOpening: "dialogOpening", filterChanging: "filterChanging", filterChanged: "filterChanged", renderCompleted: "renderCompleted" }, providers: [], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxDataGridFilterDialogComponent;
 })();
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridFilterDialogComponent, decorators: [{
@@ -372,14 +437,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], columnOptionsTextColor: [{
                 type: Input
+            }], columnOptionsTextStyle: [{
+                type: Input
+            }], columnOptionsHoverBackgroundColor: [{
+                type: Input
+            }], columnOptionsToolTipBackgroundColor: [{
+                type: Input
+            }], columnOptionsHighlightColor: [{
+                type: Input
             }], columnOptionsSeparatorColor: [{
                 type: Input
             }], columnOptionsGroupHeaderBackground: [{
                 type: Input
             }], columnOptionsGroupHeaderTextColor: [{
                 type: Input
+            }], columnOptionsGroupHeaderTextStyle: [{
+                type: Input
             }], columnOptionsAccentColor: [{
                 type: Input
+            }], columnOptionsRowHeight: [{
+                type: Input
             }], commandCompleted: [{
                 type: Input
             }], invalidateActions: [{

package/esm2015/lib/igx-date-time-cell-info.js

@@ -22,56 +22,56 @@ export class IgxDateTimeCellInfo extends IgxCellInfo {
      * Sets or gets the DateTime value for the cell.
     */
     get dateTimeValue() {
-        return this.i.oa;
+        return this.i.oj;
     }
     set dateTimeValue(v) {
-        this.i.oa = v;
+        this.i.oj = v;
     }
     /**
      * The format string to apply to the value
     */
     get formatStringOverride() {
-        return this.i.or;
+        return this.i.o0;
     }
     set formatStringOverride(v) {
-        this.i.or = v;
+        this.i.o0 = v;
     }
     get formatSpecifiers() {
-        return this.i.n1;
+        return this.i.oa;
     }
     set formatSpecifiers(v) {
         if (v && !Array.isArray(v) && typeof (v) == "string") {
             const re = /\s*(?:,|\s|$)\s*/gm;
             v = v.split(re);
         }
-        this.i.n1 = v;
+        this.i.oa = v;
     }
     /**
      * The format options to apply to the value
     */
     get formatOverride() {
-        return this.i.ok;
+        return this.i.ot;
     }
     set formatOverride(v) {
-        this.i.ok = v;
+        this.i.ot = v;
     }
     /**
      * Sets or gets the simple DateTimeFormat to use for the cell.
     */
     get dateTimeFormat() {
-        return this.i.n6;
+        return this.i.of;
     }
     set dateTimeFormat(v) {
-        this.i.n6 = ensureEnum(DateTimeFormats_$type, v);
+        this.i.of = ensureEnum(DateTimeFormats_$type, v);
     }
     /**
      * Sets or gets whether the value to use is a DateTimeOffset value.
     */
     get isOffsetValue() {
-        return this.i.n8;
+        return this.i.oh;
     }
     set isOffsetValue(v) {
-        this.i.n8 = ensureBool(v);
+        this.i.oh = ensureBool(v);
     }
     findByName(name) {
         var baseResult = super.findByName(name);