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

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.lm;
+            return this.i.ln;
         },
         set: function (v) {
-            this.i.lm = +v;
-            this._a("paddingLeft", this.i.lm);
+            this.i.ln = +v;
+            this._a("paddingLeft", this.i.ln);
         },
         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.lo;
+            return this.i.lp;
         },
         set: function (v) {
-            this.i.lo = +v;
-            this._a("paddingTop", this.i.lo);
+            this.i.lp = +v;
+            this._a("paddingTop", this.i.lp);
         },
         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.ln;
+            return this.i.lo;
         },
         set: function (v) {
-            this.i.ln = +v;
-            this._a("paddingRight", this.i.ln);
+            this.i.lo = +v;
+            this._a("paddingRight", this.i.lo);
         },
         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.ll;
+            return this.i.lm;
         },
         set: function (v) {
-            this.i.ll = +v;
-            this._a("paddingBottom", this.i.ll);
+            this.i.lm = +v;
+            this._a("paddingBottom", this.i.lm);
         },
         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.od;
+            return this.i.ok;
         },
         set: function (v) {
-            this.i.od = v;
+            this.i.ok = 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.nl;
+            return this.i.ns;
         },
         set: function (v) {
-            this.i.nl = v;
+            this.i.ns = 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.ns;
+            return this.i.nz;
         },
         set: function (v) {
-            this.i.ns = v;
+            this.i.nz = 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.mm;
+            return this.i.mq;
         },
         set: function (v) {
-            this.i.mm = v;
+            this.i.mq = 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.r9);
+            return brushToString(this.i.sv);
         },
         set: function (v) {
-            this.i.r9 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.r9));
+            this.i.sv = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.sv));
         },
         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.rr);
+            return brushToString(this.i.sa);
         },
         set: function (v) {
-            this.i.rr = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.rr));
+            this.i.sa = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.sa));
         },
         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.sa);
+            return brushToString(this.i.sw);
         },
         set: function (v) {
-            this.i.sa = stringToBrush(v);
-            this._a("selectedTextColor", brushToString(this.i.sa));
+            this.i.sw = stringToBrush(v);
+            this._a("selectedTextColor", brushToString(this.i.sw));
         },
         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.rs);
+            return brushToString(this.i.sb);
         },
         set: function (v) {
-            this.i.rs = stringToBrush(v);
-            this._a("actualSelectedTextColor", brushToString(this.i.rs));
+            this.i.sb = stringToBrush(v);
+            this._a("actualSelectedTextColor", brushToString(this.i.sb));
         },
         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.r7);
+            return brushToString(this.i.st);
         },
         set: function (v) {
-            this.i.r7 = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.r7));
+            this.i.st = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.st));
         },
         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.rp);
+            return brushToString(this.i.r8);
         },
         set: function (v) {
-            this.i.rp = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.rp));
+            this.i.r8 = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.r8));
         },
         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.r8);
+            return brushToString(this.i.su);
         },
         set: function (v) {
-            this.i.r8 = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.r8));
+            this.i.su = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.su));
         },
         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.rq);
+            return brushToString(this.i.r9);
         },
         set: function (v) {
-            this.i.rq = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.rq));
+            this.i.r9 = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.r9));
         },
         enumerable: false,
         configurable: true
@@ -314,7 +314,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the animation settings to use for this column.
         */
         get: function () {
-            var r = this.i.id;
+            var r = this.i.ie;
             if (r == null) {
                 return null;
             }
@@ -333,7 +333,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
             return r.externalObject;
         },
         set: function (v) {
-            v == null ? this.i.id = null : this.i.id = v.i;
+            v == null ? this.i.ie = null : this.i.ie = v.i;
         },
         enumerable: false,
         configurable: true
@@ -378,11 +378,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.kt;
+            return this.i.ku;
         },
         set: function (v) {
-            this.i.kt = +v;
-            this._a("minWidth", this.i.kt);
+            this.i.ku = +v;
+            this._a("minWidth", this.i.ku);
         },
         enumerable: false,
         configurable: true
@@ -392,11 +392,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get: function () {
-            return this.i.ka;
+            return this.i.kb;
         },
         set: function (v) {
-            this.i.ka = ensureBool(v);
-            this._a("isFromMarkup", this.i.ka);
+            this.i.kb = ensureBool(v);
+            this._a("isFromMarkup", this.i.kb);
         },
         enumerable: false,
         configurable: true
@@ -406,11 +406,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets whether this column was auto generated.
         */
         get: function () {
-            return this.i.j4;
+            return this.i.j5;
         },
         set: function (v) {
-            this.i.j4 = ensureBool(v);
-            this._a("isAutoGenerated", this.i.j4);
+            this.i.j5 = ensureBool(v);
+            this._a("isAutoGenerated", this.i.j5);
         },
         enumerable: false,
         configurable: true
@@ -420,10 +420,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets a filter to apply on the values of this column
         */
         get: function () {
-            return this.i.g5;
+            return this.i.g6;
         },
         set: function (v) {
-            this.i.g5 = v;
+            this.i.g6 = v;
         },
         enumerable: false,
         configurable: true
@@ -433,10 +433,10 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets a filter to apply to the values of this column.
         */
         get: function () {
-            return this.i.g7;
+            return this.i.g8;
         },
         set: function (v) {
-            this.i.g7 = v;
+            this.i.g8 = v;
         },
         enumerable: false,
         configurable: true
@@ -472,11 +472,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether filtering is enabled for this column.
         */
         get: function () {
-            return this.i.j9;
+            return this.i.ka;
         },
         set: function (v) {
-            this.i.j9 = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.j9);
+            this.i.ka = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.ka);
         },
         enumerable: false,
         configurable: true
@@ -486,11 +486,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether resizing is enabled for this column.
         */
         get: function () {
-            return this.i.kc;
+            return this.i.kd;
         },
         set: function (v) {
-            this.i.kc = ensureBool(v);
-            this._a("isResizingEnabled", this.i.kc);
+            this.i.kd = ensureBool(v);
+            this._a("isResizingEnabled", this.i.kd);
         },
         enumerable: false,
         configurable: true
@@ -500,11 +500,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether sorting is enabled for this column from the UI.
         */
         get: function () {
-            return this.i.kd;
+            return this.i.ke;
         },
         set: function (v) {
-            this.i.kd = ensureBool(v);
-            this._a("isSortingEnabled", this.i.kd);
+            this.i.ke = ensureBool(v);
+            this._a("isSortingEnabled", this.i.ke);
         },
         enumerable: false,
         configurable: true
@@ -514,11 +514,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.kb;
+            return this.i.kc;
         },
         set: function (v) {
-            this.i.kb = ensureBool(v);
-            this._a("isHidden", this.i.kb);
+            this.i.kc = ensureBool(v);
+            this._a("isHidden", this.i.kc);
         },
         enumerable: false,
         configurable: true
@@ -528,11 +528,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.kg;
+            return this.i.kh;
         },
         set: function (v) {
-            this.i.kg = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.kg);
+            this.i.kh = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.kh);
         },
         enumerable: false,
         configurable: true
@@ -542,11 +542,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the current sort direction (None, Ascending, Descending) for this column.
         */
         get: function () {
-            return this.i.hv;
+            return this.i.hw;
         },
         set: function (v) {
-            this.i.hv = ensureEnum(ColumnSortDirection_$type, v);
-            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hv));
+            this.i.hw = ensureEnum(ColumnSortDirection_$type, v);
+            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hw));
         },
         enumerable: false,
         configurable: true
@@ -556,11 +556,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the current fixed position for this column.
         */
         get: function () {
-            return this.i.it;
+            return this.i.iu;
         },
         set: function (v) {
-            this.i.it = ensureEnum(PinnedPositions_$type, v);
-            this._a("pinned", enumToString(PinnedPositions_$type, this.i.it));
+            this.i.iu = ensureEnum(PinnedPositions_$type, v);
+            this._a("pinned", enumToString(PinnedPositions_$type, this.i.iu));
         },
         enumerable: false,
         configurable: true
@@ -570,11 +570,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual column options icon alignment for this column.
         */
         get: function () {
-            return this.i.hm;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hm = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hm));
+            this.i.hn = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -584,11 +584,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether the column options icon is aligned opposite the header text or not.
         */
         get: function () {
-            return this.i.hn;
+            return this.i.ho;
         },
         set: function (v) {
-            this.i.hn = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hn));
+            this.i.ho = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.ho));
         },
         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.rj);
+            return brushToString(this.i.rz);
         },
         set: function (v) {
-            this.i.rj = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.rj));
+            this.i.rz = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.rz));
         },
         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.rz);
+            return brushToString(this.i.si);
         },
         set: function (v) {
-            this.i.rz = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.rz));
+            this.i.si = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.si));
         },
         enumerable: false,
         configurable: true
@@ -626,11 +626,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets how the column option icon will behave in the column header.
         */
         get: function () {
-            return this.i.hr;
+            return this.i.hs;
         },
         set: function (v) {
-            this.i.hr = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hr));
+            this.i.hs = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hs));
         },
         enumerable: false,
         configurable: true
@@ -640,11 +640,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets how the column option icon will behave in the column header.
         */
         get: function () {
-            return this.i.hq;
+            return this.i.hr;
         },
         set: function (v) {
-            this.i.hq = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hq));
+            this.i.hr = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hr));
         },
         enumerable: false,
         configurable: true
@@ -654,11 +654,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual state of the column options for this column.
         */
         get: function () {
-            return this.i.jx;
+            return this.i.jy;
         },
         set: function (v) {
-            this.i.jx = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.jx);
+            this.i.jy = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.jy);
         },
         enumerable: false,
         configurable: true
@@ -669,11 +669,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.j5;
+            return this.i.j6;
         },
         set: function (v) {
-            this.i.j5 = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.j5);
+            this.i.j6 = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.j6);
         },
         enumerable: false,
         configurable: true
@@ -683,11 +683,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.jz;
+            return this.i.j0;
         },
         set: function (v) {
-            this.i.jz = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jz);
+            this.i.j0 = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.j0);
         },
         enumerable: false,
         configurable: true
@@ -697,11 +697,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.j7;
+            return this.i.j8;
         },
         set: function (v) {
-            this.i.j7 = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.j7);
+            this.i.j8 = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.j8);
         },
         enumerable: false,
         configurable: true
@@ -711,11 +711,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.jy;
+            return this.i.jz;
         },
         set: function (v) {
-            this.i.jy = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jy);
+            this.i.jz = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jz);
         },
         enumerable: false,
         configurable: true
@@ -725,11 +725,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.j6;
+            return this.i.j7;
         },
         set: function (v) {
-            this.i.j6 = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.j6);
+            this.i.j7 = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.j7);
         },
         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.re);
+            return brushToString(this.i.ru);
         },
         set: function (v) {
-            this.i.re = stringToBrush(v);
-            this._a("actualColumnOptionsBackground", brushToString(this.i.re));
+            this.i.ru = stringToBrush(v);
+            this._a("actualColumnOptionsBackground", brushToString(this.i.ru));
         },
         enumerable: false,
         configurable: true
@@ -753,11 +753,95 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the column options dropdown background color.
         */
         get: function () {
-            return brushToString(this.i.ru);
+            return brushToString(this.i.sd);
         },
         set: function (v) {
-            this.i.ru = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.ru));
+            this.i.sd = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.sd));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsScrollbarBackground", {
+        /**
+         * Gets the resolved scrollbar background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.r1);
+        },
+        set: function (v) {
+            this.i.r1 = stringToBrush(v);
+            this._a("actualColumnOptionsScrollbarBackground", brushToString(this.i.r1));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsScrollbarBackground", {
+        /**
+         * Gets or sets the scrollbar background color for checkbox lists in this column's options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.sk);
+        },
+        set: function (v) {
+            this.i.sk = stringToBrush(v);
+            this._a("columnOptionsScrollbarBackground", brushToString(this.i.sk));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsScrollbarHoverBackground", {
+        /**
+         * Gets the resolved scrollbar thumb hover background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.r2);
+        },
+        set: function (v) {
+            this.i.r2 = stringToBrush(v);
+            this._a("actualColumnOptionsScrollbarHoverBackground", brushToString(this.i.r2));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsScrollbarHoverBackground", {
+        /**
+         * Gets or sets the scrollbar thumb hover background color for checkbox lists in this column's options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.sl);
+        },
+        set: function (v) {
+            this.i.sl = stringToBrush(v);
+            this._a("columnOptionsScrollbarHoverBackground", brushToString(this.i.sl));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsScrollbarActiveBackground", {
+        /**
+         * Gets the resolved scrollbar thumb active (dragging) background color for checkbox lists in the column options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.r0);
+        },
+        set: function (v) {
+            this.i.r0 = stringToBrush(v);
+            this._a("actualColumnOptionsScrollbarActiveBackground", brushToString(this.i.r0));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsScrollbarActiveBackground", {
+        /**
+         * Gets or sets the scrollbar thumb active (dragging) background color for checkbox lists in this column's options dialog.
+        */
+        get: function () {
+            return brushToString(this.i.sj);
+        },
+        set: function (v) {
+            this.i.sj = stringToBrush(v);
+            this._a("columnOptionsScrollbarActiveBackground", brushToString(this.i.sj));
         },
         enumerable: false,
         configurable: true
@@ -767,11 +851,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.rl);
+            return brushToString(this.i.r4);
         },
         set: function (v) {
-            this.i.rl = stringToBrush(v);
-            this._a("actualColumnOptionsTextColor", brushToString(this.i.rl));
+            this.i.r4 = stringToBrush(v);
+            this._a("actualColumnOptionsTextColor", brushToString(this.i.r4));
         },
         enumerable: false,
         configurable: true
@@ -781,11 +865,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.r1);
+            return brushToString(this.i.sn);
         },
         set: function (v) {
-            this.i.r1 = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.r1));
+            this.i.sn = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.sn));
         },
         enumerable: false,
         configurable: true
@@ -795,104 +879,104 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the font settings for text inside the column options menu.
         */
         get: function () {
-            if (this.i.jd == null) {
+            if (this.i.je == null) {
                 return null;
             }
-            return this.i.jd.fontString;
+            return this.i.je.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.jd = fi;
-            this._a("columnOptionsTextStyle", this.i.jd != null ? this.i.jd.fontString : "");
+            this.i.je = fi;
+            this._a("columnOptionsTextStyle", this.i.je != null ? this.i.je.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.ri);
+            return brushToString(this.i.ry);
         },
         set: function (v) {
-            this.i.ri = stringToBrush(v);
-            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.ri));
+            this.i.ry = stringToBrush(v);
+            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.ry));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsHoverBackgroundColor", {
         get: function () {
-            return brushToString(this.i.ry);
+            return brushToString(this.i.sh);
         },
         set: function (v) {
-            this.i.ry = stringToBrush(v);
-            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.ry));
+            this.i.sh = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.sh));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.rm);
+            return brushToString(this.i.r5);
         },
         set: function (v) {
-            this.i.rm = stringToBrush(v);
-            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.rm));
+            this.i.r5 = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.r5));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsToolTipBackgroundColor", {
         get: function () {
-            return brushToString(this.i.r2);
+            return brushToString(this.i.so);
         },
         set: function (v) {
-            this.i.r2 = stringToBrush(v);
-            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.r2));
+            this.i.so = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.so));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsToolTipTextColor", {
         get: function () {
-            return brushToString(this.i.rn);
+            return brushToString(this.i.r6);
         },
         set: function (v) {
-            this.i.rn = stringToBrush(v);
-            this._a("actualColumnOptionsToolTipTextColor", brushToString(this.i.rn));
+            this.i.r6 = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipTextColor", brushToString(this.i.r6));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsToolTipTextColor", {
         get: function () {
-            return brushToString(this.i.r3);
+            return brushToString(this.i.sp);
         },
         set: function (v) {
-            this.i.r3 = stringToBrush(v);
-            this._a("columnOptionsToolTipTextColor", brushToString(this.i.r3));
+            this.i.sp = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.sp));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.rh);
+            return brushToString(this.i.rx);
         },
         set: function (v) {
-            this.i.rh = stringToBrush(v);
-            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.rh));
+            this.i.rx = stringToBrush(v);
+            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.rx));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsHighlightColor", {
         get: function () {
-            return brushToString(this.i.rx);
+            return brushToString(this.i.sg);
         },
         set: function (v) {
-            this.i.rx = stringToBrush(v);
-            this._a("columnOptionsHighlightColor", brushToString(this.i.rx));
+            this.i.sg = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.sg));
         },
         enumerable: false,
         configurable: true
@@ -902,11 +986,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.rk);
+            return brushToString(this.i.r3);
         },
         set: function (v) {
-            this.i.rk = stringToBrush(v);
-            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.rk));
+            this.i.r3 = stringToBrush(v);
+            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.r3));
         },
         enumerable: false,
         configurable: true
@@ -916,11 +1000,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.r0);
+            return brushToString(this.i.sm);
         },
         set: function (v) {
-            this.i.r0 = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.r0));
+            this.i.sm = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.sm));
         },
         enumerable: false,
         configurable: true
@@ -930,11 +1014,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.rf);
+            return brushToString(this.i.rv);
         },
         set: function (v) {
-            this.i.rf = stringToBrush(v);
-            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.rf));
+            this.i.rv = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.rv));
         },
         enumerable: false,
         configurable: true
@@ -944,11 +1028,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.rv);
+            return brushToString(this.i.se);
         },
         set: function (v) {
-            this.i.rv = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.rv));
+            this.i.se = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.se));
         },
         enumerable: false,
         configurable: true
@@ -958,11 +1042,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.rg);
+            return brushToString(this.i.rw);
         },
         set: function (v) {
-            this.i.rg = stringToBrush(v);
-            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.rg));
+            this.i.rw = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.rw));
         },
         enumerable: false,
         configurable: true
@@ -972,71 +1056,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.rw);
+            return brushToString(this.i.sf);
         },
         set: function (v) {
-            this.i.rw = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.rw));
+            this.i.sf = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.sf));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsGroupHeaderTextStyle", {
         get: function () {
-            if (this.i.jc == null) {
+            if (this.i.jd == null) {
                 return null;
             }
-            return this.i.jc.fontString;
+            return this.i.jd.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.jc = fi;
-            this._a("columnOptionsGroupHeaderTextStyle", this.i.jc != null ? this.i.jc.fontString : "");
+            this.i.jd = fi;
+            this._a("columnOptionsGroupHeaderTextStyle", this.i.jd != null ? this.i.jd.fontString : "");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.rd);
+            return brushToString(this.i.rt);
         },
         set: function (v) {
-            this.i.rd = stringToBrush(v);
-            this._a("actualColumnOptionsAccentColor", brushToString(this.i.rd));
+            this.i.rt = stringToBrush(v);
+            this._a("actualColumnOptionsAccentColor", brushToString(this.i.rt));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsAccentColor", {
         get: function () {
-            return brushToString(this.i.rt);
+            return brushToString(this.i.sc);
         },
         set: function (v) {
-            this.i.rt = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.rt));
+            this.i.sc = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.sc));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "actualColumnOptionsRowHeight", {
         get: function () {
-            return this.i.lc;
+            return this.i.ld;
         },
         set: function (v) {
-            this.i.lc = +v;
-            this._a("actualColumnOptionsRowHeight", this.i.lc);
+            this.i.ld = +v;
+            this._a("actualColumnOptionsRowHeight", this.i.ld);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgcDataGridColumnComponent.prototype, "columnOptionsRowHeight", {
         get: function () {
-            return this.i.ld;
+            return this.i.le;
         },
         set: function (v) {
-            this.i.ld = +v;
-            this._a("columnOptionsRowHeight", this.i.ld);
+            this.i.le = +v;
+            this._a("columnOptionsRowHeight", this.i.le);
         },
         enumerable: false,
         configurable: true
@@ -1046,11 +1130,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets if the column is editable.
         */
         get: function () {
-            return this.i.j8;
+            return this.i.j9;
         },
         set: function (v) {
-            this.i.j8 = ensureBool(v);
-            this._a("isEditable", this.i.j8);
+            this.i.j9 = ensureBool(v);
+            this._a("isEditable", this.i.j9);
         },
         enumerable: false,
         configurable: true
@@ -1060,11 +1144,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.r4);
+            return brushToString(this.i.sq);
         },
         set: function (v) {
-            this.i.r4 = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.r4));
+            this.i.sq = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.sq));
         },
         enumerable: false,
         configurable: true
@@ -1074,11 +1158,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.ro);
+            return brushToString(this.i.r7);
         },
         set: function (v) {
-            this.i.ro = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.ro));
+            this.i.r7 = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.r7));
         },
         enumerable: false,
         configurable: true
@@ -1088,11 +1172,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get: function () {
-            return this.i.ks;
+            return this.i.kt;
         },
         set: function (v) {
-            this.i.ks = +v;
-            this._a("editOpacity", this.i.ks);
+            this.i.kt = +v;
+            this._a("editOpacity", this.i.kt);
         },
         enumerable: false,
         configurable: true
@@ -1102,11 +1186,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual opacity for unsaved edited cell values.
         */
         get: function () {
-            return this.i.kr;
+            return this.i.ks;
         },
         set: function (v) {
-            this.i.kr = +v;
-            this._a("actualEditOpacity", this.i.kr);
+            this.i.ks = +v;
+            this._a("actualEditOpacity", this.i.ks);
         },
         enumerable: false,
         configurable: true
@@ -1135,16 +1219,16 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets the actual font style used for unsaved cell edits.
         */
         get: function () {
-            if (this.i.jb == null) {
+            if (this.i.jc == null) {
                 return null;
             }
-            return this.i.jb.fontString;
+            return this.i.jc.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.jb = fi;
-            this._a("actualEditFontInfo", this.i.jb != null ? this.i.jb.fontString : "");
+            this.i.jc = fi;
+            this._a("actualEditFontInfo", this.i.jc != null ? this.i.jc.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -1154,11 +1238,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets if and how cell merging is performed for this field.
         */
         get: function () {
-            return this.i.ip;
+            return this.i.iq;
         },
         set: function (v) {
-            this.i.ip = ensureEnum(MergedCellMode_$type, v);
-            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.ip));
+            this.i.iq = ensureEnum(MergedCellMode_$type, v);
+            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.iq));
         },
         enumerable: false,
         configurable: true
@@ -1168,11 +1252,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets how cells are evaluated for merging.
         */
         get: function () {
-            return this.i.il;
+            return this.i.im;
         },
         set: function (v) {
-            this.i.il = ensureEnum(MergedCellEvaluationCriteria_$type, v);
-            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.il));
+            this.i.im = ensureEnum(MergedCellEvaluationCriteria_$type, v);
+            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.im));
         },
         enumerable: false,
         configurable: true
@@ -1182,11 +1266,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the vertical alignment to use for the merged cell content.
         */
         get: function () {
-            return this.i.he;
+            return this.i.hf;
         },
         set: function (v) {
-            this.i.he = ensureEnum(CellContentVerticalAlignment_$type, v);
-            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.he));
+            this.i.hf = ensureEnum(CellContentVerticalAlignment_$type, v);
+            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.hf));
         },
         enumerable: false,
         configurable: true
@@ -1196,11 +1280,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.lf;
+            return this.i.lg;
         },
         set: function (v) {
-            this.i.lf = +v;
-            this._a("mergedCellPaddingLeft", this.i.lf);
+            this.i.lg = +v;
+            this._a("mergedCellPaddingLeft", this.i.lg);
         },
         enumerable: false,
         configurable: true
@@ -1210,11 +1294,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.lh;
+            return this.i.li;
         },
         set: function (v) {
-            this.i.lh = +v;
-            this._a("mergedCellPaddingTop", this.i.lh);
+            this.i.li = +v;
+            this._a("mergedCellPaddingTop", this.i.li);
         },
         enumerable: false,
         configurable: true
@@ -1224,11 +1308,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.lg;
+            return this.i.lh;
         },
         set: function (v) {
-            this.i.lg = +v;
-            this._a("mergedCellPaddingRight", this.i.lg);
+            this.i.lh = +v;
+            this._a("mergedCellPaddingRight", this.i.lh);
         },
         enumerable: false,
         configurable: true
@@ -1238,11 +1322,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.le;
+            return this.i.lf;
         },
         set: function (v) {
-            this.i.le = +v;
-            this._a("mergedCellPaddingBottom", this.i.le);
+            this.i.lf = +v;
+            this._a("mergedCellPaddingBottom", this.i.lf);
         },
         enumerable: false,
         configurable: true
@@ -1252,11 +1336,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets whether UI filters are case sensitive or not.
         */
         get: function () {
-            return this.i.h7;
+            return this.i.h8;
         },
         set: function (v) {
-            this.i.h7 = ensureEnum(FilterComparisonType_$type, v);
-            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h7));
+            this.i.h8 = ensureEnum(FilterComparisonType_$type, v);
+            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h8));
         },
         enumerable: false,
         configurable: true
@@ -1268,7 +1352,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
         get: function () {
             if (this._filterOperands === null) {
                 var coll = new IgcGridFilterOperandsCollection();
-                var innerColl = this.i.ig;
+                var innerColl = this.i.ih;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
@@ -1284,7 +1368,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
             var coll = new IgcGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            var innerColl = this.i.ig;
+            var innerColl = this.i.ih;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
@@ -1300,10 +1384,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.o2;
+            return this.i.o9;
         },
         set: function (v) {
-            this.i.o2 = v;
+            this.i.o9 = v;
         },
         enumerable: false,
         configurable: true
@@ -1313,11 +1397,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.sd);
+            return brushToString(this.i.sz);
         },
         set: function (v) {
-            this.i.sd = stringToBrush(v);
-            this._a("suffixTextColor", brushToString(this.i.sd));
+            this.i.sz = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.sz));
         },
         enumerable: false,
         configurable: true
@@ -1346,10 +1430,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.ou;
+            return this.i.o1;
         },
         set: function (v) {
-            this.i.ou = v;
+            this.i.o1 = v;
         },
         enumerable: false,
         configurable: true
@@ -1359,10 +1443,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.or;
+            return this.i.oy;
         },
         set: function (v) {
-            this.i.or = v;
+            this.i.oy = v;
         },
         enumerable: false,
         configurable: true
@@ -1372,11 +1456,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the stroke color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.sc);
+            return brushToString(this.i.sy);
         },
         set: function (v) {
-            this.i.sc = stringToBrush(v);
-            this._a("suffixIconStroke", brushToString(this.i.sc));
+            this.i.sy = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.sy));
         },
         enumerable: false,
         configurable: true
@@ -1386,11 +1470,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the fill color of suffix icon.
         */
         get: function () {
-            return brushToString(this.i.sb);
+            return brushToString(this.i.sx);
         },
         set: function (v) {
-            this.i.sb = stringToBrush(v);
-            this._a("suffixIconFill", brushToString(this.i.sb));
+            this.i.sx = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.sx));
         },
         enumerable: false,
         configurable: true
@@ -1400,11 +1484,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox x coordinate.
         */
         get: function () {
-            return this.i.kv;
+            return this.i.kw;
         },
         set: function (v) {
-            this.i.kv = +v;
-            this._a("suffixIconViewBoxLeft", this.i.kv);
+            this.i.kw = +v;
+            this._a("suffixIconViewBoxLeft", this.i.kw);
         },
         enumerable: false,
         configurable: true
@@ -1414,11 +1498,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox y coordinate.
         */
         get: function () {
-            return this.i.kw;
+            return this.i.kx;
         },
         set: function (v) {
-            this.i.kw = +v;
-            this._a("suffixIconViewBoxTop", this.i.kw);
+            this.i.kx = +v;
+            this._a("suffixIconViewBoxTop", this.i.kx);
         },
         enumerable: false,
         configurable: true
@@ -1428,11 +1512,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox width.
         */
         get: function () {
-            return this.i.kx;
+            return this.i.ky;
         },
         set: function (v) {
-            this.i.kx = +v;
-            this._a("suffixIconViewBoxWidth", this.i.kx);
+            this.i.ky = +v;
+            this._a("suffixIconViewBoxWidth", this.i.ky);
         },
         enumerable: false,
         configurable: true
@@ -1442,11 +1526,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix icon's viewbox height.
         */
         get: function () {
-            return this.i.ku;
+            return this.i.kv;
         },
         set: function (v) {
-            this.i.ku = +v;
-            this._a("suffixIconViewBoxHeight", this.i.ku);
+            this.i.kv = +v;
+            this._a("suffixIconViewBoxHeight", this.i.kv);
         },
         enumerable: false,
         configurable: true
@@ -1456,11 +1540,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the suffix margin.
         */
         get: function () {
-            return this.i.ky;
+            return this.i.kz;
         },
         set: function (v) {
-            this.i.ky = +v;
-            this._a("suffixMargin", this.i.ky);
+            this.i.kz = +v;
+            this._a("suffixMargin", this.i.kz);
         },
         enumerable: false,
         configurable: true
@@ -1470,11 +1554,11 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
          * Gets or sets the text decoration to apply to cells in this column.
         */
         get: function () {
-            return this.i.iv;
+            return this.i.iw;
         },
         set: function (v) {
-            this.i.iv = ensureEnum(TextCellDecoration_$type, v);
-            this._a("textDecoration", enumToString(TextCellDecoration_$type, this.i.iv));
+            this.i.iw = ensureEnum(TextCellDecoration_$type, v);
+            this._a("textDecoration", enumToString(TextCellDecoration_$type, this.i.iw));
         },
         enumerable: false,
         configurable: true
@@ -1511,18 +1595,18 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     
     */
     IgcDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.nq();
+        var iv = this.i.nx();
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.pk(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+        this.i.pr(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if the column has named header values.
     
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValues = function () {
-        var iv = this.i.j2();
+        var iv = this.i.j3();
         return (iv);
     };
     /**
@@ -1531,7 +1615,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named value to check for.
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValue = function (valueName) {
-        var iv = this.i.j1(valueName);
+        var iv = this.i.j2(valueName);
         return (iv);
     };
     /**
@@ -1540,7 +1624,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
     * @param valueName  * The named header value to remove.
     */
     IgcDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.pj(valueName);
+        this.i.pq(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -1548,11 +1632,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.lt(valueName);
+        var iv = this.i.lu(valueName);
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.pa(filterID, index, value);
+        this.i.ph(filterID, index, value);
     };
     IgcDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -1615,7 +1699,7 @@ export var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = function (o, e) {
                 var ext = _this.actualHeaderText;
-                if (e.propertyName == 'Mm') {
+                if (e.propertyName == 'Mq') {
                     if (_this.beforeActualHeaderTextChange) {
                         _this.beforeActualHeaderTextChange(_this, ext);
                     }