igniteui-webcomponents-grids 5.0.3-beta.0 → 5.1.1-beta.0

package/esm2015/lib/CanvasGridCellBase.js

@@ -15,8 +15,10 @@ import { FontInfo } from "igniteui-webcomponents-core";
 import { Brush } from "igniteui-webcomponents-core";
 import { CanvasViewRenderer } from "igniteui-webcomponents-core";
 import { CanvasPlaceholderView } from "./CanvasPlaceholderView";
-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 { FontUtil } from "igniteui-webcomponents-core";
 import { truncate, isNaN_ } from "igniteui-webcomponents-core";
 /**
@@ -24,465 +26,475 @@ import { truncate, isNaN_ } from "igniteui-webcomponents-core";
  */
 export let CanvasGridCellBase = /*@__PURE__*/ (() => {
     class CanvasGridCellBase extends Base {
-        get aa() {
-            return this.o;
+        get ad() {
+            return this.r;
         }
-        set aa(a) {
-            this.o = a;
+        set ad(a) {
+            this.r = a;
         }
-        cm(a) {
-            this.k = a;
+        cp(a) {
+            this.n = a;
         }
-        b7() {
-            this.o = true;
-            if (this.k != null) {
-                this.k();
+        ca() {
+            this.r = true;
+            if (this.n != null) {
+                this.n();
             }
         }
         get isCanvasBased() {
             return true;
         }
-        get bn() {
-            return this.bm;
+        get bq() {
+            return this.bp;
         }
         get isRemoved() {
-            return this.q;
+            return this.t;
         }
         set isRemoved(a) {
-            this.q = a;
+            this.t = a;
         }
-        co(a) {
-            this.b0 = a;
-            this.o = true;
-            this.s = true;
+        cr(a) {
+            this.b3 = a;
+            this.r = true;
+            this.v = true;
         }
         constructor(a) {
             super();
             this.b = null;
-            this.s = true;
-            this.o = true;
-            this.k = null;
-            this.bm = null;
-            this.q = false;
-            this.b0 = null;
-            this.l = false;
-            this.aq = 1;
-            this.au = 5;
+            this.v = true;
+            this.r = true;
+            this.n = null;
+            this.bp = null;
+            this.t = false;
+            this.b3 = null;
+            this.o = false;
+            this.at = 1;
+            this.ax = 5;
+            this.az = 5;
+            this.ay = 5;
             this.aw = 5;
-            this.av = 5;
-            this.at = 5;
-            this.cy = null;
-            this.ai = 0;
+            this.c1 = null;
+            this.al = 0;
+            this.an = 0;
+            this.am = 0;
             this.ak = 0;
-            this.aj = 0;
-            this.ah = 0;
-            this.c6 = new Rectangle();
-            this.c2 = new Line();
+            this.c9 = new Rectangle();
             this.c5 = new Line();
-            this.c3 = new Line();
-            this.c1 = new Line();
+            this.c8 = new Line();
+            this.c6 = new Line();
             this.c4 = new Line();
-            this.a0 = 0;
-            this.a2 = 0;
+            this.c7 = new Line();
             this.a3 = 0;
-            this.a4 = 0;
-            this.bo = null;
-            this.j = null;
-            this.am = 0;
-            this.al = 0;
-            this.ao = 0;
-            this.an = 0;
-            this.u = true;
-            this.v = true;
-            this.a1 = NaN;
-            this.cx = new TextBlock();
-            this.c0 = Color.u(255, 0, 0, 0);
-            this.t = true;
-            this.as = 0;
             this.a5 = 0;
-            this.cz = Color.u(255, 255, 255, 255);
-            this.m = false;
+            this.a6 = 0;
+            this.a7 = 0;
+            this.br = null;
+            this.m = null;
+            this.ap = 0;
+            this.ao = 0;
+            this.ar = 0;
+            this.aq = 0;
+            this.x = true;
+            this.y = true;
+            this.a4 = NaN;
+            this.c0 = new TextBlock();
+            this.c3 = Color.u(255, 0, 0, 0);
+            this.w = true;
+            this.av = 0;
+            this.a8 = 0;
+            this.c2 = Color.u(255, 255, 255, 255);
+            this.p = false;
             this.a = null;
             this.d = 0;
             this.f = 0;
-            this.bz = 1;
-            this.r = false;
-            this.az = 0;
-            this.ay = 0;
+            this.b2 = 1;
+            this.u = false;
+            this.a2 = 0;
+            this.a1 = 0;
             this.i = ((() => {
                 let $ret = new FontInfo();
                 $ret.q = "Verdana";
                 $ret.f = 12;
                 return $ret;
             })());
-            this.p = true;
-            this.br = -1;
-            this.bx = 0;
-            this.by = 0;
-            this.n = false;
-            this.bp = 0;
+            this.s = true;
+            this.bu = -1;
+            this.b0 = 0;
+            this.b1 = 0;
+            this.q = false;
+            this.bs = 0;
             this.c = 0;
-            this.ar = NaN;
+            this.au = NaN;
             this.h = null;
-            this.bt = -1;
-            this.ap = NaN;
+            this.bw = -1;
+            this.as = NaN;
             this.g = 1;
-            this.ax = 1;
-            this.bm = a;
+            this.a0 = 1;
+            this.bp = a;
         }
         get templateContext() {
-            return this.j.h();
+            return this.m.h();
         }
-        get w() {
-            return this.l;
+        get z() {
+            return this.o;
         }
-        set w(a) {
-            this.l = a;
+        set z(a) {
+            this.o = a;
         }
-        get_ac() {
+        get_af() {
             return false;
         }
-        get ac() {
-            return this.get_ac();
+        get af() {
+            return this.get_af();
         }
-        ce(a, b, c, d, e) {
-            this.o = true;
-            this.cy = a;
-            this.ai = b;
-            this.ak = c;
-            this.aj = d;
-            this.ah = e;
-            this.s = true;
+        ch(a, b, c, d, e) {
+            this.r = true;
+            this.c1 = a;
+            this.al = b;
+            this.an = c;
+            this.am = d;
+            this.ak = e;
+            this.v = true;
         }
-        cf(a) {
-            this.o = true;
-            this.aq = a;
-            this.cx._opacity = this.aq;
+        ci(a) {
+            this.r = true;
+            this.at = a;
+            this.c0._opacity = this.at;
         }
-        get bc() {
-            return this.au;
+        get bf() {
+            return this.ax;
+        }
+        get bh() {
+            return this.az;
+        }
+        get bg() {
+            return this.ay;
         }
         get be() {
             return this.aw;
         }
-        get bd() {
-            return this.av;
+        get ba() {
+            return this.al;
         }
-        get bb() {
-            return this.at;
+        get bc() {
+            return this.an;
         }
-        get a7() {
-            return this.ai;
+        get bb() {
+            return this.am;
         }
         get a9() {
             return this.ak;
         }
-        get a8() {
-            return this.aj;
-        }
-        get a6() {
-            return this.ah;
-        }
-        get bg() {
-            return this.a0;
+        get bj() {
+            return this.a3;
         }
-        get bi() {
-            return this.a2;
+        get bl() {
+            return this.a5;
         }
-        get bj() {
-            return this.a4;
+        get bm() {
+            return this.a7;
         }
-        get_ad() {
+        get_ag() {
             return false;
         }
-        get ad() {
-            return this.get_ad();
+        get ag() {
+            return this.get_ag();
         }
-        b3(a, b, c, d, e, f) {
+        b6(a, b, c, d, e, f) {
             let g = true;
             let h = true;
             let i = false;
-            if (this.ad) {
+            if (this.ag) {
                 g = false;
                 h = false;
                 i = false;
             }
-            this.b4(a, b, c, d, e, f, g, h, i);
+            this.b7(a, b, c, d, e, f, g, h, i);
         }
         get resized() {
-            return this.u;
+            return this.x;
         }
         ensureCorrectSize() {
-            this.u = this.x(this.ax);
-            return this.u;
+            this.x = this.aa(this.a0);
+            return this.x;
         }
-        b4(a, b, c, d, e, f, g, h, i) {
-            if (!this.t) {
+        b7(a, b, c, d, e, f, g, h, i) {
+            if (!this.w) {
                 return;
             }
-            if (this.bz != 1) {
-                a.ae(this.bz);
+            if (this.b2 != 1) {
+                a.ae(this.b2);
             }
-            let j = this.j;
-            if (!this.v) {
+            let j = this.m;
+            if (!this.y) {
                 j = a;
             }
-            this.ax = f;
+            this.a0 = f;
             if (!i) {
-                this.b5();
+                this.b8();
                 this.ensureCorrectSize();
             }
-            if (this.aa || this.u || i || !this.v) {
-                this.aa = false;
-                if (this.p || this.u || (this.i != null && this.i.j != this.br)) {
-                    this.p = false;
-                    this.br = this.i.j;
+            if (this.ad || this.x || i || !this.y) {
+                this.ad = false;
+                if (this.s || this.x || (this.i != null && this.i.j != this.bu)) {
+                    this.s = false;
+                    this.bu = this.i.j;
                     j.ad(this.i);
                 }
                 if (f != 1) {
                     j.aa();
                     j.ab(f, f);
                 }
-                if (!this.v) {
+                if (!this.y) {
                     j.aa();
                     let k = Math.round((d - b));
                     let l = Math.round((e - c));
                     j.ag(k, l);
                 }
                 if (g) {
-                    this.b8(j);
+                    this.cb(j);
                 }
                 if (h) {
-                    this.b9(j);
+                    this.cc(j);
                 }
-                if (!this.v) {
+                if (!this.y) {
                     j.z();
                 }
                 if (f != 1) {
                     j.z();
                 }
             }
-            if (!i && this.v) {
+            if (!i && this.y) {
                 let m = Math.round((d - b) * f);
                 let n = Math.round((e - c) * f);
-                if (this.am == this.ao && this.al == this.an) {
-                    a.n(this.bu(), 1, m, n, this.am, this.al);
+                if (this.ap == this.ar && this.ao == this.aq) {
+                    a.n(this.bx(), 1, m, n, this.ap, this.ao);
                 }
                 else {
-                    a.o(this.bu(), 1, 0, 0, this.am, this.al, m, n, this.am, this.al);
+                    a.o(this.bx(), 1, 0, 0, this.ap, this.ao, m, n, this.ap, this.ao);
                 }
             }
-            if (this.bz != 1) {
+            if (this.b2 != 1) {
                 a.ae(1);
             }
         }
-        bu() {
-            return this.bo.getNativeElement();
-        }
-        b8(a) {
-            if (!this.m) {
-                a.l(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.w(this.c6);
-            if (this.cy != null) {
-                if (this.ai > 0) {
-                    this.c2.ap = 0;
-                    this.c2.an = this.ai / 2;
-                    this.c2.aq = this.as;
-                    this.c2.ao = this.ai / 2;
-                    this.c2._stroke = this.cy;
-                    this.c2.ad = this.ai;
-                    a.s(this.c2);
+        bx() {
+            return this.br.getNativeElement();
+        }
+        cb(a) {
+            if (!this.p) {
+                a.l(0, 0, this.ar, this.aq);
+            }
+            this.c9.n = 0;
+            this.c9.o = 0;
+            this.c9.width = this.a8;
+            this.c9.height = this.av;
+            a.w(this.c9);
+            if (this.c1 != null) {
+                if (this.al > 0) {
+                    this.c5.ap = 0;
+                    this.c5.an = this.al / 2;
+                    this.c5.aq = this.av;
+                    this.c5.ao = this.al / 2;
+                    this.c5._stroke = this.c1;
+                    this.c5.ad = this.al;
+                    a.s(this.c5);
                 }
-                if (this.aj > 0) {
-                    this.c3.ap = 0;
-                    this.c3.an = Math.max(0, (this.a5 - (this.aj / 2)));
-                    this.c3.aq = this.as;
-                    this.c3.ao = Math.max(0, (this.a5 - (this.aj / 2)));
-                    this.c3._stroke = this.cy;
-                    this.c3.ad = this.aj;
-                    a.s(this.c3);
+                if (this.am > 0) {
+                    this.c6.ap = 0;
+                    this.c6.an = Math.max(0, (this.a8 - (this.am / 2)));
+                    this.c6.aq = this.av;
+                    this.c6.ao = Math.max(0, (this.a8 - (this.am / 2)));
+                    this.c6._stroke = this.c1;
+                    this.c6.ad = this.am;
+                    a.s(this.c6);
                 }
-                if (this.ak > 0) {
-                    this.c5.ap = this.ak / 2;
-                    this.c5.an = this.ai;
-                    this.c5.aq = this.ak / 2;
-                    this.c5.ao = Math.max(0, (this.a5 - (this.aj / 2)));
-                    this.c5._stroke = this.cy;
-                    this.c5.ad = this.ak;
-                    a.s(this.c5);
+                if (this.an > 0) {
+                    this.c8.ap = this.an / 2;
+                    this.c8.an = this.al;
+                    this.c8.aq = this.an / 2;
+                    this.c8.ao = Math.max(0, (this.a8 - (this.am / 2)));
+                    this.c8._stroke = this.c1;
+                    this.c8.ad = this.an;
+                    a.s(this.c8);
                 }
-                if (this.ah > 0) {
-                    this.c1.ap = Math.max(0, this.as - (this.ah / 2));
-                    this.c1.an = this.ai;
-                    this.c1.aq = Math.max(0, this.as - (this.ah / 2));
-                    this.c1.ao = Math.max(0, (this.a5 - (this.aj / 2)));
-                    this.c1._stroke = this.cy;
-                    this.c1.ad = this.ah;
-                    a.s(this.c1);
+                if (this.ak > 0) {
+                    this.c4.ap = Math.max(0, this.av - (this.ak / 2));
+                    this.c4.an = this.al;
+                    this.c4.aq = Math.max(0, this.av - (this.ak / 2));
+                    this.c4.ao = Math.max(0, (this.a8 - (this.am / 2)));
+                    this.c4._stroke = this.c1;
+                    this.c4.ad = this.ak;
+                    a.s(this.c4);
                 }
             }
         }
-        cl(a) {
-            this.ax = a;
+        co(a) {
+            this.a0 = a;
         }
         renderStandardContent() {
-            this.b4(this.j, 0, 0, 0, 0, this.ax, false, true, true);
+            this.b7(this.m, 0, 0, 0, 0, this.a0, false, true, true);
         }
         renderStandardBackground() {
-            this.b4(this.j, 0, 0, 0, 0, this.ax, true, false, true);
+            this.b7(this.m, 0, 0, 0, 0, this.a0, true, false, true);
         }
-        b9(a) {
-            if (this.s) {
-                this.cw(a);
-                this.s = false;
-            }
-            if (this.cx.al != null) {
-                this.cx.n = this.a0;
-                this.cx.o = this.a3;
-                a.x(this.cx);
-                if (this.r) {
-                    this.c4.ad = 1;
-                    this.c4.an = this.a0;
-                    this.c4.ap = this.a4 - 2;
-                    this.c4.ao = this.a0 + (this.a2 - this.a0);
-                    this.c4.aq = this.a4 - 2;
-                    this.c4._stroke = this.cx.ao;
-                    this.j.s(this.c4);
+        cc(a) {
+            if (this.v) {
+                this.cz(a);
+                this.v = false;
+            }
+            if (this.c0.al != null) {
+                this.c0.n = this.a3;
+                this.c0.o = this.a6;
+                a.x(this.c0);
+                if (this.u) {
+                    this.c7.ad = 1;
+                    this.c7.an = this.a3;
+                    this.c7.ap = this.a7 - 2;
+                    this.c7.ao = this.a3 + (this.a5 - this.a3);
+                    this.c7.aq = this.a7 - 2;
+                    this.c7._stroke = this.c0.ao;
+                    this.m.s(this.c7);
                 }
             }
         }
-        b5() {
-            if (this.bo == null && this.v) {
-                this.bo = this.bm.createElement("canvas");
-                let a = this.bm.get2DCanvasContext(this.bo);
+        b8() {
+            if (this.br == null && this.y) {
+                this.br = this.bp.createElement("canvas");
+                let a = this.bp.get2DCanvasContext(this.br);
                 let b = ((() => {
                     let $ret = new CanvasViewRenderer();
                     $ret.h$d = a;
                     return $ret;
                 })());
-                this.j = new RenderingContext(b, a);
-                this.s = true;
-            }
-        }
-        x(a) {
-            let b = Math.round(this.a5 * a);
-            let c = Math.round(this.as * a);
-            this.am = b;
-            this.al = c;
-            let d = this.bf(b);
-            let 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;
+                this.m = new RenderingContext(b, a);
+                this.v = true;
+            }
+        }
+        aa(a) {
+            let b = Math.round(this.a8 * a);
+            let c = Math.round(this.av * a);
+            this.ap = b;
+            this.ao = c;
+            let d = this.bi(b);
+            let e = this.bi(c);
+            if (d != this.ar || e != this.aq) {
+                this.br.setAttribute("width", d + "px");
+                this.br.setAttribute("height", e + "px");
+                this.ar = d;
+                this.aq = e;
+                this.ap = b;
+                this.ao = c;
                 return true;
             }
             return false;
         }
-        bf(a) {
+        bi(a) {
             return a;
         }
-        ck(a, b, c, d) {
-            this.o = true;
-            this.au = a;
-            this.aw = b;
-            this.av = c;
-            this.at = d;
-            this.s = true;
+        cn(a, b, c, d) {
+            this.r = true;
+            this.ax = a;
+            this.az = b;
+            this.ay = c;
+            this.aw = d;
+            this.v = true;
         }
-        get bh() {
-            return this.a1;
+        get bk() {
+            return this.a4;
         }
-        set bh(a) {
-            this.a1 = a;
+        set bk(a) {
+            this.a4 = a;
         }
-        cp(a) {
-            this.o = true;
-            this.c0 = a;
-            this.cx.ao = ((() => {
+        cs(a) {
+            this.r = true;
+            this.c3 = a;
+            this.c0.ao = ((() => {
                 let $ret = new Brush();
-                $ret.color = this.c0;
+                $ret.color = this.c3;
                 return $ret;
             })());
         }
-        get_ab() {
+        get_ae() {
             return false;
         }
-        get ab() {
-            return this.get_ab();
-        }
         get ae() {
-            return this.t;
+            return this.get_ae();
         }
-        set ae(a) {
-            this.o = true;
-            this.t = a;
+        get ah() {
+            return this.w;
         }
-        get ba() {
-            return this.as;
+        set ah(a) {
+            this.r = true;
+            this.w = a;
         }
-        get bl() {
-            return this.a5;
+        get bd() {
+            return this.av;
         }
-        ch(a) {
-            this.o = true;
-            this.as = a;
-            this.c6.height = this.as;
+        get bo() {
+            return this.a8;
         }
-        cr(a) {
-            this.o = true;
-            this.a5 = a;
-            this.c6.width = this.a5;
-            this.s = true;
+        ck(a) {
+            this.r = true;
+            this.av = a;
+            this.c9.height = this.av;
         }
-        b2() {
-            if (!this.ac) {
+        cu(a) {
+            this.r = true;
+            this.a8 = a;
+            this.c9.width = this.a8;
+            this.v = true;
+        }
+        b5() {
+            if (!this.af) {
                 return;
             }
-            this.l = true;
+            this.o = true;
             this.a = new CanvasPlaceholderView();
             this.d = 0;
             this.f = 1;
             this.a.l = Color.u(120, 120, 120, 120);
             this.a.h = 0;
         }
-        cd(a) {
-            this.o = true;
-            this.cz = a;
-            this.m = this.cz.l == 255;
-            this.c6._fill = ((() => {
+        cg(a) {
+            this.r = true;
+            this.c2 = a;
+            this.p = this.c2.l == 255;
+            this.c9._fill = ((() => {
                 let $ret = new Brush();
-                $ret.color = this.cz;
+                $ret.color = this.c2;
                 return $ret;
             })());
         }
-        cj(a) {
-            this.o = true;
-            this.bz = a;
+        cm(a) {
+            this.r = true;
+            this.b2 = a;
         }
-        cn(a) {
-            this.r = a;
-            this.o = true;
+        cq(a) {
+            this.u = a;
+            this.r = true;
         }
-        cv(a) {
-            if (!this.ac) {
+        l() {
+            if (TestRandomness.instance.testRandomnessSource != null) {
+                return TestRandomness.instance.testRandomnessSource;
+            }
+            return new DefaultRandomnessSource(1, CanvasGridCellBase.bz);
+        }
+        k() {
+            let a = this.l();
+            return a.getGenerator("PlaceholderWidths");
+        }
+        cy(a) {
+            if (!this.af) {
                 return;
             }
-            this.o = true;
+            this.r = true;
             this.a.h = (a * 0.20000000298023224);
         }
-        b6(a, b, c, d) {
+        b9(a, b, c, d) {
             if (this.a != null) {
-                let e = this.az;
-                let f = this.ay;
+                let e = this.a2;
+                let f = this.a1;
                 if (this.f == 1) {
                     b = truncate((b + (d / 2) - (f / 2)));
                 }
@@ -497,131 +509,134 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cg(a) {
+        cj(a) {
             this.i = a;
-            this.p = true;
-            this.o = true;
             this.s = true;
+            this.r = true;
+            this.v = true;
         }
-        cu(a) {
-            if (!this.ac) {
+        cx(a) {
+            if (!this.af) {
                 return;
             }
-            this.o = true;
+            this.r = true;
             let b = DeviceUtils.f(12);
             if (a.ag != null && !isNaN_(a.ag.f)) {
                 b = a.ag.f;
             }
-            if (this.ay != b) {
-                this.ay = b;
+            if (this.a1 != b) {
+                this.a1 = b;
             }
-            let c = a.gu * 0.2;
-            let d = a.fc * 0.6;
-            if (this.az >= c && this.az <= d) {
+            let c = a.hd * 0.2;
+            let d = a.fu * 0.6;
+            if (this.a2 >= c && this.a2 <= d) {
                 return;
             }
-            let e = (CanvasGridCellBase.bw.nextDouble() * (d - c) + c);
-            if (this.az != e) {
-                this.az = e;
+            if (CanvasGridCellBase.j == null) {
+                CanvasGridCellBase.j = this.k();
+            }
+            let e = (CanvasGridCellBase.j.nextDouble() * (d - c) + c);
+            if (this.a2 != e) {
+                this.a2 = e;
             }
         }
-        cs(a, b) {
-            if (!this.ac) {
+        cv(a, b) {
+            if (!this.af) {
                 return;
             }
-            this.o = true;
+            this.r = true;
             this.d = a;
             this.f = b;
         }
-        ct(a) {
-            if (!this.ac) {
+        cw(a) {
+            if (!this.af) {
                 return;
             }
-            this.o = true;
+            this.r = true;
         }
-        cc(a) {
+        cf(a) {
             this.b = a;
         }
         get e() {
             return this.c;
         }
-        ci(a) {
+        cl(a) {
             this.c = a;
-            this.o = true;
-            this.s = true;
+            this.r = true;
+            this.v = true;
         }
-        cw(a) {
-            if (this.b0 == null) {
+        cz(a) {
+            if (this.b3 == null) {
                 return;
             }
             if (a == null) {
                 return;
             }
-            if (this.p || (this.i != null && this.i.j != this.br)) {
-                this.p = false;
-                this.br = this.i.j;
+            if (this.s || (this.i != null && this.i.j != this.bu)) {
+                this.s = false;
+                this.bu = this.i.j;
                 a.ad(this.i);
             }
             let b;
-            if (this.h != this.i || this.bt != this.i.j) {
+            if (this.h != this.i || this.bw != this.i.j) {
                 this.h = this.i;
-                this.bt = this.i.j;
-                this.ar = FontUtil.getCurrentFontHeight(this.bm, this.i);
+                this.bw = this.i.j;
+                this.au = FontUtil.getCurrentFontHeight(this.bp, this.i);
             }
-            b = this.ar;
+            b = this.au;
             let c = 0;
             let d = 0;
-            let e = this.a5;
-            let f = this.as;
-            e -= (this.ai + this.au + this.aj + this.av);
-            f -= (this.ak + this.aw + this.ah + this.at);
+            let e = this.a8;
+            let f = this.av;
+            e -= (this.al + this.ax + this.am + this.ay);
+            f -= (this.an + this.az + this.ak + this.aw);
             e = Math.max(e, 0);
             f = Math.max(f, 0);
             let g = e;
-            if (!isNaN_(this.a1) && this.a1 < e) {
-                g = this.a1;
+            if (!isNaN_(this.a4) && this.a4 < e) {
+                g = this.a4;
             }
-            let h = this.bk(this.cx, this.b0, g, a);
+            let h = this.bn(this.c0, this.b3, g, a);
             switch (this.c) {
                 case 0:
-                    c = this.au + this.ai;
+                    c = this.ax + this.al;
                     break;
                 case 3:
                 case 1:
-                    c = this.au + this.ai + ((e / 2) - (h / 2));
+                    c = this.ax + this.al + ((e / 2) - (h / 2));
                     break;
                 case 2:
-                    c = Math.max(0, (this.a5 - (this.av + this.aj))) - h;
+                    c = Math.max(0, (this.a8 - (this.ay + this.am))) - h;
                     break;
             }
             switch (this.g) {
                 case 0:
-                    d = this.aw + this.ak;
+                    d = this.az + this.an;
                     break;
                 case 3:
                 case 1:
-                    d = this.aw + this.ak + ((f / 2) - (b / 2));
+                    d = this.az + this.an + ((f / 2) - (b / 2));
                     break;
                 case 2:
-                    d = Math.max(0, (this.as - (this.at + this.ah))) - b;
+                    d = Math.max(0, (this.av - (this.aw + this.ak))) - b;
                     break;
             }
-            this.a0 = c;
-            this.a2 = this.a0 + h;
-            this.a3 = d;
-            this.a4 = this.a3 + (b / 2);
-            this.o = true;
+            this.a3 = c;
+            this.a5 = this.a3 + h;
+            this.a6 = d;
+            this.a7 = this.a6 + (b / 2);
+            this.r = true;
         }
-        bk(a, b, c, d) {
+        bn(a, b, c, d) {
             let e = b;
             let f = e.length;
             let g = ("\u2026");
-            if (isNaN_(this.ap)) {
-                this.ap = d.g(g);
+            if (isNaN_(this.as)) {
+                this.as = d.g(g);
             }
-            if (c <= this.ap) {
+            if (c <= this.as) {
                 a.al = g;
-                return this.ap;
+                return this.as;
             }
             let h = d.g(e);
             if (h <= c) {
@@ -651,28 +666,28 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
             a.al = e;
             return h;
         }
-        cq(a) {
+        ct(a) {
             this.g = a;
-            this.o = true;
-            this.s = true;
+            this.r = true;
+            this.v = true;
         }
-        ag(a) {
+        aj(a) {
             return a.isClickActionDesired;
         }
         onContactStarted(a, b) {
-            if (this.b != null && this.ag(this.b)) {
-                this.bx = a.pageX;
-                this.by = a.pageY;
-                this.b.mouseDownCell(this.bx, this.by);
+            if (this.b != null && this.aj(this.b)) {
+                this.b0 = a.pageX;
+                this.b1 = a.pageY;
+                this.b.mouseDownCell(this.b0, this.b1);
             }
         }
         onContactMoved(a, b) {
-            if (this.b != null && this.ag(this.b)) {
+            if (this.b != null && this.aj(this.b)) {
                 let c = a.pageX;
                 let d = a.pageY;
                 if (this.b.isMouseDown) {
                     if (b) {
-                        if (PointUtil.equals(this.b.mousePosition, null) || Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bs || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bs) {
+                        if (PointUtil.equals(this.b.mousePosition, null) || Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bv || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bv) {
                             this.b.mouseUpCell(c, d);
                         }
                         else {
@@ -684,7 +699,7 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
                             this.b.mouseUpCell(c, d);
                         }
                         else {
-                            if (Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bq || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bq) {
+                            if (Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bt || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bt) {
                                 this.b.isControlPressed = a.ctrlKey;
                                 this.b.dragStarted();
                             }
@@ -694,10 +709,10 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
             }
         }
         onContactCompleted(a, b) {
-            if (this.b != null && this.ag(this.b)) {
+            if (this.b != null && this.aj(this.b)) {
                 let c = a.pageX;
                 let d = a.pageY;
-                if (PointUtil.equals(this.b.mousePosition, null) || Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bs || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bs || this.b.isDrag) {
+                if (PointUtil.equals(this.b.mousePosition, null) || Math.abs(c - this.b.mousePosition.x) > CanvasGridCellBase.bv || Math.abs(d - this.b.mousePosition.y) > CanvasGridCellBase.bv || this.b.isDrag) {
                     this.b.mouseUpCell(c, d);
                 }
                 if (this.b.isCellDown()) {
@@ -741,8 +756,9 @@ export let CanvasGridCellBase = /*@__PURE__*/ (() => {
         }
     }
     CanvasGridCellBase.$t = /*@__PURE__*/ markType(CanvasGridCellBase, 'CanvasGridCellBase', Base.$, [INativeCell_$type]);
-    CanvasGridCellBase.bw = /*@__PURE__*/ new Random(0);
-    CanvasGridCellBase.bs = 10;
-    CanvasGridCellBase.bq = 3;
+    CanvasGridCellBase.j = null;
+    CanvasGridCellBase.bz = /*@__PURE__*/ new Random(0);
+    CanvasGridCellBase.bv = 10;
+    CanvasGridCellBase.bt = 3;
     return CanvasGridCellBase;
 })();