igniteui-webcomponents-data-grids 6.3.1 → 7.0.1-beta.0

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

@@ -80,143 +80,143 @@ 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.k0;
+            return this.i.k7;
         }
         set paddingLeft(v) {
-            this.i.k0 = +v;
-            this._a("paddingLeft", this.i.k0);
+            this.i.k7 = +v;
+            this._a("paddingLeft", this.i.k7);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get paddingTop() {
-            return this.i.k2;
+            return this.i.k9;
         }
         set paddingTop(v) {
-            this.i.k2 = +v;
-            this._a("paddingTop", this.i.k2);
+            this.i.k9 = +v;
+            this._a("paddingTop", this.i.k9);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get paddingRight() {
-            return this.i.k1;
+            return this.i.k8;
         }
         set paddingRight(v) {
-            this.i.k1 = +v;
-            this._a("paddingRight", this.i.k1);
+            this.i.k8 = +v;
+            this._a("paddingRight", this.i.k8);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get paddingBottom() {
-            return this.i.kz;
+            return this.i.k6;
         }
         set paddingBottom(v) {
-            this.i.kz = +v;
-            this._a("paddingBottom", this.i.kz);
+            this.i.k6 = +v;
+            this._a("paddingBottom", this.i.k6);
         }
         /**
          * Gets or sets an unique name of the Column
         */
         get name() {
-            return this.i.my;
+            return this.i.ni;
         }
         set name(v) {
-            this.i.my = v;
+            this.i.ni = v;
         }
         /**
          * Gets or sets the key used for the column binding
         */
         get field() {
-            return this.i.l7;
+            return this.i.mr;
         }
         set field(v) {
-            this.i.l7 = v;
+            this.i.mr = v;
         }
         /**
          * Gets or sets the text displayed in the header of the column
         */
         get headerText() {
-            return this.i.me;
+            return this.i.my;
         }
         set headerText(v) {
-            this.i.me = v;
+            this.i.my = v;
         }
         /**
          * Gets the actual text displayed in the header of the column
         */
         get actualHeaderText() {
-            return this.i.lm;
+            return this.i.l0;
         }
         set actualHeaderText(v) {
-            this.i.lm = v;
+            this.i.l0 = v;
         }
         /**
          * Gets or sets the background color to use for the cells when they are selected
         */
         get selectedBackground() {
-            return brushToString(this.i.o5);
+            return brushToString(this.i.qm);
         }
         set selectedBackground(v) {
-            this.i.o5 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.o5));
+            this.i.qm = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.qm));
         }
         /**
          * Gets the actual background color that is used for the cells when they are selected
         */
         get actualSelectedBackground() {
-            return brushToString(this.i.oy);
+            return brushToString(this.i.p9);
         }
         set actualSelectedBackground(v) {
-            this.i.oy = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.oy));
+            this.i.p9 = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.p9));
         }
         /**
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get rowHoverBackground() {
-            return brushToString(this.i.o3);
+            return brushToString(this.i.qk);
         }
         set rowHoverBackground(v) {
-            this.i.o3 = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.o3));
+            this.i.qk = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.qk));
         }
         /**
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get actualHoverBackground() {
-            return brushToString(this.i.ow);
+            return brushToString(this.i.p7);
         }
         set actualHoverBackground(v) {
-            this.i.ow = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.ow));
+            this.i.p7 = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.p7));
         }
         /**
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get rowHoverTextColor() {
-            return brushToString(this.i.o4);
+            return brushToString(this.i.ql);
         }
         set rowHoverTextColor(v) {
-            this.i.o4 = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.o4));
+            this.i.ql = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.ql));
         }
         /**
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get actualRowHoverTextColor() {
-            return brushToString(this.i.ox);
+            return brushToString(this.i.p8);
         }
         set actualRowHoverTextColor(v) {
-            this.i.ox = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.ox));
+            this.i.p8 = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.p8));
         }
         /**
          * Gets or sets the animation settings to use for this column.
         */
         get animationSettings() {
-            const r = this.i.h8;
+            const r = this.i.ic;
             if (r == null) {
                 return null;
             }
@@ -235,7 +235,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             return r.externalObject;
         }
         set animationSettings(v) {
-            v == null ? this.i.h8 = null : this.i.h8 = v.i;
+            v == null ? this.i.ic = null : this.i.ic = v.i;
         }
         /**
          * Gets or sets the width to use for this column.
@@ -272,49 +272,49 @@ 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.kb;
+            return this.i.ki;
         }
         set minWidth(v) {
-            this.i.kb = +v;
-            this._a("minWidth", this.i.kb);
+            this.i.ki = +v;
+            this._a("minWidth", this.i.ki);
         }
         /**
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get isFromMarkup() {
-            return this.i.jt;
+            return this.i.j0;
         }
         set isFromMarkup(v) {
-            this.i.jt = ensureBool(v);
-            this._a("isFromMarkup", this.i.jt);
+            this.i.j0 = ensureBool(v);
+            this._a("isFromMarkup", this.i.j0);
         }
         /**
          * Gets whether this column was auto generated.
         */
         get isAutoGenerated() {
-            return this.i.jn;
+            return this.i.ju;
         }
         set isAutoGenerated(v) {
-            this.i.jn = ensureBool(v);
-            this._a("isAutoGenerated", this.i.jn);
+            this.i.ju = ensureBool(v);
+            this._a("isAutoGenerated", this.i.ju);
         }
         /**
          * Gets or sets a filter to apply on the values of this column
         */
         get filter() {
-            return this.i.g2;
+            return this.i.g4;
         }
         set filter(v) {
-            this.i.g2 = v;
+            this.i.g4 = v;
         }
         /**
          * Gets or sets a filter to apply to the values of this column.
         */
         get filterExpression() {
-            return this.i.g4;
+            return this.i.g6;
         }
         set filterExpression(v) {
-            this.i.g4 = v;
+            this.i.g6 = v;
         }
         /**
          * Gets or sets the header definition for this column.
@@ -342,232 +342,346 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets or sets whether filtering is enabled for this column.
         */
         get isFilteringEnabled() {
-            return this.i.js;
+            return this.i.jz;
         }
         set isFilteringEnabled(v) {
-            this.i.js = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.js);
+            this.i.jz = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.jz);
         }
         /**
          * Gets or sets whether resizing is enabled for this column.
         */
         get isResizingEnabled() {
-            return this.i.jv;
+            return this.i.j2;
         }
         set isResizingEnabled(v) {
-            this.i.jv = ensureBool(v);
-            this._a("isResizingEnabled", this.i.jv);
+            this.i.j2 = ensureBool(v);
+            this._a("isResizingEnabled", this.i.j2);
         }
         /**
          * Gets or sets whether or not a column is hidden from the grid
         */
         get isHidden() {
-            return this.i.ju;
+            return this.i.j1;
         }
         set isHidden(v) {
-            this.i.ju = ensureBool(v);
-            this._a("isHidden", this.i.ju);
+            this.i.j1 = ensureBool(v);
+            this._a("isHidden", this.i.j1);
         }
         /**
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get shouldRemoveWhenHidden() {
-            return this.i.jy;
+            return this.i.j5;
         }
         set shouldRemoveWhenHidden(v) {
-            this.i.jy = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.jy);
+            this.i.j5 = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.j5);
         }
         /**
          * Gets the current sort direction (None, Ascending, Descending) for this column.
         */
         get sortDirection() {
-            return this.i.hs;
+            return this.i.hu;
         }
         set sortDirection(v) {
-            this.i.hs = ensureEnum(ColumnSortDirection_$type, v);
-            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hs));
+            this.i.hu = ensureEnum(ColumnSortDirection_$type, v);
+            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hu));
         }
         /**
          * Gets or sets the current fixed position for this column.
         */
         get pinned() {
-            return this.i.io;
+            return this.i.is;
         }
         set pinned(v) {
-            this.i.io = ensureEnum(PinnedPositions_$type, v);
-            this._a("pinned", enumToString(PinnedPositions_$type, this.i.io));
+            this.i.is = ensureEnum(PinnedPositions_$type, v);
+            this._a("pinned", enumToString(PinnedPositions_$type, this.i.is));
         }
         /**
          * Gets the actual column options icon alignment for this column.
         */
         get actualColumnOptionsIconAlignment() {
-            return this.i.hj;
+            return this.i.hl;
         }
         set actualColumnOptionsIconAlignment(v) {
-            this.i.hj = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hj));
+            this.i.hl = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hl));
         }
         /**
          * Gets or sets whether the column options icon is aligned opposite the header text or not.
         */
         get columnOptionsIconAlignment() {
-            return this.i.hk;
+            return this.i.hm;
         }
         set columnOptionsIconAlignment(v) {
-            this.i.hk = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hk));
+            this.i.hm = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hm));
         }
         /**
          * Gets the actual column options icon color for this column.
         */
         get actualColumnOptionsIconColor() {
-            return brushToString(this.i.ou);
+            return brushToString(this.i.p3);
         }
         set actualColumnOptionsIconColor(v) {
-            this.i.ou = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.ou));
+            this.i.p3 = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.p3));
         }
         /**
          * Gets or sets the column options icon color for this column.
         */
         get columnOptionsIconColor() {
-            return brushToString(this.i.oz);
+            return brushToString(this.i.qe);
         }
         set columnOptionsIconColor(v) {
-            this.i.oz = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.oz));
+            this.i.qe = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.qe));
         }
         /**
          * Gets or sets how the column option icon will behave in the column header.
         */
         get columnOptionsIconBehavior() {
-            return this.i.ho;
+            return this.i.hq;
         }
         set columnOptionsIconBehavior(v) {
-            this.i.ho = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.ho));
+            this.i.hq = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hq));
         }
         /**
          * Gets or sets how the column option icon will behave in the column header.
         */
         get actualColumnOptionsIconBehavior() {
-            return this.i.hn;
+            return this.i.hp;
         }
         set actualColumnOptionsIconBehavior(v) {
-            this.i.hn = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hn));
+            this.i.hp = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hp));
         }
         /**
          * Gets the actual state of the column options for this column.
         */
         get actualIsColumnOptionsEnabled() {
-            return this.i.jg;
+            return this.i.jn;
         }
         set actualIsColumnOptionsEnabled(v) {
-            this.i.jg = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.jg);
+            this.i.jn = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.jn);
         }
         /**
          * 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.jo;
+            return this.i.jv;
         }
         set isColumnOptionsEnabled(v) {
-            this.i.jo = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.jo);
+            this.i.jv = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.jv);
         }
         /**
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get actualIsColumnOptionsSummariesEnabled() {
-            return this.i.ji;
+            return this.i.jp;
         }
         set actualIsColumnOptionsSummariesEnabled(v) {
-            this.i.ji = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.ji);
+            this.i.jp = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jp);
         }
         /**
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get isColumnOptionsSummariesEnabled() {
-            return this.i.jq;
+            return this.i.jx;
         }
         set isColumnOptionsSummariesEnabled(v) {
-            this.i.jq = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.jq);
+            this.i.jx = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.jx);
         }
         /**
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get actualIsColumnOptionsGroupingEnabled() {
-            return this.i.jh;
+            return this.i.jo;
         }
         set actualIsColumnOptionsGroupingEnabled(v) {
-            this.i.jh = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jh);
+            this.i.jo = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jo);
         }
         /**
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get isColumnOptionsGroupingEnabled() {
-            return this.i.jp;
+            return this.i.jw;
         }
         set isColumnOptionsGroupingEnabled(v) {
-            this.i.jp = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.jp);
+            this.i.jw = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.jw);
+        }
+        /**
+         * Gets or sets the column options dropdown background color.
+        */
+        get actualColumnOptionsBackground() {
+            return brushToString(this.i.p0);
+        }
+        set actualColumnOptionsBackground(v) {
+            this.i.p0 = stringToBrush(v);
+            this._a("actualColumnOptionsBackground", brushToString(this.i.p0));
+        }
+        /**
+         * Gets or sets the column options dropdown background color.
+        */
+        get columnOptionsBackground() {
+            return brushToString(this.i.qb);
+        }
+        set columnOptionsBackground(v) {
+            this.i.qb = stringToBrush(v);
+            this._a("columnOptionsBackground", brushToString(this.i.qb));
+        }
+        /**
+         * Gets or sets the text color for text inside the column options menu.
+        */
+        get actualColumnOptionsTextColor() {
+            return brushToString(this.i.p5);
+        }
+        set actualColumnOptionsTextColor(v) {
+            this.i.p5 = stringToBrush(v);
+            this._a("actualColumnOptionsTextColor", brushToString(this.i.p5));
+        }
+        /**
+         * Gets or sets the text color for text inside the column options menu.
+        */
+        get columnOptionsTextColor() {
+            return brushToString(this.i.qg);
+        }
+        set columnOptionsTextColor(v) {
+            this.i.qg = stringToBrush(v);
+            this._a("columnOptionsTextColor", brushToString(this.i.qg));
+        }
+        /**
+         * Gets or sets the color of separators inside the column options menu.
+        */
+        get actualColumnOptionsSeparatorColor() {
+            return brushToString(this.i.p4);
+        }
+        set actualColumnOptionsSeparatorColor(v) {
+            this.i.p4 = stringToBrush(v);
+            this._a("actualColumnOptionsSeparatorColor", brushToString(this.i.p4));
+        }
+        /**
+         * Gets or sets the color of separators inside the column options menu.
+        */
+        get columnOptionsSeparatorColor() {
+            return brushToString(this.i.qf);
+        }
+        set columnOptionsSeparatorColor(v) {
+            this.i.qf = stringToBrush(v);
+            this._a("columnOptionsSeparatorColor", brushToString(this.i.qf));
+        }
+        /**
+         * Gets or sets the background color for group headers inside the column options menu.
+        */
+        get actualColumnOptionsGroupHeaderBackground() {
+            return brushToString(this.i.p1);
+        }
+        set actualColumnOptionsGroupHeaderBackground(v) {
+            this.i.p1 = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderBackground", brushToString(this.i.p1));
+        }
+        /**
+         * Gets or sets the background color for group headers inside the column options menu.
+        */
+        get columnOptionsGroupHeaderBackground() {
+            return brushToString(this.i.qc);
+        }
+        set columnOptionsGroupHeaderBackground(v) {
+            this.i.qc = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderBackground", brushToString(this.i.qc));
+        }
+        /**
+         * Gets the actual text color for group headers inside the column options menu.
+        */
+        get actualColumnOptionsGroupHeaderTextColor() {
+            return brushToString(this.i.p2);
+        }
+        set actualColumnOptionsGroupHeaderTextColor(v) {
+            this.i.p2 = stringToBrush(v);
+            this._a("actualColumnOptionsGroupHeaderTextColor", brushToString(this.i.p2));
+        }
+        /**
+         * Gets or sets the text color for group headers inside the column options menu.
+        */
+        get columnOptionsGroupHeaderTextColor() {
+            return brushToString(this.i.qd);
+        }
+        set columnOptionsGroupHeaderTextColor(v) {
+            this.i.qd = stringToBrush(v);
+            this._a("columnOptionsGroupHeaderTextColor", brushToString(this.i.qd));
+        }
+        get actualColumnOptionsAccentColor() {
+            return brushToString(this.i.pz);
+        }
+        set actualColumnOptionsAccentColor(v) {
+            this.i.pz = stringToBrush(v);
+            this._a("actualColumnOptionsAccentColor", brushToString(this.i.pz));
+        }
+        get columnOptionsAccentColor() {
+            return brushToString(this.i.qa);
+        }
+        set columnOptionsAccentColor(v) {
+            this.i.qa = stringToBrush(v);
+            this._a("columnOptionsAccentColor", brushToString(this.i.qa));
         }
         /**
          * Gets or sets if the column is editable.
         */
         get isEditable() {
-            return this.i.jr;
+            return this.i.jy;
         }
         set isEditable(v) {
-            this.i.jr = ensureBool(v);
-            this._a("isEditable", this.i.jr);
+            this.i.jy = ensureBool(v);
+            this._a("isEditable", this.i.jy);
         }
         /**
          * Gets or sets the text color used for deleted rows.
         */
         get deletedTextColor() {
-            return brushToString(this.i.o0);
+            return brushToString(this.i.qh);
         }
         set deletedTextColor(v) {
-            this.i.o0 = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.o0));
+            this.i.qh = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.qh));
         }
         /**
          * Gets the actual text color used for deleted rows.
         */
         get actualDeletedTextColor() {
-            return brushToString(this.i.ov);
+            return brushToString(this.i.p6);
         }
         set actualDeletedTextColor(v) {
-            this.i.ov = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.ov));
+            this.i.p6 = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.p6));
         }
         /**
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get editOpacity() {
-            return this.i.ka;
+            return this.i.kh;
         }
         set editOpacity(v) {
-            this.i.ka = +v;
-            this._a("editOpacity", this.i.ka);
+            this.i.kh = +v;
+            this._a("editOpacity", this.i.kh);
         }
         /**
          * Gets the actual opacity for unsaved edited cell values.
         */
         get actualEditOpacity() {
-            return this.i.j9;
+            return this.i.kg;
         }
         set actualEditOpacity(v) {
-            this.i.j9 = +v;
-            this._a("actualEditOpacity", this.i.j9);
+            this.i.kg = +v;
+            this._a("actualEditOpacity", this.i.kg);
         }
         /**
          * Gets or sets the font style to use for unsaved cell edits.
@@ -588,96 +702,96 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
          * Gets the actual font style used for unsaved cell edits.
         */
         get actualEditFontInfo() {
-            if (this.i.ix == null) {
+            if (this.i.i4 == null) {
                 return null;
             }
-            return this.i.ix.fontString;
+            return this.i.i4.fontString;
         }
         set actualEditFontInfo(v) {
             let fi = new FontInfo();
             fi.fontString = v;
-            this.i.ix = fi;
-            this._a("actualEditFontInfo", this.i.ix != null ? this.i.ix.fontString : "");
+            this.i.i4 = fi;
+            this._a("actualEditFontInfo", this.i.i4 != null ? this.i.i4.fontString : "");
         }
         /**
          * Gets or sets if and how cell merging is performed for this field.
         */
         get mergedCellMode() {
-            return this.i.ij;
+            return this.i.io;
         }
         set mergedCellMode(v) {
-            this.i.ij = ensureEnum(MergedCellMode_$type, v);
-            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.ij));
+            this.i.io = ensureEnum(MergedCellMode_$type, v);
+            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.io));
         }
         /**
          * Gets or sets how cells are evaluated for merging.
         */
         get mergedCellEvaluationCriteria() {
-            return this.i.ig;
+            return this.i.ik;
         }
         set mergedCellEvaluationCriteria(v) {
-            this.i.ig = ensureEnum(MergedCellEvaluationCriteria_$type, v);
-            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.ig));
+            this.i.ik = ensureEnum(MergedCellEvaluationCriteria_$type, v);
+            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.ik));
         }
         /**
          * Gets or sets the vertical alignment to use for the merged cell content.
         */
         get mergedCellVerticalAlignment() {
-            return this.i.hb;
+            return this.i.hd;
         }
         set mergedCellVerticalAlignment(v) {
-            this.i.hb = ensureEnum(CellContentVerticalAlignment_$type, v);
-            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.hb));
+            this.i.hd = ensureEnum(CellContentVerticalAlignment_$type, v);
+            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.hd));
         }
         /**
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get mergedCellPaddingLeft() {
-            return this.i.kt;
+            return this.i.k0;
         }
         set mergedCellPaddingLeft(v) {
-            this.i.kt = +v;
-            this._a("mergedCellPaddingLeft", this.i.kt);
+            this.i.k0 = +v;
+            this._a("mergedCellPaddingLeft", this.i.k0);
         }
         /**
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get mergedCellPaddingTop() {
-            return this.i.kv;
+            return this.i.k2;
         }
         set mergedCellPaddingTop(v) {
-            this.i.kv = +v;
-            this._a("mergedCellPaddingTop", this.i.kv);
+            this.i.k2 = +v;
+            this._a("mergedCellPaddingTop", this.i.k2);
         }
         /**
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get mergedCellPaddingRight() {
-            return this.i.ku;
+            return this.i.k1;
         }
         set mergedCellPaddingRight(v) {
-            this.i.ku = +v;
-            this._a("mergedCellPaddingRight", this.i.ku);
+            this.i.k1 = +v;
+            this._a("mergedCellPaddingRight", this.i.k1);
         }
         /**
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get mergedCellPaddingBottom() {
-            return this.i.ks;
+            return this.i.kz;
         }
         set mergedCellPaddingBottom(v) {
-            this.i.ks = +v;
-            this._a("mergedCellPaddingBottom", this.i.ks);
+            this.i.kz = +v;
+            this._a("mergedCellPaddingBottom", this.i.kz);
         }
         /**
          * Gets or sets whether UI filters are case sensitive or not.
         */
         get filterComparisonType() {
-            return this.i.h2;
+            return this.i.h6;
         }
         set filterComparisonType(v) {
-            this.i.h2 = ensureEnum(FilterComparisonType_$type, v);
-            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h2));
+            this.i.h6 = ensureEnum(FilterComparisonType_$type, v);
+            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h6));
         }
         /**
          * Gets a list of the current custom filters for this column.
@@ -685,7 +799,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         get filterOperands() {
             if (this._filterOperands === null) {
                 let coll = new IgcGridFilterOperandsCollection();
-                let innerColl = this.i.ia;
+                let innerColl = this.i.ie;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
@@ -701,7 +815,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             let coll = new IgcGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             let syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            let innerColl = this.i.ia;
+            let innerColl = this.i.ie;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
@@ -713,20 +827,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.nm;
+            return this.i.n6;
         }
         set suffixText(v) {
-            this.i.nm = v;
+            this.i.n6 = 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.o8);
+            return brushToString(this.i.qp);
         }
         set suffixTextColor(v) {
-            this.i.o8 = stringToBrush(v);
-            this._a("suffixTextColor", brushToString(this.i.o8));
+            this.i.qp = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.qp));
         }
         /**
          * Gets or sets the font of the suffix text.
@@ -747,99 +861,99 @@ 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.ne;
+            return this.i.ny;
         }
         set suffixIconName(v) {
-            this.i.ne = v;
+            this.i.ny = v;
         }
         /**
          * Gets or sets the icon to use in the suffix area of the cells in this column.
         */
         get suffixIconCollectionName() {
-            return this.i.nb;
+            return this.i.nv;
         }
         set suffixIconCollectionName(v) {
-            this.i.nb = v;
+            this.i.nv = v;
         }
         /**
          * Gets or sets the stroke color of suffix icon.
         */
         get suffixIconStroke() {
-            return brushToString(this.i.o7);
+            return brushToString(this.i.qo);
         }
         set suffixIconStroke(v) {
-            this.i.o7 = stringToBrush(v);
-            this._a("suffixIconStroke", brushToString(this.i.o7));
+            this.i.qo = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.qo));
         }
         /**
          * Gets or sets the fill color of suffix icon.
         */
         get suffixIconFill() {
-            return brushToString(this.i.o6);
+            return brushToString(this.i.qn);
         }
         set suffixIconFill(v) {
-            this.i.o6 = stringToBrush(v);
-            this._a("suffixIconFill", brushToString(this.i.o6));
+            this.i.qn = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.qn));
         }
         /**
          * Gets or sets the suffix icon's viewbox x coordinate.
         */
         get suffixIconViewBoxLeft() {
-            return this.i.kd;
+            return this.i.kk;
         }
         set suffixIconViewBoxLeft(v) {
-            this.i.kd = +v;
-            this._a("suffixIconViewBoxLeft", this.i.kd);
+            this.i.kk = +v;
+            this._a("suffixIconViewBoxLeft", this.i.kk);
         }
         /**
          * Gets or sets the suffix icon's viewbox y coordinate.
         */
         get suffixIconViewBoxTop() {
-            return this.i.ke;
+            return this.i.kl;
         }
         set suffixIconViewBoxTop(v) {
-            this.i.ke = +v;
-            this._a("suffixIconViewBoxTop", this.i.ke);
+            this.i.kl = +v;
+            this._a("suffixIconViewBoxTop", this.i.kl);
         }
         /**
          * Gets or sets the suffix icon's viewbox width.
         */
         get suffixIconViewBoxWidth() {
-            return this.i.kf;
+            return this.i.km;
         }
         set suffixIconViewBoxWidth(v) {
-            this.i.kf = +v;
-            this._a("suffixIconViewBoxWidth", this.i.kf);
+            this.i.km = +v;
+            this._a("suffixIconViewBoxWidth", this.i.km);
         }
         /**
          * Gets or sets the suffix icon's viewbox height.
         */
         get suffixIconViewBoxHeight() {
-            return this.i.kc;
+            return this.i.kj;
         }
         set suffixIconViewBoxHeight(v) {
-            this.i.kc = +v;
-            this._a("suffixIconViewBoxHeight", this.i.kc);
+            this.i.kj = +v;
+            this._a("suffixIconViewBoxHeight", this.i.kj);
         }
         /**
          * Gets or sets the suffix margin.
         */
         get suffixMargin() {
-            return this.i.kg;
+            return this.i.kn;
         }
         set suffixMargin(v) {
-            this.i.kg = +v;
-            this._a("suffixMargin", this.i.kg);
+            this.i.kn = +v;
+            this._a("suffixMargin", this.i.kn);
         }
         /**
          * Gets or sets the text decoration to apply to cells in this column.
         */
         get textDecoration() {
-            return this.i.iq;
+            return this.i.iu;
         }
         set textDecoration(v) {
-            this.i.iq = ensureEnum(TextCellDecoration_$type, v);
-            this._a("textDecoration", enumToString(TextCellDecoration_$type, this.i.iq));
+            this.i.iu = ensureEnum(TextCellDecoration_$type, v);
+            this._a("textDecoration", enumToString(TextCellDecoration_$type, this.i.iu));
         }
         findByName(name) {
             var baseResult = super.findByName(name);
@@ -873,18 +987,18 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         
         */
         getUniqueKey() {
-            let iv = this.i.mc();
+            let iv = this.i.mw();
             return (iv);
         }
         setNamedHeaderValue(valueName, animationType, value) {
-            this.i.n2(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
+            this.i.oo(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
         }
         /**
          * Returns if the column has named header values.
         
         */
         hasNamedHeaderValues() {
-            let iv = this.i.jl();
+            let iv = this.i.js();
             return (iv);
         }
         /**
@@ -893,7 +1007,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named value to check for.
         */
         hasNamedHeaderValue(valueName) {
-            let iv = this.i.jk(valueName);
+            let iv = this.i.jr(valueName);
             return (iv);
         }
         /**
@@ -902,7 +1016,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * The named header value to remove.
         */
         removeNamedHeaderValue(valueName) {
-            this.i.n1(valueName);
+            this.i.on(valueName);
         }
         /**
          * Gets the value of a named header value for this column by name.
@@ -910,11 +1024,11 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
         * @param valueName  * Name of the named header value to retrieve.
         */
         getNamedHeaderValue(valueName) {
-            let iv = this.i.k7(valueName);
+            let iv = this.i.le(valueName);
             return (iv);
         }
         applyCustomFilter(filterID, index, value) {
-            this.i.nu(filterID, index, value);
+            this.i.oe(filterID, index, value);
         }
         getDesiredToolbarActions() {
             let iv = this.i.getDesiredToolbarActions();
@@ -970,7 +1084,7 @@ let IgcDataGridColumnComponent = /*@__PURE__*/ (() => {
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = (o, e) => {
                 let ext = this.actualHeaderText;
-                if (e.propertyName == 'Lm') {
+                if (e.propertyName == 'L0') {
                     if (this.beforeActualHeaderTextChange) {
                         this.beforeActualHeaderTextChange(this, ext);
                     }