igniteui-angular-data-grids 21.0.1-beta.0 → 21.1.0-beta.0

package/esm5/lib/GridCellBase.js

@@ -41,18 +41,19 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a0 = 0;
         _this.a5 = 0;
         _this.t = false;
+        _this.dp = null;
         _this.u = false;
         _this.v = true;
         _this.aq = null;
         _this.bp = null;
-        _this.dq = null;
+        _this.ds = null;
         _this.m = null;
         _this.x = false;
         _this.bo = null;
         _this.bn = null;
-        _this.dp = null;
-        _this.dn = null;
-        _this.du = Rect.empty;
+        _this.dr = null;
+        _this.dq = null;
+        _this.dx = Rect.empty;
         _this.al = null;
         _this.ap = null;
         _this.l = null;
@@ -66,7 +67,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.aw = 0;
         _this.av = 0;
         _this.at = 0;
-        _this.dm = null;
+        _this.dn = null;
         _this.a3 = 0;
         _this.bc = 0;
         _this.a4 = 0;
@@ -94,20 +95,20 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = (window.PointerEvent !== undefined);
         var d = (window.TouchEvent);
         if ((b || c)) {
-            _this.an.listen("pointerdown", runOn(_this, _this.cp));
-            _this.an.listen("pointerup", runOn(_this, _this.ct));
-            _this.an.listen("pointermove", runOn(_this, _this.cs));
-            _this.an.listen("pointerleave", runOn(_this, _this.cr));
-            _this.an.listen("pointerenter", runOn(_this, _this.cq));
+            _this.an.listen("pointerdown", runOn(_this, _this.cq));
+            _this.an.listen("pointerup", runOn(_this, _this.cu));
+            _this.an.listen("pointermove", runOn(_this, _this.ct));
+            _this.an.listen("pointerleave", runOn(_this, _this.cs));
+            _this.an.listen("pointerenter", runOn(_this, _this.cr));
         }
         else {
-            _this.an.listen("mousedown", runOn(_this, _this.cb));
-            _this.an.listen("mouseup", runOn(_this, _this.cf));
-            _this.an.listen("mousemove", runOn(_this, _this.ce));
-            _this.an.listen("mouseleave", runOn(_this, _this.cd));
-            _this.an.listen("touchstart", runOn(_this, _this.de));
-            _this.an.listen("touchend", runOn(_this, _this.dg));
-            _this.an.listen("touchmove", runOn(_this, _this.df));
+            _this.an.listen("mousedown", runOn(_this, _this.cc));
+            _this.an.listen("mouseup", runOn(_this, _this.cg));
+            _this.an.listen("mousemove", runOn(_this, _this.cf));
+            _this.an.listen("mouseleave", runOn(_this, _this.ce));
+            _this.an.listen("touchstart", runOn(_this, _this.df));
+            _this.an.listen("touchend", runOn(_this, _this.dh));
+            _this.an.listen("touchmove", runOn(_this, _this.dg));
         }
         return _this;
     }
@@ -154,7 +155,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.ck("IsRemoved", b, this.w);
+                this.cl("IsRemoved", b, this.w);
             }
         },
         enumerable: false,
@@ -189,7 +190,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.ck("Indent", b, this.a5);
+                this.cl("Indent", b, this.a5);
             }
         },
         enumerable: false,
@@ -203,7 +204,21 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.t;
             this.t = a;
             if (b != this.t) {
-                this.ck("IsCollapsable", b, this.t);
+                this.cl("IsCollapsable", b, this.t);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridCellBase.prototype, "dt", {
+        get: function () {
+            return this.dp;
+        },
+        set: function (a) {
+            var b = this.dp;
+            this.dp = a;
+            if (b != this.dp) {
+                this.cl("ExpansionIndicatorIconColor", b, this.dp);
             }
         },
         enumerable: false,
@@ -217,7 +232,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.u;
             this.u = a;
             if (b != this.u) {
-                this.ck("IsExpanded", b, this.u);
+                this.cl("IsExpanded", b, this.u);
             }
         },
         enumerable: false,
@@ -231,13 +246,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.ck("IsHitTestVisible", b, this.v);
+                this.cl("IsHitTestVisible", b, this.v);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "b3", {
+    Object.defineProperty(GridCellBase.prototype, "b4", {
         get: function () {
             return this.bp;
         },
@@ -245,21 +260,21 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bp;
             this.bp = a;
             if (b != this.bp) {
-                this.ck("SuffixText", b, this.bp);
+                this.cl("SuffixText", b, this.bp);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dt", {
+    Object.defineProperty(GridCellBase.prototype, "dw", {
         get: function () {
-            return this.dq;
+            return this.ds;
         },
         set: function (a) {
-            var b = this.dq;
-            this.dq = a;
-            if (b != this.dq) {
-                this.ck("SuffixTextColor", b, this.dq);
+            var b = this.ds;
+            this.ds = a;
+            if (b != this.ds) {
+                this.cl("SuffixTextColor", b, this.ds);
             }
         },
         enumerable: false,
@@ -273,13 +288,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.ck("SuffixTextFont", b, this.m);
+                this.cl("SuffixTextFont", b, this.m);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.cl = function () {
+    GridCellBase.prototype.cm = function () {
         if (this.bp != null) {
             if (this.aq == null) {
                 this.aq = this.ak.createElement("span");
@@ -288,7 +303,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.aq.setRawStyleProperty("white-space", "nowrap");
                 this.aq.setRawStyleProperty("margin-left", this.aj + "px");
             }
-            this.cn();
+            this.co();
             if (!this.x) {
                 this.ar.setRawStyleProperty("display", "grid");
                 this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
@@ -305,7 +320,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    Object.defineProperty(GridCellBase.prototype, "by", {
+    Object.defineProperty(GridCellBase.prototype, "bz", {
         get: function () {
             return this.bo;
         },
@@ -313,13 +328,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bo;
             this.bo = a;
             if (b != this.bo) {
-                this.ck("SuffixIconName", b, this.bo);
+                this.cl("SuffixIconName", b, this.bo);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bv", {
+    Object.defineProperty(GridCellBase.prototype, "bw", {
         get: function () {
             return this.bn;
         },
@@ -327,55 +342,55 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bn;
             this.bn = a;
             if (b != this.bn) {
-                this.ck("SuffixIconCollectionName", b, this.bn);
+                this.cl("SuffixIconCollectionName", b, this.bn);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "ds", {
+    Object.defineProperty(GridCellBase.prototype, "dv", {
         get: function () {
-            return this.dp;
+            return this.dr;
         },
         set: function (a) {
-            var b = this.dp;
-            this.dp = a;
-            if (b != this.dp) {
-                this.ck("SuffixIconStroke", b, this.dp);
+            var b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.cl("SuffixIconStroke", b, this.dr);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dr", {
+    Object.defineProperty(GridCellBase.prototype, "du", {
         get: function () {
-            return this.dn;
+            return this.dq;
         },
         set: function (a) {
-            var b = this.dn;
-            this.dn = a;
-            if (b != this.dn) {
-                this.ck("SuffixIconFill", b, this.dn);
+            var b = this.dq;
+            this.dq = a;
+            if (b != this.dq) {
+                this.cl("SuffixIconFill", b, this.dq);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dv", {
+    Object.defineProperty(GridCellBase.prototype, "dy", {
         get: function () {
-            return this.du;
+            return this.dx;
         },
         set: function (a) {
-            var b = this.du;
-            this.du = a;
-            if (Rect.l_op_Inequality(b, this.du)) {
-                this.ck("SuffixIconViewBox", b, this.du);
+            var b = this.dx;
+            this.dx = a;
+            if (Rect.l_op_Inequality(b, this.dx)) {
+                this.cl("SuffixIconViewBox", b, this.dx);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.cm = function () {
+    GridCellBase.prototype.cn = function () {
         if (this.bo != null && this.bn != null) {
             if (this.l == null) {
                 this.ap = this.ak.createElement("div");
@@ -386,7 +401,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.ap.setRawStyleProperty("overflow", "hidden");
                 this.ap.setRawStyleProperty("margin-left", this.aj + "px");
             }
-            this.cn();
+            this.co();
             if (!this.x) {
                 this.ar.setRawStyleProperty("display", "grid");
                 this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
@@ -403,34 +418,34 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    GridCellBase.prototype.cn = function () {
+    GridCellBase.prototype.co = function () {
         if (this.aq != null) {
-            this.c8(this.aq, this.bp);
-            this.c9(this.aq, this.dt);
-            this.c0(this.aq, this.n);
-            this.db(this.aq, this.h);
+            this.c9(this.aq, this.bp);
+            this.da(this.aq, this.dw);
+            this.c1(this.aq, this.n);
+            this.dc(this.aq, this.h);
         }
         if (this.l != null) {
-            this.l.ea = this.ds;
-            this.l.fill = this.dr;
-            if (!this.dv.isEmpty && !isNaN_(this.dv.left) && !isNaN_(this.dv.top) && !isNaN_(this.dv.width) && !isNaN_(this.dv.height)) {
-                this.l.a6 = this.dv.left;
-                this.l.a7 = this.dv.top;
-                this.l.a8 = this.dv.width;
-                this.l.a5 = this.dv.height;
+            this.l.ea = this.dv;
+            this.l.fill = this.du;
+            if (!this.dy.isEmpty && !isNaN_(this.dy.left) && !isNaN_(this.dy.top) && !isNaN_(this.dy.width) && !isNaN_(this.dy.height)) {
+                this.l.a6 = this.dy.left;
+                this.l.a7 = this.dy.top;
+                this.l.a8 = this.dy.width;
+                this.l.a5 = this.dy.height;
             }
-            this.c7(this.ap, this.ds);
-            this.cz(this.ap, this.dr);
-            this.db(this.ap, this.h);
-            this.c3(this.l, this.bv, this.by);
+            this.c8(this.ap, this.dv);
+            this.c0(this.ap, this.du);
+            this.dc(this.ap, this.h);
+            this.c4(this.l, this.bw, this.bz);
         }
     };
-    GridCellBase.prototype.c3 = function (a, b, c) {
+    GridCellBase.prototype.c4 = function (a, b, c) {
         a.svg = null;
         a.svgPath = null;
         a.b = null;
-        a.b0 = null;
-        a.bh = null;
+        a.b2 = null;
+        a.bj = null;
         var d = SvgIconRegistry.instance.getSvgPathString(this.bn, this.bo);
         if (d != null) {
             if (stringStartsWith(d, "<svg")) {
@@ -448,12 +463,12 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var f = SvgIconRegistry.instance.getDataURLString(this.bn, this.bo);
         if (f != null) {
-            a.b0 = f;
+            a.b2 = f;
             return;
         }
         var g = SvgIconRegistry.instance.getIconSource(this.bn, this.bo);
         if (g != null) {
-            a.bh = g;
+            a.bj = g;
         }
     };
     Object.defineProperty(GridCellBase.prototype, "aj", {
@@ -464,13 +479,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ai;
             this.ai = a;
             if (b != this.ai) {
-                this.ck("SuffixMargin", b, this.ai);
+                this.cl("SuffixMargin", b, this.ai);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.ca = function () {
+    GridCellBase.prototype.cb = function () {
         this.a1 = 10;
         this.a0 = this.bi * 24;
         this.a2 = 24;
@@ -490,12 +505,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.j = new GridExpansionIndicator();
             this.j.ab(a);
             this.j.y(24, 24);
+            this.j.ae = this.dp;
         }
         if (this.ao.parent() == null) {
             this.an.append(this.ao);
         }
     };
-    GridCellBase.prototype.cu = function () {
+    GridCellBase.prototype.cv = function () {
         this.a2 = 0;
         this.a1 = 0;
         if (this.ao != null) {
@@ -524,7 +540,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.c6 = function (a, b, c, d) {
+    GridCellBase.prototype.c7 = function (a, b, c, d) {
         this.a7 = a;
         this.a9 = b;
         this.a8 = c;
@@ -534,12 +550,12 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.an.setRawStyleProperty("padding-right", c.toString() + "px");
         this.an.setRawStyleProperty("padding-bottom", d.toString() + "px");
     };
-    GridCellBase.prototype.cx = function (a, b, c, d, e) {
+    GridCellBase.prototype.cy = function (a, b, c, d, e) {
         this.au = b;
         this.aw = c;
         this.av = d;
         this.at = e;
-        this.dm = a;
+        this.dn = a;
         if (a == null) {
             this.an.setRawStyleProperty("border", "");
         }
@@ -583,7 +599,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.c1 = function (a, b) {
+    GridCellBase.prototype.c2 = function (a, b) {
         if (this.a3 != a || this.a4 != b) {
             var c = this.a3;
             this.a3 = a;
@@ -593,20 +609,20 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.ao != null) {
                 this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.a2, 2));
             }
-            this.dd(this.bc, this.a3, this.bc, c);
+            this.de(this.bc, this.a3, this.bc, c);
         }
     };
-    GridCellBase.prototype.dc = function (a, b) {
+    GridCellBase.prototype.dd = function (a, b) {
         if (this.bc != a) {
             var c = this.bc;
             this.bc = a;
             this.an.setRawStyleProperty("width", a.toString() + "px");
-            this.dd(this.bc, this.a3, c, this.a3);
+            this.de(this.bc, this.a3, c, this.a3);
         }
     };
-    GridCellBase.prototype.dd = function (a, b, c, d) {
+    GridCellBase.prototype.de = function (a, b, c, d) {
     };
-    GridCellBase.prototype.b8 = function () {
+    GridCellBase.prototype.b9 = function () {
         if (!this.ae) {
             return;
         }
@@ -618,40 +634,40 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.k.i = 0;
         this.an.append(this.k.g);
     };
-    GridCellBase.prototype.cw = function (a) {
+    GridCellBase.prototype.cx = function (a) {
         this.an.setRawStyleProperty("background-color", a.colorString);
     };
-    GridCellBase.prototype.c5 = function (a) {
+    GridCellBase.prototype.c6 = function (a) {
         this.an.setRawStyleProperty("opacity", a.toString());
     };
-    GridCellBase.prototype.c0 = function (a, b) {
+    GridCellBase.prototype.c1 = function (a, b) {
         if (b == null) {
             b = FontUtil.getDefaultFont(this.am);
         }
         a.setRawStyleProperty("font", b.fontString);
     };
-    GridCellBase.prototype.c9 = function (a, b) {
+    GridCellBase.prototype.da = function (a, b) {
         var c = Color.u(0, 0, 0, 0);
         if (b != null) {
             c = b.color;
         }
         a.setRawStyleProperty("color", c.colorString);
     };
-    GridCellBase.prototype.c7 = function (a, b) {
+    GridCellBase.prototype.c8 = function (a, b) {
         var c = Color.u(0, 0, 0, 0);
         if (b != null) {
             c = b.color;
         }
         a.setRawStyleProperty("stroke", c.colorString);
     };
-    GridCellBase.prototype.cz = function (a, b) {
+    GridCellBase.prototype.c0 = function (a, b) {
         var c = Color.u(0, 0, 0, 0);
         if (b != null) {
             c = b.color;
         }
         a.setRawStyleProperty("fill", c.colorString);
     };
-    GridCellBase.prototype.c8 = function (a, b) {
+    GridCellBase.prototype.c9 = function (a, b) {
         if (a != null) {
             a.setRawText(b);
         }
@@ -666,13 +682,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = this.q();
         return a.getGenerator("PlaceholderWidths");
     };
-    GridCellBase.prototype.dl = function (a) {
+    GridCellBase.prototype.dm = function (a) {
         if (!this.ae) {
             return;
         }
         this.k.i = (a * 0.20000000298023224);
     };
-    GridCellBase.prototype.dj = function (a, b, c, d) {
+    GridCellBase.prototype.dk = function (a, b, c, d) {
         if (this.k != null) {
             var e = this.ah;
             var f = this.ag;
@@ -692,15 +708,15 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.k.g.setRawYPosition(b);
         }
     };
-    GridCellBase.prototype.ci = function (a, b, c) {
+    GridCellBase.prototype.cj = function (a, b, c) {
     };
-    GridCellBase.prototype.co = function (a) {
+    GridCellBase.prototype.cp = function (a) {
         this.h = a;
         if (this.aq != null) {
-            this.db(this.aq, a);
+            this.dc(this.aq, a);
         }
     };
-    GridCellBase.prototype.dk = function (a) {
+    GridCellBase.prototype.dl = function (a) {
         if (!this.ae) {
             return;
         }
@@ -712,8 +728,8 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ag = b;
             this.k.d = (b);
         }
-        var c = a.h5 * 0.2;
-        var d = a.f8 * 0.6;
+        var c = a.h8 * 0.2;
+        var d = a.ga * 0.6;
         if (this.ah >= c && this.ah <= d && !this.y) {
             return;
         }
@@ -726,9 +742,9 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ah = e;
             this.k.e = e;
         }
-        this.dj(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
+        this.dk(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
     };
-    GridCellBase.prototype.dh = function (a, b) {
+    GridCellBase.prototype.di = function (a, b) {
         if (!this.ae) {
             return;
         }
@@ -736,7 +752,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i = b;
         this.y = true;
     };
-    GridCellBase.prototype.di = function (a) {
+    GridCellBase.prototype.dj = function (a) {
         if (!this.ae) {
             return;
         }
@@ -744,16 +760,16 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.k.l = a.color;
         }
     };
-    GridCellBase.prototype.cv = function (a) {
+    GridCellBase.prototype.cw = function (a) {
         this.a = a;
     };
-    GridCellBase.prototype.c4 = function (a) {
+    GridCellBase.prototype.c5 = function (a) {
         this.e = a;
     };
-    GridCellBase.prototype.cy = function (a) {
+    GridCellBase.prototype.cz = function (a) {
         this.c = a;
     };
-    GridCellBase.prototype.c2 = function (a, b) {
+    GridCellBase.prototype.c3 = function (a, b) {
         switch (b) {
             case 0:
                 this.ar.setRawStyleProperty("text-align", "left");
@@ -769,7 +785,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    GridCellBase.prototype.db = function (a, b) {
+    GridCellBase.prototype.dc = function (a, b) {
         switch (b) {
             case 0:
                 a.setRawStyleProperty("vertical-align", "top");
@@ -792,67 +808,67 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     GridCellBase.prototype.af = function (a) {
         return a.isClickActionDesired;
     };
-    GridCellBase.prototype.cb = function (a) {
+    GridCellBase.prototype.cc = function (a) {
         this.onContactStarted(a, false);
     };
-    GridCellBase.prototype.cf = function (a) {
+    GridCellBase.prototype.cg = function (a) {
         this.onContactCompleted(a, false);
     };
-    GridCellBase.prototype.ce = function (a) {
+    GridCellBase.prototype.cf = function (a) {
         this.onContactMoved(a, false);
     };
+    GridCellBase.prototype.ce = function (a) {
+        this.ci(a, false);
+    };
     GridCellBase.prototype.cd = function (a) {
         this.ch(a, false);
     };
-    GridCellBase.prototype.cc = function (a) {
-        this.cg(a, false);
-    };
-    GridCellBase.prototype.cp = function (e_) {
+    GridCellBase.prototype.cq = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.de(e_);
+            this.df(e_);
         }
         else {
-            this.cb(e_);
+            this.cc(e_);
         }
     };
-    GridCellBase.prototype.cs = function (e_) {
+    GridCellBase.prototype.ct = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.df(e_);
+            this.dg(e_);
         }
         else {
-            this.ce(e_);
+            this.cf(e_);
         }
     };
-    GridCellBase.prototype.ct = function (e_) {
+    GridCellBase.prototype.cu = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.dg(e_);
+            this.dh(e_);
         }
         else {
-            this.cf(e_);
+            this.cg(e_);
         }
     };
-    GridCellBase.prototype.cr = function (e_) {
+    GridCellBase.prototype.cs = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a != "touch") {
-            this.cd(e_);
+            this.ce(e_);
         }
     };
-    GridCellBase.prototype.cq = function (e_) {
+    GridCellBase.prototype.cr = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a != "touch") {
-            this.cc(e_);
+            this.cd(e_);
         }
     };
-    GridCellBase.prototype.de = function (a) {
+    GridCellBase.prototype.df = function (a) {
         this.onContactStarted(a, true);
     };
-    GridCellBase.prototype.df = function (a) {
+    GridCellBase.prototype.dg = function (a) {
         this.onContactMoved(a, true);
     };
-    GridCellBase.prototype.dg = function (a) {
+    GridCellBase.prototype.dh = function (a) {
         this.onContactCompleted(a, true);
     };
     GridCellBase.prototype.onContactStarted = function (e_, a) {
@@ -969,7 +985,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.s = false;
     };
-    GridCellBase.prototype.ch = function (a, b) {
+    GridCellBase.prototype.ci = function (a, b) {
         if (this.a != null) {
             if (this.af(this.a)) {
                 if (this.a.isMouseDown) {
@@ -986,7 +1002,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    GridCellBase.prototype.cg = function (a, b) {
+    GridCellBase.prototype.ch = function (a, b) {
         if (this.a != null && this.a.isEnterActionDesired) {
             var c = a.pageX;
             var d = a.pageY;
@@ -995,7 +1011,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridCellBase.prototype.onDoubleClick = function (a) {
     };
-    GridCellBase.prototype.ck = function (a, b, c) {
+    GridCellBase.prototype.cl = function (a, b, c) {
         switch (a) {
             case "Indent":
                 this.a0 = this.bi * 24;
@@ -1007,10 +1023,10 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "IsCollapsable":
                 if (this.aa) {
-                    this.ca();
+                    this.cb();
                 }
                 else {
-                    this.cu();
+                    this.cv();
                 }
                 break;
             case "IsExpanded":
@@ -1018,22 +1034,27 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.j.g = this.ab;
                 }
                 break;
+            case "ExpansionIndicatorIconColor":
+                if (this.j != null) {
+                    this.j.ae = this.dt;
+                }
+                break;
             case "IsHitTestVisible":
                 this.ar.setRawStyleProperty("pointer-events", this.ad ? "auto" : "none");
                 break;
             case "SuffixText":
-                this.cl();
+                this.cm();
                 break;
             case "SuffixIconName":
             case "SuffixIconCollectionName":
-                this.cm();
+                this.cn();
                 break;
             case "SuffixTextColor":
             case "SuffixTextFont":
             case "SuffixIconStroke":
             case "SuffixIconFill":
             case "SuffixIconViewBox":
-                this.cn();
+                this.co();
                 break;
             case "SuffixMargin":
                 if (this.ap != null) {
@@ -1045,12 +1066,12 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    GridCellBase.prototype.cj = function () {
+    GridCellBase.prototype.ck = function () {
     };
-    GridCellBase.prototype.b9 = function () {
+    GridCellBase.prototype.ca = function () {
         this.an.focus(true);
     };
-    GridCellBase.prototype.b7 = function () {
+    GridCellBase.prototype.b8 = function () {
         if (this.a != null) {
             var a = this.an.clone();
             this.a.passCellClone(a);
@@ -1058,7 +1079,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridCellBase.prototype.detach = function () {
     };
-    GridCellBase.prototype.da = function (a) {
+    GridCellBase.prototype.db = function (a) {
     };
     GridCellBase.$t = markType(GridCellBase, 'GridCellBase', Base.$, [INativeCell_$type]);
     GridCellBase.o = null;