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

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

@@ -80,157 +80,157 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get paddingLeft() {
-            return this.i.lk;
+            return this.i.lm;
         }
         set paddingLeft(v) {
-            this.i.lk = +v;
-            this._a("paddingLeft", this.i.lk);
+            this.i.lm = +v;
+            this._a("paddingLeft", this.i.lm);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.lm;
+            return this.i.lo;
         }
         set paddingTop(v) {
-            this.i.lm = +v;
-            this._a("paddingTop", this.i.lm);
+            this.i.lo = +v;
+            this._a("paddingTop", this.i.lo);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.ll;
+            return this.i.ln;
         }
         set paddingRight(v) {
-            this.i.ll = +v;
-            this._a("paddingRight", this.i.ll);
+            this.i.ln = +v;
+            this._a("paddingRight", this.i.ln);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.lj;
+            return this.i.ll;
         }
         set paddingBottom(v) {
-            this.i.lj = +v;
-            this._a("paddingBottom", this.i.lj);
+            this.i.ll = +v;
+            this._a("paddingBottom", this.i.ll);
         }
         /**
          * Gets or sets an unique name of the Column
         */
         get name() {
-            return this.i.n8;
+            return this.i.od;
         }
         set name(v) {
-            this.i.n8 = v;
+            this.i.od = v;
         }
         /**
          * Gets or sets the key used for the column binding
         */
         get field() {
-            return this.i.nh;
+            return this.i.nl;
         }
         set field(v) {
-            this.i.nh = v;
+            this.i.nl = v;
         }
         /**
          * Gets or sets the text displayed in the header of the column
         */
         get headerText() {
-            return this.i.no;
+            return this.i.ns;
         }
         set headerText(v) {
-            this.i.no = v;
+            this.i.ns = v;
         }
         /**
          * Gets the actual text displayed in the header of the column
         */
         get actualHeaderText() {
-            return this.i.mj;
+            return this.i.mm;
         }
         set actualHeaderText(v) {
-            this.i.mj = v;
+            this.i.mm = v;
         }
         /**
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.rz);
+            return brushToString(this.i.r9);
         }
         set selectedBackground(v) {
-            this.i.rz = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.rz));
+            this.i.r9 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.r9));
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.ri);
+            return brushToString(this.i.rr);
         }
         set actualSelectedBackground(v) {
-            this.i.ri = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.ri));
+            this.i.rr = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.rr));
         }
         /**
          * Gets or sets the text color to use for the cells when they are selected
         */
         get selectedTextColor() {
-            return brushToString(this.i.r0);
+            return brushToString(this.i.sa);
         }
         set selectedTextColor(v) {
-            this.i.r0 = stringToBrush(v);
-            this._a("selectedTextColor", brushToString(this.i.r0));
+            this.i.sa = stringToBrush(v);
+            this._a("selectedTextColor", brushToString(this.i.sa));
         }
         /**
          * Gets the actual text color that is used for the cells when they are selected
         */
         get actualSelectedTextColor() {
-            return brushToString(this.i.rj);
+            return brushToString(this.i.rs);
         }
         set actualSelectedTextColor(v) {
-            this.i.rj = stringToBrush(v);
-            this._a("actualSelectedTextColor", brushToString(this.i.rj));
+            this.i.rs = stringToBrush(v);
+            this._a("actualSelectedTextColor", brushToString(this.i.rs));
         }
         /**
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get rowHoverBackground() {
-            return brushToString(this.i.rx);
+            return brushToString(this.i.r7);
         }
         set rowHoverBackground(v) {
-            this.i.rx = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.rx));
+            this.i.r7 = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.r7));
         }
         /**
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.rg);
+            return brushToString(this.i.rp);
         }
         set actualHoverBackground(v) {
-            this.i.rg = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.rg));
+            this.i.rp = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.rp));
         }
         /**
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get rowHoverTextColor() {
-            return brushToString(this.i.ry);
+            return brushToString(this.i.r8);
         }
         set rowHoverTextColor(v) {
-            this.i.ry = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.ry));
+            this.i.r8 = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.r8));
         }
         /**
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get actualRowHoverTextColor() {
-            return brushToString(this.i.rh);
+            return brushToString(this.i.rq);
         }
         set actualRowHoverTextColor(v) {
-            this.i.rh = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.rh));
+            this.i.rq = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.rq));
         }
         /**
          * Gets or sets the animation settings to use for this column.
@@ -292,31 +292,31 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get minWidth() {
-            return this.i.kr;
+            return this.i.kt;
         }
         set minWidth(v) {
-            this.i.kr = +v;
-            this._a("minWidth", this.i.kr);
+            this.i.kt = +v;
+            this._a("minWidth", this.i.kt);
         }
         /**
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get isFromMarkup() {
-            return this.i.j9;
+            return this.i.ka;
         }
         set isFromMarkup(v) {
-            this.i.j9 = ensureBool(v);
-            this._a("isFromMarkup", this.i.j9);
+            this.i.ka = ensureBool(v);
+            this._a("isFromMarkup", this.i.ka);
         }
         /**
          * Gets whether this column was auto generated.
         */
         get isAutoGenerated() {
-            return this.i.j3;
+            return this.i.j4;
         }
         set isAutoGenerated(v) {
-            this.i.j3 = ensureBool(v);
-            this._a("isAutoGenerated", this.i.j3);
+            this.i.j4 = ensureBool(v);
+            this._a("isAutoGenerated", this.i.j4);
         }
         /**
          * Gets or sets a filter to apply on the values of this column
@@ -362,41 +362,51 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether filtering is enabled for this column.
         */
         get isFilteringEnabled() {
-            return this.i.j8;
+            return this.i.j9;
         }
         set isFilteringEnabled(v) {
-            this.i.j8 = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.j8);
+            this.i.j9 = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.j9);
         }
         /**
          * Gets or sets whether resizing is enabled for this column.
         */
         get isResizingEnabled() {
-            return this.i.kb;
+            return this.i.kc;
         }
         set isResizingEnabled(v) {
-            this.i.kb = ensureBool(v);
-            this._a("isResizingEnabled", this.i.kb);
+            this.i.kc = ensureBool(v);
+            this._a("isResizingEnabled", this.i.kc);
+        }
+        /**
+         * Gets or sets whether sorting is enabled for this column from the UI.
+        */
+        get isSortingEnabled() {
+            return this.i.kd;
+        }
+        set isSortingEnabled(v) {
+            this.i.kd = ensureBool(v);
+            this._a("isSortingEnabled", this.i.kd);
         }
         /**
          * Gets or sets whether or not a column is hidden from the grid
         */
         get isHidden() {
-            return this.i.ka;
+            return this.i.kb;
         }
         set isHidden(v) {
-            this.i.ka = ensureBool(v);
-            this._a("isHidden", this.i.ka);
+            this.i.kb = ensureBool(v);
+            this._a("isHidden", this.i.kb);
         }
         /**
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get shouldRemoveWhenHidden() {
-            return this.i.ke;
+            return this.i.kg;
         }
         set shouldRemoveWhenHidden(v) {
-            this.i.ke = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.ke);
+            this.i.kg = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.kg);
         }
         /**
          * Gets the current sort direction (None, Ascending, Descending) for this column.
@@ -442,21 +452,21 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual column options icon color for this column.
         */
         get actualColumnOptionsIconColor() {
-            return brushToString(this.i.rb);
+            return brushToString(this.i.rj);
         }
         set actualColumnOptionsIconColor(v) {
-            this.i.rb = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.rb));
+            this.i.rj = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.rj));
         }
         /**
          * Gets or sets the column options icon color for this column.
         */
         get columnOptionsIconColor() {
-            return brushToString(this.i.rq);
+            return brushToString(this.i.rz);
         }
         set columnOptionsIconColor(v) {
-            this.i.rq = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.rq));
+            this.i.rz = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.rz));
         }
         /**
          * Gets or sets how the column option icon will behave in the column header.
@@ -482,102 +492,102 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual state of the column options for this column.
         */
         get actualIsColumnOptionsEnabled() {
-            return this.i.jw;
+            return this.i.jx;
         }
         set actualIsColumnOptionsEnabled(v) {
-            this.i.jw = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.jw);
+            this.i.jx = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.jx);
         }
         /**
          * Gets or sets the preferred state of the column options for this column. If the feature is disabled at the grid level
          * then it will be disabled for the column regardless of what this is set to.
         */
         get isColumnOptionsEnabled() {
-            return this.i.j4;
+            return this.i.j5;
         }
         set isColumnOptionsEnabled(v) {
-            this.i.j4 = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.j4);
+            this.i.j5 = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.j5);
         }
         /**
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get actualIsColumnOptionsSummariesEnabled() {
-            return this.i.jy;
+            return this.i.jz;
         }
         set actualIsColumnOptionsSummariesEnabled(v) {
-            this.i.jy = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jy);
+            this.i.jz = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jz);
         }
         /**
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get isColumnOptionsSummariesEnabled() {
-            return this.i.j6;
+            return this.i.j7;
         }
         set isColumnOptionsSummariesEnabled(v) {
-            this.i.j6 = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.j6);
+            this.i.j7 = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.j7);
         }
         /**
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get actualIsColumnOptionsGroupingEnabled() {
-            return this.i.jx;
+            return this.i.jy;
         }
         set actualIsColumnOptionsGroupingEnabled(v) {
-            this.i.jx = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jx);
+            this.i.jy = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jy);
         }
         /**
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get isColumnOptionsGroupingEnabled() {
-            return this.i.j5;
+            return this.i.j6;
         }
         set isColumnOptionsGroupingEnabled(v) {
-            this.i.j5 = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.j5);
+            this.i.j6 = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.j6);
         }
         /**
          * Gets or sets the column options dropdown background color.
         */
         get actualColumnOptionsBackground() {
-            return brushToString(this.i.q6);
+            return brushToString(this.i.re);
         }
         set actualColumnOptionsBackground(v) {
-            this.i.q6 = stringToBrush(v);
-            this._a("actualColumnOptionsBackground", brushToString(this.i.q6));
+            this.i.re = stringToBrush(v);
+            this._a("actualColumnOptionsBackground", brushToString(this.i.re));
         }
         /**
          * Gets or sets the column options dropdown background color.
         */
         get columnOptionsBackground() {
-            return brushToString(this.i.rl);
+            return brushToString(this.i.ru);
         }
         set columnOptionsBackground(v) {
-            this.i.rl = stringToBrush(v);
-            this._a("columnOptionsBackground", brushToString(this.i.rl));
+            this.i.ru = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.ru));
         }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */
         get actualColumnOptionsTextColor() {
-            return brushToString(this.i.rd);
+            return brushToString(this.i.rl);
         }
         set actualColumnOptionsTextColor(v) {
-            this.i.rd = stringToBrush(v);
-            this._a("actualColumnOptionsTextColor", brushToString(this.i.rd));
+            this.i.rl = stringToBrush(v);
+            this._a("actualColumnOptionsTextColor", brushToString(this.i.rl));
         }
         /**
          * Gets or sets the text color for text inside the column options menu.
         */
         get columnOptionsTextColor() {
-            return brushToString(this.i.rs);
+            return brushToString(this.i.r1);
         }
         set columnOptionsTextColor(v) {
-            this.i.rs = stringToBrush(v);
-            this._a("columnOptionsTextColor", brushToString(this.i.rs));
+            this.i.r1 = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.r1));
         }
         /**
          * Gets or sets the font settings for text inside the column options menu.
@@ -595,106 +605,120 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             this._a("columnOptionsTextStyle", this.i.jd != null ? this.i.jd.fontString : "");
         }
         get actualColumnOptionsHoverBackgroundColor() {
-            return brushToString(this.i.ra);
+            return brushToString(this.i.ri);
         }
         set actualColumnOptionsHoverBackgroundColor(v) {
-            this.i.ra = stringToBrush(v);
-            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.ra));
+            this.i.ri = stringToBrush(v);
+            this._a("actualColumnOptionsHoverBackgroundColor", brushToString(this.i.ri));
         }
         get columnOptionsHoverBackgroundColor() {
-            return brushToString(this.i.rp);
+            return brushToString(this.i.ry);
         }
         set columnOptionsHoverBackgroundColor(v) {
-            this.i.rp = stringToBrush(v);
-            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.rp));
+            this.i.ry = stringToBrush(v);
+            this._a("columnOptionsHoverBackgroundColor", brushToString(this.i.ry));
         }
         get actualColumnOptionsToolTipBackgroundColor() {
-            return brushToString(this.i.re);
+            return brushToString(this.i.rm);
         }
         set actualColumnOptionsToolTipBackgroundColor(v) {
-            this.i.re = stringToBrush(v);
-            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.re));
+            this.i.rm = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipBackgroundColor", brushToString(this.i.rm));
         }
         get columnOptionsToolTipBackgroundColor() {
-            return brushToString(this.i.rt);
+            return brushToString(this.i.r2);
         }
         set columnOptionsToolTipBackgroundColor(v) {
-            this.i.rt = stringToBrush(v);
-            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.rt));
+            this.i.r2 = stringToBrush(v);
+            this._a("columnOptionsToolTipBackgroundColor", brushToString(this.i.r2));
+        }
+        get actualColumnOptionsToolTipTextColor() {
+            return brushToString(this.i.rn);
+        }
+        set actualColumnOptionsToolTipTextColor(v) {
+            this.i.rn = stringToBrush(v);
+            this._a("actualColumnOptionsToolTipTextColor", brushToString(this.i.rn));
+        }
+        get columnOptionsToolTipTextColor() {
+            return brushToString(this.i.r3);
+        }
+        set columnOptionsToolTipTextColor(v) {
+            this.i.r3 = stringToBrush(v);
+            this._a("columnOptionsToolTipTextColor", brushToString(this.i.r3));
         }
         get actualColumnOptionsHighlightColor() {
-            return brushToString(this.i.q9);
+            return brushToString(this.i.rh);
         }
         set actualColumnOptionsHighlightColor(v) {
-            this.i.q9 = stringToBrush(v);
-            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.q9));
+            this.i.rh = stringToBrush(v);
+            this._a("actualColumnOptionsHighlightColor", brushToString(this.i.rh));
         }
         get columnOptionsHighlightColor() {
-            return brushToString(this.i.ro);
+            return brushToString(this.i.rx);
         }
         set columnOptionsHighlightColor(v) {
-            this.i.ro = stringToBrush(v);
-            this._a("columnOptionsHighlightColor", brushToString(this.i.ro));
+            this.i.rx = stringToBrush(v);
+            this._a("columnOptionsHighlightColor", brushToString(this.i.rx));
         }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
         get actualColumnOptionsSeparatorColor() {
-            return brushToString(this.i.rc);
+            return brushToString(this.i.rk);
         }
         set actualColumnOptionsSeparatorColor(v) {
-            this.i.rc = stringToBrush(v);
-            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.rc));
+            this.i.rk = stringToBrush(v);
+            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.rk));
         }
         /**
          * Gets or sets the color of separators inside the column options menu.
         */
         get columnOptionsSeparatorColor() {
-            return brushToString(this.i.rr);
+            return brushToString(this.i.r0);
         }
         set columnOptionsSeparatorColor(v) {
-            this.i.rr = stringToBrush(v);
-            this._a("columnOptionsSeparatorColor", brushToString(this.i.rr));
+            this.i.r0 = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.r0));
         }
         /**
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get actualColumnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.q7);
+            return brushToString(this.i.rf);
         }
         set actualColumnOptionsGroupHeaderBackground(v) {
-            this.i.q7 = stringToBrush(v);
-            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.q7));
+            this.i.rf = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.rf));
         }
         /**
          * Gets or sets the background color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderBackground() {
-            return brushToString(this.i.rm);
+            return brushToString(this.i.rv);
         }
         set columnOptionsGroupHeaderBackground(v) {
-            this.i.rm = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.rm));
+            this.i.rv = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.rv));
         }
         /**
          * Gets the actual text color for group headers inside the column options menu.
         */
         get actualColumnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.q8);
+            return brushToString(this.i.rg);
         }
         set actualColumnOptionsGroupHeaderTextColor(v) {
-            this.i.q8 = stringToBrush(v);
-            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.q8));
+            this.i.rg = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.rg));
         }
         /**
          * Gets or sets the text color for group headers inside the column options menu.
         */
         get columnOptionsGroupHeaderTextColor() {
-            return brushToString(this.i.rn);
+            return brushToString(this.i.rw);
         }
         set columnOptionsGroupHeaderTextColor(v) {
-            this.i.rn = stringToBrush(v);
-            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.rn));
+            this.i.rw = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.rw));
         }
         get columnOptionsGroupHeaderTextStyle() {
             if (this.i.jc == null) {
@@ -709,82 +733,82 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             this._a("columnOptionsGroupHeaderTextStyle", this.i.jc != null ? this.i.jc.fontString : "");
         }
         get actualColumnOptionsAccentColor() {
-            return brushToString(this.i.q5);
+            return brushToString(this.i.rd);
         }
         set actualColumnOptionsAccentColor(v) {
-            this.i.q5 = stringToBrush(v);
-            this._a("actualColumnOptionsAccentColor", brushToString(this.i.q5));
+            this.i.rd = stringToBrush(v);
+            this._a("actualColumnOptionsAccentColor", brushToString(this.i.rd));
         }
         get columnOptionsAccentColor() {
-            return brushToString(this.i.rk);
+            return brushToString(this.i.rt);
         }
         set columnOptionsAccentColor(v) {
-            this.i.rk = stringToBrush(v);
-            this._a("columnOptionsAccentColor", brushToString(this.i.rk));
+            this.i.rt = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.rt));
         }
         get actualColumnOptionsRowHeight() {
-            return this.i.la;
+            return this.i.lc;
         }
         set actualColumnOptionsRowHeight(v) {
-            this.i.la = +v;
-            this._a("actualColumnOptionsRowHeight", this.i.la);
+            this.i.lc = +v;
+            this._a("actualColumnOptionsRowHeight", this.i.lc);
         }
         get columnOptionsRowHeight() {
-            return this.i.lb;
+            return this.i.ld;
         }
         set columnOptionsRowHeight(v) {
-            this.i.lb = +v;
-            this._a("columnOptionsRowHeight", this.i.lb);
+            this.i.ld = +v;
+            this._a("columnOptionsRowHeight", this.i.ld);
         }
         /**
          * Gets or sets if the column is editable.
         */
         get isEditable() {
-            return this.i.j7;
+            return this.i.j8;
         }
         set isEditable(v) {
-            this.i.j7 = ensureBool(v);
-            this._a("isEditable", this.i.j7);
+            this.i.j8 = ensureBool(v);
+            this._a("isEditable", this.i.j8);
         }
         /**
          * Gets or sets the text color used for deleted rows.
         */
         get deletedTextColor() {
-            return brushToString(this.i.ru);
+            return brushToString(this.i.r4);
         }
         set deletedTextColor(v) {
-            this.i.ru = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.ru));
+            this.i.r4 = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.r4));
         }
         /**
          * Gets the actual text color used for deleted rows.
         */
         get actualDeletedTextColor() {
-            return brushToString(this.i.rf);
+            return brushToString(this.i.ro);
         }
         set actualDeletedTextColor(v) {
-            this.i.rf = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.rf));
+            this.i.ro = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.ro));
         }
         /**
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get editOpacity() {
-            return this.i.kq;
+            return this.i.ks;
         }
         set editOpacity(v) {
-            this.i.kq = +v;
-            this._a("editOpacity", this.i.kq);
+            this.i.ks = +v;
+            this._a("editOpacity", this.i.ks);
         }
         /**
          * Gets the actual opacity for unsaved edited cell values.
         */
         get actualEditOpacity() {
-            return this.i.kp;
+            return this.i.kr;
         }
         set actualEditOpacity(v) {
-            this.i.kp = +v;
-            this._a("actualEditOpacity", this.i.kp);
+            this.i.kr = +v;
+            this._a("actualEditOpacity", this.i.kr);
         }
         /**
          * Gets or sets the font style to use for unsaved cell edits.
@@ -850,41 +874,41 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get mergedCellPaddingLeft() {
-            return this.i.ld;
+            return this.i.lf;
         }
         set mergedCellPaddingLeft(v) {
-            this.i.ld = +v;
-            this._a("mergedCellPaddingLeft", this.i.ld);
+            this.i.lf = +v;
+            this._a("mergedCellPaddingLeft", this.i.lf);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get mergedCellPaddingTop() {
-            return this.i.lf;
+            return this.i.lh;
         }
         set mergedCellPaddingTop(v) {
-            this.i.lf = +v;
-            this._a("mergedCellPaddingTop", this.i.lf);
+            this.i.lh = +v;
+            this._a("mergedCellPaddingTop", this.i.lh);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get mergedCellPaddingRight() {
-            return this.i.le;
+            return this.i.lg;
         }
         set mergedCellPaddingRight(v) {
-            this.i.le = +v;
-            this._a("mergedCellPaddingRight", this.i.le);
+            this.i.lg = +v;
+            this._a("mergedCellPaddingRight", this.i.lg);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get mergedCellPaddingBottom() {
-            return this.i.lc;
+            return this.i.le;
         }
         set mergedCellPaddingBottom(v) {
-            this.i.lc = +v;
-            this._a("mergedCellPaddingBottom", this.i.lc);
+            this.i.le = +v;
+            this._a("mergedCellPaddingBottom", this.i.le);
         }
         /**
          * Gets or sets whether UI filters are case sensitive or not.
@@ -930,20 +954,20 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the text to display in the suffix area of cells in this column.
         */
         get suffixText() {
-            return this.i.ox;
+            return this.i.o2;
         }
         set suffixText(v) {
-            this.i.ox = v;
+            this.i.o2 = v;
         }
         /**
          * Gets or sets the color of the text in the suffix area of the cells in this column.
         */
         get suffixTextColor() {
-            return brushToString(this.i.r3);
+            return brushToString(this.i.sd);
         }
         set suffixTextColor(v) {
-            this.i.r3 = stringToBrush(v);
-            this._a("suffixTextColor", brushToString(this.i.r3));
+            this.i.sd = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.sd));
         }
         /**
          * Gets or sets the font of the suffix text.
@@ -964,89 +988,89 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get suffixIconName() {
-            return this.i.op;
+            return this.i.ou;
         }
         set suffixIconName(v) {
-            this.i.op = v;
+            this.i.ou = v;
         }
         /**
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get suffixIconCollectionName() {
-            return this.i.om;
+            return this.i.or;
         }
         set suffixIconCollectionName(v) {
-            this.i.om = v;
+            this.i.or = v;
         }
         /**
          * Gets or sets the stroke color of suffix icon.
         */
         get suffixIconStroke() {
-            return brushToString(this.i.r2);
+            return brushToString(this.i.sc);
         }
         set suffixIconStroke(v) {
-            this.i.r2 = stringToBrush(v);
-            this._a("suffixIconStroke", brushToString(this.i.r2));
+            this.i.sc = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.sc));
         }
         /**
          * Gets or sets the fill color of suffix icon.
         */
         get suffixIconFill() {
-            return brushToString(this.i.r1);
+            return brushToString(this.i.sb);
         }
         set suffixIconFill(v) {
-            this.i.r1 = stringToBrush(v);
-            this._a("suffixIconFill", brushToString(this.i.r1));
+            this.i.sb = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.sb));
         }
         /**
          * Gets or sets the suffix icon's viewbox x coordinate.
         */
         get suffixIconViewBoxLeft() {
-            return this.i.kt;
+            return this.i.kv;
         }
         set suffixIconViewBoxLeft(v) {
-            this.i.kt = +v;
-            this._a("suffixIconViewBoxLeft", this.i.kt);
+            this.i.kv = +v;
+            this._a("suffixIconViewBoxLeft", this.i.kv);
         }
         /**
          * Gets or sets the suffix icon's viewbox y coordinate.
         */
         get suffixIconViewBoxTop() {
-            return this.i.ku;
+            return this.i.kw;
         }
         set suffixIconViewBoxTop(v) {
-            this.i.ku = +v;
-            this._a("suffixIconViewBoxTop", this.i.ku);
+            this.i.kw = +v;
+            this._a("suffixIconViewBoxTop", this.i.kw);
         }
         /**
          * Gets or sets the suffix icon's viewbox width.
         */
         get suffixIconViewBoxWidth() {
-            return this.i.kv;
+            return this.i.kx;
         }
         set suffixIconViewBoxWidth(v) {
-            this.i.kv = +v;
-            this._a("suffixIconViewBoxWidth", this.i.kv);
+            this.i.kx = +v;
+            this._a("suffixIconViewBoxWidth", this.i.kx);
         }
         /**
          * Gets or sets the suffix icon's viewbox height.
         */
         get suffixIconViewBoxHeight() {
-            return this.i.ks;
+            return this.i.ku;
         }
         set suffixIconViewBoxHeight(v) {
-            this.i.ks = +v;
-            this._a("suffixIconViewBoxHeight", this.i.ks);
+            this.i.ku = +v;
+            this._a("suffixIconViewBoxHeight", this.i.ku);
         }
         /**
          * Gets or sets the suffix margin.
         */
         get suffixMargin() {
-            return this.i.kw;
+            return this.i.ky;
         }
         set suffixMargin(v) {
-            this.i.kw = +v;
-            this._a("suffixMargin", this.i.kw);
+            this.i.ky = +v;
+            this._a("suffixMargin", this.i.ky);
         }
         /**
          * Gets or sets the text decoration to apply to cells in this column.
@@ -1090,18 +1114,18 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         
         */
         getUniqueKey() {
-            let iv = this.i.nm();
+            let iv = this.i.nq();
             return (iv);
         }
         setNamedHeaderValue(valueName, animationType, value) {
-            this.i.pf(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+            this.i.pk(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
         }
         /**
          * Returns if the column has named header values.
         
         */
         hasNamedHeaderValues() {
-            let iv = this.i.j1();
+            let iv = this.i.j2();
             return (iv);
         }
         /**
@@ -1110,7 +1134,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value to check for.
         */
         hasNamedHeaderValue(valueName) {
-            let iv = this.i.j0(valueName);
+            let iv = this.i.j1(valueName);
             return (iv);
         }
         /**
@@ -1119,7 +1143,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named header value to remove.
         */
         removeNamedHeaderValue(valueName) {
-            this.i.pe(valueName);
+            this.i.pj(valueName);
         }
         /**
          * Gets the value of a named header value for this column by name.
@@ -1127,11 +1151,11 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * Name of the named header value to retrieve.
         */
         getNamedHeaderValue(valueName) {
-            let iv = this.i.lr(valueName);
+            let iv = this.i.lt(valueName);
             return (iv);
         }
         applyCustomFilter(filterID, index, value) {
-            this.i.o5(filterID, index, value);
+            this.i.pa(filterID, index, value);
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -1187,7 +1211,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = (o, e) => {
                 let ext = this.actualHeaderText;
-                if (e.propertyName == 'Mj') {
+                if (e.propertyName == 'Mm') {
                     if (this.beforeActualHeaderTextChange) {
                         this.beforeActualHeaderTextChange(this, ext);
                     }