igniteui-webcomponents-data-grids 7.1.0-beta.2 → 7.1.0-beta.4

package/esm2015/lib/GridCellBase.js

@@ -43,26 +43,26 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.cl("IsRemoved", b, this.w);
+                this.cn("IsRemoved", b, this.w);
             }
         }
-        get bf() {
+        get bg() {
             return this.a2;
         }
-        get bd() {
+        get be() {
             return this.a0;
         }
-        get be() {
+        get bf() {
             return this.a1;
         }
-        get bi() {
+        get bj() {
             return this.a5;
         }
-        set bi(a) {
+        set bj(a) {
             let b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.cl("Indent", b, this.a5);
+                this.cn("Indent", b, this.a5);
             }
         }
         get aa() {
@@ -72,17 +72,17 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let b = this.t;
             this.t = a;
             if (b != this.t) {
-                this.cl("IsCollapsable", b, this.t);
+                this.cn("IsCollapsable", b, this.t);
             }
         }
-        get dt() {
-            return this.dp;
+        get dv() {
+            return this.dr;
         }
-        set dt(a) {
-            let b = this.dp;
-            this.dp = a;
-            if (b != this.dp) {
-                this.cl("ExpansionIndicatorIconColor", b, this.dp);
+        set dv(a) {
+            let b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.cn("ExpansionIndicatorIconColor", b, this.dr);
             }
         }
         get ab() {
@@ -92,7 +92,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let b = this.u;
             this.u = a;
             if (b != this.u) {
-                this.cl("IsExpanded", b, this.u);
+                this.cn("IsExpanded", b, this.u);
             }
         }
         get ad() {
@@ -102,27 +102,27 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.cl("IsHitTestVisible", b, this.v);
+                this.cn("IsHitTestVisible", b, this.v);
             }
         }
-        get b4() {
-            return this.bp;
+        get b6() {
+            return this.br;
         }
-        set b4(a) {
-            let b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.cl("SuffixText", b, this.bp);
+        set b6(a) {
+            let b = this.br;
+            this.br = a;
+            if (b != this.br) {
+                this.cn("SuffixText", b, this.br);
             }
         }
-        get dw() {
-            return this.ds;
+        get dy() {
+            return this.du;
         }
-        set dw(a) {
-            let b = this.ds;
-            this.ds = a;
-            if (b != this.ds) {
-                this.cl("SuffixTextColor", b, this.ds);
+        set dy(a) {
+            let b = this.du;
+            this.du = a;
+            if (b != this.du) {
+                this.cn("SuffixTextColor", b, this.du);
             }
         }
         get n() {
@@ -132,11 +132,11 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.cl("SuffixTextFont", b, this.m);
+                this.cn("SuffixTextFont", b, this.m);
             }
         }
-        cm() {
-            if (this.bp != null) {
+        co() {
+            if (this.br != null) {
                 if (this.aq == null) {
                     this.aq = this.ak.createElement("span");
                     this.aq.setRawStyleProperty("display", "inline-block");
@@ -144,7 +144,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
                     this.aq.setRawStyleProperty("white-space", "nowrap");
                     this.aq.setRawStyleProperty("margin-left", this.aj + "px");
                 }
-                this.co();
+                this.cq();
                 if (!this.x) {
                     this.ar.setRawStyleProperty("display", "grid");
                     this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
@@ -161,58 +161,58 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 }
             }
         }
-        get bz() {
-            return this.bo;
+        get b1() {
+            return this.bq;
         }
-        set bz(a) {
-            let b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.cl("SuffixIconName", b, this.bo);
+        set b1(a) {
+            let b = this.bq;
+            this.bq = a;
+            if (b != this.bq) {
+                this.cn("SuffixIconName", b, this.bq);
             }
         }
-        get bw() {
-            return this.bn;
+        get by() {
+            return this.bp;
         }
-        set bw(a) {
-            let b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.cl("SuffixIconCollectionName", b, this.bn);
+        set by(a) {
+            let b = this.bp;
+            this.bp = a;
+            if (b != this.bp) {
+                this.cn("SuffixIconCollectionName", b, this.bp);
             }
         }
-        get dv() {
-            return this.dr;
+        get dx() {
+            return this.dt;
         }
-        set dv(a) {
-            let b = this.dr;
-            this.dr = a;
-            if (b != this.dr) {
-                this.cl("SuffixIconStroke", b, this.dr);
+        set dx(a) {
+            let b = this.dt;
+            this.dt = a;
+            if (b != this.dt) {
+                this.cn("SuffixIconStroke", b, this.dt);
             }
         }
-        get du() {
-            return this.dq;
+        get dw() {
+            return this.ds;
         }
-        set du(a) {
-            let b = this.dq;
-            this.dq = a;
-            if (b != this.dq) {
-                this.cl("SuffixIconFill", b, this.dq);
+        set dw(a) {
+            let b = this.ds;
+            this.ds = a;
+            if (b != this.ds) {
+                this.cn("SuffixIconFill", b, this.ds);
             }
         }
-        get dy() {
-            return this.dx;
+        get d0() {
+            return this.dz;
         }
-        set dy(a) {
-            let b = this.dx;
-            this.dx = a;
-            if (Rect.l_op_Inequality(b, this.dx)) {
-                this.cl("SuffixIconViewBox", b, this.dx);
+        set d0(a) {
+            let b = this.dz;
+            this.dz = a;
+            if (Rect.l_op_Inequality(b, this.dz)) {
+                this.cn("SuffixIconViewBox", b, this.dz);
             }
         }
-        cn() {
-            if (this.bo != null && this.bn != null) {
+        cp() {
+            if (this.bq != null && this.bp != null) {
                 if (this.l == null) {
                     this.ap = this.ak.createElement("div");
                     this.al = this.ak.getSubRenderer(this.ap);
@@ -222,7 +222,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
                     this.ap.setRawStyleProperty("overflow", "hidden");
                     this.ap.setRawStyleProperty("margin-left", this.aj + "px");
                 }
-                this.co();
+                this.cq();
                 if (!this.x) {
                     this.ar.setRawStyleProperty("display", "grid");
                     this.ar.setRawStyleProperty("grid-template-columns", "1fr min-content");
@@ -239,35 +239,35 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 }
             }
         }
-        co() {
+        cq() {
             if (this.aq != null) {
-                this.c9(this.aq, this.bp);
-                this.da(this.aq, this.dw);
-                this.c1(this.aq, this.n);
-                this.dc(this.aq, this.h);
+                this.db(this.aq, this.br);
+                this.dc(this.aq, this.dy);
+                this.c3(this.aq, this.n);
+                this.de(this.aq, this.h);
             }
             if (this.l != null) {
-                this.l.ea = this.dv;
-                this.l.fill = this.du;
-                if (!this.dy.isEmpty && !isNaN_(this.dy.left) && !isNaN_(this.dy.top) && !isNaN_(this.dy.width) && !isNaN_(this.dy.height)) {
-                    this.l.a6 = this.dy.left;
-                    this.l.a7 = this.dy.top;
-                    this.l.a8 = this.dy.width;
-                    this.l.a5 = this.dy.height;
+                this.l.ea = this.dx;
+                this.l.fill = this.dw;
+                if (!this.d0.isEmpty && !isNaN_(this.d0.left) && !isNaN_(this.d0.top) && !isNaN_(this.d0.width) && !isNaN_(this.d0.height)) {
+                    this.l.a6 = this.d0.left;
+                    this.l.a7 = this.d0.top;
+                    this.l.a8 = this.d0.width;
+                    this.l.a5 = this.d0.height;
                 }
-                this.c8(this.ap, this.dv);
-                this.c0(this.ap, this.du);
-                this.dc(this.ap, this.h);
-                this.c4(this.l, this.bw, this.bz);
+                this.da(this.ap, this.dx);
+                this.c2(this.ap, this.dw);
+                this.de(this.ap, this.h);
+                this.c6(this.l, this.by, this.b1);
             }
         }
-        c4(a, b, c) {
+        c6(a, b, c) {
             a.svg = null;
             a.svgPath = null;
             a.b = null;
             a.b2 = null;
             a.bj = null;
-            let d = SvgIconRegistry.instance.getSvgPathString(this.bn, this.bo);
+            let d = SvgIconRegistry.instance.getSvgPathString(this.bp, this.bq);
             if (d != null) {
                 if (stringStartsWith(d, "<svg")) {
                     a.svg = d;
@@ -277,17 +277,17 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 }
                 return;
             }
-            let e = SvgIconRegistry.instance.getSvgPathsString(this.bn, this.bo);
+            let e = SvgIconRegistry.instance.getSvgPathsString(this.bp, this.bq);
             if (e != null) {
                 a.b = e;
                 return;
             }
-            let f = SvgIconRegistry.instance.getDataURLString(this.bn, this.bo);
+            let f = SvgIconRegistry.instance.getDataURLString(this.bp, this.bq);
             if (f != null) {
                 a.b2 = f;
                 return;
             }
-            let g = SvgIconRegistry.instance.getIconSource(this.bn, this.bo);
+            let g = SvgIconRegistry.instance.getIconSource(this.bp, this.bq);
             if (g != null) {
                 a.bj = g;
             }
@@ -299,7 +299,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let b = this.ai;
             this.ai = a;
             if (b != this.ai) {
-                this.cl("SuffixMargin", b, this.ai);
+                this.cn("SuffixMargin", b, this.ai);
             }
         }
         constructor(a) {
@@ -318,19 +318,19 @@ let GridCellBase = /*@__PURE__*/ (() => {
             this.a0 = 0;
             this.a5 = 0;
             this.t = false;
-            this.dp = null;
+            this.dr = null;
             this.u = false;
             this.v = true;
             this.aq = null;
-            this.bp = null;
-            this.ds = null;
+            this.br = null;
+            this.du = null;
             this.m = null;
             this.x = false;
-            this.bo = null;
-            this.bn = null;
-            this.dr = null;
-            this.dq = null;
-            this.dx = Rect.empty;
+            this.bq = null;
+            this.bp = null;
+            this.dt = null;
+            this.ds = null;
+            this.dz = Rect.empty;
             this.al = null;
             this.ap = null;
             this.l = null;
@@ -344,10 +344,11 @@ let GridCellBase = /*@__PURE__*/ (() => {
             this.aw = 0;
             this.av = 0;
             this.at = 0;
-            this.dn = null;
+            this.dq = null;
             this.a3 = 0;
             this.bc = 0;
             this.a4 = 0;
+            this.bd = 0;
             this.k = null;
             this.g = 0;
             this.i = 0;
@@ -355,8 +356,8 @@ let GridCellBase = /*@__PURE__*/ (() => {
             this.ag = 0;
             this.h = 1;
             this.y = false;
-            this.bl = 0;
-            this.bm = 0;
+            this.bn = 0;
+            this.bo = 0;
             this.as = 0;
             this.bb = -1;
             this.ax = 0;
@@ -372,25 +373,25 @@ let GridCellBase = /*@__PURE__*/ (() => {
             let c = (window.PointerEvent !== undefined);
             let d = (window.TouchEvent);
             if ((b || c)) {
-                this.an.listen("pointerdown", runOn(this, this.cq));
-                this.an.listen("pointerup", runOn(this, this.cu));
-                this.an.listen("pointermove", runOn(this, this.ct));
-                this.an.listen("pointerleave", runOn(this, this.cs));
-                this.an.listen("pointerenter", runOn(this, this.cr));
+                this.an.listen("pointerdown", runOn(this, this.cs));
+                this.an.listen("pointerup", runOn(this, this.cw));
+                this.an.listen("pointermove", runOn(this, this.cv));
+                this.an.listen("pointerleave", runOn(this, this.cu));
+                this.an.listen("pointerenter", runOn(this, this.ct));
             }
             else {
-                this.an.listen("mousedown", runOn(this, this.cc));
-                this.an.listen("mouseup", runOn(this, this.cg));
-                this.an.listen("mousemove", runOn(this, this.cf));
-                this.an.listen("mouseleave", runOn(this, this.ce));
-                this.an.listen("touchstart", runOn(this, this.df));
-                this.an.listen("touchend", runOn(this, this.dh));
-                this.an.listen("touchmove", runOn(this, this.dg));
+                this.an.listen("mousedown", runOn(this, this.ce));
+                this.an.listen("mouseup", runOn(this, this.ci));
+                this.an.listen("mousemove", runOn(this, this.ch));
+                this.an.listen("mouseleave", runOn(this, this.cg));
+                this.an.listen("touchstart", runOn(this, this.dh));
+                this.an.listen("touchend", runOn(this, this.dj));
+                this.an.listen("touchmove", runOn(this, this.di));
             }
         }
-        cb() {
+        cd() {
             this.a1 = 10;
-            this.a0 = this.bi * 24;
+            this.a0 = this.bj * 24;
             this.a2 = 24;
             if (this.ao == null) {
                 this.ao = this.ak.createElement("div");
@@ -408,13 +409,13 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 this.j = new GridExpansionIndicator();
                 this.j.ab(a);
                 this.j.y(24, 24);
-                this.j.ae = this.dp;
+                this.j.ae = this.dr;
             }
             if (this.ao.parent() == null) {
                 this.an.append(this.ao);
             }
         }
-        cv() {
+        cx() {
             this.a2 = 0;
             this.a1 = 0;
             if (this.ao != null) {
@@ -435,7 +436,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
         get ae() {
             return this.get_ae();
         }
-        c7(a, b, c, d) {
+        c9(a, b, c, d) {
             this.a7 = a;
             this.a9 = b;
             this.a8 = c;
@@ -445,12 +446,12 @@ let GridCellBase = /*@__PURE__*/ (() => {
             this.an.setRawStyleProperty("padding-right", c.toString() + "px");
             this.an.setRawStyleProperty("padding-bottom", d.toString() + "px");
         }
-        cy(a, b, c, d, e) {
+        c0(a, b, c, d, e) {
             this.au = b;
             this.aw = c;
             this.av = d;
             this.at = e;
-            this.dn = a;
+            this.dq = a;
             if (a == null) {
                 this.an.setRawStyleProperty("border", "");
             }
@@ -469,16 +470,19 @@ let GridCellBase = /*@__PURE__*/ (() => {
         get ac() {
             return this.get_ac();
         }
-        get bg() {
+        get bh() {
             return this.a3;
         }
-        get bj() {
+        get bk() {
             return this.bc;
         }
-        get bh() {
+        get bi() {
             return this.a4;
         }
-        c2(a, b) {
+        get bl() {
+            return this.bd;
+        }
+        c4(a, b) {
             if (this.a3 != a || this.a4 != b) {
                 let c = this.a3;
                 this.a3 = a;
@@ -486,22 +490,26 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 let d = Math.max(0, this.a3 - this.a4);
                 this.an.setRawStyleProperty("height", a.toString() + "px");
                 if (this.ao != null) {
-                    this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.a2, 2));
+                    this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.a2, 2) - this.aw);
                 }
-                this.de(this.bc, this.a3, this.bc, c);
+                this.dg(this.bc, this.a3, this.bc, c);
             }
         }
-        dd(a, b) {
-            if (this.bc != a) {
+        df(a, b) {
+            if (this.bc != a || this.bd != b) {
                 let c = this.bc;
                 this.bc = a;
+                this.bd = b;
                 this.an.setRawStyleProperty("width", a.toString() + "px");
-                this.de(this.bc, this.a3, c, this.a3);
+                if (this.ao != null) {
+                    this.ao.setRawXPosition(this.a7 + this.a0);
+                }
+                this.dg(this.bc, this.a3, c, this.a3);
             }
         }
-        de(a, b, c, d) {
+        dg(a, b, c, d) {
         }
-        b9() {
+        cb() {
             if (!this.ae) {
                 return;
             }
@@ -513,40 +521,40 @@ let GridCellBase = /*@__PURE__*/ (() => {
             this.k.i = 0;
             this.an.append(this.k.g);
         }
-        cx(a) {
+        cz(a) {
             this.an.setRawStyleProperty("background-color", a.colorString);
         }
-        c6(a) {
+        c8(a) {
             this.an.setRawStyleProperty("opacity", a.toString());
         }
-        c1(a, b) {
+        c3(a, b) {
             if (b == null) {
                 b = FontUtil.getDefaultFont(this.am);
             }
             a.setRawStyleProperty("font", b.fontString);
         }
-        da(a, b) {
+        dc(a, b) {
             let c = Color.u(0, 0, 0, 0);
             if (b != null) {
                 c = b.color;
             }
             a.setRawStyleProperty("color", c.colorString);
         }
-        c8(a, b) {
+        da(a, b) {
             let c = Color.u(0, 0, 0, 0);
             if (b != null) {
                 c = b.color;
             }
             a.setRawStyleProperty("stroke", c.colorString);
         }
-        c0(a, b) {
+        c2(a, b) {
             let c = Color.u(0, 0, 0, 0);
             if (b != null) {
                 c = b.color;
             }
             a.setRawStyleProperty("fill", c.colorString);
         }
-        c9(a, b) {
+        db(a, b) {
             if (a != null) {
                 a.setRawText(b);
             }
@@ -555,19 +563,19 @@ let GridCellBase = /*@__PURE__*/ (() => {
             if (TestRandomness.instance.testRandomnessSource != null) {
                 return TestRandomness.instance.testRandomnessSource;
             }
-            return new DefaultRandomnessSource(1, GridCellBase.bk);
+            return new DefaultRandomnessSource(1, GridCellBase.bm);
         }
         p() {
             let a = this.q();
             return a.getGenerator("PlaceholderWidths");
         }
-        dm(a) {
+        dp(a) {
             if (!this.ae) {
                 return;
             }
             this.k.i = (a * 0.20000000298023224);
         }
-        dk(a, b, c, d) {
+        dm(a, b, c, d) {
             if (this.k != null) {
                 let e = this.ah;
                 let f = this.ag;
@@ -587,15 +595,15 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 this.k.g.setRawYPosition(b);
             }
         }
-        cj(a, b, c) {
+        cl(a, b, c) {
         }
-        cp(a) {
+        cr(a) {
             this.h = a;
             if (this.aq != null) {
-                this.dc(this.aq, a);
+                this.de(this.aq, a);
             }
         }
-        dl(a) {
+        dn(a) {
             if (!this.ae) {
                 return;
             }
@@ -607,8 +615,8 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 this.ag = b;
                 this.k.d = (b);
             }
-            let c = a.h8 * 0.2;
-            let d = a.ga * 0.6;
+            let c = a.ib * 0.2;
+            let d = a.gd * 0.6;
             if (this.ah >= c && this.ah <= d && !this.y) {
                 return;
             }
@@ -621,9 +629,9 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 this.ah = e;
                 this.k.e = e;
             }
-            this.dk(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
+            this.dm(this.a7 + this.a0 + this.a2, this.a9, this.bc - (this.a7 + this.a8), this.a3 - (this.a9 + this.a6));
         }
-        di(a, b) {
+        dk(a, b) {
             if (!this.ae) {
                 return;
             }
@@ -631,7 +639,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
             this.i = b;
             this.y = true;
         }
-        dj(a) {
+        dl(a) {
             if (!this.ae) {
                 return;
             }
@@ -639,16 +647,16 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 this.k.l = a.color;
             }
         }
-        cw(a) {
+        cy(a) {
             this.a = a;
         }
-        c5(a) {
+        c7(a) {
             this.e = a;
         }
-        cz(a) {
+        c1(a) {
             this.c = a;
         }
-        c3(a, b) {
+        c5(a, b) {
             switch (b) {
                 case 0:
                     this.ar.setRawStyleProperty("text-align", "left");
@@ -664,7 +672,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        dc(a, b) {
+        de(a, b) {
             switch (b) {
                 case 0:
                     a.setRawStyleProperty("vertical-align", "top");
@@ -687,67 +695,67 @@ let GridCellBase = /*@__PURE__*/ (() => {
         af(a) {
             return a.isClickActionDesired;
         }
-        cc(a) {
+        ce(a) {
             this.onContactStarted(a, false);
         }
-        cg(a) {
+        ci(a) {
             this.onContactCompleted(a, false);
         }
-        cf(a) {
+        ch(a) {
             this.onContactMoved(a, false);
         }
-        ce(a) {
-            this.ci(a, false);
+        cg(a) {
+            this.ck(a, false);
         }
-        cd(a) {
-            this.ch(a, false);
+        cf(a) {
+            this.cj(a, false);
         }
-        cq(e_) {
+        cs(e_) {
             let a = (e_.originalEvent.pointerType);
             if (a == "touch") {
-                this.df(e_);
+                this.dh(e_);
             }
             else {
-                this.cc(e_);
+                this.ce(e_);
             }
         }
-        ct(e_) {
+        cv(e_) {
             let a = (e_.originalEvent.pointerType);
             if (a == "touch") {
-                this.dg(e_);
+                this.di(e_);
             }
             else {
-                this.cf(e_);
+                this.ch(e_);
             }
         }
-        cu(e_) {
+        cw(e_) {
             let a = (e_.originalEvent.pointerType);
             if (a == "touch") {
-                this.dh(e_);
+                this.dj(e_);
             }
             else {
-                this.cg(e_);
+                this.ci(e_);
             }
         }
-        cs(e_) {
+        cu(e_) {
             let a = (e_.originalEvent.pointerType);
             if (a != "touch") {
-                this.ce(e_);
+                this.cg(e_);
             }
         }
-        cr(e_) {
+        ct(e_) {
             let a = (e_.originalEvent.pointerType);
             if (a != "touch") {
-                this.cd(e_);
+                this.cf(e_);
             }
         }
-        df(a) {
+        dh(a) {
             this.onContactStarted(a, true);
         }
-        dg(a) {
+        di(a) {
             this.onContactMoved(a, true);
         }
-        dh(a) {
+        dj(a) {
             this.onContactCompleted(a, true);
         }
         onContactStarted(e_, a) {
@@ -762,13 +770,13 @@ let GridCellBase = /*@__PURE__*/ (() => {
             }
             else {
                 if (this.a != null && this.af(this.a)) {
-                    this.bl = e_.pageX;
-                    this.bm = e_.pageY;
+                    this.bn = e_.pageX;
+                    this.bo = e_.pageY;
                     if (this.bb != e_.which) {
                         this.ax = 0;
                     }
                     this.bb = e_.which;
-                    this.a.mouseDownCell(this.bl, this.bm);
+                    this.a.mouseDownCell(this.bn, this.bo);
                 }
             }
         }
@@ -863,7 +871,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
             }
             this.s = false;
         }
-        ci(a, b) {
+        ck(a, b) {
             if (this.a != null) {
                 if (this.af(this.a)) {
                     if (this.a.isMouseDown) {
@@ -880,7 +888,7 @@ let GridCellBase = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ch(a, b) {
+        cj(a, b) {
             if (this.a != null && this.a.isEnterActionDesired) {
                 let c = a.pageX;
                 let d = a.pageY;
@@ -889,11 +897,11 @@ let GridCellBase = /*@__PURE__*/ (() => {
         }
         onDoubleClick(a) {
         }
-        cl(a, b, c) {
+        cn(a, b, c) {
             switch (a) {
                 case "Indent":
-                    this.a0 = this.bi * 24;
-                    this.a1 = this.bi > 0 ? 10 : 0;
+                    this.a0 = this.bj * 24;
+                    this.a1 = this.bj > 0 ? 10 : 0;
                     if (this.ao != null) {
                         this.ao.setRawXPosition(this.a7 + this.a0);
                         this.ao.setRawYPosition(intDivide(this.a3, 2) - intDivide(this.az, 2));
@@ -901,10 +909,10 @@ let GridCellBase = /*@__PURE__*/ (() => {
                     break;
                 case "IsCollapsable":
                     if (this.aa) {
-                        this.cb();
+                        this.cd();
                     }
                     else {
-                        this.cv();
+                        this.cx();
                     }
                     break;
                 case "IsExpanded":
@@ -914,25 +922,25 @@ let GridCellBase = /*@__PURE__*/ (() => {
                     break;
                 case "ExpansionIndicatorIconColor":
                     if (this.j != null) {
-                        this.j.ae = this.dt;
+                        this.j.ae = this.dv;
                     }
                     break;
                 case "IsHitTestVisible":
                     this.ar.setRawStyleProperty("pointer-events", this.ad ? "auto" : "none");
                     break;
                 case "SuffixText":
-                    this.cm();
+                    this.co();
                     break;
                 case "SuffixIconName":
                 case "SuffixIconCollectionName":
-                    this.cn();
+                    this.cp();
                     break;
                 case "SuffixTextColor":
                 case "SuffixTextFont":
                 case "SuffixIconStroke":
                 case "SuffixIconFill":
                 case "SuffixIconViewBox":
-                    this.co();
+                    this.cq();
                     break;
                 case "SuffixMargin":
                     if (this.ap != null) {
@@ -944,12 +952,12 @@ let GridCellBase = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        ck() {
+        cm() {
         }
-        ca() {
+        cc() {
             this.an.focus(true);
         }
-        b8() {
+        ca() {
             if (this.a != null) {
                 let a = this.an.clone();
                 this.a.passCellClone(a);
@@ -957,12 +965,12 @@ let GridCellBase = /*@__PURE__*/ (() => {
         }
         detach() {
         }
-        db(a) {
+        dd(a) {
         }
     }
     GridCellBase.$t = /*@__PURE__*/ markType(GridCellBase, 'GridCellBase', Base.$, [INativeCell_$type]);
     GridCellBase.o = null;
-    GridCellBase.bk = /*@__PURE__*/ new Random(0);
+    GridCellBase.bm = /*@__PURE__*/ new Random(0);
     GridCellBase.ba = 10;
     GridCellBase.ay = 3;
     return GridCellBase;