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

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

@@ -94,11 +94,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.k7;
+            return this.i.lj;
         },
         set: function (v) {
-            this.i.k7 = +v;
-            this._a("paddingLeft", this.i.k7);
+            this.i.lj = +v;
+            this._a("paddingLeft", this.i.lj);
         },
         enumerable: false,
         configurable: true
@@ -108,11 +108,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.k9;
+            return this.i.ll;
         },
         set: function (v) {
-            this.i.k9 = +v;
-            this._a("paddingTop", this.i.k9);
+            this.i.ll = +v;
+            this._a("paddingTop", this.i.ll);
         },
         enumerable: false,
         configurable: true
@@ -122,11 +122,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.k8;
+            return this.i.lk;
         },
         set: function (v) {
-            this.i.k8 = +v;
-            this._a("paddingRight", this.i.k8);
+            this.i.lk = +v;
+            this._a("paddingRight", this.i.lk);
         },
         enumerable: false,
         configurable: true
@@ -136,11 +136,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.k6;
+            return this.i.li;
         },
         set: function (v) {
-            this.i.k6 = +v;
-            this._a("paddingBottom", this.i.k6);
+            this.i.li = +v;
+            this._a("paddingBottom", this.i.li);
         },
         enumerable: false,
         configurable: true
@@ -150,10 +150,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets an unique name of the Column
         */
         get: function () {
-            return this.i.ni;
+            return this.i.n6;
         },
         set: function (v) {
-            this.i.ni = v;
+            this.i.n6 = 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.mr;
+            return this.i.nf;
         },
         set: function (v) {
-            this.i.mr = v;
+            this.i.nf = 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.my;
+            return this.i.nm;
         },
         set: function (v) {
-            this.i.my = v;
+            this.i.nm = 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.l0;
+            return this.i.mi;
         },
         set: function (v) {
-            this.i.l0 = v;
+            this.i.mi = 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.qm);
+            return brushToString(this.i.rs);
         },
         set: function (v) {
-            this.i.qm = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.qm));
+            this.i.rs = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.rs));
         },
         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.p9);
+            return brushToString(this.i.rc);
         },
         set: function (v) {
-            this.i.p9 = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.p9));
+            this.i.rc = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.rc));
         },
         enumerable: false,
         configurable: true
@@ -230,11 +230,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.qk);
+            return brushToString(this.i.rq);
         },
         set: function (v) {
-            this.i.qk = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.qk));
+            this.i.rq = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.rq));
         },
         enumerable: false,
         configurable: true
@@ -244,11 +244,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.p7);
+            return brushToString(this.i.ra);
         },
         set: function (v) {
-            this.i.p7 = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.p7));
+            this.i.ra = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.ra));
         },
         enumerable: false,
         configurable: true
@@ -258,11 +258,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.ql);
+            return brushToString(this.i.rr);
         },
         set: function (v) {
-            this.i.ql = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.ql));
+            this.i.rr = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.rr));
         },
         enumerable: false,
         configurable: true
@@ -272,11 +272,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.p8);
+            return brushToString(this.i.rb);
         },
         set: function (v) {
-            this.i.p8 = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.p8));
+            this.i.rb = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.rb));
         },
         enumerable: false,
         configurable: true
@@ -350,11 +350,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get: function () {
-            return this.i.ki;
+            return this.i.kq;
         },
         set: function (v) {
-            this.i.ki = +v;
-            this._a("minWidth", this.i.ki);
+            this.i.kq = +v;
+            this._a("minWidth", this.i.kq);
         },
         enumerable: false,
         configurable: true
@@ -364,11 +364,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get: function () {
-            return this.i.j0;
+            return this.i.j8;
         },
         set: function (v) {
-            this.i.j0 = ensureBool(v);
-            this._a("isFromMarkup", this.i.j0);
+            this.i.j8 = ensureBool(v);
+            this._a("isFromMarkup", this.i.j8);
         },
         enumerable: false,
         configurable: true
@@ -378,11 +378,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets whether this column was auto generated.
         */
         get: function () {
-            return this.i.ju;
+            return this.i.j2;
         },
         set: function (v) {
-            this.i.ju = ensureBool(v);
-            this._a("isAutoGenerated", this.i.ju);
+            this.i.j2 = ensureBool(v);
+            this._a("isAutoGenerated", this.i.j2);
         },
         enumerable: false,
         configurable: true
@@ -444,11 +444,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether filtering is enabled for this column.
         */
         get: function () {
-            return this.i.jz;
+            return this.i.j7;
         },
         set: function (v) {
-            this.i.jz = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.jz);
+            this.i.j7 = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.j7);
         },
         enumerable: false,
         configurable: true
@@ -458,11 +458,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether resizing is enabled for this column.
         */
         get: function () {
-            return this.i.j2;
+            return this.i.ka;
         },
         set: function (v) {
-            this.i.j2 = ensureBool(v);
-            this._a("isResizingEnabled", this.i.j2);
+            this.i.ka = ensureBool(v);
+            this._a("isResizingEnabled", this.i.ka);
         },
         enumerable: false,
         configurable: true
@@ -472,11 +472,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether or not a column is hidden from the grid
         */
         get: function () {
-            return this.i.j1;
+            return this.i.j9;
         },
         set: function (v) {
-            this.i.j1 = ensureBool(v);
-            this._a("isHidden", this.i.j1);
+            this.i.j9 = ensureBool(v);
+            this._a("isHidden", this.i.j9);
         },
         enumerable: false,
         configurable: true
@@ -486,11 +486,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get: function () {
-            return this.i.j5;
+            return this.i.kd;
         },
         set: function (v) {
-            this.i.j5 = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.j5);
+            this.i.kd = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.kd);
         },
         enumerable: false,
         configurable: true
@@ -556,11 +556,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.p3);
+            return brushToString(this.i.q5);
         },
         set: function (v) {
-            this.i.p3 = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.p3));
+            this.i.q5 = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.q5));
         },
         enumerable: false,
         configurable: true
@@ -570,11 +570,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.qe);
+            return brushToString(this.i.rj);
         },
         set: function (v) {
-            this.i.qe = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.qe));
+            this.i.rj = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.rj));
         },
         enumerable: false,
         configurable: true
@@ -612,11 +612,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual state of the column options for this column.
         */
         get: function () {
-            return this.i.jn;
+            return this.i.jv;
         },
         set: function (v) {
-            this.i.jn = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.jn);
+            this.i.jv = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.jv);
         },
         enumerable: false,
         configurable: true
@@ -627,11 +627,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * then it will be disabled for the column regardless of what this is set to.
         */
         get: function () {
-            return this.i.jv;
+            return this.i.j3;
         },
         set: function (v) {
-            this.i.jv = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.jv);
+            this.i.j3 = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.j3);
         },
         enumerable: false,
         configurable: true
@@ -641,11 +641,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get: function () {
-            return this.i.jp;
+            return this.i.jx;
         },
         set: function (v) {
-            this.i.jp = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jp);
+            this.i.jx = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jx);
         },
         enumerable: false,
         configurable: true
@@ -655,11 +655,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get: function () {
-            return this.i.jx;
+            return this.i.j5;
         },
         set: function (v) {
-            this.i.jx = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.jx);
+            this.i.j5 = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.j5);
         },
         enumerable: false,
         configurable: true
@@ -669,11 +669,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get: function () {
-            return this.i.jo;
+            return this.i.jw;
         },
         set: function (v) {
-            this.i.jo = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jo);
+            this.i.jw = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jw);
         },
         enumerable: false,
         configurable: true
@@ -683,11 +683,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get: function () {
-            return this.i.jw;
+            return this.i.j4;
         },
         set: function (v) {
-            this.i.jw = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.jw);
+            this.i.j4 = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.j4);
         },
         enumerable: false,
         configurable: true
@@ -697,11 +697,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.p0);
+            return brushToString(this.i.q0);
         },
         set: function (v) {
-            this.i.p0 = stringToBrush(v);
-            this._a("actualColumnOptionsBackground", brushToString(this.i.p0));
+            this.i.q0 = stringToBrush(v);
+            this._a("actualColumnOptionsBackground", brushToString(this.i.q0));
         },
         enumerable: false,
         configurable: true
@@ -711,11 +711,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.qb);
+            return brushToString(this.i.re);
         },
         set: function (v) {
-            this.i.qb = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.qb));
+            this.i.re = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.re));
         },
         enumerable: false,
         configurable: true
@@ -725,11 +725,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.p5);
+            return brushToString(this.i.q7);
         },
         set: function (v) {
-            this.i.p5 = stringToBrush(v);
-            this._a("actualColumnOptionsTextColor", brushToString(this.i.p5));
+            this.i.q7 = stringToBrush(v);
+            this._a("actualColumnOptionsTextColor", brushToString(this.i.q7));
         },
         enumerable: false,
         configurable: true
@@ -739,11 +739,96 @@ 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.qg);
+            return brushToString(this.i.rl);
+        },
+        set: function (v) {
+            this.i.rl = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.rl));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsTextStyle", {
+        /**
+         * Gets or sets the font settings for text inside the column options menu.
+        */
+        get: function () {
+            if (this.i.jc == null) {
+                return null;
+            }
+            return this.i.jc.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.jc = fi;
+            this._a("columnOptionsTextStyle", this.i.jc != null ? this.i.jc.fontString : "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsHoverBackgroundColor", {
+        get: function () {
+            return brushToString(this.i.q4);
+        },
+        set: function (v) {
+            this.i.q4 = stringToBrush(v);
+            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.q4));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsHoverBackgroundColor", {
+        get: function () {
+            return brushToString(this.i.ri);
+        },
+        set: function (v) {
+            this.i.ri = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.ri));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsToolTipBackgroundColor", {
+        get: function () {
+            return brushToString(this.i.q8);
+        },
+        set: function (v) {
+            this.i.q8 = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.q8));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsToolTipBackgroundColor", {
+        get: function () {
+            return brushToString(this.i.rm);
         },
         set: function (v) {
-            this.i.qg = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.qg));
+            this.i.rm = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.rm));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsHighlightColor", {
+        get: function () {
+            return brushToString(this.i.q3);
+        },
+        set: function (v) {
+            this.i.q3 = stringToBrush(v);
+            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.q3));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsHighlightColor", {
+        get: function () {
+            return brushToString(this.i.rh);
+        },
+        set: function (v) {
+            this.i.rh = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.rh));
         },
         enumerable: false,
         configurable: true
@@ -753,11 +838,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.p4);
+            return brushToString(this.i.q6);
         },
         set: function (v) {
-            this.i.p4 = stringToBrush(v);
-            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.p4));
+            this.i.q6 = stringToBrush(v);
+            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.q6));
         },
         enumerable: false,
         configurable: true
@@ -767,11 +852,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.qf);
+            return brushToString(this.i.rk);
         },
         set: function (v) {
-            this.i.qf = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.qf));
+            this.i.rk = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.rk));
         },
         enumerable: false,
         configurable: true
@@ -781,11 +866,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.p1);
+            return brushToString(this.i.q1);
         },
         set: function (v) {
-            this.i.p1 = stringToBrush(v);
-            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.p1));
+            this.i.q1 = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.q1));
         },
         enumerable: false,
         configurable: true
@@ -795,11 +880,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.qc);
+            return brushToString(this.i.rf);
         },
         set: function (v) {
-            this.i.qc = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.qc));
+            this.i.rf = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.rf));
         },
         enumerable: false,
         configurable: true
@@ -809,11 +894,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.p2);
+            return brushToString(this.i.q2);
         },
         set: function (v) {
-            this.i.p2 = stringToBrush(v);
-            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.p2));
+            this.i.q2 = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.q2));
         },
         enumerable: false,
         configurable: true
@@ -823,33 +908,71 @@ 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.qd);
+            return brushToString(this.i.rg);
+        },
+        set: function (v) {
+            this.i.rg = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.rg));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsGroupHeaderTextStyle", {
+        get: function () {
+            if (this.i.jb == null) {
+                return null;
+            }
+            return this.i.jb.fontString;
         },
         set: function (v) {
-            this.i.qd = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.qd));
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.jb = fi;
+            this._a("columnOptionsGroupHeaderTextStyle", this.i.jb != null ? this.i.jb.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.pz);
+            return brushToString(this.i.qz);
         },
         set: function (v) {
-            this.i.pz = stringToBrush(v);
-            this._a("actualColumnOptionsAccentColor", brushToString(this.i.pz));
+            this.i.qz = stringToBrush(v);
+            this._a("actualColumnOptionsAccentColor", brushToString(this.i.qz));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.qa);
+            return brushToString(this.i.rd);
         },
         set: function (v) {
-            this.i.qa = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.qa));
+            this.i.rd = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.rd));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsRowHeight", {
+        get: function () {
+            return this.i.k9;
+        },
+        set: function (v) {
+            this.i.k9 = +v;
+            this._a("actualColumnOptionsRowHeight", this.i.k9);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsRowHeight", {
+        get: function () {
+            return this.i.la;
+        },
+        set: function (v) {
+            this.i.la = +v;
+            this._a("columnOptionsRowHeight", this.i.la);
         },
         enumerable: false,
         configurable: true
@@ -859,11 +982,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets if the column is editable.
         */
         get: function () {
-            return this.i.jy;
+            return this.i.j6;
         },
         set: function (v) {
-            this.i.jy = ensureBool(v);
-            this._a("isEditable", this.i.jy);
+            this.i.j6 = ensureBool(v);
+            this._a("isEditable", this.i.j6);
         },
         enumerable: false,
         configurable: true
@@ -873,11 +996,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.qh);
+            return brushToString(this.i.rn);
         },
         set: function (v) {
-            this.i.qh = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.qh));
+            this.i.rn = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.rn));
         },
         enumerable: false,
         configurable: true
@@ -887,11 +1010,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.p6);
+            return brushToString(this.i.q9);
         },
         set: function (v) {
-            this.i.p6 = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.p6));
+            this.i.q9 = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.q9));
         },
         enumerable: false,
         configurable: true
@@ -901,11 +1024,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get: function () {
-            return this.i.kh;
+            return this.i.kp;
         },
         set: function (v) {
-            this.i.kh = +v;
-            this._a("editOpacity", this.i.kh);
+            this.i.kp = +v;
+            this._a("editOpacity", this.i.kp);
         },
         enumerable: false,
         configurable: true
@@ -915,11 +1038,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual opacity for unsaved edited cell values.
         */
         get: function () {
-            return this.i.kg;
+            return this.i.ko;
         },
         set: function (v) {
-            this.i.kg = +v;
-            this._a("actualEditOpacity", this.i.kg);
+            this.i.ko = +v;
+            this._a("actualEditOpacity", this.i.ko);
         },
         enumerable: false,
         configurable: true
@@ -948,16 +1071,16 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual font style used for unsaved cell edits.
         */
         get: function () {
-            if (this.i.i4 == null) {
+            if (this.i.ja == null) {
                 return null;
             }
-            return this.i.i4.fontString;
+            return this.i.ja.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.i4 = fi;
-            this._a("actualEditFontInfo", this.i.i4 != null ? this.i.i4.fontString : "");
+            this.i.ja = fi;
+            this._a("actualEditFontInfo", this.i.ja != null ? this.i.ja.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1009,11 +1132,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.k0;
+            return this.i.lc;
         },
         set: function (v) {
-            this.i.k0 = +v;
-            this._a("mergedCellPaddingLeft", this.i.k0);
+            this.i.lc = +v;
+            this._a("mergedCellPaddingLeft", this.i.lc);
         },
         enumerable: false,
         configurable: true
@@ -1023,11 +1146,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.k2;
+            return this.i.le;
         },
         set: function (v) {
-            this.i.k2 = +v;
-            this._a("mergedCellPaddingTop", this.i.k2);
+            this.i.le = +v;
+            this._a("mergedCellPaddingTop", this.i.le);
         },
         enumerable: false,
         configurable: true
@@ -1037,11 +1160,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.k1;
+            return this.i.ld;
         },
         set: function (v) {
-            this.i.k1 = +v;
-            this._a("mergedCellPaddingRight", this.i.k1);
+            this.i.ld = +v;
+            this._a("mergedCellPaddingRight", this.i.ld);
         },
         enumerable: false,
         configurable: true
@@ -1051,11 +1174,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kz;
+            return this.i.lb;
         },
         set: function (v) {
-            this.i.kz = +v;
-            this._a("mergedCellPaddingBottom", this.i.kz);
+            this.i.lb = +v;
+            this._a("mergedCellPaddingBottom", this.i.lb);
         },
         enumerable: false,
         configurable: true
@@ -1113,10 +1236,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.n6;
+            return this.i.ou;
         },
         set: function (v) {
-            this.i.n6 = v;
+            this.i.ou = v;
         },
         enumerable: false,
         configurable: true
@@ -1126,11 +1249,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.qp);
+            return brushToString(this.i.rv);
         },
         set: function (v) {
-            this.i.qp = stringToBrush(v);
-            this._a("suffixTextColor", brushToString(this.i.qp));
+            this.i.rv = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.rv));
         },
         enumerable: false,
         configurable: true
@@ -1159,10 +1282,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.ny;
+            return this.i.om;
         },
         set: function (v) {
-            this.i.ny = v;
+            this.i.om = v;
         },
         enumerable: false,
         configurable: true
@@ -1172,10 +1295,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.nv;
+            return this.i.oj;
         },
         set: function (v) {
-            this.i.nv = v;
+            this.i.oj = v;
         },
         enumerable: false,
         configurable: true
@@ -1185,11 +1308,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the stroke color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.qo);
+            return brushToString(this.i.ru);
         },
         set: function (v) {
-            this.i.qo = stringToBrush(v);
-            this._a("suffixIconStroke", brushToString(this.i.qo));
+            this.i.ru = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.ru));
         },
         enumerable: false,
         configurable: true
@@ -1199,11 +1322,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the fill color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.qn);
+            return brushToString(this.i.rt);
         },
         set: function (v) {
-            this.i.qn = stringToBrush(v);
-            this._a("suffixIconFill", brushToString(this.i.qn));
+            this.i.rt = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.rt));
         },
         enumerable: false,
         configurable: true
@@ -1213,11 +1336,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox x coordinate.
         */
         get: function () {
-            return this.i.kk;
+            return this.i.ks;
         },
         set: function (v) {
-            this.i.kk = +v;
-            this._a("suffixIconViewBoxLeft", this.i.kk);
+            this.i.ks = +v;
+            this._a("suffixIconViewBoxLeft", this.i.ks);
         },
         enumerable: false,
         configurable: true
@@ -1227,11 +1350,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox y coordinate.
         */
         get: function () {
-            return this.i.kl;
+            return this.i.kt;
         },
         set: function (v) {
-            this.i.kl = +v;
-            this._a("suffixIconViewBoxTop", this.i.kl);
+            this.i.kt = +v;
+            this._a("suffixIconViewBoxTop", this.i.kt);
         },
         enumerable: false,
         configurable: true
@@ -1241,11 +1364,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox width.
         */
         get: function () {
-            return this.i.km;
+            return this.i.ku;
         },
         set: function (v) {
-            this.i.km = +v;
-            this._a("suffixIconViewBoxWidth", this.i.km);
+            this.i.ku = +v;
+            this._a("suffixIconViewBoxWidth", this.i.ku);
         },
         enumerable: false,
         configurable: true
@@ -1255,11 +1378,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox height.
         */
         get: function () {
-            return this.i.kj;
+            return this.i.kr;
         },
         set: function (v) {
-            this.i.kj = +v;
-            this._a("suffixIconViewBoxHeight", this.i.kj);
+            this.i.kr = +v;
+            this._a("suffixIconViewBoxHeight", this.i.kr);
         },
         enumerable: false,
         configurable: true
@@ -1269,11 +1392,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix margin.
         */
         get: function () {
-            return this.i.kn;
+            return this.i.kv;
         },
         set: function (v) {
-            this.i.kn = +v;
-            this._a("suffixMargin", this.i.kn);
+            this.i.kv = +v;
+            this._a("suffixMargin", this.i.kv);
         },
         enumerable: false,
         configurable: true
@@ -1324,18 +1447,18 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     
     */
     IgcDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.mw();
+        var iv = this.i.nk();
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.oo(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+        this.i.pc(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if the column has named header values.
     
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValues = function () {
-        var iv = this.i.js();
+        var iv = this.i.j0();
         return (iv);
     };
     /**
@@ -1344,7 +1467,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named value to check for.
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValue = function (valueName) {
-        var iv = this.i.jr(valueName);
+        var iv = this.i.jz(valueName);
         return (iv);
     };
     /**
@@ -1353,7 +1476,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named header value to remove.
     */
     IgcDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.on(valueName);
+        this.i.pb(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -1361,11 +1484,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * Name of the named header value to retrieve.
     */
     IgcDataGridColumnComponent.prototype.getNamedHeaderValue = function (valueName) {
-        var iv = this.i.le(valueName);
+        var iv = this.i.lq(valueName);
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.oe(filterID, index, value);
+        this.i.o2(filterID, index, value);
     };
     IgcDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -1428,7 +1551,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = function (o, e) {
                 var ext = _this.actualHeaderText;
-                if (e.propertyName == 'L0') {
+                if (e.propertyName == 'Mi') {
                     if (_this.beforeActualHeaderTextChange) {
                         _this.beforeActualHeaderTextChange(_this, ext);
                     }