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

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

@@ -117,10 +117,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets an unique name of the Column
         */
         get: function () {
-            return this.i.ob;
+            return this.i.od;
         },
         set: function (v) {
-            this.i.ob = v;
+            this.i.od = v;
         },
         enumerable: false,
         configurable: true
@@ -130,10 +130,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the key used for the column binding
         */
         get: function () {
-            return this.i.nj;
+            return this.i.nl;
         },
         set: function (v) {
-            this.i.nj = v;
+            this.i.nl = v;
         },
         enumerable: false,
         configurable: true
@@ -143,10 +143,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text displayed in the header of the column
         */
         get: function () {
-            return this.i.nq;
+            return this.i.ns;
         },
         set: function (v) {
-            this.i.nq = v;
+            this.i.ns = v;
         },
         enumerable: false,
         configurable: true
@@ -156,10 +156,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text displayed in the header of the column
         */
         get: function () {
-            return this.i.ml;
+            return this.i.mm;
         },
         set: function (v) {
-            this.i.ml = v;
+            this.i.mm = v;
         },
         enumerable: false,
         configurable: true
@@ -169,10 +169,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.r2);
+            return brushToString(this.i.r9);
         },
         set: function (v) {
-            this.i.r2 = stringToBrush(v);
+            this.i.r9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -182,10 +182,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.rl);
+            return brushToString(this.i.rr);
         },
         set: function (v) {
-            this.i.rl = stringToBrush(v);
+            this.i.rr = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -195,10 +195,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color to use for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.r3);
+            return brushToString(this.i.sa);
         },
         set: function (v) {
-            this.i.r3 = stringToBrush(v);
+            this.i.sa = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -208,10 +208,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color that is used for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.rm);
+            return brushToString(this.i.rs);
         },
         set: function (v) {
-            this.i.rm = stringToBrush(v);
+            this.i.rs = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -221,10 +221,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.r0);
+            return brushToString(this.i.r7);
         },
         set: function (v) {
-            this.i.r0 = stringToBrush(v);
+            this.i.r7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -234,10 +234,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.rj);
+            return brushToString(this.i.rp);
         },
         set: function (v) {
-            this.i.rj = stringToBrush(v);
+            this.i.rp = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -247,10 +247,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.r1);
+            return brushToString(this.i.r8);
         },
         set: function (v) {
-            this.i.r1 = stringToBrush(v);
+            this.i.r8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -260,10 +260,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.rk);
+            return brushToString(this.i.rq);
         },
         set: function (v) {
-            this.i.rk = stringToBrush(v);
+            this.i.rq = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -545,10 +545,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.re);
+            return brushToString(this.i.rj);
         },
         set: function (v) {
-            this.i.re = stringToBrush(v);
+            this.i.rj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -558,10 +558,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.rt);
+            return brushToString(this.i.rz);
         },
         set: function (v) {
-            this.i.rt = stringToBrush(v);
+            this.i.rz = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -676,10 +676,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.q9);
+            return brushToString(this.i.re);
         },
         set: function (v) {
-            this.i.q9 = stringToBrush(v);
+            this.i.re = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -689,10 +689,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.ro);
+            return brushToString(this.i.ru);
         },
         set: function (v) {
-            this.i.ro = stringToBrush(v);
+            this.i.ru = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -702,10 +702,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.rg);
+            return brushToString(this.i.rl);
         },
         set: function (v) {
-            this.i.rg = stringToBrush(v);
+            this.i.rl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -715,10 +715,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color for text inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.rv);
+            return brushToString(this.i.r1);
         },
         set: function (v) {
-            this.i.rv = stringToBrush(v);
+            this.i.r1 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -743,60 +743,80 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "actualColumnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rd);
+            return brushToString(this.i.ri);
         },
         set: function (v) {
-            this.i.rd = stringToBrush(v);
+            this.i.ri = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "columnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rs);
+            return brushToString(this.i.ry);
         },
         set: function (v) {
-            this.i.rs = stringToBrush(v);
+            this.i.ry = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "actualColumnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rh);
+            return brushToString(this.i.rm);
         },
         set: function (v) {
-            this.i.rh = stringToBrush(v);
+            this.i.rm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "columnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rw);
+            return brushToString(this.i.r2);
         },
         set: function (v) {
-            this.i.rw = stringToBrush(v);
+            this.i.r2 = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDataGridColumnComponent.prototype, "actualColumnOptionsToolTipTextColor", {
+        get: function () {
+            return brushToString(this.i.rn);
+        },
+        set: function (v) {
+            this.i.rn = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxDataGridColumnComponent.prototype, "columnOptionsToolTipTextColor", {
+        get: function () {
+            return brushToString(this.i.r3);
+        },
+        set: function (v) {
+            this.i.r3 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "actualColumnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.rc);
+            return brushToString(this.i.rh);
         },
         set: function (v) {
-            this.i.rc = stringToBrush(v);
+            this.i.rh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "columnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.rr);
+            return brushToString(this.i.rx);
         },
         set: function (v) {
-            this.i.rr = stringToBrush(v);
+            this.i.rx = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -806,10 +826,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.rf);
+            return brushToString(this.i.rk);
         },
         set: function (v) {
-            this.i.rf = stringToBrush(v);
+            this.i.rk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -819,10 +839,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color of separators inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.ru);
+            return brushToString(this.i.r0);
         },
         set: function (v) {
-            this.i.ru = stringToBrush(v);
+            this.i.r0 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -832,10 +852,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.ra);
+            return brushToString(this.i.rf);
         },
         set: function (v) {
-            this.i.ra = stringToBrush(v);
+            this.i.rf = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -845,10 +865,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.rp);
+            return brushToString(this.i.rv);
         },
         set: function (v) {
-            this.i.rp = stringToBrush(v);
+            this.i.rv = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -858,10 +878,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.rb);
+            return brushToString(this.i.rg);
         },
         set: function (v) {
-            this.i.rb = stringToBrush(v);
+            this.i.rg = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -871,10 +891,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get: function () {
-            return brushToString(this.i.rq);
+            return brushToString(this.i.rw);
         },
         set: function (v) {
-            this.i.rq = stringToBrush(v);
+            this.i.rw = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -896,20 +916,20 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "actualColumnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.q8);
+            return brushToString(this.i.rd);
         },
         set: function (v) {
-            this.i.q8 = stringToBrush(v);
+            this.i.rd = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxDataGridColumnComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.rn);
+            return brushToString(this.i.rt);
         },
         set: function (v) {
-            this.i.rn = stringToBrush(v);
+            this.i.rt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -952,10 +972,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.rx);
+            return brushToString(this.i.r4);
         },
         set: function (v) {
-            this.i.rx = stringToBrush(v);
+            this.i.r4 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -965,10 +985,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.ri);
+            return brushToString(this.i.ro);
         },
         set: function (v) {
-            this.i.ri = stringToBrush(v);
+            this.i.ro = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1178,10 +1198,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text to display in the suffix area of cells in this column.
         */
         get: function () {
-            return this.i.o0;
+            return this.i.o2;
         },
         set: function (v) {
-            this.i.o0 = v;
+            this.i.o2 = v;
         },
         enumerable: false,
         configurable: true
@@ -1191,10 +1211,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the color of the text in the suffix area of the cells in this column.
         */
         get: function () {
-            return brushToString(this.i.r6);
+            return brushToString(this.i.sd);
         },
         set: function (v) {
-            this.i.r6 = stringToBrush(v);
+            this.i.sd = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1222,10 +1242,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get: function () {
-            return this.i.os;
+            return this.i.ou;
         },
         set: function (v) {
-            this.i.os = v;
+            this.i.ou = v;
         },
         enumerable: false,
         configurable: true
@@ -1235,10 +1255,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get: function () {
-            return this.i.op;
+            return this.i.or;
         },
         set: function (v) {
-            this.i.op = v;
+            this.i.or = v;
         },
         enumerable: false,
         configurable: true
@@ -1248,10 +1268,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the stroke color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.r5);
+            return brushToString(this.i.sc);
         },
         set: function (v) {
-            this.i.r5 = stringToBrush(v);
+            this.i.sc = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1261,10 +1281,10 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the fill color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.r4);
+            return brushToString(this.i.sb);
         },
         set: function (v) {
-            this.i.r4 = stringToBrush(v);
+            this.i.sb = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -1379,11 +1399,11 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgxDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.no();
+        var iv = this.i.nq();
         return (iv);
     };
     IgxDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.pi(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+        this.i.pk(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if the column has named header values.
@@ -1408,7 +1428,7 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named header value to remove.
     */
     IgxDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.ph(valueName);
+        this.i.pj(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -1420,7 +1440,7 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         return (iv);
     };
     IgxDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.o8(filterID, index, value);
+        this.i.pa(filterID, index, value);
     };
     IgxDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -1485,7 +1505,7 @@ var IgxDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         configurable: true
     });
     IgxDataGridColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxDataGridColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    IgxDataGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridColumnComponent, selector: "ng-component", inputs: { paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", name: "name", field: "field", headerText: "headerText", actualHeaderText: "actualHeaderText", selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", selectedTextColor: "selectedTextColor", actualSelectedTextColor: "actualSelectedTextColor", rowHoverBackground: "rowHoverBackground", actualHoverBackground: "actualHoverBackground", rowHoverTextColor: "rowHoverTextColor", actualRowHoverTextColor: "actualRowHoverTextColor", animationSettings: "animationSettings", width: "width", minWidth: "minWidth", isFromMarkup: "isFromMarkup", isAutoGenerated: "isAutoGenerated", filter: "filter", filterExpression: "filterExpression", header: "header", isFilteringEnabled: "isFilteringEnabled", isResizingEnabled: "isResizingEnabled", isSortingEnabled: "isSortingEnabled", isHidden: "isHidden", shouldRemoveWhenHidden: "shouldRemoveWhenHidden", sortDirection: "sortDirection", pinned: "pinned", actualColumnOptionsIconAlignment: "actualColumnOptionsIconAlignment", columnOptionsIconAlignment: "columnOptionsIconAlignment", actualColumnOptionsIconColor: "actualColumnOptionsIconColor", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualColumnOptionsIconBehavior: "actualColumnOptionsIconBehavior", actualIsColumnOptionsEnabled: "actualIsColumnOptionsEnabled", isColumnOptionsEnabled: "isColumnOptionsEnabled", actualIsColumnOptionsSummariesEnabled: "actualIsColumnOptionsSummariesEnabled", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", actualIsColumnOptionsGroupingEnabled: "actualIsColumnOptionsGroupingEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", actualColumnOptionsBackground: "actualColumnOptionsBackground", columnOptionsBackground: "columnOptionsBackground", actualColumnOptionsTextColor: "actualColumnOptionsTextColor", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsTextStyle: "columnOptionsTextStyle", actualColumnOptionsHoverBackgroundColor: "actualColumnOptionsHoverBackgroundColor", columnOptionsHoverBackgroundColor: "columnOptionsHoverBackgroundColor", actualColumnOptionsToolTipBackgroundColor: "actualColumnOptionsToolTipBackgroundColor", columnOptionsToolTipBackgroundColor: "columnOptionsToolTipBackgroundColor", actualColumnOptionsHighlightColor: "actualColumnOptionsHighlightColor", columnOptionsHighlightColor: "columnOptionsHighlightColor", actualColumnOptionsSeparatorColor: "actualColumnOptionsSeparatorColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", actualColumnOptionsGroupHeaderBackground: "actualColumnOptionsGroupHeaderBackground", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", actualColumnOptionsGroupHeaderTextColor: "actualColumnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextStyle: "columnOptionsGroupHeaderTextStyle", actualColumnOptionsAccentColor: "actualColumnOptionsAccentColor", columnOptionsAccentColor: "columnOptionsAccentColor", actualColumnOptionsRowHeight: "actualColumnOptionsRowHeight", columnOptionsRowHeight: "columnOptionsRowHeight", isEditable: "isEditable", deletedTextColor: "deletedTextColor", actualDeletedTextColor: "actualDeletedTextColor", editOpacity: "editOpacity", actualEditOpacity: "actualEditOpacity", textEditStyle: "textEditStyle", actualEditFontInfo: "actualEditFontInfo", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", mergedCellPaddingLeft: "mergedCellPaddingLeft", mergedCellPaddingTop: "mergedCellPaddingTop", mergedCellPaddingRight: "mergedCellPaddingRight", mergedCellPaddingBottom: "mergedCellPaddingBottom", filterComparisonType: "filterComparisonType", filterOperands: "filterOperands", suffixText: "suffixText", suffixTextColor: "suffixTextColor", suffixTextStyle: "suffixTextStyle", suffixIconName: "suffixIconName", suffixIconCollectionName: "suffixIconCollectionName", suffixIconStroke: "suffixIconStroke", suffixIconFill: "suffixIconFill", suffixIconViewBoxLeft: "suffixIconViewBoxLeft", suffixIconViewBoxTop: "suffixIconViewBoxTop", suffixIconViewBoxWidth: "suffixIconViewBoxWidth", suffixIconViewBoxHeight: "suffixIconViewBoxHeight", suffixMargin: "suffixMargin", textDecoration: "textDecoration" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
+    IgxDataGridColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxDataGridColumnComponent, selector: "ng-component", inputs: { paddingLeft: "paddingLeft", paddingTop: "paddingTop", paddingRight: "paddingRight", paddingBottom: "paddingBottom", name: "name", field: "field", headerText: "headerText", actualHeaderText: "actualHeaderText", selectedBackground: "selectedBackground", actualSelectedBackground: "actualSelectedBackground", selectedTextColor: "selectedTextColor", actualSelectedTextColor: "actualSelectedTextColor", rowHoverBackground: "rowHoverBackground", actualHoverBackground: "actualHoverBackground", rowHoverTextColor: "rowHoverTextColor", actualRowHoverTextColor: "actualRowHoverTextColor", animationSettings: "animationSettings", width: "width", minWidth: "minWidth", isFromMarkup: "isFromMarkup", isAutoGenerated: "isAutoGenerated", filter: "filter", filterExpression: "filterExpression", header: "header", isFilteringEnabled: "isFilteringEnabled", isResizingEnabled: "isResizingEnabled", isSortingEnabled: "isSortingEnabled", isHidden: "isHidden", shouldRemoveWhenHidden: "shouldRemoveWhenHidden", sortDirection: "sortDirection", pinned: "pinned", actualColumnOptionsIconAlignment: "actualColumnOptionsIconAlignment", columnOptionsIconAlignment: "columnOptionsIconAlignment", actualColumnOptionsIconColor: "actualColumnOptionsIconColor", columnOptionsIconColor: "columnOptionsIconColor", columnOptionsIconBehavior: "columnOptionsIconBehavior", actualColumnOptionsIconBehavior: "actualColumnOptionsIconBehavior", actualIsColumnOptionsEnabled: "actualIsColumnOptionsEnabled", isColumnOptionsEnabled: "isColumnOptionsEnabled", actualIsColumnOptionsSummariesEnabled: "actualIsColumnOptionsSummariesEnabled", isColumnOptionsSummariesEnabled: "isColumnOptionsSummariesEnabled", actualIsColumnOptionsGroupingEnabled: "actualIsColumnOptionsGroupingEnabled", isColumnOptionsGroupingEnabled: "isColumnOptionsGroupingEnabled", actualColumnOptionsBackground: "actualColumnOptionsBackground", columnOptionsBackground: "columnOptionsBackground", actualColumnOptionsTextColor: "actualColumnOptionsTextColor", columnOptionsTextColor: "columnOptionsTextColor", columnOptionsTextStyle: "columnOptionsTextStyle", actualColumnOptionsHoverBackgroundColor: "actualColumnOptionsHoverBackgroundColor", columnOptionsHoverBackgroundColor: "columnOptionsHoverBackgroundColor", actualColumnOptionsToolTipBackgroundColor: "actualColumnOptionsToolTipBackgroundColor", columnOptionsToolTipBackgroundColor: "columnOptionsToolTipBackgroundColor", actualColumnOptionsToolTipTextColor: "actualColumnOptionsToolTipTextColor", columnOptionsToolTipTextColor: "columnOptionsToolTipTextColor", actualColumnOptionsHighlightColor: "actualColumnOptionsHighlightColor", columnOptionsHighlightColor: "columnOptionsHighlightColor", actualColumnOptionsSeparatorColor: "actualColumnOptionsSeparatorColor", columnOptionsSeparatorColor: "columnOptionsSeparatorColor", actualColumnOptionsGroupHeaderBackground: "actualColumnOptionsGroupHeaderBackground", columnOptionsGroupHeaderBackground: "columnOptionsGroupHeaderBackground", actualColumnOptionsGroupHeaderTextColor: "actualColumnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextColor: "columnOptionsGroupHeaderTextColor", columnOptionsGroupHeaderTextStyle: "columnOptionsGroupHeaderTextStyle", actualColumnOptionsAccentColor: "actualColumnOptionsAccentColor", columnOptionsAccentColor: "columnOptionsAccentColor", actualColumnOptionsRowHeight: "actualColumnOptionsRowHeight", columnOptionsRowHeight: "columnOptionsRowHeight", isEditable: "isEditable", deletedTextColor: "deletedTextColor", actualDeletedTextColor: "actualDeletedTextColor", editOpacity: "editOpacity", actualEditOpacity: "actualEditOpacity", textEditStyle: "textEditStyle", actualEditFontInfo: "actualEditFontInfo", mergedCellMode: "mergedCellMode", mergedCellEvaluationCriteria: "mergedCellEvaluationCriteria", mergedCellVerticalAlignment: "mergedCellVerticalAlignment", mergedCellPaddingLeft: "mergedCellPaddingLeft", mergedCellPaddingTop: "mergedCellPaddingTop", mergedCellPaddingRight: "mergedCellPaddingRight", mergedCellPaddingBottom: "mergedCellPaddingBottom", filterComparisonType: "filterComparisonType", filterOperands: "filterOperands", suffixText: "suffixText", suffixTextColor: "suffixTextColor", suffixTextStyle: "suffixTextStyle", suffixIconName: "suffixIconName", suffixIconCollectionName: "suffixIconCollectionName", suffixIconStroke: "suffixIconStroke", suffixIconFill: "suffixIconFill", suffixIconViewBoxLeft: "suffixIconViewBoxLeft", suffixIconViewBoxTop: "suffixIconViewBoxTop", suffixIconViewBoxWidth: "suffixIconViewBoxWidth", suffixIconViewBoxHeight: "suffixIconViewBoxHeight", suffixMargin: "suffixMargin", textDecoration: "textDecoration" }, outputs: { formatCell: "formatCell", actualHeaderTextChange: "actualHeaderTextChange" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
     return IgxDataGridColumnComponent;
 }(IgxDefinitionBaseComponent));
 export { IgxDataGridColumnComponent };
@@ -1598,6 +1618,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }], columnOptionsToolTipBackgroundColor: [{
                 type: Input
+            }], actualColumnOptionsToolTipTextColor: [{
+                type: Input
+            }], columnOptionsToolTipTextColor: [{
+                type: Input
             }], actualColumnOptionsHighlightColor: [{
                 type: Input
             }], columnOptionsHighlightColor: [{