igniteui-angular-data-grids 20.0.1 → 20.0.2-beta.1

package/esm5/lib/igx-cell-info.js

@@ -6,6 +6,7 @@ import { ensureBool, ensureEnum, brushToString, stringToBrush } from "igniteui-a
 import { FontInfo } from "igniteui-angular-core";
 import { delegateCombine, delegateRemove, runOn } from "igniteui-angular-core";
 import { PinnedPositions_$type } from './PinnedPositions';
+import { TextCellDecoration_$type } from "./TextCellDecoration";
 /**
  * Represents info about the current cell.
 */
@@ -95,10 +96,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
      * Gets the style key of the current cell, used for recycling.
     */
         get: function () {
-            return this.i.ke;
+            return this.i.k5;
         },
         set: function (v) {
-            this.i.ke = v;
+            this.i.k5 = v;
         },
         enumerable: false,
         configurable: true
@@ -108,10 +109,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the absolute data row for the current cell.
         */
         get: function () {
-            return this.i.fb;
+            return this.i.fn;
         },
         set: function (v) {
-            this.i.fb = +v;
+            this.i.fn = +v;
         },
         enumerable: false,
         configurable: true
@@ -121,10 +122,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the position of the cell is dirty.
         */
         get: function () {
-            return this.i.bj;
+            return this.i.bn;
         },
         set: function (v) {
-            this.i.bj = ensureBool(v);
+            this.i.bn = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -134,10 +135,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the size of the cell is dirty.
         */
         get: function () {
-            return this.i.bo;
+            return this.i.bs;
         },
         set: function (v) {
-            this.i.bo = ensureBool(v);
+            this.i.bs = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -147,10 +148,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the content of the cell is dirty.
         */
         get: function () {
-            return this.i.a3;
+            return this.i.a7;
         },
         set: function (v) {
-            this.i.a3 = ensureBool(v);
+            this.i.a7 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -160,10 +161,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the content of the cell is dirty.
         */
         get: function () {
-            return this.i.a1;
+            return this.i.a5;
         },
         set: function (v) {
-            this.i.a1 = ensureBool(v);
+            this.i.a5 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -173,10 +174,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the layer of the cell is dirty.
         */
         get: function () {
-            return this.i.bh;
+            return this.i.bl;
         },
         set: function (v) {
-            this.i.bh = ensureBool(v);
+            this.i.bl = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -186,10 +187,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the layer of the cell is dirty.
         */
         get: function () {
-            return this.i.bp;
+            return this.i.bt;
         },
         set: function (v) {
-            this.i.bp = ensureBool(v);
+            this.i.bt = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -199,10 +200,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the data of the cell is dirty.
         */
         get: function () {
-            return this.i.a5;
+            return this.i.a9;
         },
         set: function (v) {
-            this.i.a5 = ensureBool(v);
+            this.i.a9 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -212,10 +213,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if placeholder content is needed when virtualized.
         */
         get: function () {
-            return this.i.bi;
+            return this.i.bm;
         },
         set: function (v) {
-            this.i.bi = ensureBool(v);
+            this.i.bm = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -238,10 +239,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets whether the cell is hit test visible.
         */
         get: function () {
-            return this.i.bd;
+            return this.i.bh;
         },
         set: function (v) {
-            this.i.bd = ensureBool(v);
+            this.i.bh = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -251,10 +252,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if this cell belongs to a row that has been marked as pinned.
         */
         get: function () {
-            return this.i.bk;
+            return this.i.bo;
         },
         set: function (v) {
-            this.i.bk = ensureBool(v);
+            this.i.bo = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -264,10 +265,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if this cell belongs to a row that will stick to the top of the grid.
         */
         get: function () {
-            return this.i.bl;
+            return this.i.bp;
         },
         set: function (v) {
-            this.i.bl = ensureBool(v);
+            this.i.bp = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -277,10 +278,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if this cell is the last row that can stick to the top of the grid.
         */
         get: function () {
-            return this.i.bg;
+            return this.i.bk;
         },
         set: function (v) {
-            this.i.bg = ensureBool(v);
+            this.i.bk = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -290,10 +291,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if this cell is in the filter row.
         */
         get: function () {
-            return this.i.bb;
+            return this.i.bf;
         },
         set: function (v) {
-            this.i.bb = ensureBool(v);
+            this.i.bf = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -303,20 +304,20 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the indent level of the cell.
         */
         get: function () {
-            return this.i.f0;
+            return this.i.gc;
         },
         set: function (v) {
-            this.i.f0 = +v;
+            this.i.gc = +v;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxCellInfo.prototype, "rowItem", {
         get: function () {
-            return this.i.ho;
+            return this.i.ic;
         },
         set: function (v) {
-            this.i.ho = v;
+            this.i.ic = v;
         },
         enumerable: false,
         configurable: true
@@ -326,10 +327,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the X position of the cell within the content.
         */
         get: function () {
-            return this.i.cu;
+            return this.i.c6;
         },
         set: function (v) {
-            this.i.cu = +v;
+            this.i.c6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -339,10 +340,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the Y position of the cell within the content.
         */
         get: function () {
-            return this.i.cv;
+            return this.i.c7;
         },
         set: function (v) {
-            this.i.cv = +v;
+            this.i.c7 = +v;
         },
         enumerable: false,
         configurable: true
@@ -352,10 +353,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the pixel snapped X position of the cell within the content.
         */
         get: function () {
-            return this.i.g0;
+            return this.i.hc;
         },
         set: function (v) {
-            this.i.g0 = +v;
+            this.i.hc = +v;
         },
         enumerable: false,
         configurable: true
@@ -365,10 +366,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the snapped Y position of the cell within the content.
         */
         get: function () {
-            return this.i.g2;
+            return this.i.he;
         },
         set: function (v) {
-            this.i.g2 = +v;
+            this.i.he = +v;
         },
         enumerable: false,
         configurable: true
@@ -378,10 +379,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the opacity for cells that have unsaved edits.
         */
         get: function () {
-            return this.i.ck;
+            return this.i.cs;
         },
         set: function (v) {
-            this.i.ck = +v;
+            this.i.cs = +v;
         },
         enumerable: false,
         configurable: true
@@ -391,10 +392,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the opacity of the content of the cell.
         */
         get: function () {
-            return this.i.cj;
+            return this.i.cr;
         },
         set: function (v) {
-            this.i.cj = +v;
+            this.i.cr = +v;
         },
         enumerable: false,
         configurable: true
@@ -404,10 +405,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual content opacity of the cell.
         */
         get: function () {
-            return this.i.cg;
+            return this.i.co;
         },
         set: function (v) {
-            this.i.cg = +v;
+            this.i.co = +v;
         },
         enumerable: false,
         configurable: true
@@ -417,10 +418,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the opacity of the cell.
         */
         get: function () {
-            return this.i.co;
+            return this.i.cw;
         },
         set: function (v) {
-            this.i.co = +v;
+            this.i.cw = +v;
         },
         enumerable: false,
         configurable: true
@@ -430,10 +431,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual opacity of the cell.
         */
         get: function () {
-            return this.i.ch;
+            return this.i.cp;
         },
         set: function (v) {
-            this.i.ch = +v;
+            this.i.cp = +v;
         },
         enumerable: false,
         configurable: true
@@ -443,10 +444,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the height of the cell.
         */
         get: function () {
-            return this.i.fu;
+            return this.i.f6;
         },
         set: function (v) {
-            this.i.fu = +v;
+            this.i.f6 = +v;
         },
         enumerable: false,
         configurable: true
@@ -456,10 +457,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the width of the cell.
         */
         get: function () {
-            return this.i.he;
+            return this.i.h2;
         },
         set: function (v) {
-            this.i.he = +v;
+            this.i.h2 = +v;
         },
         enumerable: false,
         configurable: true
@@ -469,10 +470,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the cell is selected.
         */
         get: function () {
-            return this.i.bn;
+            return this.i.br;
         },
         set: function (v) {
-            this.i.bn = ensureBool(v);
+            this.i.br = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -482,10 +483,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the amount that the cell is selected. This is a value between 0 and 1.
         */
         get: function () {
-            return this.i.cq;
+            return this.i.cy;
         },
         set: function (v) {
-            this.i.cq = +v;
+            this.i.cy = +v;
         },
         enumerable: false,
         configurable: true
@@ -495,10 +496,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the amount that the cell is activated. This is a value between 0 and 1.
         */
         get: function () {
-            return this.i.cf;
+            return this.i.cn;
         },
         set: function (v) {
-            this.i.cf = +v;
+            this.i.cn = +v;
         },
         enumerable: false,
         configurable: true
@@ -508,10 +509,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the amount that the cell is hovered. This is a value between 0 and 1.
         */
         get: function () {
-            return this.i.cl;
+            return this.i.ct;
         },
         set: function (v) {
-            this.i.cl = +v;
+            this.i.ct = +v;
         },
         enumerable: false,
         configurable: true
@@ -521,10 +522,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets whether the cell is hoverable or not.
         */
         get: function () {
-            return this.i.be;
+            return this.i.bi;
         },
         set: function (v) {
-            this.i.be = ensureBool(v);
+            this.i.bi = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -560,10 +561,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color of the cell.
         */
         get: function () {
-            return brushToString(this.i.l1);
+            return brushToString(this.i.nb);
         },
         set: function (v) {
-            this.i.l1 = stringToBrush(v);
+            this.i.nb = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -573,10 +574,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the border color of the cell.
         */
         get: function () {
-            return brushToString(this.i.l4);
+            return brushToString(this.i.ne);
         },
         set: function (v) {
-            this.i.l4 = stringToBrush(v);
+            this.i.ne = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -586,10 +587,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color of the cell
         */
         get: function () {
-            return brushToString(this.i.ly);
+            return brushToString(this.i.m8);
         },
         set: function (v) {
-            this.i.ly = stringToBrush(v);
+            this.i.m8 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -599,10 +600,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color of the cell
         */
         get: function () {
-            return brushToString(this.i.lz);
+            return brushToString(this.i.m9);
         },
         set: function (v) {
-            this.i.lz = stringToBrush(v);
+            this.i.m9 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -612,10 +613,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual background color of the cell
         */
         get: function () {
-            return brushToString(this.i.lx);
+            return brushToString(this.i.m7);
         },
         set: function (v) {
-            this.i.lx = stringToBrush(v);
+            this.i.m7 = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -625,10 +626,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the error border color of the cell.
         */
         get: function () {
-            return brushToString(this.i.l6);
+            return brushToString(this.i.ng);
         },
         set: function (v) {
-            this.i.l6 = stringToBrush(v);
+            this.i.ng = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -638,10 +639,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the selected background color of the cell.
         */
         get: function () {
-            return brushToString(this.i.md);
+            return brushToString(this.i.nn);
         },
         set: function (v) {
-            this.i.md = stringToBrush(v);
+            this.i.nn = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -651,10 +652,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover background color of the cell.
         */
         get: function () {
-            return brushToString(this.i.l9);
+            return brushToString(this.i.nj);
         },
         set: function (v) {
-            this.i.l9 = stringToBrush(v);
+            this.i.nj = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -664,10 +665,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the hover text color of the cell.
         */
         get: function () {
-            return brushToString(this.i.ma);
+            return brushToString(this.i.nk);
         },
         set: function (v) {
-            this.i.ma = stringToBrush(v);
+            this.i.nk = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -677,10 +678,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color for the sort indicator icon.
         */
         get: function () {
-            return brushToString(this.i.me);
+            return brushToString(this.i.no);
         },
         set: function (v) {
-            this.i.me = stringToBrush(v);
+            this.i.no = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -690,10 +691,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for the cell when it is stuck to the top of the grid as a pinned row.
         */
         get: function () {
-            return brushToString(this.i.mf);
+            return brushToString(this.i.np);
         },
         set: function (v) {
-            this.i.mf = stringToBrush(v);
+            this.i.np = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -703,10 +704,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for the cell that has been marked as pinned.
         */
         get: function () {
-            return brushToString(this.i.mc);
+            return brushToString(this.i.nm);
         },
         set: function (v) {
-            this.i.mc = stringToBrush(v);
+            this.i.nm = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -716,10 +717,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color for the last row in the sticky row area.
         */
         get: function () {
-            return brushToString(this.i.mb);
+            return brushToString(this.i.nl);
         },
         set: function (v) {
-            this.i.mb = stringToBrush(v);
+            this.i.nl = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -729,10 +730,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the background color for filter row.
         */
         get: function () {
-            return brushToString(this.i.l7);
+            return brushToString(this.i.nh);
         },
         set: function (v) {
-            this.i.l7 = stringToBrush(v);
+            this.i.nh = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -742,10 +743,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color to use for displaying text.
         */
         get: function () {
-            return this.i.cp;
+            return this.i.cx;
         },
         set: function (v) {
-            this.i.cp = +v;
+            this.i.cx = +v;
         },
         enumerable: false,
         configurable: true
@@ -755,10 +756,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the original value for the cell, before processing.
         */
         get: function () {
-            return this.i.hn;
+            return this.i.ib;
         },
         set: function (v) {
-            this.i.hn = v;
+            this.i.ib = v;
         },
         enumerable: false,
         configurable: true
@@ -768,10 +769,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the text value, if any, which was rendered by a text cell.
         */
         get: function () {
-            return this.i.j3;
+            return this.i.ku;
         },
         set: function (v) {
-            this.i.j3 = v;
+            this.i.ku = v;
         },
         enumerable: false,
         configurable: true
@@ -781,10 +782,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * If set, this text will be used when rendering the cell value.
         */
         get: function () {
-            return this.i.ki;
+            return this.i.lp;
         },
         set: function (v) {
-            this.i.ki = v;
+            this.i.lp = v;
         },
         enumerable: false,
         configurable: true
@@ -794,10 +795,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the color of the text for the cell, if any.
         */
         get: function () {
-            return brushToString(this.i.mg);
+            return brushToString(this.i.nt);
         },
         set: function (v) {
-            this.i.mg = stringToBrush(v);
+            this.i.nt = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -807,10 +808,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the actual color of the text for the cell, if any.
         */
         get: function () {
-            return brushToString(this.i.l0);
+            return brushToString(this.i.na);
         },
         set: function (v) {
-            this.i.l0 = stringToBrush(v);
+            this.i.na = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
@@ -820,40 +821,198 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the text color for cells in deleted rows.
         */
         get: function () {
-            return brushToString(this.i.l5);
+            return brushToString(this.i.nf);
         },
         set: function (v) {
-            this.i.l5 = stringToBrush(v);
+            this.i.nf = stringToBrush(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxCellInfo.prototype, "font", {
         get: function () {
-            if (this.i.ag == null) {
+            if (this.i.aj == null) {
                 return null;
             }
-            return this.i.ag.fontString;
+            return this.i.aj.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ag = fi;
+            this.i.aj = fi;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxCellInfo.prototype, "actualFont", {
         get: function () {
-            if (this.i.ae == null) {
+            if (this.i.ah == null) {
                 return null;
             }
-            return this.i.ae.fontString;
+            return this.i.ah.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.ae = fi;
+            this.i.ah = fi;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixText", {
+        /**
+         * Gets or sets the text to display in the suffix area of the cell.
+        */
+        get: function () {
+            return this.i.lg;
+        },
+        set: function (v) {
+            this.i.lg = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixTextColor", {
+        /**
+         * Gets or sets the color of the suffix text for the cell, if any.
+        */
+        get: function () {
+            return brushToString(this.i.ns);
+        },
+        set: function (v) {
+            this.i.ns = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixTextFont", {
+        get: function () {
+            if (this.i.ak == null) {
+                return null;
+            }
+            return this.i.ak.fontString;
+        },
+        set: function (v) {
+            var fi = new FontInfo();
+            fi.fontString = v;
+            this.i.ak = fi;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconName", {
+        /**
+         * Gets or sets the icon to display in the suffix area of the cell.
+        */
+        get: function () {
+            return this.i.k9;
+        },
+        set: function (v) {
+            this.i.k9 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconCollectionName", {
+        /**
+         * Gets or sets the icon to display in the suffix area of the cell.
+        */
+        get: function () {
+            return this.i.k6;
+        },
+        set: function (v) {
+            this.i.k6 = v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconStroke", {
+        /**
+         * Gets or sets the stroke color of the suffix icon.
+        */
+        get: function () {
+            return brushToString(this.i.nr);
+        },
+        set: function (v) {
+            this.i.nr = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconFill", {
+        /**
+         * Gets or sets the fill color of the suffix icon.
+        */
+        get: function () {
+            return brushToString(this.i.nq);
+        },
+        set: function (v) {
+            this.i.nq = stringToBrush(v);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconViewBoxLeft", {
+        /**
+         * Gets or sets the suffix icon's viewbox x coordinate.
+        */
+        get: function () {
+            return this.i.c0;
+        },
+        set: function (v) {
+            this.i.c0 = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconViewBoxTop", {
+        /**
+         * Gets or sets the suffix icon's viewbox y coordinate.
+        */
+        get: function () {
+            return this.i.c1;
+        },
+        set: function (v) {
+            this.i.c1 = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconViewBoxWidth", {
+        /**
+         * Gets or sets the suffix icon's viewbox width.
+        */
+        get: function () {
+            return this.i.c2;
+        },
+        set: function (v) {
+            this.i.c2 = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "suffixIconViewBoxHeight", {
+        /**
+         * Gets or sets the suffix icon's viewbox height.
+        */
+        get: function () {
+            return this.i.cz;
+        },
+        set: function (v) {
+            this.i.cz = +v;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(IgxCellInfo.prototype, "textDecoration", {
+        /**
+         * Gets or sets the text decorations to apply to the cell text.
+        */
+        get: function () {
+            return this.i.aa;
+        },
+        set: function (v) {
+            this.i.aa = ensureEnum(TextCellDecoration_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -863,10 +1022,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the line break mode to use if text is present in the cell.
         */
         get: function () {
-            return this.i.aa;
+            return this.i.ac;
         },
         set: function (v) {
-            this.i.aa = ensureEnum(TextCellLineBreakMode_$type, v);
+            this.i.ac = ensureEnum(TextCellLineBreakMode_$type, v);
         },
         enumerable: false,
         configurable: true
@@ -876,10 +1035,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the virtualization percentage value. This is between 0 an 1, and indicates how virtual the content is at present.
         */
         get: function () {
-            return this.i.ct;
+            return this.i.c5;
         },
         set: function (v) {
-            this.i.ct = +v;
+            this.i.c5 = +v;
         },
         enumerable: false,
         configurable: true
@@ -889,10 +1048,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the left padding to use for the content.
         */
         get: function () {
-            return this.i.gm;
+            return this.i.gy;
         },
         set: function (v) {
-            this.i.gm = +v;
+            this.i.gy = +v;
         },
         enumerable: false,
         configurable: true
@@ -902,10 +1061,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the top padding to use for the content.
         */
         get: function () {
-            return this.i.gq;
+            return this.i.g2;
         },
         set: function (v) {
-            this.i.gq = +v;
+            this.i.g2 = +v;
         },
         enumerable: false,
         configurable: true
@@ -915,10 +1074,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the right padding to use for the content.
         */
         get: function () {
-            return this.i.go;
+            return this.i.g0;
         },
         set: function (v) {
-            this.i.go = +v;
+            this.i.g0 = +v;
         },
         enumerable: false,
         configurable: true
@@ -928,10 +1087,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the bottom padding to use for the content.
         */
         get: function () {
-            return this.i.gk;
+            return this.i.gw;
         },
         set: function (v) {
-            this.i.gk = +v;
+            this.i.gw = +v;
         },
         enumerable: false,
         configurable: true
@@ -941,10 +1100,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the left padding to use for the content.
         */
         get: function () {
-            return this.i.el;
+            return this.i.ex;
         },
         set: function (v) {
-            this.i.el = +v;
+            this.i.ex = +v;
         },
         enumerable: false,
         configurable: true
@@ -954,10 +1113,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the top padding to use for the content.
         */
         get: function () {
-            return this.i.ep;
+            return this.i.e1;
         },
         set: function (v) {
-            this.i.ep = +v;
+            this.i.e1 = +v;
         },
         enumerable: false,
         configurable: true
@@ -967,10 +1126,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the right padding to use for the content.
         */
         get: function () {
-            return this.i.en;
+            return this.i.ez;
         },
         set: function (v) {
-            this.i.en = +v;
+            this.i.ez = +v;
         },
         enumerable: false,
         configurable: true
@@ -980,10 +1139,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the bottom padding to use for the content.
         */
         get: function () {
-            return this.i.ej;
+            return this.i.ev;
         },
         set: function (v) {
-            this.i.ej = +v;
+            this.i.ev = +v;
         },
         enumerable: false,
         configurable: true
@@ -993,10 +1152,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the left border to use for the content.
         */
         get: function () {
-            return this.i.e2;
+            return this.i.fe;
         },
         set: function (v) {
-            this.i.e2 = +v;
+            this.i.fe = +v;
         },
         enumerable: false,
         configurable: true
@@ -1006,10 +1165,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the top border to use for the content.
         */
         get: function () {
-            return this.i.e7;
+            return this.i.fj;
         },
         set: function (v) {
-            this.i.e7 = +v;
+            this.i.fj = +v;
         },
         enumerable: false,
         configurable: true
@@ -1019,10 +1178,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the right border to use for the content.
         */
         get: function () {
-            return this.i.e5;
+            return this.i.fh;
         },
         set: function (v) {
-            this.i.e5 = +v;
+            this.i.fh = +v;
         },
         enumerable: false,
         configurable: true
@@ -1032,10 +1191,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the bottom border to use for the content.
         */
         get: function () {
-            return this.i.e0;
+            return this.i.fc;
         },
         set: function (v) {
-            this.i.e0 = +v;
+            this.i.fc = +v;
         },
         enumerable: false,
         configurable: true
@@ -1045,10 +1204,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the left activation border to use for the content.
         */
         get: function () {
-            return this.i.dy;
+            return this.i.ea;
         },
         set: function (v) {
-            this.i.dy = +v;
+            this.i.ea = +v;
         },
         enumerable: false,
         configurable: true
@@ -1058,10 +1217,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the top activation border to use for the content.
         */
         get: function () {
-            return this.i.d3;
+            return this.i.ef;
         },
         set: function (v) {
-            this.i.d3 = +v;
+            this.i.ef = +v;
         },
         enumerable: false,
         configurable: true
@@ -1071,10 +1230,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the right activation border to use for the content.
         */
         get: function () {
-            return this.i.d1;
+            return this.i.ed;
         },
         set: function (v) {
-            this.i.d1 = +v;
+            this.i.ed = +v;
         },
         enumerable: false,
         configurable: true
@@ -1084,10 +1243,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the bottom activation border to use for the content.
         */
         get: function () {
-            return this.i.dw;
+            return this.i.d8;
         },
         set: function (v) {
-            this.i.dw = +v;
+            this.i.d8 = +v;
         },
         enumerable: false,
         configurable: true
@@ -1097,10 +1256,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the left error border to use for the content.
         */
         get: function () {
-            return this.i.fk;
+            return this.i.fw;
         },
         set: function (v) {
-            this.i.fk = +v;
+            this.i.fw = +v;
         },
         enumerable: false,
         configurable: true
@@ -1110,10 +1269,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the top error border to use for the content.
         */
         get: function () {
-            return this.i.fp;
+            return this.i.f1;
         },
         set: function (v) {
-            this.i.fp = +v;
+            this.i.f1 = +v;
         },
         enumerable: false,
         configurable: true
@@ -1123,10 +1282,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the right error border to use for the content.
         */
         get: function () {
-            return this.i.fn;
+            return this.i.fz;
         },
         set: function (v) {
-            this.i.fn = +v;
+            this.i.fz = +v;
         },
         enumerable: false,
         configurable: true
@@ -1136,10 +1295,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the bottom error border to use for the content.
         */
         get: function () {
-            return this.i.fi;
+            return this.i.fu;
         },
         set: function (v) {
-            this.i.fi = +v;
+            this.i.fu = +v;
         },
         enumerable: false,
         configurable: true
@@ -1149,10 +1308,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the actual left border to use for the content.
         */
         get: function () {
-            return this.i.d9;
+            return this.i.el;
         },
         set: function (v) {
-            this.i.d9 = +v;
+            this.i.el = +v;
         },
         enumerable: false,
         configurable: true
@@ -1162,10 +1321,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the actual top border to use for the content.
         */
         get: function () {
-            return this.i.ee;
+            return this.i.eq;
         },
         set: function (v) {
-            this.i.ee = +v;
+            this.i.eq = +v;
         },
         enumerable: false,
         configurable: true
@@ -1175,10 +1334,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the actual right border to use for the content.
         */
         get: function () {
-            return this.i.ec;
+            return this.i.eo;
         },
         set: function (v) {
-            this.i.ec = +v;
+            this.i.eo = +v;
         },
         enumerable: false,
         configurable: true
@@ -1188,10 +1347,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the actual bottom border to use for the content.
         */
         get: function () {
-            return this.i.d7;
+            return this.i.ej;
         },
         set: function (v) {
-            this.i.d7 = +v;
+            this.i.ej = +v;
         },
         enumerable: false,
         configurable: true
@@ -1214,10 +1373,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets the expansion state of the cell.
         */
         get: function () {
-            return this.i.ba;
+            return this.i.be;
         },
         set: function (v) {
-            this.i.ba = ensureBool(v);
+            this.i.be = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -1227,10 +1386,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets if the cell needs to display an expansion indicator.
         */
         get: function () {
-            return this.i.a2;
+            return this.i.a6;
         },
         set: function (v) {
-            this.i.a2 = ensureBool(v);
+            this.i.a6 = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -1250,15 +1409,15 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
     });
     Object.defineProperty(IgxCellInfo.prototype, "editFont", {
         get: function () {
-            if (this.i.af == null) {
+            if (this.i.ai == null) {
                 return null;
             }
-            return this.i.af.fontString;
+            return this.i.ai.fontString;
         },
         set: function (v) {
             var fi = new FontInfo();
             fi.fontString = v;
-            this.i.af = fi;
+            this.i.ai = fi;
         },
         enumerable: false,
         configurable: true
@@ -1268,10 +1427,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets whether the cell has been edited.
         */
         get: function () {
-            return this.i.a9;
+            return this.i.bd;
         },
         set: function (v) {
-            this.i.a9 = ensureBool(v);
+            this.i.bd = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -1281,10 +1440,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets whether the cell is part of a deleted row.
         */
         get: function () {
-            return this.i.a6;
+            return this.i.ba;
         },
         set: function (v) {
-            this.i.a6 = ensureBool(v);
+            this.i.ba = ensureBool(v);
         },
         enumerable: false,
         configurable: true
@@ -1294,10 +1453,10 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets or sets the error message for the cell.
         */
         get: function () {
-            return this.i.iv;
+            return this.i.jm;
         },
         set: function (v) {
-            this.i.iv = v;
+            this.i.jm = v;
         },
         enumerable: false,
         configurable: true
@@ -1307,20 +1466,20 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
          * Gets whether the cell is in edit mode.
         */
         get: function () {
-            return this.i.bf;
+            return this.i.bj;
         },
         set: function (v) {
-            this.i.bf = ensureBool(v);
+            this.i.bj = ensureBool(v);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(IgxCellInfo.prototype, "editID", {
         get: function () {
-            return this.i.fg;
+            return this.i.fs;
         },
         set: function (v) {
-            this.i.fg = +v;
+            this.i.fs = +v;
         },
         enumerable: false,
         configurable: true
@@ -1334,7 +1493,7 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
         return null;
     };
     IgxCellInfo.prototype.isCustomFieldDirty = function (propertyName) {
-        var iv = this.i.a4(propertyName);
+        var iv = this.i.a8(propertyName);
         return (iv);
     };
     /**
@@ -1343,7 +1502,7 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param propertyId  * The property id to check.
     */
     IgxCellInfo.prototype.isDirtyById = function (propertyId_) {
-        var iv = this.i.a8(propertyId_);
+        var iv = this.i.bc(propertyId_);
         return (iv);
     };
     /**
@@ -1352,11 +1511,11 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param propertyName  * The property name to check.
     */
     IgxCellInfo.prototype.isDirty = function (propertyName) {
-        var iv = this.i.a7(propertyName);
+        var iv = this.i.bb(propertyName);
         return (iv);
     };
     IgxCellInfo.prototype.setNamedValue = function (valueName, value) {
-        this.i.lc(valueName, value);
+        this.i.mj(valueName, value);
     };
     /**
      * Returns if there is a named value stored for the cell.
@@ -1364,7 +1523,7 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The name of the value to check.
     */
     IgxCellInfo.prototype.hasNamedValue = function (valueName) {
-        var iv = this.i.az(valueName);
+        var iv = this.i.a3(valueName);
         return (iv);
     };
     /**
@@ -1373,7 +1532,7 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The name of the value to remove.
     */
     IgxCellInfo.prototype.removeNamedValue = function (valueName) {
-        this.i.k8(valueName);
+        this.i.mf(valueName);
     };
     /**
      * Gets a named value from the cell.
@@ -1381,7 +1540,7 @@ var IgxCellInfo = /** @class */ /*@__PURE__*/ (function () {
     * @param valueName  * The name of the value to get.
     */
     IgxCellInfo.prototype.getNamedValue = function (valueName) {
-        var iv = this.i.hl(valueName);
+        var iv = this.i.h9(valueName);
         return (iv);
     };
     return IgxCellInfo;