igniteui-webcomponents-grids 5.1.0 → 5.1.1-beta.1

package/esm5/lib/GridCellBase.js

@@ -10,8 +10,10 @@ import { INativeCell_$type } from "./INativeCell";
 import { GridExpansionIndicator } from "./GridExpansionIndicator";
 import { PlaceholderView } from "./PlaceholderView";
 import { Color } from "igniteui-webcomponents-core";
-import { DeviceUtils } from "igniteui-webcomponents-core";
+import { TestRandomness } from "igniteui-webcomponents-core";
 import { Random } from "igniteui-webcomponents-core";
+import { DefaultRandomnessSource } from "igniteui-webcomponents-core";
+import { DeviceUtils } from "igniteui-webcomponents-core";
 import { intDivide, truncate, isNaN_ } from "igniteui-webcomponents-core";
 /**
  * @hidden
@@ -23,69 +25,69 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a = null;
         _this.e = null;
         _this.c = null;
-        _this.aa = null;
-        _this.ac = null;
-        _this.p = false;
         _this.ad = null;
+        _this.af = null;
+        _this.s = false;
+        _this.ag = null;
         _this.i = null;
-        _this.ap = 0;
-        _this.am = 24;
-        _this.ao = 0;
-        _this.an = 0;
         _this.as = 0;
-        _this.m = false;
+        _this.ap = 24;
+        _this.ar = 0;
+        _this.aq = 0;
+        _this.av = 0;
+        _this.p = false;
+        _this.q = false;
+        _this.r = true;
         _this.n = false;
-        _this.o = true;
-        _this.k = false;
-        _this.au = 0;
+        _this.ax = 0;
+        _this.az = 0;
+        _this.ay = 0;
         _this.aw = 0;
-        _this.av = 0;
-        _this.at = 0;
-        _this.ah = 0;
+        _this.ak = 0;
+        _this.am = 0;
+        _this.al = 0;
         _this.aj = 0;
-        _this.ai = 0;
-        _this.ag = 0;
-        _this.cg = null;
-        _this.aq = 0;
-        _this.az = 0;
-        _this.ar = 0;
+        _this.cj = null;
+        _this.at = 0;
+        _this.a2 = 0;
+        _this.au = 0;
         _this.j = null;
         _this.g = 0;
         _this.h = 0;
-        _this.z = 0;
-        _this.y = 0;
-        _this.q = false;
-        _this.a5 = 0;
-        _this.a6 = 0;
-        _this.af = 0;
-        _this.ay = -1;
-        _this.ak = 0;
-        _this.l = false;
-        _this.aa = a;
-        _this.ac = _this.aa.createElement("div");
-        _this.ac.setAttribute("tabindex", "-1");
-        _this.ac.setRawStyleProperty("position", "absolute");
-        _this.ac.setRawStyleProperty("overflow", "hidden");
-        _this.ac.setRawStyleProperty("box-sizing", "border-box");
-        _this.ac.setRawStyleProperty("outline", "none");
+        _this.ac = 0;
+        _this.ab = 0;
+        _this.t = false;
+        _this.a8 = 0;
+        _this.a9 = 0;
+        _this.ai = 0;
+        _this.a1 = -1;
+        _this.an = 0;
+        _this.o = false;
+        _this.ad = a;
+        _this.af = _this.ad.createElement("div");
+        _this.af.setAttribute("tabindex", "-1");
+        _this.af.setRawStyleProperty("position", "absolute");
+        _this.af.setRawStyleProperty("overflow", "hidden");
+        _this.af.setRawStyleProperty("box-sizing", "border-box");
+        _this.af.setRawStyleProperty("outline", "none");
         var b = (window.navigator.msPointerEnabled && window.MSGesture !== undefined);
         var c = (window.PointerEvent !== undefined);
         var d = (window.TouchEvent);
         if ((b || c)) {
-            _this.ac.listen("pointerdown", runOn(_this, _this.bq));
-            _this.ac.listen("pointerup", runOn(_this, _this.bu));
-            _this.ac.listen("pointermove", runOn(_this, _this.bt));
-            _this.ac.listen("pointerleave", runOn(_this, _this.bs));
-            _this.ac.listen("pointerenter", runOn(_this, _this.br));
+            _this.af.listen("pointerdown", runOn(_this, _this.bt));
+            _this.af.listen("pointerup", runOn(_this, _this.bx));
+            _this.af.listen("pointermove", runOn(_this, _this.bw));
+            _this.af.listen("pointerleave", runOn(_this, _this.bv));
+            _this.af.listen("pointerenter", runOn(_this, _this.bu));
         }
         else {
-            _this.ac.listen("mousedown", runOn(_this, _this.bg));
-            _this.ac.listen("mouseup", runOn(_this, _this.bk));
-            _this.ac.listen("mousemove", runOn(_this, _this.bj));
-            _this.ac.listen("mouseleave", runOn(_this, _this.bi));
-            _this.ac.listen("touchstart", runOn(_this, _this.b8));
-            _this.ac.listen("touchend", runOn(_this, _this.ca));
-            _this.ac.listen("touchmove", runOn(_this, _this.b9));
+            _this.af.listen("mousedown", runOn(_this, _this.bj));
+            _this.af.listen("mouseup", runOn(_this, _this.bn));
+            _this.af.listen("mousemove", runOn(_this, _this.bm));
+            _this.af.listen("mouseleave", runOn(_this, _this.bl));
+            _this.af.listen("touchstart", runOn(_this, _this.cb));
+            _this.af.listen("touchend", runOn(_this, _this.cd));
+            _this.af.listen("touchmove", runOn(_this, _this.cc));
         }
         return _this;
     }
@@ -110,255 +112,265 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "ab", {
+    Object.defineProperty(GridCellBase.prototype, "ae", {
         get: function () {
-            return this.aa;
+            return this.ad;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "ae", {
+    Object.defineProperty(GridCellBase.prototype, "ah", {
         get: function () {
-            return this.ac;
+            return this.af;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridCellBase.prototype, "isRemoved", {
         get: function () {
-            return this.p;
+            return this.s;
         },
         set: function (a) {
-            var b = this.p;
-            this.p = a;
-            if (b != this.p) {
-                this.bp("IsRemoved", b, this.p);
+            var b = this.s;
+            this.s = a;
+            if (b != this.s) {
+                this.bs("IsRemoved", b, this.s);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "a2", {
+    Object.defineProperty(GridCellBase.prototype, "a5", {
         get: function () {
-            return this.ap;
+            return this.as;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "a0", {
+    Object.defineProperty(GridCellBase.prototype, "a3", {
         get: function () {
-            return this.an;
+            return this.aq;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "a1", {
+    Object.defineProperty(GridCellBase.prototype, "a4", {
         get: function () {
-            return this.ao;
+            return this.ar;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "a3", {
+    Object.defineProperty(GridCellBase.prototype, "a6", {
         get: function () {
-            return this.as;
+            return this.av;
         },
         set: function (a) {
-            var b = this.as;
-            this.as = a;
-            if (b != this.as) {
-                this.bp("Indent", b, this.as);
+            var b = this.av;
+            this.av = a;
+            if (b != this.av) {
+                this.bs("Indent", b, this.av);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "s", {
+    Object.defineProperty(GridCellBase.prototype, "v", {
         get: function () {
-            return this.m;
+            return this.p;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.bp("IsCollapsable", b, this.m);
+            var b = this.p;
+            this.p = a;
+            if (b != this.p) {
+                this.bs("IsCollapsable", b, this.p);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "t", {
+    Object.defineProperty(GridCellBase.prototype, "w", {
         get: function () {
-            return this.n;
+            return this.q;
         },
         set: function (a) {
-            var b = this.n;
-            this.n = a;
-            if (b != this.n) {
-                this.bp("IsExpanded", b, this.n);
+            var b = this.q;
+            this.q = a;
+            if (b != this.q) {
+                this.bs("IsExpanded", b, this.q);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridCellBase.prototype, "v", {
+    Object.defineProperty(GridCellBase.prototype, "y", {
         get: function () {
-            return this.o;
+            return this.r;
         },
         set: function (a) {
-            var b = this.o;
-            this.o = a;
-            if (b != this.o) {
-                this.bp("IsHitTestVisible", b, this.o);
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.bs("IsHitTestVisible", b, this.r);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.bf = function () {
-        this.ao = 10;
-        this.an = this.a3 * 24;
-        this.ap = 24;
-        if (this.ad == null) {
-            this.ad = this.aa.createElement("div");
-            this.ad.setRawStyleProperty("display", "inline-block");
-            this.ad.setRawStyleProperty("vertical-align", "middle");
-            this.ad.setRawStyleProperty("width", this.ap + "px");
-            this.ad.setRawStyleProperty("height", this.ap + "px");
-            this.ad.setRawStyleProperty("cursor", "pointer");
-            this.ad.setRawStyleProperty("position", "absolute");
-            this.ad.setRawXPosition(this.au + this.an);
-            this.ad.setRawYPosition(intDivide(this.aq, 2) - intDivide(this.am, 2));
+    GridCellBase.prototype.bi = function () {
+        this.ar = 10;
+        this.aq = this.a6 * 24;
+        this.as = 24;
+        if (this.ag == null) {
+            this.ag = this.ad.createElement("div");
+            this.ag.setRawStyleProperty("display", "inline-block");
+            this.ag.setRawStyleProperty("vertical-align", "middle");
+            this.ag.setRawStyleProperty("width", this.as + "px");
+            this.ag.setRawStyleProperty("height", this.as + "px");
+            this.ag.setRawStyleProperty("cursor", "pointer");
+            this.ag.setRawStyleProperty("position", "absolute");
+            this.ag.setRawXPosition(this.ax + this.aq);
+            this.ag.setRawYPosition(intDivide(this.at, 2) - intDivide(this.ap, 2));
         }
         if (this.i == null) {
-            var a = this.aa.getSubRenderer(this.ad);
+            var a = this.ad.getSubRenderer(this.ag);
             this.i = new GridExpansionIndicator();
             this.i.ab(a);
             this.i.y(24, 24);
         }
-        if (this.ad.parent() == null) {
-            this.ac.append(this.ad);
+        if (this.ag.parent() == null) {
+            this.af.append(this.ag);
         }
     };
-    GridCellBase.prototype.bv = function () {
-        this.ap = 0;
-        this.ao = 0;
-        if (this.ad != null) {
-            if (this.ad.parent() != null) {
-                this.ad.remove();
+    GridCellBase.prototype.by = function () {
+        this.as = 0;
+        this.ar = 0;
+        if (this.ag != null) {
+            if (this.ag.parent() != null) {
+                this.ag.remove();
             }
         }
     };
-    Object.defineProperty(GridCellBase.prototype, "r", {
+    Object.defineProperty(GridCellBase.prototype, "u", {
         get: function () {
-            return this.k;
+            return this.n;
         },
         set: function (a) {
-            this.k = a;
+            this.n = a;
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.get_w = function () {
+    GridCellBase.prototype.get_z = function () {
         return false;
     };
-    Object.defineProperty(GridCellBase.prototype, "w", {
+    Object.defineProperty(GridCellBase.prototype, "z", {
         get: function () {
-            return this.get_w();
+            return this.get_z();
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.b4 = function (a, b, c, d) {
-        this.au = a;
-        this.aw = b;
-        this.av = c;
-        this.at = d;
-        this.ac.setRawStyleProperty("padding-left", a.toString() + "px");
-        this.ac.setRawStyleProperty("padding-top", b.toString() + "px");
-        this.ac.setRawStyleProperty("padding-right", c.toString() + "px");
-        this.ac.setRawStyleProperty("padding-bottom", d.toString() + "px");
-    };
-    GridCellBase.prototype.by = function (a, b, c, d, e) {
-        this.ah = b;
-        this.aj = c;
-        this.ai = d;
-        this.ag = e;
-        this.cg = a;
+    GridCellBase.prototype.b7 = function (a, b, c, d) {
+        this.ax = a;
+        this.az = b;
+        this.ay = c;
+        this.aw = d;
+        this.af.setRawStyleProperty("padding-left", a.toString() + "px");
+        this.af.setRawStyleProperty("padding-top", b.toString() + "px");
+        this.af.setRawStyleProperty("padding-right", c.toString() + "px");
+        this.af.setRawStyleProperty("padding-bottom", d.toString() + "px");
+    };
+    GridCellBase.prototype.b1 = function (a, b, c, d, e) {
+        this.ak = b;
+        this.am = c;
+        this.al = d;
+        this.aj = e;
+        this.cj = a;
         if (a == null) {
-            this.ac.setRawStyleProperty("border", "");
+            this.af.setRawStyleProperty("border", "");
         }
         else {
-            this.ac.setRawStyleProperty("border-color", a._fill);
-            this.ac.setRawStyleProperty("border-left-width", b.toString() + "px");
-            this.ac.setRawStyleProperty("border-top-width", c.toString() + "px");
-            this.ac.setRawStyleProperty("border-right-width", d.toString() + "px");
-            this.ac.setRawStyleProperty("border-bottom-width", e.toString() + "px");
-            this.ac.setRawStyleProperty("border-style", "solid");
+            this.af.setRawStyleProperty("border-color", a._fill);
+            this.af.setRawStyleProperty("border-left-width", b.toString() + "px");
+            this.af.setRawStyleProperty("border-top-width", c.toString() + "px");
+            this.af.setRawStyleProperty("border-right-width", d.toString() + "px");
+            this.af.setRawStyleProperty("border-bottom-width", e.toString() + "px");
+            this.af.setRawStyleProperty("border-style", "solid");
         }
     };
-    GridCellBase.prototype.get_u = function () {
+    GridCellBase.prototype.get_x = function () {
         return false;
     };
-    Object.defineProperty(GridCellBase.prototype, "u", {
+    Object.defineProperty(GridCellBase.prototype, "x", {
         get: function () {
-            return this.get_u();
+            return this.get_x();
         },
         enumerable: false,
         configurable: true
     });
-    GridCellBase.prototype.b0 = function (a, b) {
-        if (this.aq != a || this.ar != b) {
-            var c = this.aq;
-            this.aq = a;
-            this.ar = b;
-            var d = Math.max(0, this.aq - this.ar);
-            this.ac.setRawStyleProperty("height", a.toString() + "px");
-            this.ac.setRawStyleProperty("line-height", d.toString() + "px");
-            if (this.ad != null) {
-                this.ad.setRawYPosition(intDivide(this.aq, 2) - intDivide(this.ap, 2));
+    GridCellBase.prototype.b3 = function (a, b) {
+        if (this.at != a || this.au != b) {
+            var c = this.at;
+            this.at = a;
+            this.au = b;
+            var d = Math.max(0, this.at - this.au);
+            this.af.setRawStyleProperty("height", a.toString() + "px");
+            this.af.setRawStyleProperty("line-height", d.toString() + "px");
+            if (this.ag != null) {
+                this.ag.setRawYPosition(intDivide(this.at, 2) - intDivide(this.as, 2));
             }
-            this.b7(this.az, this.aq, this.az, c);
+            this.ca(this.a2, this.at, this.a2, c);
         }
     };
-    GridCellBase.prototype.b6 = function (a, b) {
-        if (this.az != a) {
-            var c = this.az;
-            this.az = a;
-            this.ac.setRawStyleProperty("width", a.toString() + "px");
-            this.b7(this.az, this.aq, c, this.aq);
+    GridCellBase.prototype.b9 = function (a, b) {
+        if (this.a2 != a) {
+            var c = this.a2;
+            this.a2 = a;
+            this.af.setRawStyleProperty("width", a.toString() + "px");
+            this.ca(this.a2, this.at, c, this.at);
         }
     };
-    GridCellBase.prototype.b7 = function (a, b, c, d) {
+    GridCellBase.prototype.ca = function (a, b, c, d) {
     };
-    GridCellBase.prototype.bd = function () {
-        if (!this.w) {
+    GridCellBase.prototype.bg = function () {
+        if (!this.z) {
             return;
         }
-        this.k = true;
-        this.j = new PlaceholderView(this.aa);
+        this.n = true;
+        this.j = new PlaceholderView(this.ad);
         this.g = 0;
         this.h = 1;
         this.j.l = Color.u(120, 120, 120, 120);
         this.j.i = 0;
-        this.ac.append(this.j.g);
+        this.af.append(this.j.g);
     };
-    GridCellBase.prototype.bx = function (a) {
-        this.ac.setRawStyleProperty("background-color", a.colorString);
+    GridCellBase.prototype.b0 = function (a) {
+        this.af.setRawStyleProperty("background-color", a.colorString);
     };
-    GridCellBase.prototype.b3 = function (a) {
-        this.ac.setRawStyleProperty("opacity", a.toString());
+    GridCellBase.prototype.b6 = function (a) {
+        this.af.setRawStyleProperty("opacity", a.toString());
     };
-    GridCellBase.prototype.cf = function (a) {
-        if (!this.w) {
+    GridCellBase.prototype.m = function () {
+        if (TestRandomness.instance.testRandomnessSource != null) {
+            return TestRandomness.instance.testRandomnessSource;
+        }
+        return new DefaultRandomnessSource(1, GridCellBase.a7);
+    };
+    GridCellBase.prototype.l = function () {
+        var a = this.m();
+        return a.getGenerator("PlaceholderWidths");
+    };
+    GridCellBase.prototype.ci = function (a) {
+        if (!this.z) {
             return;
         }
         this.j.i = (a * 0.20000000298023224);
     };
-    GridCellBase.prototype.cd = function (a, b, c, d) {
+    GridCellBase.prototype.cg = function (a, b, c, d) {
         if (this.j != null) {
-            var e = this.z;
-            var f = this.y;
+            var e = this.ac;
+            var f = this.ab;
             if (this.h == 1) {
                 b = truncate((b + (d / 2) - (f / 2)));
             }
@@ -375,75 +387,78 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.j.g.setRawYPosition(b);
         }
     };
-    GridCellBase.prototype.bn = function (a, b, c) {
+    GridCellBase.prototype.bq = function (a, b, c) {
     };
-    GridCellBase.prototype.ce = function (a) {
-        if (!this.w) {
+    GridCellBase.prototype.ch = function (a) {
+        if (!this.z) {
             return;
         }
         var b = DeviceUtils.f(12);
         if (a.ag != null && !isNaN_(a.ag.f)) {
             b = a.ag.f;
         }
-        if (this.y != b) {
-            this.y = b;
+        if (this.ab != b) {
+            this.ab = b;
             this.j.d = (b);
         }
-        var c = a.gu * 0.2;
-        var d = a.fc * 0.6;
-        if (this.z >= c && this.z <= d && !this.q) {
+        var c = a.hd * 0.2;
+        var d = a.fu * 0.6;
+        if (this.ac >= c && this.ac <= d && !this.t) {
             return;
         }
-        this.q = false;
-        var e = (GridCellBase.a4.nextDouble() * (d - c) + c);
-        if (this.z != e) {
-            this.z = e;
+        this.t = false;
+        if (GridCellBase.k == null) {
+            GridCellBase.k = this.l();
+        }
+        var e = (GridCellBase.k.nextDouble() * (d - c) + c);
+        if (this.ac != e) {
+            this.ac = e;
             this.j.e = e;
         }
-        this.cd(this.au + this.an + this.ap, this.aw, this.az - (this.au + this.av), this.aq - (this.aw + this.at));
+        this.cg(this.ax + this.aq + this.as, this.az, this.a2 - (this.ax + this.ay), this.at - (this.az + this.aw));
     };
-    GridCellBase.prototype.cb = function (a, b) {
-        if (!this.w) {
+    GridCellBase.prototype.ce = function (a, b) {
+        if (!this.z) {
             return;
         }
         this.g = a;
         this.h = b;
-        this.q = true;
+        this.t = true;
     };
-    GridCellBase.prototype.cc = function (a) {
-        if (!this.w) {
+    GridCellBase.prototype.cf = function (a) {
+        if (!this.z) {
             return;
         }
         if (a != null) {
             this.j.l = a.color;
         }
     };
-    GridCellBase.prototype.bw = function (a) {
+    GridCellBase.prototype.bz = function (a) {
         this.a = a;
     };
-    GridCellBase.prototype.b2 = function (a) {
+    GridCellBase.prototype.b5 = function (a) {
         this.e = a;
     };
-    GridCellBase.prototype.bz = function (a) {
+    GridCellBase.prototype.b2 = function (a) {
         this.c = a;
     };
-    GridCellBase.prototype.b1 = function (a, b) {
+    GridCellBase.prototype.b4 = function (a, b) {
         switch (b) {
             case 0:
-                this.ae.setRawStyleProperty("text-align", "left");
+                this.ah.setRawStyleProperty("text-align", "left");
                 break;
             case 1:
-                this.ae.setRawStyleProperty("text-align", "center");
+                this.ah.setRawStyleProperty("text-align", "center");
                 break;
             case 2:
-                this.ae.setRawStyleProperty("text-align", "right");
+                this.ah.setRawStyleProperty("text-align", "right");
                 break;
             case 3:
-                this.ae.setRawStyleProperty("text-align", "center");
+                this.ah.setRawStyleProperty("text-align", "center");
                 break;
         }
     };
-    GridCellBase.prototype.b5 = function (a, b) {
+    GridCellBase.prototype.b8 = function (a, b) {
         switch (b) {
             case 0:
                 a.setRawStyleProperty("vertical-align", "top");
@@ -459,91 +474,91 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    GridCellBase.prototype.x = function (a) {
+    GridCellBase.prototype.aa = function (a) {
         return a.isClickActionDesired;
     };
-    GridCellBase.prototype.bg = function (a) {
+    GridCellBase.prototype.bj = function (a) {
         this.onContactStarted(a, false);
     };
-    GridCellBase.prototype.bk = function (a) {
+    GridCellBase.prototype.bn = function (a) {
         this.onContactCompleted(a, false);
     };
-    GridCellBase.prototype.bj = function (a) {
+    GridCellBase.prototype.bm = function (a) {
         this.onContactMoved(a, false);
     };
-    GridCellBase.prototype.bi = function (a) {
-        this.bm(a, false);
+    GridCellBase.prototype.bl = function (a) {
+        this.bp(a, false);
     };
-    GridCellBase.prototype.bh = function (a) {
-        this.bl(a, false);
+    GridCellBase.prototype.bk = function (a) {
+        this.bo(a, false);
     };
-    GridCellBase.prototype.bq = function (e_) {
+    GridCellBase.prototype.bt = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.b8(e_);
+            this.cb(e_);
         }
         else {
-            this.bg(e_);
+            this.bj(e_);
         }
     };
-    GridCellBase.prototype.bt = function (e_) {
+    GridCellBase.prototype.bw = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.b9(e_);
+            this.cc(e_);
         }
         else {
-            this.bj(e_);
+            this.bm(e_);
         }
     };
-    GridCellBase.prototype.bu = function (e_) {
+    GridCellBase.prototype.bx = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a == "touch") {
-            this.ca(e_);
+            this.cd(e_);
         }
         else {
-            this.bk(e_);
+            this.bn(e_);
         }
     };
-    GridCellBase.prototype.bs = function (e_) {
+    GridCellBase.prototype.bv = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a != "touch") {
-            this.bi(e_);
+            this.bl(e_);
         }
     };
-    GridCellBase.prototype.br = function (e_) {
+    GridCellBase.prototype.bu = function (e_) {
         var a = (e_.originalEvent.pointerType);
         if (a != "touch") {
-            this.bh(e_);
+            this.bk(e_);
         }
     };
-    GridCellBase.prototype.b8 = function (a) {
+    GridCellBase.prototype.cb = function (a) {
         this.onContactStarted(a, true);
     };
-    GridCellBase.prototype.b9 = function (a) {
+    GridCellBase.prototype.cc = function (a) {
         this.onContactMoved(a, true);
     };
-    GridCellBase.prototype.ca = function (a) {
+    GridCellBase.prototype.cd = function (a) {
         this.onContactCompleted(a, true);
     };
     GridCellBase.prototype.onContactStarted = function (e_, a) {
         var b = false;
-        if (this.s) {
+        if (this.v) {
             var indicator_ = this.i.q();
             b = (e_.originalEvent.srcElement === indicator_ || e_.originalEvent.target === indicator_);
         }
-        this.l = false;
+        this.o = false;
         if (b) {
-            this.l = true;
+            this.o = true;
         }
         else {
-            if (this.a != null && this.x(this.a)) {
-                this.a5 = e_.pageX;
-                this.a6 = e_.pageY;
-                if (this.ay != e_.which) {
-                    this.ak = 0;
+            if (this.a != null && this.aa(this.a)) {
+                this.a8 = e_.pageX;
+                this.a9 = e_.pageY;
+                if (this.a1 != e_.which) {
+                    this.an = 0;
                 }
-                this.ay = e_.which;
-                this.a.mouseDownCell(this.a5, this.a6);
+                this.a1 = e_.which;
+                this.a.mouseDownCell(this.a8, this.a9);
             }
         }
     };
@@ -551,10 +566,10 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a != null) {
             var c = a.pageX;
             var d = a.pageY;
-            if (this.x(this.a)) {
+            if (this.aa(this.a)) {
                 if (this.a.isMouseDown) {
                     if (b) {
-                        if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > GridCellBase.ax || Math.abs(d - this.a.mousePosition.y) > GridCellBase.ax) {
+                        if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > GridCellBase.a0 || Math.abs(d - this.a.mousePosition.y) > GridCellBase.a0) {
                             this.a.mouseUpCell(c, d);
                         }
                         else {
@@ -565,8 +580,8 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                         if (PointUtil.equals(this.a.mousePosition, null)) {
                             this.a.mouseUpCell(c, d);
                         }
-                        else if (this.ay == 1) {
-                            if (Math.abs(c - this.a.mousePosition.x) > GridCellBase.al || Math.abs(d - this.a.mousePosition.y) > GridCellBase.al) {
+                        else if (this.a1 == 1) {
+                            if (Math.abs(c - this.a.mousePosition.x) > GridCellBase.ao || Math.abs(d - this.a.mousePosition.y) > GridCellBase.ao) {
                                 this.a.isControlPressed = a.ctrlKey;
                                 this.a.dragStarted();
                             }
@@ -581,28 +596,28 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridCellBase.prototype.onContactCompleted = function (e_, a) {
         var _this = this;
-        this.ak++;
-        window.setTimeout(function () { return _this.ak = 0; }, 250);
+        this.an++;
+        window.setTimeout(function () { return _this.an = 0; }, 250);
         var b = false;
-        if (this.s) {
+        if (this.v) {
             var indicator_ = this.i.q();
             b = (e_.originalEvent.srcElement === indicator_ || e_.originalEvent.target === indicator_);
         }
-        if (this.l && b) {
+        if (this.o && b) {
             this.b.clickExpansionIndicator();
         }
         else {
-            if (this.a != null && this.x(this.a)) {
+            if (this.a != null && this.aa(this.a)) {
                 var c = e_.pageX;
                 var d = e_.pageY;
-                if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > GridCellBase.ax || Math.abs(d - this.a.mousePosition.y) > GridCellBase.ax || this.a.isDrag) {
+                if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > GridCellBase.a0 || Math.abs(d - this.a.mousePosition.y) > GridCellBase.a0 || this.a.isDrag) {
                     this.a.mouseUpCell(c, d);
                 }
                 if (this.a.isCellDown()) {
                     this.a.isControlPressed = e_.ctrlKey;
                     this.a.isShiftPressed = e_.shiftKey;
-                    if (this.ak > 1) {
-                        switch (this.ay) {
+                    if (this.an > 1) {
+                        switch (this.a1) {
                             case 1:
                                 this.a.doubleClicked(0);
                                 break;
@@ -637,16 +652,16 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.l = false;
+        this.o = false;
     };
-    GridCellBase.prototype.bm = function (a, b) {
+    GridCellBase.prototype.bp = function (a, b) {
         if (this.a != null && this.a.isLeaveActionDesired) {
             var c = a.pageX;
             var d = a.pageY;
             this.a.mouseLeaveCell(c, d);
         }
     };
-    GridCellBase.prototype.bl = function (a, b) {
+    GridCellBase.prototype.bo = function (a, b) {
         if (this.a != null && this.a.isEnterActionDesired) {
             var c = a.pageX;
             var d = a.pageY;
@@ -655,51 +670,52 @@ var GridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridCellBase.prototype.onDoubleClick = function (a) {
     };
-    GridCellBase.prototype.bp = function (a, b, c) {
+    GridCellBase.prototype.bs = function (a, b, c) {
         switch (a) {
             case "Indent":
-                this.an = this.a3 * 24;
-                this.ao = this.a3 > 0 ? 10 : 0;
-                if (this.ad != null) {
-                    this.ad.setRawXPosition(this.au + this.an);
-                    this.ad.setRawYPosition(intDivide(this.aq, 2) - intDivide(this.am, 2));
+                this.aq = this.a6 * 24;
+                this.ar = this.a6 > 0 ? 10 : 0;
+                if (this.ag != null) {
+                    this.ag.setRawXPosition(this.ax + this.aq);
+                    this.ag.setRawYPosition(intDivide(this.at, 2) - intDivide(this.ap, 2));
                 }
                 break;
             case "IsCollapsable":
-                if (this.s) {
-                    this.bf();
+                if (this.v) {
+                    this.bi();
                 }
                 else {
-                    this.bv();
+                    this.by();
                 }
                 break;
             case "IsExpanded":
                 if (this.i != null) {
-                    this.i.g = this.t;
+                    this.i.g = this.w;
                 }
                 break;
             case "IsHitTestVisible":
-                this.ae.setRawStyleProperty("pointer-events", this.v ? "auto" : "none");
+                this.ah.setRawStyleProperty("pointer-events", this.y ? "auto" : "none");
                 break;
         }
     };
-    GridCellBase.prototype.bo = function () {
+    GridCellBase.prototype.br = function () {
     };
-    GridCellBase.prototype.be = function () {
-        this.ac.focus(true);
+    GridCellBase.prototype.bh = function () {
+        this.af.focus(true);
     };
-    GridCellBase.prototype.bc = function () {
+    GridCellBase.prototype.bf = function () {
         if (this.a != null) {
-            var a = this.ac.clone();
+            var a = this.af.clone();
             this.a.passCellClone(a);
         }
     };
     GridCellBase.prototype.detach = function () {
     };
     GridCellBase.$t = markType(GridCellBase, 'GridCellBase', Base.$, [INativeCell_$type]);
-    GridCellBase.a4 = new Random(0);
-    GridCellBase.ax = 10;
-    GridCellBase.al = 3;
+    GridCellBase.k = null;
+    GridCellBase.a7 = new Random(0);
+    GridCellBase.a0 = 10;
+    GridCellBase.ao = 3;
     return GridCellBase;
 }(Base));
 export { GridCellBase };