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

package/esm5/lib/CanvasGridCellBase.js

@@ -16,8 +16,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";
 /**
@@ -28,95 +30,95 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     function CanvasGridCellBase(a) {
         var _this = _super.call(this) || this;
         _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 = ((function () {
             var $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;
         return _this;
     }
-    Object.defineProperty(CanvasGridCellBase.prototype, "aa", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ad", {
         get: function () {
-            return this.o;
+            return this.r;
         },
         set: function (a) {
-            this.o = a;
+            this.r = a;
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cm = function (a) {
-        this.k = a;
+    CanvasGridCellBase.prototype.cp = function (a) {
+        this.n = a;
     };
-    CanvasGridCellBase.prototype.b7 = function () {
-        this.o = true;
-        if (this.k != null) {
-            this.k();
+    CanvasGridCellBase.prototype.ca = function () {
+        this.r = true;
+        if (this.n != null) {
+            this.n();
         }
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "isCanvasBased", {
@@ -126,467 +128,477 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bn", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bq", {
         get: function () {
-            return this.bm;
+            return this.bp;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CanvasGridCellBase.prototype, "isRemoved", {
         get: function () {
-            return this.q;
+            return this.t;
         },
         set: function (a) {
-            this.q = a;
+            this.t = a;
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.co = function (a) {
-        this.b0 = a;
-        this.o = true;
-        this.s = true;
+    CanvasGridCellBase.prototype.cr = function (a) {
+        this.b3 = a;
+        this.r = true;
+        this.v = true;
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "templateContext", {
         get: function () {
-            return this.j.h();
+            return this.m.h();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "w", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "z", {
         get: function () {
-            return this.l;
+            return this.o;
         },
         set: function (a) {
-            this.l = a;
+            this.o = a;
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.get_ac = function () {
+    CanvasGridCellBase.prototype.get_af = function () {
         return false;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "ac", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "af", {
         get: function () {
-            return this.get_ac();
+            return this.get_af();
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.ce = function (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;
+    CanvasGridCellBase.prototype.ch = function (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;
     };
-    CanvasGridCellBase.prototype.cf = function (a) {
-        this.o = true;
-        this.aq = a;
-        this.cx._opacity = this.aq;
+    CanvasGridCellBase.prototype.ci = function (a) {
+        this.r = true;
+        this.at = a;
+        this.c0._opacity = this.at;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "bc", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bf", {
         get: function () {
-            return this.au;
+            return this.ax;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "be", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bh", {
         get: function () {
-            return this.aw;
+            return this.az;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bd", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bg", {
         get: function () {
-            return this.av;
+            return this.ay;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bb", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "be", {
         get: function () {
-            return this.at;
+            return this.aw;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a7", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ba", {
         get: function () {
-            return this.ai;
+            return this.al;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a9", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bc", {
         get: function () {
-            return this.ak;
+            return this.an;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a8", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bb", {
         get: function () {
-            return this.aj;
+            return this.am;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "a6", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "a9", {
         get: function () {
-            return this.ah;
+            return this.ak;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bg", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bj", {
         get: function () {
-            return this.a0;
+            return this.a3;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bi", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bl", {
         get: function () {
-            return this.a2;
+            return this.a5;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bj", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bm", {
         get: function () {
-            return this.a4;
+            return this.a7;
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.get_ad = function () {
+    CanvasGridCellBase.prototype.get_ag = function () {
         return false;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "ad", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ag", {
         get: function () {
-            return this.get_ad();
+            return this.get_ag();
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.b3 = function (a, b, c, d, e, f) {
+    CanvasGridCellBase.prototype.b6 = function (a, b, c, d, e, f) {
         var g = true;
         var h = true;
         var 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);
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "resized", {
         get: function () {
-            return this.u;
+            return this.x;
         },
         enumerable: false,
         configurable: true
     });
     CanvasGridCellBase.prototype.ensureCorrectSize = function () {
-        this.u = this.x(this.ax);
-        return this.u;
+        this.x = this.aa(this.a0);
+        return this.x;
     };
-    CanvasGridCellBase.prototype.b4 = function (a, b, c, d, e, f, g, h, i) {
-        if (!this.t) {
+    CanvasGridCellBase.prototype.b7 = function (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);
         }
-        var j = this.j;
-        if (!this.v) {
+        var 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();
                 var k = Math.round((d - b));
                 var 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) {
             var m = Math.round((d - b) * f);
             var 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);
         }
     };
-    CanvasGridCellBase.prototype.bu = function () {
-        return this.bo.getNativeElement();
-    };
-    CanvasGridCellBase.prototype.b8 = function (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);
+    CanvasGridCellBase.prototype.bx = function () {
+        return this.br.getNativeElement();
+    };
+    CanvasGridCellBase.prototype.cb = function (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);
             }
         }
     };
-    CanvasGridCellBase.prototype.cl = function (a) {
-        this.ax = a;
+    CanvasGridCellBase.prototype.co = function (a) {
+        this.a0 = a;
     };
     CanvasGridCellBase.prototype.renderStandardContent = function () {
-        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);
     };
     CanvasGridCellBase.prototype.renderStandardBackground = function () {
-        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);
     };
-    CanvasGridCellBase.prototype.b9 = function (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);
+    CanvasGridCellBase.prototype.cc = function (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);
             }
         }
     };
-    CanvasGridCellBase.prototype.b5 = function () {
-        if (this.bo == null && this.v) {
-            this.bo = this.bm.createElement("canvas");
-            var a_1 = this.bm.get2DCanvasContext(this.bo);
+    CanvasGridCellBase.prototype.b8 = function () {
+        if (this.br == null && this.y) {
+            this.br = this.bp.createElement("canvas");
+            var a_1 = this.bp.get2DCanvasContext(this.br);
             var b = ((function () {
                 var $ret = new CanvasViewRenderer();
                 $ret.h$d = a_1;
                 return $ret;
             })());
-            this.j = new RenderingContext(b, a_1);
-            this.s = true;
-        }
-    };
-    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;
+            this.m = new RenderingContext(b, a_1);
+            this.v = true;
+        }
+    };
+    CanvasGridCellBase.prototype.aa = function (a) {
+        var b = Math.round(this.a8 * a);
+        var c = Math.round(this.av * a);
+        this.ap = b;
+        this.ao = c;
+        var d = this.bi(b);
+        var 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;
     };
-    CanvasGridCellBase.prototype.bf = function (a) {
+    CanvasGridCellBase.prototype.bi = function (a) {
         return a;
     };
-    CanvasGridCellBase.prototype.ck = function (a, b, c, d) {
-        this.o = true;
-        this.au = a;
-        this.aw = b;
-        this.av = c;
-        this.at = d;
-        this.s = true;
+    CanvasGridCellBase.prototype.cn = function (a, b, c, d) {
+        this.r = true;
+        this.ax = a;
+        this.az = b;
+        this.ay = c;
+        this.aw = d;
+        this.v = true;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "bh", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bk", {
         get: function () {
-            return this.a1;
+            return this.a4;
         },
         set: function (a) {
-            this.a1 = a;
+            this.a4 = a;
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.cp = function (a) {
+    CanvasGridCellBase.prototype.cs = function (a) {
         var _this = this;
-        this.o = true;
-        this.c0 = a;
-        this.cx.ao = ((function () {
+        this.r = true;
+        this.c3 = a;
+        this.c0.ao = ((function () {
             var $ret = new Brush();
-            $ret.color = _this.c0;
+            $ret.color = _this.c3;
             return $ret;
         })());
     };
-    CanvasGridCellBase.prototype.get_ab = function () {
+    CanvasGridCellBase.prototype.get_ae = function () {
         return false;
     };
-    Object.defineProperty(CanvasGridCellBase.prototype, "ab", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ae", {
         get: function () {
-            return this.get_ab();
+            return this.get_ae();
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "ae", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "ah", {
         get: function () {
-            return this.t;
+            return this.w;
         },
         set: function (a) {
-            this.o = true;
-            this.t = a;
+            this.r = true;
+            this.w = a;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "ba", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bd", {
         get: function () {
-            return this.as;
+            return this.av;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CanvasGridCellBase.prototype, "bl", {
+    Object.defineProperty(CanvasGridCellBase.prototype, "bo", {
         get: function () {
-            return this.a5;
+            return this.a8;
         },
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.ch = function (a) {
-        this.o = true;
-        this.as = a;
-        this.c6.height = this.as;
+    CanvasGridCellBase.prototype.ck = function (a) {
+        this.r = true;
+        this.av = a;
+        this.c9.height = this.av;
     };
-    CanvasGridCellBase.prototype.cr = function (a) {
-        this.o = true;
-        this.a5 = a;
-        this.c6.width = this.a5;
-        this.s = true;
+    CanvasGridCellBase.prototype.cu = function (a) {
+        this.r = true;
+        this.a8 = a;
+        this.c9.width = this.a8;
+        this.v = true;
     };
-    CanvasGridCellBase.prototype.b2 = function () {
-        if (!this.ac) {
+    CanvasGridCellBase.prototype.b5 = function () {
+        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;
     };
-    CanvasGridCellBase.prototype.cd = function (a) {
+    CanvasGridCellBase.prototype.cg = function (a) {
         var _this = this;
-        this.o = true;
-        this.cz = a;
-        this.m = this.cz.l == 255;
-        this.c6._fill = ((function () {
+        this.r = true;
+        this.c2 = a;
+        this.p = this.c2.l == 255;
+        this.c9._fill = ((function () {
             var $ret = new Brush();
-            $ret.color = _this.cz;
+            $ret.color = _this.c2;
             return $ret;
         })());
     };
-    CanvasGridCellBase.prototype.cj = function (a) {
-        this.o = true;
-        this.bz = a;
+    CanvasGridCellBase.prototype.cm = function (a) {
+        this.r = true;
+        this.b2 = a;
     };
-    CanvasGridCellBase.prototype.cn = function (a) {
-        this.r = a;
-        this.o = true;
+    CanvasGridCellBase.prototype.cq = function (a) {
+        this.u = a;
+        this.r = true;
     };
-    CanvasGridCellBase.prototype.cv = function (a) {
-        if (!this.ac) {
+    CanvasGridCellBase.prototype.l = function () {
+        if (TestRandomness.instance.testRandomnessSource != null) {
+            return TestRandomness.instance.testRandomnessSource;
+        }
+        return new DefaultRandomnessSource(1, CanvasGridCellBase.bz);
+    };
+    CanvasGridCellBase.prototype.k = function () {
+        var a = this.l();
+        return a.getGenerator("PlaceholderWidths");
+    };
+    CanvasGridCellBase.prototype.cy = function (a) {
+        if (!this.af) {
             return;
         }
-        this.o = true;
+        this.r = true;
         this.a.h = (a * 0.20000000298023224);
     };
-    CanvasGridCellBase.prototype.b6 = function (a, b, c, d) {
+    CanvasGridCellBase.prototype.b9 = function (a, b, c, d) {
         if (this.a != null) {
-            var e = this.az;
-            var f = this.ay;
+            var e = this.a2;
+            var f = this.a1;
             if (this.f == 1) {
                 b = truncate((b + (d / 2) - (f / 2)));
             }
@@ -601,49 +613,52 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CanvasGridCellBase.prototype.cg = function (a) {
+    CanvasGridCellBase.prototype.cj = function (a) {
         this.i = a;
-        this.p = true;
-        this.o = true;
         this.s = true;
+        this.r = true;
+        this.v = true;
     };
-    CanvasGridCellBase.prototype.cu = function (a) {
-        if (!this.ac) {
+    CanvasGridCellBase.prototype.cx = function (a) {
+        if (!this.af) {
             return;
         }
-        this.o = true;
+        this.r = true;
         var 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;
         }
-        var c = a.gu * 0.2;
-        var d = a.fc * 0.6;
-        if (this.az >= c && this.az <= d) {
+        var c = a.hd * 0.2;
+        var d = a.fu * 0.6;
+        if (this.a2 >= c && this.a2 <= d) {
             return;
         }
-        var e = (CanvasGridCellBase.bw.nextDouble() * (d - c) + c);
-        if (this.az != e) {
-            this.az = e;
+        if (CanvasGridCellBase.j == null) {
+            CanvasGridCellBase.j = this.k();
+        }
+        var e = (CanvasGridCellBase.j.nextDouble() * (d - c) + c);
+        if (this.a2 != e) {
+            this.a2 = e;
         }
     };
-    CanvasGridCellBase.prototype.cs = function (a, b) {
-        if (!this.ac) {
+    CanvasGridCellBase.prototype.cv = function (a, b) {
+        if (!this.af) {
             return;
         }
-        this.o = true;
+        this.r = true;
         this.d = a;
         this.f = b;
     };
-    CanvasGridCellBase.prototype.ct = function (a) {
-        if (!this.ac) {
+    CanvasGridCellBase.prototype.cw = function (a) {
+        if (!this.af) {
             return;
         }
-        this.o = true;
+        this.r = true;
     };
-    CanvasGridCellBase.prototype.cc = function (a) {
+    CanvasGridCellBase.prototype.cf = function (a) {
         this.b = a;
     };
     Object.defineProperty(CanvasGridCellBase.prototype, "e", {
@@ -653,83 +668,83 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    CanvasGridCellBase.prototype.ci = function (a) {
+    CanvasGridCellBase.prototype.cl = function (a) {
         this.c = a;
-        this.o = true;
-        this.s = true;
+        this.r = true;
+        this.v = true;
     };
-    CanvasGridCellBase.prototype.cw = function (a) {
-        if (this.b0 == null) {
+    CanvasGridCellBase.prototype.cz = function (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);
         }
         var 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;
         var c = 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);
+        var e = this.a8;
+        var 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);
         var g = e;
-        if (!isNaN_(this.a1) && this.a1 < e) {
-            g = this.a1;
+        if (!isNaN_(this.a4) && this.a4 < e) {
+            g = this.a4;
         }
-        var h = this.bk(this.cx, this.b0, g, a);
+        var 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;
     };
-    CanvasGridCellBase.prototype.bk = function (a, b, c, d) {
+    CanvasGridCellBase.prototype.bn = function (a, b, c, d) {
         var e = b;
         var f = e.length;
         var 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;
         }
         var h = d.g(e);
         if (h <= c) {
@@ -759,28 +774,28 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         a.al = e;
         return h;
     };
-    CanvasGridCellBase.prototype.cq = function (a) {
+    CanvasGridCellBase.prototype.ct = function (a) {
         this.g = a;
-        this.o = true;
-        this.s = true;
+        this.r = true;
+        this.v = true;
     };
-    CanvasGridCellBase.prototype.ag = function (a) {
+    CanvasGridCellBase.prototype.aj = function (a) {
         return a.isClickActionDesired;
     };
     CanvasGridCellBase.prototype.onContactStarted = function (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);
         }
     };
     CanvasGridCellBase.prototype.onContactMoved = function (a, b) {
-        if (this.b != null && this.ag(this.b)) {
+        if (this.b != null && this.aj(this.b)) {
             var c = a.pageX;
             var 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 {
@@ -792,7 +807,7 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
                         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();
                         }
@@ -802,10 +817,10 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CanvasGridCellBase.prototype.onContactCompleted = function (a, b) {
-        if (this.b != null && this.ag(this.b)) {
+        if (this.b != null && this.aj(this.b)) {
             var c = a.pageX;
             var 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()) {
@@ -848,9 +863,10 @@ var CanvasGridCellBase = /** @class */ /*@__PURE__*/ (function (_super) {
     CanvasGridCellBase.prototype.detach = function () {
     };
     CanvasGridCellBase.$t = markType(CanvasGridCellBase, 'CanvasGridCellBase', Base.$, [INativeCell_$type]);
-    CanvasGridCellBase.bw = new Random(0);
-    CanvasGridCellBase.bs = 10;
-    CanvasGridCellBase.bq = 3;
+    CanvasGridCellBase.j = null;
+    CanvasGridCellBase.bz = new Random(0);
+    CanvasGridCellBase.bv = 10;
+    CanvasGridCellBase.bt = 3;
     return CanvasGridCellBase;
 }(Base));
 export { CanvasGridCellBase };