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

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

@@ -3029,6 +3029,20 @@ var IgxDataGridComponent = /** @class */ /*@__PURE__*/ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgxDataGridComponent.prototype, "expandCollapseOnSectionHeaderClick", {
+        /**
+         * Gets or sets whether clicking anywhere inside a section header cell toggles the group's expansion state.
+         * When false (the default), only the expansion indicator toggles the group.
+        */
+        get: function () {
+            return this.i.expandCollapseOnSectionHeaderClick;
+        },
+        set: function (v) {
+            this.i.expandCollapseOnSectionHeaderClick = ensureBool(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgxDataGridComponent.prototype, "groupSummaryDisplayMode", {
         /**
          * Gets or sets the display mode summaries will use inside groups.
@@ -3553,6 +3567,19 @@ var IgxDataGridComponent = /** @class */ /*@__PURE__*/ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgxDataGridComponent.prototype, "columnOptionsToolTipTextColor", {
+        /**
+         * Gets or sets the tooltip text color inside the column options menu.
+        */
+        get: function () {
+            return brushToString(this.i.columnOptionsToolTipTextColor);
+        },
+        set: function (v) {
+            this.i.columnOptionsToolTipTextColor = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgxDataGridComponent.prototype, "columnOptionsHighlightColor", {
         /**
          * Gets or sets the highlight color inside the column options menu.
@@ -5056,7 +5083,7 @@ var IgxDataGridComponent = /** @class */ /*@__PURE__*/ (function () {
         }
     };
     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", 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: "\n    <ng-container #dynamicContent></ng-container>\n  ", isInline: true, styles: [":host {\n\t\tdisplay: block;\n        box-sizing: border-box;\n        overflow: hidden;\n\t}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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", expandCollapseOnSectionHeaderClick: "expandCollapseOnSectionHeaderClick", 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", columnOptionsToolTipTextColor: "columnOptionsToolTipTextColor", 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: "\n    <ng-container #dynamicContent></ng-container>\n  ", isInline: true, styles: [":host {\n\t\tdisplay: block;\n        box-sizing: border-box;\n        overflow: hidden;\n\t}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxDataGridComponent;
 }());
 export { IgxDataGridComponent };
@@ -5366,6 +5393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], isGroupExpandedDefault: [{
                 type: Input
+            }], expandCollapseOnSectionHeaderClick: [{
+                type: Input
             }], groupSummaryDisplayMode: [{
                 type: Input
             }], autoAcceptEdits: [{
@@ -5436,6 +5465,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], columnOptionsToolTipBackgroundColor: [{
                 type: Input
+            }], columnOptionsToolTipTextColor: [{
+                type: Input
             }], columnOptionsHighlightColor: [{
                 type: Input
             }], columnOptionsSeparatorColor: [{

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

@@ -108,10 +108,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
     });
     Object.defineProperty(IgxDataGridFilterDialogComponent.prototype, "iconColor", {
         get: function () {
-            return brushToString(this.i.c1);
+            return brushToString(this.i.c4);
         },
         set: function (v) {
-            this.i.c1 = stringToBrush(v);
+            this.i.c4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -131,10 +131,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.ct);
+            return brushToString(this.i.cv);
         },
         set: function (v) {
-            this.i.ct = stringToBrush(v);
+            this.i.cv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -144,10 +144,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cz);
+            return brushToString(this.i.c1);
         },
         set: function (v) {
-            this.i.cz = stringToBrush(v);
+            this.i.c1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -175,10 +175,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the hover background color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cx);
+            return brushToString(this.i.cz);
         },
         set: function (v) {
-            this.i.cx = stringToBrush(v);
+            this.i.cz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -188,10 +188,23 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the tooltip background color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.c0);
+            return brushToString(this.i.c2);
         },
         set: function (v) {
-            this.i.c0 = stringToBrush(v);
+            this.i.c2 = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDataGridFilterDialogComponent.prototype, "columnOptionsToolTipTextColor", {
+        /**
+         * Gets or sets the tooltip text color inside the column options menu.
+        */
+        get: function () {
+            return brushToString(this.i.c3);
+        },
+        set: function (v) {
+            this.i.c3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -201,10 +214,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the highlight color inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cw);
+            return brushToString(this.i.cy);
         },
         set: function (v) {
-            this.i.cw = stringToBrush(v);
+            this.i.cy = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -214,10 +227,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cy);
+            return brushToString(this.i.c0);
         },
         set: function (v) {
-            this.i.cy = stringToBrush(v);
+            this.i.c0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -227,10 +240,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cu);
+            return brushToString(this.i.cw);
         },
         set: function (v) {
-            this.i.cu = stringToBrush(v);
+            this.i.cw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -240,10 +253,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.cv);
+            return brushToString(this.i.cx);
         },
         set: function (v) {
-            this.i.cv = stringToBrush(v);
+            this.i.cx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -268,10 +281,10 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
     });
     Object.defineProperty(IgxDataGridFilterDialogComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.cs);
+            return brushToString(this.i.cu);
         },
         set: function (v) {
-            this.i.cs = stringToBrush(v);
+            this.i.cu = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -382,16 +395,16 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
         this._inStyling = false;
     };
     IgxDataGridFilterDialogComponent.prototype.notifySizeChanged = function (width, height) {
-        this.i.b1(width, height);
+        this.i.b2(width, height);
     };
     IgxDataGridFilterDialogComponent.prototype.notifyCellSizeChanged = function () {
-        this.i.b0();
+        this.i.b1();
     };
     IgxDataGridFilterDialogComponent.prototype.showIcon = function () {
-        this.i.ce();
+        this.i.cf();
     };
     IgxDataGridFilterDialogComponent.prototype.hideIcon = function () {
-        this.i.by();
+        this.i.bz();
     };
     IgxDataGridFilterDialogComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -518,7 +531,7 @@ var IgxDataGridFilterDialogComponent = /** @class */ /*@__PURE__*/ (function ()
         }
     };
     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", 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 });
+    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", columnOptionsToolTipTextColor: "columnOptionsToolTipTextColor", 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;
 }());
 export { IgxDataGridFilterDialogComponent };
@@ -550,6 +563,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], columnOptionsToolTipBackgroundColor: [{
                 type: Input
+            }], columnOptionsToolTipTextColor: [{
+                type: Input
             }], columnOptionsHighlightColor: [{
                 type: Input
             }], columnOptionsSeparatorColor: [{

package/esm5/lib/igx-date-time-column-component.js

@@ -47,10 +47,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the date time format to use for this column. If FormatString is specificied this value is ignored.
         */
         get: function () {
-            return this.i.sc;
+            return this.i.sj;
         },
         set: function (v) {
-            this.i.sc = ensureEnum(DateTimeFormats_$type, v);
+            this.i.sj = ensureEnum(DateTimeFormats_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -60,10 +60,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the format string to apply to the value. If set, the other value formatting properties on this column are ignored.
         */
         get: function () {
-            return this.i.su;
+            return this.i.s1;
         },
         set: function (v) {
-            this.i.su = v;
+            this.i.s1 = v;
         },
         enumerable: false,
         configurable: true
@@ -73,24 +73,24 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the format string to use when editing dates.
         */
         get: function () {
-            return this.i.sn;
+            return this.i.su;
         },
         set: function (v) {
-            this.i.sn = v;
+            this.i.su = v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDateTimeColumnComponent.prototype, "formatSpecifiers", {
         get: function () {
-            return this.i.r8;
+            return this.i.sf;
         },
         set: function (v) {
             if (v && !Array.isArray(v) && typeof (v) == "string") {
                 var re = /\s*(?:,|\s|$)\s*/gm;
                 v = v.split(re);
             }
-            this.i.r8 = v;
+            this.i.sf = v;
         },
         enumerable: false,
         configurable: true
@@ -100,10 +100,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the INTL DateTimeFormat object to use for formatting the date values.
         */
         get: function () {
-            return this.i.sj;
+            return this.i.sq;
         },
         set: function (v) {
-            this.i.sj = v;
+            this.i.sq = v;
         },
         enumerable: false,
         configurable: true
@@ -113,10 +113,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
         */
         get: function () {
-            return this.i.sf;
+            return this.i.sm;
         },
         set: function (v) {
-            this.i.sf = ensureBool(v);
+            this.i.sm = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -126,10 +126,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.sd;
+            return this.i.sk;
         },
         set: function (v) {
-            this.i.sd = ensureEnum(EditorType_$type, v);
+            this.i.sk = ensureEnum(EditorType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -139,10 +139,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.si;
+            return this.i.sp;
         },
         set: function (v) {
-            this.i.si = v;
+            this.i.sp = v;
         },
         enumerable: false,
         configurable: true
@@ -152,10 +152,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.sp;
+            return this.i.sw;
         },
         set: function (v) {
-            this.i.sp = v;
+            this.i.sw = v;
         },
         enumerable: false,
         configurable: true
@@ -165,10 +165,10 @@ var IgxDateTimeColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.sq;
+            return this.i.sx;
         },
         set: function (v) {
-            this.i.sq = v;
+            this.i.sx = v;
         },
         enumerable: false,
         configurable: true

package/esm5/lib/igx-grid-column-filter-options-component.js

@@ -125,7 +125,7 @@ var IgxGridColumnFilterOptionsComponent = /** @class */ /*@__PURE__*/ (function
         this.i.bt();
     };
     IgxGridColumnFilterOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxGridColumnFilterOptionsComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
-    IgxGridColumnFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxGridColumnFilterOptionsComponent, selector: "igx-grid-column-filter-options", inputs: { clearColumnFiltersCaption: "clearColumnFiltersCaption", filterListPlaceholderText: "filterListPlaceholderText", filterListDensity: "filterListDensity", actualFilterListDensity: "actualFilterListDensity", textFilterCaption: "textFilterCaption" }, host: { classAttribute: "ig-grid-column-filter-options igx-grid-column-filter-options" }, providers: [], viewQueries: [{ propertyName: "_mainDivRef", first: true, predicate: ["_mainDivRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "_clearFiltersSectionRef", first: true, predicate: ["_clearFiltersSectionRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "_filterSectionRef", first: true, predicate: ["_filterSectionRef"], descendants: true, static: true }, { propertyName: "_filterCheckboxListSectionRef", first: true, predicate: ["_filterCheckboxListSectionRef"], descendants: true, static: true }, { propertyName: "_filterButtonsSectionRef", first: true, predicate: ["_filterButtonsSectionRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #_mainDivRef\n               >\n                    <div #_clearFiltersSectionRef\n                        key=\"clearFiltersSection\"\n                    ></div>\n\n                    <div #_filterSectionRef\n                        key=\"filtersSection\"\n                    ></div>\n\n                    <igx-checkbox-list                         \n                        #_filterCheckboxListSectionRef\n                        key=\"filterCheckboxListSection\"\n                        width=\"195px\"\n                    ></igx-checkbox-list>\n\n                    <div #_filterButtonsSectionRef\n                        key=\"filterButtonsSection\"\n                    ></div>\n               </div>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: ["height", "width", "dataSource", "keys", "primaryKey", "dataMemberPath", "dataLegendTarget", "subtitleMemberPath", "propertyTypeMemberPath", "selectedMemberPath", "filterPlaceholderText", "searchInputType", "rowHeight", "cellTextStyle", "indexType", "baseTheme", "density", "searchIconColor", "searchBackgroundColor", "labelClickTriggersChange", "searchTextColor", "searchBorderColor", "searchTextStyle", "checkboxTickColor", "checkboxCheckedBackgroundColor", "checkboxUncheckedBackgroundColor", "checkboxCheckedBorderColor", "checkboxUncheckedBorderColor", "checkboxCornerRadius", "scrollbarStyle", "scrollbarBackground", "selectAllCaption", "selectAllCaptionTextColor", "actualSelectAllCaptionTextColor", "showSelectAll", "backgroundColor", "rowHoverBackgroundColor", "textColor", "showFilter", "isRowHoverEnabled", "checkboxAlignedRight"], outputs: ["selectedKeyAdded", "selectedKeyRemoved", "checkedChanged", "labelClicked", "indexTypeChanged", "keysCleared", "selectAllCheckboxChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    IgxGridColumnFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxGridColumnFilterOptionsComponent, selector: "igx-grid-column-filter-options", inputs: { clearColumnFiltersCaption: "clearColumnFiltersCaption", filterListPlaceholderText: "filterListPlaceholderText", filterListDensity: "filterListDensity", actualFilterListDensity: "actualFilterListDensity", textFilterCaption: "textFilterCaption" }, host: { classAttribute: "ig-grid-column-filter-options igx-grid-column-filter-options" }, providers: [], viewQueries: [{ propertyName: "_mainDivRef", first: true, predicate: ["_mainDivRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "_clearFiltersSectionRef", first: true, predicate: ["_clearFiltersSectionRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "_filterSectionRef", first: true, predicate: ["_filterSectionRef"], descendants: true, static: true }, { propertyName: "_filterCheckboxListSectionRef", first: true, predicate: ["_filterCheckboxListSectionRef"], descendants: true, static: true }, { propertyName: "_filterButtonsSectionRef", first: true, predicate: ["_filterButtonsSectionRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div #_mainDivRef\n               >\n                    <div #_clearFiltersSectionRef\n                        key=\"clearFiltersSection\"\n                    ></div>\n\n                    <div #_filterSectionRef\n                        key=\"filtersSection\"\n                    ></div>\n\n                    <igx-checkbox-list                         \n                        #_filterCheckboxListSectionRef\n                        key=\"filterCheckboxListSection\"\n                        width=\"195px\"\n                    ></igx-checkbox-list>\n\n                    <div #_filterButtonsSectionRef\n                        key=\"filterButtonsSection\"\n                    ></div>\n               </div>", isInline: true, styles: ["\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t"], components: [{ type: i1.IgxCheckboxListComponent, selector: "igx-checkbox-list", inputs: ["height", "width", "dataSource", "keys", "primaryKey", "dataMemberPath", "dataLegendTarget", "subtitleMemberPath", "propertyTypeMemberPath", "selectedMemberPath", "filterPlaceholderText", "searchInputType", "rowHeight", "cellTextStyle", "indexType", "baseTheme", "density", "searchIconColor", "searchBackgroundColor", "labelClickTriggersChange", "searchTextColor", "searchBorderColor", "searchFocusBorderColor", "searchTextStyle", "checkboxTickColor", "checkboxCheckedBackgroundColor", "checkboxUncheckedBackgroundColor", "checkboxCheckedBorderColor", "checkboxUncheckedBorderColor", "checkboxCornerRadius", "scrollbarStyle", "scrollbarBackground", "selectAllCaption", "selectAllCaptionTextColor", "actualSelectAllCaptionTextColor", "showSelectAll", "backgroundColor", "rowHoverBackgroundColor", "textColor", "showFilter", "isRowHoverEnabled", "checkboxAlignedRight"], outputs: ["selectedKeyAdded", "selectedKeyRemoved", "checkedChanged", "labelClicked", "indexTypeChanged", "keysCleared", "selectAllCheckboxChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     return IgxGridColumnFilterOptionsComponent;
 }(IgxGridColumnOptionsSectionBaseComponent));
 export { IgxGridColumnFilterOptionsComponent };

package/esm5/lib/igx-image-column-component.js

@@ -47,10 +47,10 @@ var IgxImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the stretch option to use when rendering images
         */
         get: function () {
-            return this.i.sb;
+            return this.i.si;
         },
         set: function (v) {
-            this.i.sb = ensureEnum(ImageStretchOptions_$type, v);
+            this.i.si = ensureEnum(ImageStretchOptions_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -60,10 +60,10 @@ var IgxImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the editor type used for editing cells in this column.
         */
         get: function () {
-            return this.i.r7;
+            return this.i.se;
         },
         set: function (v) {
-            this.i.r7 = ensureEnum(EditorType_$type, v);
+            this.i.se = ensureEnum(EditorType_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -73,10 +73,10 @@ var IgxImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox data source.
         */
         get: function () {
-            return this.i.sc;
+            return this.i.sj;
         },
         set: function (v) {
-            this.i.sc = v;
+            this.i.sj = v;
         },
         enumerable: false,
         configurable: true
@@ -86,10 +86,10 @@ var IgxImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox text field.
         */
         get: function () {
-            return this.i.sd;
+            return this.i.sk;
         },
         set: function (v) {
-            this.i.sd = v;
+            this.i.sk = v;
         },
         enumerable: false,
         configurable: true
@@ -99,10 +99,10 @@ var IgxImageColumnComponent = /** @class */ /*@__PURE__*/ (function (_super) {
          * Gets or sets the ComboBox value field.
         */
         get: function () {
-            return this.i.se;
+            return this.i.sl;
         },
         set: function (v) {
-            this.i.se = v;
+            this.i.sl = v;
         },
         enumerable: false,
         configurable: true