igniteui-webcomponents-data-grids 6.0.1 → 6.0.2-beta.1

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

@@ -12,7 +12,9 @@ import { MergedCellEvaluationCriteria_$type } from "./MergedCellEvaluationCriter
 import { CellContentVerticalAlignment_$type } from "./CellContentVerticalAlignment";
 import { FilterComparisonType_$type } from "./FilterComparisonType";
 import { IgcGridFilterOperandsCollection } from "./igc-grid-filter-operands-collection";
+import { TextCellDecoration_$type } from "./TextCellDecoration";
 import { IgcFormatCellEventArgs } from "./igc-format-cell-event-args";
+import { CellPropertyAnimationType_$type } from "./CellPropertyAnimationType";
 import { IgcDefinitionBaseComponent } from "./igc-definition-base-component";
 import { getAllPropertyNames, toSpinal, brushToString, stringToBrush, ensureBool, ensureEnum, enumToString } from "igniteui-webcomponents-core";
 import { ColumnWidth as ColumnWidth_internal } from "./ColumnWidth";
@@ -92,11 +94,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.kl;
+            return this.i.ky;
         },
         set: function (v) {
-            this.i.kl = +v;
-            this._a("paddingLeft", this.i.kl);
+            this.i.ky = +v;
+            this._a("paddingLeft", this.i.ky);
         },
         enumerable: false,
         configurable: true
@@ -106,11 +108,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.kn;
+            return this.i.k0;
         },
         set: function (v) {
-            this.i.kn = +v;
-            this._a("paddingTop", this.i.kn);
+            this.i.k0 = +v;
+            this._a("paddingTop", this.i.k0);
         },
         enumerable: false,
         configurable: true
@@ -120,11 +122,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.km;
+            return this.i.kz;
         },
         set: function (v) {
-            this.i.km = +v;
-            this._a("paddingRight", this.i.km);
+            this.i.kz = +v;
+            this._a("paddingRight", this.i.kz);
         },
         enumerable: false,
         configurable: true
@@ -134,11 +136,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kk;
+            return this.i.kx;
         },
         set: function (v) {
-            this.i.kk = +v;
-            this._a("paddingBottom", this.i.kk);
+            this.i.kx = +v;
+            this._a("paddingBottom", this.i.kx);
         },
         enumerable: false,
         configurable: true
@@ -148,10 +150,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets an unique name of the Column
         */
         get: function () {
-            return this.i.mg;
+            return this.i.mw;
         },
         set: function (v) {
-            this.i.mg = v;
+            this.i.mw = v;
         },
         enumerable: false,
         configurable: true
@@ -161,10 +163,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the key used for the column binding
         */
         get: function () {
-            return this.i.lp;
+            return this.i.l5;
         },
         set: function (v) {
-            this.i.lp = v;
+            this.i.l5 = v;
         },
         enumerable: false,
         configurable: true
@@ -174,10 +176,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text displayed in the header of the column
         */
         get: function () {
-            return this.i.lw;
+            return this.i.mc;
         },
         set: function (v) {
-            this.i.lw = v;
+            this.i.mc = v;
         },
         enumerable: false,
         configurable: true
@@ -187,10 +189,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text displayed in the header of the column
         */
         get: function () {
-            return this.i.k4;
+            return this.i.lk;
         },
         set: function (v) {
-            this.i.k4 = v;
+            this.i.lk = v;
         },
         enumerable: false,
         configurable: true
@@ -200,11 +202,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.n4);
+            return brushToString(this.i.o2);
         },
         set: function (v) {
-            this.i.n4 = stringToBrush(v);
-            this._a("selectedBackground", brushToString(this.i.n4));
+            this.i.o2 = stringToBrush(v);
+            this._a("selectedBackground", brushToString(this.i.o2));
         },
         enumerable: false,
         configurable: true
@@ -214,11 +216,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are selected
         */
         get: function () {
-            return brushToString(this.i.nx);
+            return brushToString(this.i.ov);
         },
         set: function (v) {
-            this.i.nx = stringToBrush(v);
-            this._a("actualSelectedBackground", brushToString(this.i.nx));
+            this.i.ov = stringToBrush(v);
+            this._a("actualSelectedBackground", brushToString(this.i.ov));
         },
         enumerable: false,
         configurable: true
@@ -228,11 +230,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the background color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.n2);
+            return brushToString(this.i.o0);
         },
         set: function (v) {
-            this.i.n2 = stringToBrush(v);
-            this._a("rowHoverBackground", brushToString(this.i.n2));
+            this.i.o0 = stringToBrush(v);
+            this._a("rowHoverBackground", brushToString(this.i.o0));
         },
         enumerable: false,
         configurable: true
@@ -242,11 +244,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual background color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.nv);
+            return brushToString(this.i.ot);
         },
         set: function (v) {
-            this.i.nv = stringToBrush(v);
-            this._a("actualHoverBackground", brushToString(this.i.nv));
+            this.i.ot = stringToBrush(v);
+            this._a("actualHoverBackground", brushToString(this.i.ot));
         },
         enumerable: false,
         configurable: true
@@ -256,11 +258,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color to use for the cells when the row is hovered.
         */
         get: function () {
-            return brushToString(this.i.n3);
+            return brushToString(this.i.o1);
         },
         set: function (v) {
-            this.i.n3 = stringToBrush(v);
-            this._a("rowHoverTextColor", brushToString(this.i.n3));
+            this.i.o1 = stringToBrush(v);
+            this._a("rowHoverTextColor", brushToString(this.i.o1));
         },
         enumerable: false,
         configurable: true
@@ -270,11 +272,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color that is used for the cells when they are hovered.
         */
         get: function () {
-            return brushToString(this.i.nw);
+            return brushToString(this.i.ou);
         },
         set: function (v) {
-            this.i.nw = stringToBrush(v);
-            this._a("actualRowHoverTextColor", brushToString(this.i.nw));
+            this.i.ou = stringToBrush(v);
+            this._a("actualRowHoverTextColor", brushToString(this.i.ou));
         },
         enumerable: false,
         configurable: true
@@ -284,7 +286,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the animation settings to use for this column.
         */
         get: function () {
-            var r = this.i.h7;
+            var r = this.i.h8;
             if (r == null) {
                 return null;
             }
@@ -303,7 +305,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             return r.externalObject;
         },
         set: function (v) {
-            v == null ? this.i.h7 = null : this.i.h7 = v.i;
+            v == null ? this.i.h8 = null : this.i.h8 = v.i;
         },
         enumerable: false,
         configurable: true
@@ -348,11 +350,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the minimum width to use for this column. Overrides the DefaultColumnMinWidth from the grid, if set.
         */
         get: function () {
-            return this.i.j1;
+            return this.i.ka;
         },
         set: function (v) {
-            this.i.j1 = +v;
-            this._a("minWidth", this.i.j1);
+            this.i.ka = +v;
+            this._a("minWidth", this.i.ka);
         },
         enumerable: false,
         configurable: true
@@ -362,11 +364,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether this column was projected from markup/templates and is constrained.
         */
         get: function () {
-            return this.i.jo;
+            return this.i.jt;
         },
         set: function (v) {
-            this.i.jo = ensureBool(v);
-            this._a("isFromMarkup", this.i.jo);
+            this.i.jt = ensureBool(v);
+            this._a("isFromMarkup", this.i.jt);
         },
         enumerable: false,
         configurable: true
@@ -376,11 +378,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets whether this column was auto generated.
         */
         get: function () {
-            return this.i.ji;
+            return this.i.jn;
         },
         set: function (v) {
-            this.i.ji = ensureBool(v);
-            this._a("isAutoGenerated", this.i.ji);
+            this.i.jn = ensureBool(v);
+            this._a("isAutoGenerated", this.i.jn);
         },
         enumerable: false,
         configurable: true
@@ -390,10 +392,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets a filter to apply on the values of this column
         */
         get: function () {
-            return this.i.g1;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.g1 = v;
+            this.i.g2 = v;
         },
         enumerable: false,
         configurable: true
@@ -403,10 +405,10 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets a filter to apply to the values of this column.
         */
         get: function () {
-            return this.i.g3;
+            return this.i.g4;
         },
         set: function (v) {
-            this.i.g3 = v;
+            this.i.g4 = v;
         },
         enumerable: false,
         configurable: true
@@ -442,11 +444,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether filtering is enabled for this column.
         */
         get: function () {
-            return this.i.jn;
+            return this.i.js;
         },
         set: function (v) {
-            this.i.jn = ensureBool(v);
-            this._a("isFilteringEnabled", this.i.jn);
+            this.i.js = ensureBool(v);
+            this._a("isFilteringEnabled", this.i.js);
         },
         enumerable: false,
         configurable: true
@@ -456,11 +458,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether resizing is enabled for this column.
         */
         get: function () {
-            return this.i.jq;
+            return this.i.jv;
         },
         set: function (v) {
-            this.i.jq = ensureBool(v);
-            this._a("isResizingEnabled", this.i.jq);
+            this.i.jv = ensureBool(v);
+            this._a("isResizingEnabled", this.i.jv);
         },
         enumerable: false,
         configurable: true
@@ -470,11 +472,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether or not a column is hidden from the grid
         */
         get: function () {
-            return this.i.jp;
+            return this.i.ju;
         },
         set: function (v) {
-            this.i.jp = ensureBool(v);
-            this._a("isHidden", this.i.jp);
+            this.i.ju = ensureBool(v);
+            this._a("isHidden", this.i.ju);
         },
         enumerable: false,
         configurable: true
@@ -484,11 +486,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if a column should be removed from the grid when it is fully hidden
         */
         get: function () {
-            return this.i.jt;
+            return this.i.jy;
         },
         set: function (v) {
-            this.i.jt = ensureBool(v);
-            this._a("shouldRemoveWhenHidden", this.i.jt);
+            this.i.jy = ensureBool(v);
+            this._a("shouldRemoveWhenHidden", this.i.jy);
         },
         enumerable: false,
         configurable: true
@@ -498,11 +500,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the current sort direction (None, Ascending, Descending) for this column.
         */
         get: function () {
-            return this.i.hr;
+            return this.i.hs;
         },
         set: function (v) {
-            this.i.hr = ensureEnum(ColumnSortDirection_$type, v);
-            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hr));
+            this.i.hs = ensureEnum(ColumnSortDirection_$type, v);
+            this._a("sortDirection", enumToString(ColumnSortDirection_$type, this.i.hs));
         },
         enumerable: false,
         configurable: true
@@ -512,11 +514,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the current fixed position for this column.
         */
         get: function () {
-            return this.i.im;
+            return this.i.io;
         },
         set: function (v) {
-            this.i.im = ensureEnum(PinnedPositions_$type, v);
-            this._a("pinned", enumToString(PinnedPositions_$type, this.i.im));
+            this.i.io = ensureEnum(PinnedPositions_$type, v);
+            this._a("pinned", enumToString(PinnedPositions_$type, this.i.io));
         },
         enumerable: false,
         configurable: true
@@ -526,11 +528,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon alignment for this column.
         */
         get: function () {
-            return this.i.hi;
+            return this.i.hj;
         },
         set: function (v) {
-            this.i.hi = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hi));
+            this.i.hj = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("actualColumnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hj));
         },
         enumerable: false,
         configurable: true
@@ -540,11 +542,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether the column options icon is aligned opposite the header text or not.
         */
         get: function () {
-            return this.i.hj;
+            return this.i.hk;
         },
         set: function (v) {
-            this.i.hj = ensureEnum(ColumnOptionsIconAlignment_$type, v);
-            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hj));
+            this.i.hk = ensureEnum(ColumnOptionsIconAlignment_$type, v);
+            this._a("columnOptionsIconAlignment", enumToString(ColumnOptionsIconAlignment_$type, this.i.hk));
         },
         enumerable: false,
         configurable: true
@@ -554,11 +556,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.nt);
+            return brushToString(this.i.or);
         },
         set: function (v) {
-            this.i.nt = stringToBrush(v);
-            this._a("actualColumnOptionsIconColor", brushToString(this.i.nt));
+            this.i.or = stringToBrush(v);
+            this._a("actualColumnOptionsIconColor", brushToString(this.i.or));
         },
         enumerable: false,
         configurable: true
@@ -568,11 +570,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the column options icon color for this column.
         */
         get: function () {
-            return brushToString(this.i.ny);
+            return brushToString(this.i.ow);
         },
         set: function (v) {
-            this.i.ny = stringToBrush(v);
-            this._a("columnOptionsIconColor", brushToString(this.i.ny));
+            this.i.ow = stringToBrush(v);
+            this._a("columnOptionsIconColor", brushToString(this.i.ow));
         },
         enumerable: false,
         configurable: true
@@ -582,11 +584,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets how the column option icon will behave in the column header.
         */
         get: function () {
-            return this.i.hn;
+            return this.i.ho;
         },
         set: function (v) {
-            this.i.hn = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hn));
+            this.i.ho = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("columnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.ho));
         },
         enumerable: false,
         configurable: true
@@ -596,11 +598,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets how the column option icon will behave in the column header.
         */
         get: function () {
-            return this.i.hm;
+            return this.i.hn;
         },
         set: function (v) {
-            this.i.hm = ensureEnum(ColumnOptionsIconBehavior_$type, v);
-            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hm));
+            this.i.hn = ensureEnum(ColumnOptionsIconBehavior_$type, v);
+            this._a("actualColumnOptionsIconBehavior", enumToString(ColumnOptionsIconBehavior_$type, this.i.hn));
         },
         enumerable: false,
         configurable: true
@@ -610,11 +612,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of the column options for this column.
         */
         get: function () {
-            return this.i.jb;
+            return this.i.jg;
         },
         set: function (v) {
-            this.i.jb = ensureBool(v);
-            this._a("actualIsColumnOptionsEnabled", this.i.jb);
+            this.i.jg = ensureBool(v);
+            this._a("actualIsColumnOptionsEnabled", this.i.jg);
         },
         enumerable: false,
         configurable: true
@@ -625,11 +627,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * then it will be disabled for the column regardless of what this is set to.
         */
         get: function () {
-            return this.i.jj;
+            return this.i.jo;
         },
         set: function (v) {
-            this.i.jj = ensureBool(v);
-            this._a("isColumnOptionsEnabled", this.i.jj);
+            this.i.jo = ensureBool(v);
+            this._a("isColumnOptionsEnabled", this.i.jo);
         },
         enumerable: false,
         configurable: true
@@ -639,11 +641,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of summaries menu in the column options for this column.
         */
         get: function () {
-            return this.i.jd;
+            return this.i.ji;
         },
         set: function (v) {
-            this.i.jd = ensureBool(v);
-            this._a("actualIsColumnOptionsSummariesEnabled", this.i.jd);
+            this.i.ji = ensureBool(v);
+            this._a("actualIsColumnOptionsSummariesEnabled", this.i.ji);
         },
         enumerable: false,
         configurable: true
@@ -653,11 +655,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to show the summaries option in the column options menu for this column.
         */
         get: function () {
-            return this.i.jl;
+            return this.i.jq;
         },
         set: function (v) {
-            this.i.jl = ensureBool(v);
-            this._a("isColumnOptionsSummariesEnabled", this.i.jl);
+            this.i.jq = ensureBool(v);
+            this._a("isColumnOptionsSummariesEnabled", this.i.jq);
         },
         enumerable: false,
         configurable: true
@@ -667,11 +669,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual state of grouping menu in the column options for this column.
         */
         get: function () {
-            return this.i.jc;
+            return this.i.jh;
         },
         set: function (v) {
-            this.i.jc = ensureBool(v);
-            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jc);
+            this.i.jh = ensureBool(v);
+            this._a("actualIsColumnOptionsGroupingEnabled", this.i.jh);
         },
         enumerable: false,
         configurable: true
@@ -681,11 +683,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether to show the grouping option in the column options menu for this column.
         */
         get: function () {
-            return this.i.jk;
+            return this.i.jp;
         },
         set: function (v) {
-            this.i.jk = ensureBool(v);
-            this._a("isColumnOptionsGroupingEnabled", this.i.jk);
+            this.i.jp = ensureBool(v);
+            this._a("isColumnOptionsGroupingEnabled", this.i.jp);
         },
         enumerable: false,
         configurable: true
@@ -695,11 +697,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if the column is editable.
         */
         get: function () {
-            return this.i.jm;
+            return this.i.jr;
         },
         set: function (v) {
-            this.i.jm = ensureBool(v);
-            this._a("isEditable", this.i.jm);
+            this.i.jr = ensureBool(v);
+            this._a("isEditable", this.i.jr);
         },
         enumerable: false,
         configurable: true
@@ -709,11 +711,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.nz);
+            return brushToString(this.i.ox);
         },
         set: function (v) {
-            this.i.nz = stringToBrush(v);
-            this._a("deletedTextColor", brushToString(this.i.nz));
+            this.i.ox = stringToBrush(v);
+            this._a("deletedTextColor", brushToString(this.i.ox));
         },
         enumerable: false,
         configurable: true
@@ -723,11 +725,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual text color used for deleted rows.
         */
         get: function () {
-            return brushToString(this.i.nu);
+            return brushToString(this.i.os);
         },
         set: function (v) {
-            this.i.nu = stringToBrush(v);
-            this._a("actualDeletedTextColor", brushToString(this.i.nu));
+            this.i.os = stringToBrush(v);
+            this._a("actualDeletedTextColor", brushToString(this.i.os));
         },
         enumerable: false,
         configurable: true
@@ -737,11 +739,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the opacity to use for unsaved edited cell values.
         */
         get: function () {
-            return this.i.j0;
+            return this.i.j9;
         },
         set: function (v) {
-            this.i.j0 = +v;
-            this._a("editOpacity", this.i.j0);
+            this.i.j9 = +v;
+            this._a("editOpacity", this.i.j9);
         },
         enumerable: false,
         configurable: true
@@ -751,11 +753,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual opacity for unsaved edited cell values.
         */
         get: function () {
-            return this.i.jz;
+            return this.i.j8;
         },
         set: function (v) {
-            this.i.jz = +v;
-            this._a("actualEditOpacity", this.i.jz);
+            this.i.j8 = +v;
+            this._a("actualEditOpacity", this.i.j8);
         },
         enumerable: false,
         configurable: true
@@ -784,16 +786,16 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets the actual font style used for unsaved cell edits.
         */
         get: function () {
-            if (this.i.it == null) {
+            if (this.i.ix == null) {
                 return null;
             }
-            return this.i.it.fontString;
+            return this.i.ix.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.it = fi;
-            this._a("actualEditFontInfo", this.i.it != null ? this.i.it.fontString : "");
+            this.i.ix = fi;
+            this._a("actualEditFontInfo", this.i.ix != null ? this.i.ix.fontString : "");
         },
         enumerable: false,
         configurable: true
@@ -803,11 +805,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets if and how cell merging is performed for this field.
         */
         get: function () {
-            return this.i.ii;
+            return this.i.ij;
         },
         set: function (v) {
-            this.i.ii = ensureEnum(MergedCellMode_$type, v);
-            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.ii));
+            this.i.ij = ensureEnum(MergedCellMode_$type, v);
+            this._a("mergedCellMode", enumToString(MergedCellMode_$type, this.i.ij));
         },
         enumerable: false,
         configurable: true
@@ -817,11 +819,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets how cells are evaluated for merging.
         */
         get: function () {
-            return this.i.ie;
+            return this.i.ig;
         },
         set: function (v) {
-            this.i.ie = ensureEnum(MergedCellEvaluationCriteria_$type, v);
-            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.ie));
+            this.i.ig = ensureEnum(MergedCellEvaluationCriteria_$type, v);
+            this._a("mergedCellEvaluationCriteria", enumToString(MergedCellEvaluationCriteria_$type, this.i.ig));
         },
         enumerable: false,
         configurable: true
@@ -831,11 +833,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the vertical alignment to use for the merged cell content.
         */
         get: function () {
-            return this.i.ha;
+            return this.i.hb;
         },
         set: function (v) {
-            this.i.ha = ensureEnum(CellContentVerticalAlignment_$type, v);
-            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.ha));
+            this.i.hb = ensureEnum(CellContentVerticalAlignment_$type, v);
+            this._a("mergedCellVerticalAlignment", enumToString(CellContentVerticalAlignment_$type, this.i.hb));
         },
         enumerable: false,
         configurable: true
@@ -845,11 +847,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of left padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.ke;
+            return this.i.kr;
         },
         set: function (v) {
-            this.i.ke = +v;
-            this._a("mergedCellPaddingLeft", this.i.ke);
+            this.i.kr = +v;
+            this._a("mergedCellPaddingLeft", this.i.kr);
         },
         enumerable: false,
         configurable: true
@@ -859,11 +861,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of top padding to use for the cell content for this column.
         */
         get: function () {
-            return this.i.kg;
+            return this.i.kt;
         },
         set: function (v) {
-            this.i.kg = +v;
-            this._a("mergedCellPaddingTop", this.i.kg);
+            this.i.kt = +v;
+            this._a("mergedCellPaddingTop", this.i.kt);
         },
         enumerable: false,
         configurable: true
@@ -873,11 +875,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of right padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kf;
+            return this.i.ks;
         },
         set: function (v) {
-            this.i.kf = +v;
-            this._a("mergedCellPaddingRight", this.i.kf);
+            this.i.ks = +v;
+            this._a("mergedCellPaddingRight", this.i.ks);
         },
         enumerable: false,
         configurable: true
@@ -887,11 +889,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets the amount of bottom padding to use for the cell content of this column.
         */
         get: function () {
-            return this.i.kd;
+            return this.i.kq;
         },
         set: function (v) {
-            this.i.kd = +v;
-            this._a("mergedCellPaddingBottom", this.i.kd);
+            this.i.kq = +v;
+            this._a("mergedCellPaddingBottom", this.i.kq);
         },
         enumerable: false,
         configurable: true
@@ -901,11 +903,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
          * Gets or sets whether UI filters are case sensitive or not.
         */
         get: function () {
-            return this.i.h1;
+            return this.i.h2;
         },
         set: function (v) {
-            this.i.h1 = ensureEnum(FilterComparisonType_$type, v);
-            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h1));
+            this.i.h2 = ensureEnum(FilterComparisonType_$type, v);
+            this._a("filterComparisonType", enumToString(FilterComparisonType_$type, this.i.h2));
         },
         enumerable: false,
         configurable: true
@@ -917,7 +919,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         get: function () {
             if (this._filterOperands === null) {
                 var coll = new IgcGridFilterOperandsCollection();
-                var innerColl = this.i.h9;
+                var innerColl = this.i.ia;
                 if (!innerColl) {
                     innerColl = new GridFilterOperandsCollection_internal();
                 }
@@ -933,7 +935,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             var coll = new IgcGridFilterOperandsCollection();
             this._filterOperands = coll._fromOuter(v);
             var syncColl = new SyncableObservableCollection$1(FilterOperand.$type);
-            var innerColl = this.i.h9;
+            var innerColl = this.i.ia;
             if (!innerColl) {
                 innerColl = new GridFilterOperandsCollection_internal();
             }
@@ -944,6 +946,176 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixText", {
+        /**
+         * Gets or sets the text to display in the suffix area of cells in this column.
+        */
+        get: function () {
+            return this.i.nj;
+        },
+        set: function (v) {
+            this.i.nj = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixTextColor", {
+        /**
+         * Gets or sets the color of the text in the suffix area of the cells in this column.
+        */
+        get: function () {
+            return brushToString(this.i.o5);
+        },
+        set: function (v) {
+            this.i.o5 = stringToBrush(v);
+            this._a("suffixTextColor", brushToString(this.i.o5));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixTextStyle", {
+        /**
+         * Gets or sets the font of the suffix text.
+        */
+        get: function () {
+            if (this.i.suffixTextStyle == null) {
+                return null;
+            }
+            return this.i.suffixTextStyle.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.suffixTextStyle = fi;
+            this._a("suffixTextStyle", this.i.suffixTextStyle != null ? this.i.suffixTextStyle.fontString : "");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconName", {
+        /**
+         * Gets or sets the icon to use in the suffix area of the cells in this column.
+        */
+        get: function () {
+            return this.i.nc;
+        },
+        set: function (v) {
+            this.i.nc = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconCollectionName", {
+        /**
+         * Gets or sets the icon to use in the suffix area of the cells in this column.
+        */
+        get: function () {
+            return this.i.m9;
+        },
+        set: function (v) {
+            this.i.m9 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconStroke", {
+        /**
+         * Gets or sets the stroke color of suffix icon.
+        */
+        get: function () {
+            return brushToString(this.i.o4);
+        },
+        set: function (v) {
+            this.i.o4 = stringToBrush(v);
+            this._a("suffixIconStroke", brushToString(this.i.o4));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconFill", {
+        /**
+         * Gets or sets the fill color of suffix icon.
+        */
+        get: function () {
+            return brushToString(this.i.o3);
+        },
+        set: function (v) {
+            this.i.o3 = stringToBrush(v);
+            this._a("suffixIconFill", brushToString(this.i.o3));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconViewBoxLeft", {
+        /**
+         * Gets or sets the suffix icon's viewbox x coordinate.
+        */
+        get: function () {
+            return this.i.kc;
+        },
+        set: function (v) {
+            this.i.kc = +v;
+            this._a("suffixIconViewBoxLeft", this.i.kc);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconViewBoxTop", {
+        /**
+         * Gets or sets the suffix icon's viewbox y coordinate.
+        */
+        get: function () {
+            return this.i.kd;
+        },
+        set: function (v) {
+            this.i.kd = +v;
+            this._a("suffixIconViewBoxTop", this.i.kd);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconViewBoxWidth", {
+        /**
+         * Gets or sets the suffix icon's viewbox width.
+        */
+        get: function () {
+            return this.i.ke;
+        },
+        set: function (v) {
+            this.i.ke = +v;
+            this._a("suffixIconViewBoxWidth", this.i.ke);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "suffixIconViewBoxHeight", {
+        /**
+         * Gets or sets the suffix icon's viewbox height.
+        */
+        get: function () {
+            return this.i.kb;
+        },
+        set: function (v) {
+            this.i.kb = +v;
+            this._a("suffixIconViewBoxHeight", this.i.kb);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgcDataGridColumnComponent.prototype, "textDecoration", {
+        /**
+         * Gets or sets the text decoration to apply to cells in this column.
+        */
+        get: function () {
+            return this.i.iq;
+        },
+        set: function (v) {
+            this.i.iq = ensureEnum(TextCellDecoration_$type, v);
+            this._a("textDecoration", enumToString(TextCellDecoration_$type, this.i.iq));
+        },
+        enumerable: false,
+        configurable: true
+    });
     IgcDataGridColumnComponent.prototype.findByName = function (name) {
         var baseResult = _super.prototype.findByName.call(this, name);
         if (baseResult) {
@@ -976,18 +1148,18 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     
     */
     IgcDataGridColumnComponent.prototype.getUniqueKey = function () {
-        var iv = this.i.lu();
+        var iv = this.i.ma();
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.setNamedHeaderValue = function (valueName, animationType, value) {
-        this.i.m4(valueName, (animationType == null ? null : animationType), value);
+        this.i.nz(valueName, ensureEnum(CellPropertyAnimationType_$type, animationType), value);
     };
     /**
      * Returns if the column has named header values.
     
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValues = function () {
-        var iv = this.i.jg();
+        var iv = this.i.jl();
         return (iv);
     };
     /**
@@ -996,7 +1168,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named value to check for.
     */
     IgcDataGridColumnComponent.prototype.hasNamedHeaderValue = function (valueName) {
-        var iv = this.i.jf(valueName);
+        var iv = this.i.jk(valueName);
         return (iv);
     };
     /**
@@ -1005,7 +1177,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * The named header value to remove.
     */
     IgcDataGridColumnComponent.prototype.removeNamedHeaderValue = function (valueName) {
-        this.i.m3(valueName);
+        this.i.ny(valueName);
     };
     /**
      * Gets the value of a named header value for this column by name.
@@ -1013,11 +1185,11 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
     * @param valueName  * Name of the named header value to retrieve.
     */
     IgcDataGridColumnComponent.prototype.getNamedHeaderValue = function (valueName) {
-        var iv = this.i.ks(valueName);
+        var iv = this.i.k5(valueName);
         return (iv);
     };
     IgcDataGridColumnComponent.prototype.applyCustomFilter = function (filterID, index, value) {
-        this.i.mw(filterID, index, value);
+        this.i.nr(filterID, index, value);
     };
     IgcDataGridColumnComponent.prototype.getDesiredToolbarActions = function () {
         var iv = this.i.getDesiredToolbarActions();
@@ -1080,7 +1252,7 @@ var IgcDataGridColumnComponent = /** @class */ /*@__PURE__*/ (function (_super)
             this._actualHeaderTextChange = ev;
             this._actualHeaderTextChange_wrapped = function (o, e) {
                 var ext = _this.actualHeaderText;
-                if (e.propertyName == 'K4') {
+                if (e.propertyName == 'Lk') {
                     if (_this.beforeActualHeaderTextChange) {
                         _this.beforeActualHeaderTextChange(_this, ext);
                     }