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

package/esm2015/lib/GridCellBase.js

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