igniteui-webcomponents-grids 3.2.2 → 3.2.4

package/esm5/lib/CanvasGridCellBase.js

@@ -31,52 +31,53 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.s = true;
         _this.o = true;
         _this.k = null;
-        _this.bl = null;
+        _this.bm = null;
         _this.q = false;
-        _this.by = null;
+        _this.b0 = null;
         _this.l = false;
-        _this.ap = 1;
-        _this.at = 5;
-        _this.av = 5;
+        _this.aq = 1;
         _this.au = 5;
-        _this.as = 5;
-        _this.cw = null;
-        _this.ah = 0;
-        _this.aj = 0;
+        _this.aw = 5;
+        _this.av = 5;
+        _this.at = 5;
+        _this.cy = null;
         _this.ai = 0;
-        _this.ag = 0;
-        _this.c4 = new Rectangle();
-        _this.c0 = new Line();
+        _this.ak = 0;
+        _this.aj = 0;
+        _this.ah = 0;
+        _this.c6 = new Rectangle();
+        _this.c2 = new Line();
+        _this.c5 = new Line();
         _this.c3 = new Line();
         _this.c1 = new Line();
-        _this.cz = new Line();
-        _this.c2 = new Line();
-        _this.az = 0;
-        _this.a1 = 0;
+        _this.c4 = new Line();
+        _this.a0 = 0;
         _this.a2 = 0;
         _this.a3 = 0;
-        _this.bn = null;
+        _this.a4 = 0;
+        _this.bo = null;
         _this.j = null;
+        _this.am = 0;
         _this.al = 0;
-        _this.ak = 0;
+        _this.ao = 0;
         _this.an = 0;
-        _this.am = 0;
         _this.u = true;
-        _this.a0 = NaN;
-        _this.cv = new TextBlock();
-        _this.cy = Color.u(255, 0, 0, 0);
+        _this.v = true;
+        _this.a1 = NaN;
+        _this.cx = new TextBlock();
+        _this.c0 = Color.u(255, 0, 0, 0);
         _this.t = true;
-        _this.ar = 0;
-        _this.a4 = 0;
-        _this.cx = Color.u(255, 255, 255, 255);
+        _this.as = 0;
+        _this.a5 = 0;
+        _this.cz = Color.u(255, 255, 255, 255);
         _this.m = false;
         _this.g = null;
         _this.c = 0;
         _this.e = 0;
-        _this.bx = 1;
+        _this.bz = 1;
         _this.r = false;
+        _this.az = 0;
         _this.ay = 0;
-        _this.ax = 0;
         _this.i = ((function () {
             var $ret = new FontInfo();
             $ret.n = "Verdana";
@@ -84,22 +85,22 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })());
         _this.p = true;
-        _this.bq = -1;
-        _this.bv = 0;
-        _this.bw = 0;
+        _this.br = -1;
+        _this.bx = 0;
+        _this.by = 0;
         _this.n = false;
-        _this.bo = 0;
+        _this.bp = 0;
         _this.b = 0;
-        _this.aq = NaN;
+        _this.ar = NaN;
         _this.h = null;
-        _this.bs = -1;
-        _this.ao = NaN;
+        _this.bt = -1;
+        _this.ap = NaN;
         _this.f = 1;
-        _this.aw = 1;
-        _this.bl = a;
+        _this.ax = 1;
+        _this.bm = a;
         return _this;
     }
-    Object.defineProperty(CanvasGridCellBase.prototype, "z", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "aa", {
         get: function () {
             return this.o;
         },
@@ -109,10 +110,10 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.ck = function (a) {
+    CanvasGridCellBase.prototype.cm = function (a) {
         this.k = a;
     };
-    CanvasGridCellBase.prototype.b5 = function () {
+    CanvasGridCellBase.prototype.b7 = function () {
         this.o = true;
         if (this.k != null) {
             this.k();
@@ -125,9 +126,9 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bm", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bn", {
         get: function () {
-            return this.bl;
+            return this.bm;
         },
         enumerable: true,
         configurable: true
@@ -142,8 +143,8 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cm = function (a) {
-        this.by = a;
+    CanvasGridCellBase.prototype.co = function (a) {
+        this.b0 = a;
         this.o = true;
         this.s = true;
     };
@@ -154,7 +155,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "v", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "w", {
         get: function () {
             return this.l;
         },
@@ -164,127 +165,127 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.get_ab = function () {
+    CanvasGridCellBase.prototype.get_ac = function () {
         return false;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "ab", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ac", {
         get: function () {
-            return this.get_ab();
+            return this.get_ac();
         },
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cc = function (a, b, c, d, e) {
+    CanvasGridCellBase.prototype.ce = function (a, b, c, d, e) {
         this.o = true;
-        this.cw = a;
-        this.ah = b;
-        this.aj = c;
-        this.ai = d;
-        this.ag = e;
+        this.cy = a;
+        this.ai = b;
+        this.ak = c;
+        this.aj = d;
+        this.ah = e;
         this.s = true;
     };
-    CanvasGridCellBase.prototype.cd = function (a) {
+    CanvasGridCellBase.prototype.cf = function (a) {
         this.o = true;
-        this.ap = a;
-        this.cv._opacity = this.ap;
+        this.aq = a;
+        this.cx._opacity = this.aq;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "bb", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bc", {
         get: function () {
-            return this.at;
+            return this.au;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bd", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "be", {
         get: function () {
-            return this.av;
+            return this.aw;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bc", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bd", {
         get: function () {
-            return this.au;
+            return this.av;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "ba", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bb", {
         get: function () {
-            return this.as;
+            return this.at;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a6", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "a7", {
         get: function () {
-            return this.ah;
+            return this.ai;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a8", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "a9", {
         get: function () {
-            return this.aj;
+            return this.ak;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a7", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "a8", {
         get: function () {
-            return this.ai;
+            return this.aj;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a5", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "a6", {
         get: function () {
-            return this.ag;
+            return this.ah;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bf", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bg", {
         get: function () {
-            return this.az;
+            return this.a0;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bh", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bi", {
         get: function () {
-            return this.a1;
+            return this.a2;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bi", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bj", {
         get: function () {
-            return this.a3;
+            return this.a4;
         },
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.get_ac = function () {
+    CanvasGridCellBase.prototype.get_ad = function () {
         return false;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "ac", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ad", {
         get: function () {
-            return this.get_ac();
+            return this.get_ad();
         },
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.b1 = function (a, b, c, d, e, f) {
+    CanvasGridCellBase.prototype.b3 = function (a, b, c, d, e, f) {
         var g = true;
         var h = true;
         var i = false;
-        if (this.ac) {
+        if (this.ad) {
             g = false;
             h = false;
             i = false;
         }
-        this.b2(a, b, c, d, e, f, g, h, i);
+        this.b4(a, b, c, d, e, f, g, h, i);
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "resized", {
         get: function () {
@@ -294,138 +295,153 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     CanvasGridCellBase.prototype.ensureCorrectSize = function () {
-        this.u = this.w(this.aw);
+        this.u = this.x(this.ax);
         return this.u;
     };
-    CanvasGridCellBase.prototype.b2 = function (a, b, c, d, e, f, g, h, i) {
+    CanvasGridCellBase.prototype.b4 = function (a, b, c, d, e, f, g, h, i) {
         if (!this.t) {
             return;
         }
-        if (this.bx != 1) {
-            a.ad(this.bx);
+        if (this.bz != 1) {
+            a.ad(this.bz);
+        }
+        var j = this.j;
+        if (!this.v) {
+            j = a;
         }
-        this.aw = f;
+        this.ax = f;
         if (!i) {
-            this.b3();
+            this.b5();
             this.ensureCorrectSize();
         }
-        if (this.z || this.u || i) {
-            this.z = false;
-            var j = this.j;
-            if (this.p || this.u || (this.i != null && this.i.g != this.bq)) {
+        if (this.aa || this.u || i || !this.v) {
+            this.aa = false;
+            if (this.p || this.u || (this.i != null && this.i.g != this.br)) {
                 this.p = false;
-                this.bq = this.i.g;
+                this.br = this.i.g;
                 j.ac(this.i);
             }
             if (f != 1) {
-                this.j.z();
-                this.j.aa(f, f);
+                j.z();
+                j.aa(f, f);
+            }
+            if (!this.v) {
+                j.z();
+                var k = Math.round((d - b));
+                var l = Math.round((e - c));
+                j.af(k, l);
             }
             if (g) {
-                this.b6();
+                this.b8(j);
             }
             if (h) {
-                this.b7(this.j);
+                this.b9(j);
+            }
+            if (!this.v) {
+                j.y();
             }
             if (f != 1) {
-                this.j.y();
+                j.y();
             }
         }
-        if (!i) {
-            var k = Math.round((d - b) * f);
-            var l = Math.round((e - c) * f);
-            if (this.al == this.an && this.ak == this.am) {
-                a.m(this.bn.getNativeElement(), 1, k, l, this.al, this.ak);
+        if (!i && this.v) {
+            var m = Math.round((d - b) * f);
+            var n = Math.round((e - c) * f);
+            if (this.am == this.ao && this.al == this.an) {
+                a.m(this.bu(), 1, m, n, this.am, this.al);
             }
             else {
-                a.n(this.bn.getNativeElement(), 1, 0, 0, this.al, this.ak, k, l, this.al, this.ak);
+                a.n(this.bu(), 1, 0, 0, this.am, this.al, m, n, this.am, this.al);
             }
         }
-        if (this.bx != 1) {
+        if (this.bz != 1) {
             a.ad(1);
         }
     };
-    CanvasGridCellBase.prototype.b6 = function () {
+    CanvasGridCellBase.prototype.bu = function () {
+        return this.bo.getNativeElement();
+    };
+    CanvasGridCellBase.prototype.b8 = function (a) {
         if (!this.m) {
-            this.j.k(0, 0, this.an, this.am);
-        }
-        this.c4.n = 0;
-        this.c4.o = 0;
-        this.c4.width = this.a4;
-        this.c4.height = this.ar;
-        this.j.v(this.c4);
-        if (this.cw != null) {
-            if (this.ah > 0) {
-                this.c0.am = 0;
-                this.c0.ak = this.ah / 2;
-                this.c0.an = this.ar;
-                this.c0.al = this.ah / 2;
-                this.c0._stroke = this.cw;
-                this.c0.ac = this.ah;
-                this.j.r(this.c0);
-            }
+            a.k(0, 0, this.ao, this.an);
+        }
+        this.c6.n = 0;
+        this.c6.o = 0;
+        this.c6.width = this.a5;
+        this.c6.height = this.as;
+        a.v(this.c6);
+        if (this.cy != null) {
             if (this.ai > 0) {
-                this.c1.am = 0;
-                this.c1.ak = Math.max(0, (this.a4 - (this.ai / 2)));
-                this.c1.an = this.ar;
-                this.c1.al = Math.max(0, (this.a4 - (this.ai / 2)));
-                this.c1._stroke = this.cw;
-                this.c1.ac = this.ai;
-                this.j.r(this.c1);
+                this.c2.am = 0;
+                this.c2.ak = this.ai / 2;
+                this.c2.an = this.as;
+                this.c2.al = this.ai / 2;
+                this.c2._stroke = this.cy;
+                this.c2.ac = this.ai;
+                a.r(this.c2);
             }
             if (this.aj > 0) {
-                this.c3.am = this.aj / 2;
-                this.c3.ak = this.ah;
-                this.c3.an = this.aj / 2;
-                this.c3.al = Math.max(0, (this.a4 - (this.ai / 2)));
-                this.c3._stroke = this.cw;
+                this.c3.am = 0;
+                this.c3.ak = Math.max(0, (this.a5 - (this.aj / 2)));
+                this.c3.an = this.as;
+                this.c3.al = Math.max(0, (this.a5 - (this.aj / 2)));
+                this.c3._stroke = this.cy;
                 this.c3.ac = this.aj;
-                this.j.r(this.c3);
+                a.r(this.c3);
+            }
+            if (this.ak > 0) {
+                this.c5.am = this.ak / 2;
+                this.c5.ak = this.ai;
+                this.c5.an = this.ak / 2;
+                this.c5.al = Math.max(0, (this.a5 - (this.aj / 2)));
+                this.c5._stroke = this.cy;
+                this.c5.ac = this.ak;
+                a.r(this.c5);
             }
-            if (this.ag > 0) {
-                this.cz.am = Math.max(0, this.ar - (this.ag / 2));
-                this.cz.ak = this.ah;
-                this.cz.an = Math.max(0, this.ar - (this.ag / 2));
-                this.cz.al = Math.max(0, (this.a4 - (this.ai / 2)));
-                this.cz._stroke = this.cw;
-                this.cz.ac = this.ag;
-                this.j.r(this.cz);
+            if (this.ah > 0) {
+                this.c1.am = Math.max(0, this.as - (this.ah / 2));
+                this.c1.ak = this.ai;
+                this.c1.an = Math.max(0, this.as - (this.ah / 2));
+                this.c1.al = Math.max(0, (this.a5 - (this.aj / 2)));
+                this.c1._stroke = this.cy;
+                this.c1.ac = this.ah;
+                a.r(this.c1);
             }
         }
     };
-    CanvasGridCellBase.prototype.cj = function (a) {
-        this.aw = a;
+    CanvasGridCellBase.prototype.cl = function (a) {
+        this.ax = a;
     };
     CanvasGridCellBase.prototype.renderStandardContent = function () {
-        this.b2(this.j, 0, 0, 0, 0, this.aw, false, true, true);
+        this.b4(this.j, 0, 0, 0, 0, this.ax, false, true, true);
     };
     CanvasGridCellBase.prototype.renderStandardBackground = function () {
-        this.b2(this.j, 0, 0, 0, 0, this.aw, true, false, true);
+        this.b4(this.j, 0, 0, 0, 0, this.ax, true, false, true);
     };
-    CanvasGridCellBase.prototype.b7 = function (a) {
+    CanvasGridCellBase.prototype.b9 = function (a) {
         if (this.s) {
-            this.cu();
+            this.cw(a);
             this.s = false;
         }
-        if (this.cv.al != null) {
-            this.cv.n = this.az;
-            this.cv.o = this.a2;
-            this.j.w(this.cv);
+        if (this.cx.al != null) {
+            this.cx.n = this.a0;
+            this.cx.o = this.a3;
+            a.w(this.cx);
             if (this.r) {
-                this.c2.ac = 1;
-                this.c2.ak = this.az;
-                this.c2.am = this.a3 - 2;
-                this.c2.al = this.az + (this.a1 - this.az);
-                this.c2.an = this.a3 - 2;
-                this.c2._stroke = this.cv.ao;
-                this.j.r(this.c2);
+                this.c4.ac = 1;
+                this.c4.ak = this.a0;
+                this.c4.am = this.a4 - 2;
+                this.c4.al = this.a0 + (this.a2 - this.a0);
+                this.c4.an = this.a4 - 2;
+                this.c4._stroke = this.cx.ao;
+                this.j.r(this.c4);
             }
         }
     };
-    CanvasGridCellBase.prototype.b3 = function () {
-        if (this.bn == null) {
-            this.bn = this.bl.createElement("canvas");
-            var a_1 = this.bl.get2DCanvasContext(this.bn);
+    CanvasGridCellBase.prototype.b5 = function () {
+        if (this.bo == null && this.v) {
+            this.bo = this.bm.createElement("canvas");
+            var a_1 = this.bm.get2DCanvasContext(this.bo);
             var b = ((function () {
                 var $ret = new CanvasViewRenderer();
                 $ret.h$d = a_1;
@@ -435,66 +451,66 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             this.s = true;
         }
     };
-    CanvasGridCellBase.prototype.w = function (a) {
-        var b = Math.round(this.a4 * a);
-        var c = Math.round(this.ar * a);
-        this.al = b;
-        this.ak = c;
-        var d = this.be(b);
-        var e = this.be(c);
-        if (d != this.an || e != this.am) {
-            this.bn.setAttribute("width", d + "px");
-            this.bn.setAttribute("height", e + "px");
-            this.an = d;
-            this.am = e;
-            this.al = b;
-            this.ak = c;
+    CanvasGridCellBase.prototype.x = function (a) {
+        var b = Math.round(this.a5 * a);
+        var c = Math.round(this.as * a);
+        this.am = b;
+        this.al = c;
+        var d = this.bf(b);
+        var e = this.bf(c);
+        if (d != this.ao || e != this.an) {
+            this.bo.setAttribute("width", d + "px");
+            this.bo.setAttribute("height", e + "px");
+            this.ao = d;
+            this.an = e;
+            this.am = b;
+            this.al = c;
             return true;
         }
         return false;
     };
-    CanvasGridCellBase.prototype.be = function (a) {
+    CanvasGridCellBase.prototype.bf = function (a) {
         return a;
     };
-    CanvasGridCellBase.prototype.ci = function (a, b, c, d) {
+    CanvasGridCellBase.prototype.ck = function (a, b, c, d) {
         this.o = true;
-        this.at = a;
-        this.av = b;
-        this.au = c;
-        this.as = d;
+        this.au = a;
+        this.aw = b;
+        this.av = c;
+        this.at = d;
         this.s = true;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "bg", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bh", {
         get: function () {
-            return this.a0;
+            return this.a1;
         },
         set: function (a) {
-            this.a0 = a;
+            this.a1 = a;
         },
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cn = function (a) {
+    CanvasGridCellBase.prototype.cp = function (a) {
         var _this = this;
         this.o = true;
-        this.cy = a;
-        this.cv.ao = ((function () {
+        this.c0 = a;
+        this.cx.ao = ((function () {
             var $ret = new Brush();
-            $ret.color = _this.cy;
+            $ret.color = _this.c0;
             return $ret;
         })());
     };
-    CanvasGridCellBase.prototype.get_aa = function () {
+    CanvasGridCellBase.prototype.get_ab = function () {
         return false;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "aa", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ab", {
         get: function () {
-            return this.get_aa();
+            return this.get_ab();
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "ad", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ae", {
         get: function () {
             return this.t;
         },
@@ -505,33 +521,33 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a9", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ba", {
         get: function () {
-            return this.ar;
+            return this.as;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bk", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bl", {
         get: function () {
-            return this.a4;
+            return this.a5;
         },
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cf = function (a) {
+    CanvasGridCellBase.prototype.ch = function (a) {
         this.o = true;
-        this.ar = a;
-        this.c4.height = this.ar;
+        this.as = a;
+        this.c6.height = this.as;
     };
-    CanvasGridCellBase.prototype.cp = function (a) {
+    CanvasGridCellBase.prototype.cr = function (a) {
         this.o = true;
-        this.a4 = a;
-        this.c4.width = this.a4;
+        this.a5 = a;
+        this.c6.width = this.a5;
         this.s = true;
     };
-    CanvasGridCellBase.prototype.b0 = function () {
-        if (!this.ab) {
+    CanvasGridCellBase.prototype.b2 = function () {
+        if (!this.ac) {
             return;
         }
         this.l = true;
@@ -541,36 +557,36 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         this.g.l = Color.u(120, 120, 120, 120);
         this.g.h = 0;
     };
-    CanvasGridCellBase.prototype.cb = function (a) {
+    CanvasGridCellBase.prototype.cd = function (a) {
         var _this = this;
         this.o = true;
-        this.cx = a;
-        this.m = this.cx.l == 255;
-        this.c4._fill = ((function () {
+        this.cz = a;
+        this.m = this.cz.l == 255;
+        this.c6._fill = ((function () {
             var $ret = new Brush();
-            $ret.color = _this.cx;
+            $ret.color = _this.cz;
             return $ret;
         })());
     };
-    CanvasGridCellBase.prototype.ch = function (a) {
+    CanvasGridCellBase.prototype.cj = function (a) {
         this.o = true;
-        this.bx = a;
+        this.bz = a;
     };
-    CanvasGridCellBase.prototype.cl = function (a) {
+    CanvasGridCellBase.prototype.cn = function (a) {
         this.r = a;
         this.o = true;
     };
-    CanvasGridCellBase.prototype.ct = function (a) {
-        if (!this.ab) {
+    CanvasGridCellBase.prototype.cv = function (a) {
+        if (!this.ac) {
             return;
         }
         this.o = true;
         this.g.h = (a * 0.20000000298023224);
     };
-    CanvasGridCellBase.prototype.b4 = function (a, b, c, d) {
+    CanvasGridCellBase.prototype.b6 = function (a, b, c, d) {
         if (this.g != null) {
-            var e = this.ay;
-            var f = this.ax;
+            var e = this.az;
+            var f = this.ay;
             if (this.e == 1) {
                 b = truncate((b + (d / 2) - (f / 2)));
             }
@@ -585,14 +601,14 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CanvasGridCellBase.prototype.ce = function (a) {
+    CanvasGridCellBase.prototype.cg = function (a) {
         this.i = a;
         this.p = true;
         this.o = true;
         this.s = true;
     };
-    CanvasGridCellBase.prototype.cs = function (a) {
-        if (!this.ab) {
+    CanvasGridCellBase.prototype.cu = function (a) {
+        if (!this.ac) {
             return;
         }
         this.o = true;
@@ -600,34 +616,34 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         if (a.ag != null && !isNaN_(a.ag.d)) {
             b = a.ag.d;
         }
-        if (this.ax != b) {
-            this.ax = b;
+        if (this.ay != b) {
+            this.ay = b;
         }
         var c = a.gu * 0.2;
         var d = a.fc * 0.6;
-        if (this.ay >= c && this.ay <= d) {
+        if (this.az >= c && this.az <= d) {
             return;
         }
-        var e = (CanvasGridCellBase.bu.nextDouble() * (d - c) + c);
-        if (this.ay != e) {
-            this.ay = e;
+        var e = (CanvasGridCellBase.bw.nextDouble() * (d - c) + c);
+        if (this.az != e) {
+            this.az = e;
         }
     };
-    CanvasGridCellBase.prototype.cq = function (a, b) {
-        if (!this.ab) {
+    CanvasGridCellBase.prototype.cs = function (a, b) {
+        if (!this.ac) {
             return;
         }
         this.o = true;
         this.c = a;
         this.e = b;
     };
-    CanvasGridCellBase.prototype.cr = function (a) {
-        if (!this.ab) {
+    CanvasGridCellBase.prototype.ct = function (a) {
+        if (!this.ac) {
             return;
         }
         this.o = true;
     };
-    CanvasGridCellBase.prototype.ca = function (a) {
+    CanvasGridCellBase.prototype.cc = function (a) {
         this.a = a;
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "d", {
@@ -637,83 +653,83 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cg = function (a) {
+    CanvasGridCellBase.prototype.ci = function (a) {
         this.b = a;
         this.o = true;
         this.s = true;
     };
-    CanvasGridCellBase.prototype.cu = function () {
-        if (this.by == null) {
+    CanvasGridCellBase.prototype.cw = function (a) {
+        if (this.b0 == null) {
             return;
         }
-        if (this.j == null) {
+        if (a == null) {
             return;
         }
-        if (this.p || (this.i != null && this.i.g != this.bq)) {
+        if (this.p || (this.i != null && this.i.g != this.br)) {
             this.p = false;
-            this.bq = this.i.g;
-            this.j.ac(this.i);
+            this.br = this.i.g;
+            a.ac(this.i);
         }
-        var a;
-        if (this.h != this.i || this.bs != this.i.g) {
+        var b;
+        if (this.h != this.i || this.bt != this.i.g) {
             this.h = this.i;
-            this.bs = this.i.g;
-            this.aq = FontUtil.getCurrentFontHeight(this.bl, this.i);
+            this.bt = this.i.g;
+            this.ar = FontUtil.getCurrentFontHeight(this.bm, this.i);
         }
-        a = this.aq;
-        var b = 0;
+        b = this.ar;
         var c = 0;
-        var d = this.a4;
-        var e = this.ar;
-        d -= (this.ah + this.at + this.ai + this.au);
-        e -= (this.aj + this.av + this.ag + this.as);
-        d = Math.max(d, 0);
+        var d = 0;
+        var e = this.a5;
+        var f = this.as;
+        e -= (this.ai + this.au + this.aj + this.av);
+        f -= (this.ak + this.aw + this.ah + this.at);
         e = Math.max(e, 0);
-        var f = d;
-        if (!isNaN_(this.a0) && this.a0 < d) {
-            f = this.a0;
+        f = Math.max(f, 0);
+        var g = e;
+        if (!isNaN_(this.a1) && this.a1 < e) {
+            g = this.a1;
         }
-        var g = this.bj(this.cv, this.by, f, this.j);
+        var h = this.bk(this.cx, this.b0, g, a);
         switch (this.b) {
             case 0:
-                b = this.at + this.ah;
+                c = this.au + this.ai;
                 break;
             case 3:
             case 1:
-                b = this.at + this.ah + ((d / 2) - (g / 2));
+                c = this.au + this.ai + ((e / 2) - (h / 2));
                 break;
             case 2:
-                b = Math.max(0, (this.a4 - (this.au + this.ai))) - g;
+                c = Math.max(0, (this.a5 - (this.av + this.aj))) - h;
                 break;
         }
         switch (this.f) {
             case 0:
-                c = this.av + this.aj;
+                d = this.aw + this.ak;
                 break;
             case 3:
             case 1:
-                c = this.av + this.aj + ((e / 2) - (a / 2));
+                d = this.aw + this.ak + ((f / 2) - (b / 2));
                 break;
             case 2:
-                c = Math.max(0, (this.ar - (this.as + this.ag))) - a;
+                d = Math.max(0, (this.as - (this.at + this.ah))) - b;
                 break;
         }
-        this.az = b;
-        this.a1 = this.az + g;
-        this.a2 = c;
-        this.a3 = this.a2 + (a / 2);
+        this.a0 = c;
+        this.a2 = this.a0 + h;
+        this.a3 = d;
+        this.a4 = this.a3 + (b / 2);
         this.o = true;
     };
-    CanvasGridCellBase.prototype.bj = function (a, b, c, d) {
+    CanvasGridCellBase.prototype.bk = function (a, b, c, d) {
         var e = b;
         var f = e.length;
         var g = ("\u2026");
-        if (isNaN_(this.ao)) {
-            this.ao = d.f(g);
+        if (isNaN_(this.ap)) {
+            this.ap = d.f(g);
         }
-        if (c <= this.ao) {
+        if (c <= this.ap) {
             a.al = g;
-            return this.ao;
+            return this.ap;
         }
         var h = d.f(e);
         if (h <= c) {
@@ -743,28 +759,28 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         a.al = e;
         return h;
     };
-    CanvasGridCellBase.prototype.co = function (a) {
+    CanvasGridCellBase.prototype.cq = function (a) {
         this.f = a;
         this.o = true;
         this.s = true;
     };
-    CanvasGridCellBase.prototype.af = function (a) {
+    CanvasGridCellBase.prototype.ag = function (a) {
         return a.isClickActionDesired;
     };
     CanvasGridCellBase.prototype.onContactStarted = function (a, b) {
-        if (this.a != null && this.af(this.a)) {
-            this.bv = a.pageX;
-            this.bw = a.pageY;
-            this.a.mouseDownCell(this.bv, this.bw);
+        if (this.a != null && this.ag(this.a)) {
+            this.bx = a.pageX;
+            this.by = a.pageY;
+            this.a.mouseDownCell(this.bx, this.by);
         }
     };
     CanvasGridCellBase.prototype.onContactMoved = function (a, b) {
-        if (this.a != null && this.af(this.a)) {
+        if (this.a != null && this.ag(this.a)) {
             var c = a.pageX;
             var d = a.pageY;
             if (this.a.isMouseDown) {
                 if (b) {
-                    if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > CanvasGridCellBase.br || Math.abs(d - this.a.mousePosition.y) > CanvasGridCellBase.br) {
+                    if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > CanvasGridCellBase.bs || Math.abs(d - this.a.mousePosition.y) > CanvasGridCellBase.bs) {
                         this.a.mouseUpCell(c, d);
                     }
                     else {
@@ -776,7 +792,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                         this.a.mouseUpCell(c, d);
                     }
                     else {
-                        if (Math.abs(c - this.a.mousePosition.x) > CanvasGridCellBase.bp || Math.abs(d - this.a.mousePosition.y) > CanvasGridCellBase.bp) {
+                        if (Math.abs(c - this.a.mousePosition.x) > CanvasGridCellBase.bq || Math.abs(d - this.a.mousePosition.y) > CanvasGridCellBase.bq) {
                             this.a.isControlPressed = a.ctrlKey;
                             this.a.dragStarted();
                         }
@@ -786,10 +802,10 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CanvasGridCellBase.prototype.onContactCompleted = function (a, b) {
-        if (this.a != null && this.af(this.a)) {
+        if (this.a != null && this.ag(this.a)) {
             var c = a.pageX;
             var d = a.pageY;
-            if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > CanvasGridCellBase.br || Math.abs(d - this.a.mousePosition.y) > CanvasGridCellBase.br || this.a.isDrag) {
+            if (PointUtil.equals(this.a.mousePosition, null) || Math.abs(c - this.a.mousePosition.x) > CanvasGridCellBase.bs || Math.abs(d - this.a.mousePosition.y) > CanvasGridCellBase.bs || this.a.isDrag) {
                 this.a.mouseUpCell(c, d);
             }
             if (this.a.isCellDown()) {
@@ -832,9 +848,9 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     CanvasGridCellBase.prototype.detach = function () {
     };
     CanvasGridCellBase.$t = markType(CanvasGridCellBase, 'CanvasGridCellBase', Base.$, [INativeCell_$type]);
-    CanvasGridCellBase.bu = new Random(0);
-    CanvasGridCellBase.br = 10;
-    CanvasGridCellBase.bp = 3;
+    CanvasGridCellBase.bw = new Random(0);
+    CanvasGridCellBase.bs = 10;
+    CanvasGridCellBase.bq = 3;
     return CanvasGridCellBase;
 }(Base));
 export { CanvasGridCellBase };