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

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

@@ -150,10 +150,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -163,10 +163,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -176,10 +176,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -189,10 +189,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -202,11 +202,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("selectedBackground", brushToString(this.i.r2));
+            this.i.r9 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.r9));
         },
         enumerable: false,
         configurable: true
@@ -216,11 +216,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualSelectedBackground", brushToString(this.i.rl));
+            this.i.rr = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.rr));
         },
         enumerable: false,
         configurable: true
@@ -230,11 +230,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("selectedTextColor", brushToString(this.i.r3));
+            this.i.sa = stringToBrush(v);
+            this._a("selectedTextColor", brushToString(this.i.sa));
         },
         enumerable: false,
         configurable: true
@@ -244,11 +244,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualSelectedTextColor", brushToString(this.i.rm));
+            this.i.rs = stringToBrush(v);
+            this._a("actualSelectedTextColor", brushToString(this.i.rs));
         },
         enumerable: false,
         configurable: true
@@ -258,11 +258,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("rowHoverBackground", brushToString(this.i.r0));
+            this.i.r7 = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.r7));
         },
         enumerable: false,
         configurable: true
@@ -272,11 +272,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualHoverBackground", brushToString(this.i.rj));
+            this.i.rp = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.rp));
         },
         enumerable: false,
         configurable: true
@@ -286,11 +286,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("rowHoverTextColor", brushToString(this.i.r1));
+            this.i.r8 = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.r8));
         },
         enumerable: false,
         configurable: true
@@ -300,11 +300,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualRowHoverTextColor", brushToString(this.i.rk));
+            this.i.rq = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.rq));
         },
         enumerable: false,
         configurable: true
@@ -598,11 +598,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualColumnOptionsIconColor", brushToString(this.i.re));
+            this.i.rj = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.rj));
         },
         enumerable: false,
         configurable: true
@@ -612,11 +612,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("columnOptionsIconColor", brushToString(this.i.rt));
+            this.i.rz = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.rz));
         },
         enumerable: false,
         configurable: true
@@ -739,11 +739,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualColumnOptionsBackground", brushToString(this.i.q9));
+            this.i.re = stringToBrush(v);
+            this._a("actualColumnOptionsBackground", brushToString(this.i.re));
         },
         enumerable: false,
         configurable: true
@@ -753,11 +753,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("columnOptionsBackground", brushToString(this.i.ro));
+            this.i.ru = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.ru));
         },
         enumerable: false,
         configurable: true
@@ -767,11 +767,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualColumnOptionsTextColor", brushToString(this.i.rg));
+            this.i.rl = stringToBrush(v);
+            this._a("actualColumnOptionsTextColor", brushToString(this.i.rl));
         },
         enumerable: false,
         configurable: true
@@ -781,11 +781,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("columnOptionsTextColor", brushToString(this.i.rv));
+            this.i.r1 = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.r1));
         },
         enumerable: false,
         configurable: true
@@ -811,66 +811,88 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rd);
+            return brushToString(this.i.ri);
         },
         set: function (v) {
-            this.i.rd = stringToBrush(v);
-            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.rd));
+            this.i.ri = stringToBrush(v);
+            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.ri));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rs);
+            return brushToString(this.i.ry);
         },
         set: function (v) {
-            this.i.rs = stringToBrush(v);
-            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.rs));
+            this.i.ry = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.ry));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rh);
+            return brushToString(this.i.rm);
         },
         set: function (v) {
-            this.i.rh = stringToBrush(v);
-            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.rh));
+            this.i.rm = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.rm));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rw);
+            return brushToString(this.i.r2);
         },
         set: function (v) {
-            this.i.rw = stringToBrush(v);
-            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.rw));
+            this.i.r2 = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.r2));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsToolTipTextColor", {
+        get: function () {
+            return brushToString(this.i.rn);
+        },
+        set: function (v) {
+            this.i.rn = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipTextColor", brushToString(this.i.rn));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsToolTipTextColor", {
+        get: function () {
+            return brushToString(this.i.r3);
+        },
+        set: function (v) {
+            this.i.r3 = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.r3));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.rc);
+            return brushToString(this.i.rh);
         },
         set: function (v) {
-            this.i.rc = stringToBrush(v);
-            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.rc));
+            this.i.rh = stringToBrush(v);
+            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.rh));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.rr);
+            return brushToString(this.i.rx);
         },
         set: function (v) {
-            this.i.rr = stringToBrush(v);
-            this._a("columnOptionsHighlightColor", brushToString(this.i.rr));
+            this.i.rx = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.rx));
         },
         enumerable: false,
         configurable: true
@@ -880,11 +902,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualColumnOptionsSeparatorColor", brushToString(this.i.rf));
+            this.i.rk = stringToBrush(v);
+            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.rk));
         },
         enumerable: false,
         configurable: true
@@ -894,11 +916,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("columnOptionsSeparatorColor", brushToString(this.i.ru));
+            this.i.r0 = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.r0));
         },
         enumerable: false,
         configurable: true
@@ -908,11 +930,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.ra));
+            this.i.rf = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.rf));
         },
         enumerable: false,
         configurable: true
@@ -922,11 +944,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("columnOptionsGroupHeaderBackground", brushToString(this.i.rp));
+            this.i.rv = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.rv));
         },
         enumerable: false,
         configurable: true
@@ -936,11 +958,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.rb));
+            this.i.rg = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.rg));
         },
         enumerable: false,
         configurable: true
@@ -950,11 +972,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.rq));
+            this.i.rw = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.rw));
         },
         enumerable: false,
         configurable: true
@@ -977,22 +999,22 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.q8);
+            return brushToString(this.i.rd);
         },
         set: function (v) {
-            this.i.q8 = stringToBrush(v);
-            this._a("actualColumnOptionsAccentColor", brushToString(this.i.q8));
+            this.i.rd = stringToBrush(v);
+            this._a("actualColumnOptionsAccentColor", brushToString(this.i.rd));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.rn);
+            return brushToString(this.i.rt);
         },
         set: function (v) {
-            this.i.rn = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.rn));
+            this.i.rt = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.rt));
         },
         enumerable: false,
         configurable: true
@@ -1038,11 +1060,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("deletedTextColor", brushToString(this.i.rx));
+            this.i.r4 = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.r4));
         },
         enumerable: false,
         configurable: true
@@ -1052,11 +1074,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("actualDeletedTextColor", brushToString(this.i.ri));
+            this.i.ro = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.ro));
         },
         enumerable: false,
         configurable: true
@@ -1278,10 +1300,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -1291,11 +1313,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("suffixTextColor", brushToString(this.i.r6));
+            this.i.sd = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.sd));
         },
         enumerable: false,
         configurable: true
@@ -1324,10 +1346,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -1337,10 +1359,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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
@@ -1350,11 +1372,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("suffixIconStroke", brushToString(this.i.r5));
+            this.i.sc = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.sc));
         },
         enumerable: false,
         configurable: true
@@ -1364,11 +1386,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * 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._a("suffixIconFill", brushToString(this.i.r4));
+            this.i.sb = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.sb));
         },
         enumerable: false,
         configurable: true
@@ -1489,11 +1511,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     
     */
     IgcDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.no();
+        var iv = this.i.nq();
         return (iv);
     };
     IgcDataGridColumnComponent.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.
@@ -1518,7 +1540,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named header value to remove.
     */
     IgcDataGridColumnComponent.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.
@@ -1530,7 +1552,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.o8(filterID, index, value);
+        this.i.pa(filterID, index, value);
     };
     IgcDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -1593,7 +1615,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = function (o, e) {
                 var ext = _this.actualHeaderText;
-                if (e.propertyName == 'Ml') {
+                if (e.propertyName == 'Mm') {
                     if (_this.beforeActualHeaderTextChange) {
                         _this.beforeActualHeaderTextChange(_this, ext);
                     }

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

@@ -3527,6 +3527,21 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.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);
+            this._a("expandCollapseOnSectionHeaderClick", this.i.expandCollapseOnSectionHeaderClick);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "groupSummaryDisplayMode", {
         /**
          * Gets or sets the display mode summaries will use inside groups.
@@ -4077,6 +4092,20 @@ export var IgcDataGridComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridComponent.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);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.columnOptionsToolTipTextColor));
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IgcDataGridComponent.prototype, "columnOptionsHighlightColor", {
         /**
          * Gets or sets the highlight color inside the column options menu.