igniteui-angular-data-grids 21.1.0-beta.1 → 21.1.0

package/esm5/lib/GridCellBase.js

@@ -41,19 +41,19 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a0 = 0;
         _this.a5 = 0;
         _this.t = false;
-        _this.dp = null;
+        _this.dr = null;
         _this.u = false;
         _this.v = true;
         _this.aq = null;
-        _this.bp = null;
-        _this.ds = null;
+        _this.br = null;
+        _this.du = null;
         _this.m = null;
         _this.x = false;
-        _this.bo = null;
-        _this.bn = null;
-        _this.dr = null;
-        _this.dq = null;
-        _this.dx = Rect.empty;
+        _this.bq = null;
+        _this.bp = null;
+        _this.dt = null;
+        _this.ds = null;
+        _this.dz = Rect.empty;
         _this.al = null;
         _this.ap = null;
         _this.l = null;
@@ -67,10 +67,11 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.aw = 0;
         _this.av = 0;
         _this.at = 0;
-        _this.dn = null;
+        _this.dq = null;
         _this.a3 = 0;
         _this.bc = 0;
         _this.a4 = 0;
+        _this.bd = 0;
         _this.k = null;
         _this.g = 0;
         _this.i = 0;
@@ -78,8 +79,8 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.ag = 0;
         _this.h = 1;
         _this.y = false;
-        _this.bl = 0;
-        _this.bm = 0;
+        _this.bn = 0;
+        _this.bo = 0;
         _this.as = 0;
         _this.bb = -1;
         _this.ax = 0;
@@ -95,20 +96,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.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));
+            _this.an.listen("pointerdown", runOn(_this, _this.cs));
+            _this.an.listen("pointerup", runOn(_this, _this.cw));
+            _this.an.listen("pointermove", runOn(_this, _this.cv));
+            _this.an.listen("pointerleave", runOn(_this, _this.cu));
+            _this.an.listen("pointerenter", runOn(_this, _this.ct));
         }
         else {
-            _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));
+            _this.an.listen("mousedown", runOn(_this, _this.ce));
+            _this.an.listen("mouseup", runOn(_this, _this.ci));
+            _this.an.listen("mousemove", runOn(_this, _this.ch));
+            _this.an.listen("mouseleave", runOn(_this, _this.cg));
+            _this.an.listen("touchstart", runOn(_this, _this.dh));
+            _this.an.listen("touchend", runOn(_this, _this.dj));
+            _this.an.listen("touchmove", runOn(_this, _this.di));
         }
         return _this;
     }
@@ -155,34 +156,34 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.cl("IsRemoved", b, this.w);
+                this.cn("IsRemoved", b, this.w);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bf", {
+    Object.defineProperty(GridCellBase.prototype, "bg", {
         get: function () {
             return this.a2;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bd", {
+    Object.defineProperty(GridCellBase.prototype, "be", {
         get: function () {
             return this.a0;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "be", {
+    Object.defineProperty(GridCellBase.prototype, "bf", {
         get: function () {
             return this.a1;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bi", {
+    Object.defineProperty(GridCellBase.prototype, "bj", {
         get: function () {
             return this.a5;
         },
@@ -190,7 +191,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.cl("Indent", b, this.a5);
+                this.cn("Indent", b, this.a5);
             }
         },
         enumerable: false,
@@ -204,21 +205,21 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.t;
             this.t = a;
             if (b != this.t) {
-                this.cl("IsCollapsable", b, this.t);
+                this.cn("IsCollapsable", b, this.t);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dt", {
+    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.cl("ExpansionIndicatorIconColor", b, this.dp);
+            var b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.cn("ExpansionIndicatorIconColor", b, this.dr);
             }
         },
         enumerable: false,
@@ -232,7 +233,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.u;
             this.u = a;
             if (b != this.u) {
-                this.cl("IsExpanded", b, this.u);
+                this.cn("IsExpanded", b, this.u);
             }
         },
         enumerable: false,
@@ -246,35 +247,35 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.cl("IsHitTestVisible", b, this.v);
+                this.cn("IsHitTestVisible", b, this.v);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "b4", {
+    Object.defineProperty(GridCellBase.prototype, "b6", {
         get: function () {
-            return this.bp;
+            return this.br;
         },
         set: function (a) {
-            var b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.cl("SuffixText", b, this.bp);
+            var b = this.br;
+            this.br = a;
+            if (b != this.br) {
+                this.cn("SuffixText", b, this.br);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dw", {
+    Object.defineProperty(GridCellBase.prototype, "dy", {
         get: function () {
-            return this.ds;
+            return this.du;
         },
         set: function (a) {
-            var b = this.ds;
-            this.ds = a;
-            if (b != this.ds) {
-                this.cl("SuffixTextColor", b, this.ds);
+            var b = this.du;
+            this.du = a;
+            if (b != this.du) {
+                this.cn("SuffixTextColor", b, this.du);
             }
         },
         enumerable: false,
@@ -288,14 +289,14 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.cl("SuffixTextFont", b, this.m);
+                this.cn("SuffixTextFont", b, this.m);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.cm = function () {
-        if (this.bp != null) {
+    GridCellBase.prototype.co = function () {
+        if (this.br != null) {
             if (this.aq == null) {
                 this.aq = this.ak.createElement("span");
                 this.aq.setRawStyleProperty("display", "inline-block");
@@ -303,7 +304,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.aq.setRawStyleProperty("white-space", "nowrap");
                 this.aq.setRawStyleProperty("margin-left", this.aj + "px");
             }
-            this.co();
+            this.cq();
             if (!this.x) {
                 this.ar.setRawStyleProperty("display", "grid");
                 this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
@@ -320,78 +321,78 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    Object.defineProperty(GridCellBase.prototype, "bz", {
+    Object.defineProperty(GridCellBase.prototype, "b1", {
         get: function () {
-            return this.bo;
+            return this.bq;
         },
         set: function (a) {
-            var b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.cl("SuffixIconName", b, this.bo);
+            var b = this.bq;
+            this.bq = a;
+            if (b != this.bq) {
+                this.cn("SuffixIconName", b, this.bq);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bw", {
+    Object.defineProperty(GridCellBase.prototype, "by", {
         get: function () {
-            return this.bn;
+            return this.bp;
         },
         set: function (a) {
-            var b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.cl("SuffixIconCollectionName", b, this.bn);
+            var b = this.bp;
+            this.bp = a;
+            if (b != this.bp) {
+                this.cn("SuffixIconCollectionName", b, this.bp);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dv", {
+    Object.defineProperty(GridCellBase.prototype, "dx", {
         get: function () {
-            return this.dr;
+            return this.dt;
         },
         set: function (a) {
-            var b = this.dr;
-            this.dr = a;
-            if (b != this.dr) {
-                this.cl("SuffixIconStroke", b, this.dr);
+            var b = this.dt;
+            this.dt = a;
+            if (b != this.dt) {
+                this.cn("SuffixIconStroke", b, this.dt);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "du", {
+    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.cl("SuffixIconFill", b, this.dq);
+            var b = this.ds;
+            this.ds = a;
+            if (b != this.ds) {
+                this.cn("SuffixIconFill", b, this.ds);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "dy", {
+    Object.defineProperty(GridCellBase.prototype, "d0", {
         get: function () {
-            return this.dx;
+            return this.dz;
         },
         set: function (a) {
-            var b = this.dx;
-            this.dx = a;
-            if (Rect.l_op_Inequality(b, this.dx)) {
-                this.cl("SuffixIconViewBox", b, this.dx);
+            var b = this.dz;
+            this.dz = a;
+            if (Rect.l_op_Inequality(b, this.dz)) {
+                this.cn("SuffixIconViewBox", b, this.dz);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.cn = function () {
-        if (this.bo != null && this.bn != null) {
+    GridCellBase.prototype.cp = function () {
+        if (this.bq != null && this.bp != null) {
             if (this.l == null) {
                 this.ap = this.ak.createElement("div");
                 this.al = this.ak.getSubRenderer(this.ap);
@@ -401,7 +402,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.ap.setRawStyleProperty("overflow", "hidden");
                 this.ap.setRawStyleProperty("margin-left", this.aj + "px");
             }
-            this.co();
+            this.cq();
             if (!this.x) {
                 this.ar.setRawStyleProperty("display", "grid");
                 this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
@@ -418,35 +419,35 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    GridCellBase.prototype.co = function () {
+    GridCellBase.prototype.cq = function () {
         if (this.aq != null) {
-            this.c9(this.aq, this.bp);
-            this.da(this.aq, this.dw);
-            this.c1(this.aq, this.n);
-            this.dc(this.aq, this.h);
+            this.db(this.aq, this.br);
+            this.dc(this.aq, this.dy);
+            this.c3(this.aq, this.n);
+            this.de(this.aq, this.h);
         }
         if (this.l != null) {
-            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.l.ea = this.dx;
+            this.l.fill = this.dw;
+            if (!this.d0.isEmpty && !isNaN_(this.d0.left) && !isNaN_(this.d0.top) && !isNaN_(this.d0.width) && !isNaN_(this.d0.height)) {
+                this.l.a6 = this.d0.left;
+                this.l.a7 = this.d0.top;
+                this.l.a8 = this.d0.width;
+                this.l.a5 = this.d0.height;
             }
-            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);
+            this.da(this.ap, this.dx);
+            this.c2(this.ap, this.dw);
+            this.de(this.ap, this.h);
+            this.c6(this.l, this.by, this.b1);
         }
     };
-    GridCellBase.prototype.c4 = function (a, b, c) {
+    GridCellBase.prototype.c6 = function (a, b, c) {
         a.svg = null;
         a.svgPath = null;
         a.b = null;
         a.b2 = null;
         a.bj = null;
-        var d = SvgIconRegistry.instance.getSvgPathString(this.bn, this.bo);
+        var d = SvgIconRegistry.instance.getSvgPathString(this.bp, this.bq);
         if (d != null) {
             if (stringStartsWith(d, "<svg")) {
                 a.svg = d;
@@ -456,17 +457,17 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return;
         }
-        var e = SvgIconRegistry.instance.getSvgPathsString(this.bn, this.bo);
+        var e = SvgIconRegistry.instance.getSvgPathsString(this.bp, this.bq);
         if (e != null) {
             a.b = e;
             return;
         }
-        var f = SvgIconRegistry.instance.getDataURLString(this.bn, this.bo);
+        var f = SvgIconRegistry.instance.getDataURLString(this.bp, this.bq);
         if (f != null) {
             a.b2 = f;
             return;
         }
-        var g = SvgIconRegistry.instance.getIconSource(this.bn, this.bo);
+        var g = SvgIconRegistry.instance.getIconSource(this.bp, this.bq);
         if (g != null) {
             a.bj = g;
         }
@@ -479,15 +480,15 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ai;
             this.ai = a;
             if (b != this.ai) {
-                this.cl("SuffixMargin", b, this.ai);
+                this.cn("SuffixMargin", b, this.ai);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.cb = function () {
+    GridCellBase.prototype.cd = function () {
         this.a1 = 10;
-        this.a0 = this.bi * 24;
+        this.a0 = this.bj * 24;
         this.a2 = 24;
         if (this.ao == null) {
             this.ao = this.ak.createElement("div");
@@ -505,13 +506,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;
+            this.j.ae = this.dr;
         }
         if (this.ao.parent() == null) {
             this.an.append(this.ao);
         }
     };
-    GridCellBase.prototype.cv = function () {
+    GridCellBase.prototype.cx = function () {
         this.a2 = 0;
         this.a1 = 0;
         if (this.ao != null) {
@@ -540,7 +541,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.c7 = function (a, b, c, d) {
+    GridCellBase.prototype.c9 = function (a, b, c, d) {
         this.a7 = a;
         this.a9 = b;
         this.a8 = c;
@@ -550,12 +551,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.cy = function (a, b, c, d, e) {
+    GridCellBase.prototype.c0 = function (a, b, c, d, e) {
         this.au = b;
         this.aw = c;
         this.av = d;
         this.at = e;
-        this.dn = a;
+        this.dq = a;
         if (a == null) {
             this.an.setRawStyleProperty("border", "");
         }
@@ -578,28 +579,35 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bg", {
+    Object.defineProperty(GridCellBase.prototype, "bh", {
         get: function () {
             return this.a3;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bj", {
+    Object.defineProperty(GridCellBase.prototype, "bk", {
         get: function () {
             return this.bc;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "bh", {
+    Object.defineProperty(GridCellBase.prototype, "bi", {
         get: function () {
             return this.a4;
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.c2 = function (a, b) {
+    Object.defineProperty(GridCellBase.prototype, "bl", {
+        get: function () {
+            return this.bd;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GridCellBase.prototype.c4 = function (a, b) {
         if (this.a3 != a || this.a4 != b) {
             var c = this.a3;
             this.a3 = a;
@@ -607,22 +615,26 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             var d = Math.max(0, this.a3 - this.a4);
             this.an.setRawStyleProperty("height", a.toString() + "px");
             if (this.ao != null) {
-                this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.a2, 2));
+                this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.a2, 2) - this.aw);
             }
-            this.de(this.bc, this.a3, this.bc, c);
+            this.dg(this.bc, this.a3, this.bc, c);
         }
     };
-    GridCellBase.prototype.dd = function (a, b) {
-        if (this.bc != a) {
+    GridCellBase.prototype.df = function (a, b) {
+        if (this.bc != a || this.bd != b) {
             var c = this.bc;
             this.bc = a;
+            this.bd = b;
             this.an.setRawStyleProperty("width", a.toString() + "px");
-            this.de(this.bc, this.a3, c, this.a3);
+            if (this.ao != null) {
+                this.ao.setRawXPosition(this.a7 + this.a0);
+            }
+            this.dg(this.bc, this.a3, c, this.a3);
         }
     };
-    GridCellBase.prototype.de = function (a, b, c, d) {
+    GridCellBase.prototype.dg = function (a, b, c, d) {
     };
-    GridCellBase.prototype.b9 = function () {
+    GridCellBase.prototype.cb = function () {
         if (!this.ae) {
             return;
         }
@@ -634,40 +646,40 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.k.i = 0;
         this.an.append(this.k.g);
     };
-    GridCellBase.prototype.cx = function (a) {
+    GridCellBase.prototype.cz = function (a) {
         this.an.setRawStyleProperty("background-color", a.colorString);
     };
-    GridCellBase.prototype.c6 = function (a) {
+    GridCellBase.prototype.c8 = function (a) {
         this.an.setRawStyleProperty("opacity", a.toString());
     };
-    GridCellBase.prototype.c1 = function (a, b) {
+    GridCellBase.prototype.c3 = function (a, b) {
         if (b == null) {
             b = FontUtil.getDefaultFont(this.am);
         }
         a.setRawStyleProperty("font", b.fontString);
     };
-    GridCellBase.prototype.da = function (a, b) {
+    GridCellBase.prototype.dc = function (a, b) {
         var c = Color.u(0, 0, 0, 0);
         if (b != null) {
             c = b.color;
         }
         a.setRawStyleProperty("color", c.colorString);
     };
-    GridCellBase.prototype.c8 = 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("stroke", c.colorString);
     };
-    GridCellBase.prototype.c0 = function (a, b) {
+    GridCellBase.prototype.c2 = function (a, b) {
         var c = Color.u(0, 0, 0, 0);
         if (b != null) {
             c = b.color;
         }
         a.setRawStyleProperty("fill", c.colorString);
     };
-    GridCellBase.prototype.c9 = function (a, b) {
+    GridCellBase.prototype.db = function (a, b) {
         if (a != null) {
             a.setRawText(b);
         }
@@ -676,19 +688,19 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (TestRandomness.instance.testRandomnessSource != null) {
             return TestRandomness.instance.testRandomnessSource;
         }
-        return new DefaultRandomnessSource(1, GridCellBase.bk);
+        return new DefaultRandomnessSource(1, GridCellBase.bm);
     };
     GridCellBase.prototype.p = function () {
         var a = this.q();
         return a.getGenerator("PlaceholderWidths");
     };
-    GridCellBase.prototype.dm = function (a) {
+    GridCellBase.prototype.dp = function (a) {
         if (!this.ae) {
             return;
         }
         this.k.i = (a * 0.20000000298023224);
     };
-    GridCellBase.prototype.dk = function (a, b, c, d) {
+    GridCellBase.prototype.dm = function (a, b, c, d) {
         if (this.k != null) {
             var e = this.ah;
             var f = this.ag;
@@ -708,15 +720,15 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.k.g.setRawYPosition(b);
         }
     };
-    GridCellBase.prototype.cj = function (a, b, c) {
+    GridCellBase.prototype.cl = function (a, b, c) {
     };
-    GridCellBase.prototype.cp = function (a) {
+    GridCellBase.prototype.cr = function (a) {
         this.h = a;
         if (this.aq != null) {
-            this.dc(this.aq, a);
+            this.de(this.aq, a);
         }
     };
-    GridCellBase.prototype.dl = function (a) {
+    GridCellBase.prototype.dn = function (a) {
         if (!this.ae) {
             return;
         }
@@ -728,8 +740,8 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ag = b;
             this.k.d = (b);
         }
-        var c = a.h8 * 0.2;
-        var d = a.ga * 0.6;
+        var c = a.ib * 0.2;
+        var d = a.gd * 0.6;
         if (this.ah >= c && this.ah <= d && !this.y) {
             return;
         }
@@ -742,9 +754,9 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ah = e;
             this.k.e = e;
         }
-        this.dk(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
+        this.dm(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
     };
-    GridCellBase.prototype.di = function (a, b) {
+    GridCellBase.prototype.dk = function (a, b) {
         if (!this.ae) {
             return;
         }
@@ -752,7 +764,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.i = b;
         this.y = true;
     };
-    GridCellBase.prototype.dj = function (a) {
+    GridCellBase.prototype.dl = function (a) {
         if (!this.ae) {
             return;
         }
@@ -760,16 +772,16 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.k.l = a.color;
         }
     };
-    GridCellBase.prototype.cw = function (a) {
+    GridCellBase.prototype.cy = function (a) {
         this.a = a;
     };
-    GridCellBase.prototype.c5 = function (a) {
+    GridCellBase.prototype.c7 = function (a) {
         this.e = a;
     };
-    GridCellBase.prototype.cz = function (a) {
+    GridCellBase.prototype.c1 = function (a) {
         this.c = a;
     };
-    GridCellBase.prototype.c3 = function (a, b) {
+    GridCellBase.prototype.c5 = function (a, b) {
         switch (b) {
             case 0:
                 this.ar.setRawStyleProperty("text-align", "left");
@@ -785,7 +797,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    GridCellBase.prototype.dc = function (a, b) {
+    GridCellBase.prototype.de = function (a, b) {
         switch (b) {
             case 0:
                 a.setRawStyleProperty("vertical-align", "top");
@@ -808,67 +820,67 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     GridCellBase.prototype.af = function (a) {
         return a.isClickActionDesired;
     };
-    GridCellBase.prototype.cc = function (a) {
+    GridCellBase.prototype.ce = function (a) {
         this.onContactStarted(a, false);
     };
-    GridCellBase.prototype.cg = function (a) {
+    GridCellBase.prototype.ci = function (a) {
         this.onContactCompleted(a, false);
     };
-    GridCellBase.prototype.cf = function (a) {
+    GridCellBase.prototype.ch = function (a) {
         this.onContactMoved(a, false);
     };
-    GridCellBase.prototype.ce = function (a) {
-        this.ci(a, false);
+    GridCellBase.prototype.cg = function (a) {
+        this.ck(a, false);
     };
-    GridCellBase.prototype.cd = function (a) {
-        this.ch(a, false);
+    GridCellBase.prototype.cf = function (a) {
+        this.cj(a, false);
     };
-    GridCellBase.prototype.cq = function (e_) {
+    GridCellBase.prototype.cs = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.df(e_);
+            this.dh(e_);
         }
         else {
-            this.cc(e_);
+            this.ce(e_);
         }
     };
-    GridCellBase.prototype.ct = function (e_) {
+    GridCellBase.prototype.cv = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.dg(e_);
+            this.di(e_);
         }
         else {
-            this.cf(e_);
+            this.ch(e_);
         }
     };
-    GridCellBase.prototype.cu = function (e_) {
+    GridCellBase.prototype.cw = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.dh(e_);
+            this.dj(e_);
         }
         else {
-            this.cg(e_);
+            this.ci(e_);
         }
     };
-    GridCellBase.prototype.cs = function (e_) {
+    GridCellBase.prototype.cu = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a != "touch") {
-            this.ce(e_);
+            this.cg(e_);
         }
     };
-    GridCellBase.prototype.cr = function (e_) {
+    GridCellBase.prototype.ct = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a != "touch") {
-            this.cd(e_);
+            this.cf(e_);
         }
     };
-    GridCellBase.prototype.df = function (a) {
+    GridCellBase.prototype.dh = function (a) {
         this.onContactStarted(a, true);
     };
-    GridCellBase.prototype.dg = function (a) {
+    GridCellBase.prototype.di = function (a) {
         this.onContactMoved(a, true);
     };
-    GridCellBase.prototype.dh = function (a) {
+    GridCellBase.prototype.dj = function (a) {
         this.onContactCompleted(a, true);
     };
     GridCellBase.prototype.onContactStarted = function (e_, a) {
@@ -883,13 +895,13 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         else {
             if (this.a != null && this.af(this.a)) {
-                this.bl = e_.pageX;
-                this.bm = e_.pageY;
+                this.bn = e_.pageX;
+                this.bo = e_.pageY;
                 if (this.bb != e_.which) {
                     this.ax = 0;
                 }
                 this.bb = e_.which;
-                this.a.mouseDownCell(this.bl, this.bm);
+                this.a.mouseDownCell(this.bn, this.bo);
             }
         }
     };
@@ -985,7 +997,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.s = false;
     };
-    GridCellBase.prototype.ci = function (a, b) {
+    GridCellBase.prototype.ck = function (a, b) {
         if (this.a != null) {
             if (this.af(this.a)) {
                 if (this.a.isMouseDown) {
@@ -1002,7 +1014,7 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    GridCellBase.prototype.ch = function (a, b) {
+    GridCellBase.prototype.cj = function (a, b) {
         if (this.a != null && this.a.isEnterActionDesired) {
             var c = a.pageX;
             var d = a.pageY;
@@ -1011,11 +1023,11 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridCellBase.prototype.onDoubleClick = function (a) {
     };
-    GridCellBase.prototype.cl = function (a, b, c) {
+    GridCellBase.prototype.cn = function (a, b, c) {
         switch (a) {
             case "Indent":
-                this.a0 = this.bi * 24;
-                this.a1 = this.bi > 0 ? 10 : 0;
+                this.a0 = this.bj * 24;
+                this.a1 = this.bj > 0 ? 10 : 0;
                 if (this.ao != null) {
                     this.ao.setRawXPosition(this.a7 + this.a0);
                     this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.az, 2));
@@ -1023,10 +1035,10 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "IsCollapsable":
                 if (this.aa) {
-                    this.cb();
+                    this.cd();
                 }
                 else {
-                    this.cv();
+                    this.cx();
                 }
                 break;
             case "IsExpanded":
@@ -1036,25 +1048,25 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ExpansionIndicatorIconColor":
                 if (this.j != null) {
-                    this.j.ae = this.dt;
+                    this.j.ae = this.dv;
                 }
                 break;
             case "IsHitTestVisible":
                 this.ar.setRawStyleProperty("pointer-events", this.ad ? "auto" : "none");
                 break;
             case "SuffixText":
-                this.cm();
+                this.co();
                 break;
             case "SuffixIconName":
             case "SuffixIconCollectionName":
-                this.cn();
+                this.cp();
                 break;
             case "SuffixTextColor":
             case "SuffixTextFont":
             case "SuffixIconStroke":
             case "SuffixIconFill":
             case "SuffixIconViewBox":
-                this.co();
+                this.cq();
                 break;
             case "SuffixMargin":
                 if (this.ap != null) {
@@ -1066,12 +1078,12 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    GridCellBase.prototype.ck = function () {
+    GridCellBase.prototype.cm = function () {
     };
-    GridCellBase.prototype.ca = function () {
+    GridCellBase.prototype.cc = function () {
         this.an.focus(true);
     };
-    GridCellBase.prototype.b8 = function () {
+    GridCellBase.prototype.ca = function () {
         if (this.a != null) {
             var a = this.an.clone();
             this.a.passCellClone(a);
@@ -1079,11 +1091,11 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridCellBase.prototype.detach = function () {
     };
-    GridCellBase.prototype.db = function (a) {
+    GridCellBase.prototype.dd = function (a) {
     };
     GridCellBase.$t = markType(GridCellBase, 'GridCellBase', Base.$, [INativeCell_$type]);
     GridCellBase.o = null;
-    GridCellBase.bk = new Random(0);
+    GridCellBase.bm = new Random(0);
     GridCellBase.ba = 10;
     GridCellBase.ay = 3;
     return GridCellBase;