igniteui-angular-data-grids 20.0.1-beta.0 → 20.0.2-beta.0

package/esm5/lib/TextHeaderCell.js

@@ -18,28 +18,28 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(TextHeaderCell, _super);
     function TextHeaderCell(a) {
         var _this = _super.call(this, a) || this;
-        _this.cv = null;
-        _this.cr = null;
-        _this.cp = null;
-        _this.cl = 0;
-        _this.ck = 0;
-        _this.cn = 3;
-        _this.cx = null;
-        _this.c0 = -1;
-        _this.cz = -1;
-        _this.ct = false;
-        _this.cw = null;
-        _this.cu = false;
-        _this.cv = a.createElement("span");
-        _this.ah.setRawStyleProperty("text-align", "left");
-        _this.ah.setRawStyleProperty("vertical-align", "middle");
-        _this.cv.setRawStyleProperty("display", "inline-block");
-        _this.cv.setRawStyleProperty("line-height", "normal");
-        _this.cv.setRawStyleProperty("vertical-align", "middle");
-        _this.cv.setRawStyleProperty("overflow", "hidden");
-        _this.cv.setRawStyleProperty("white-space", "nowrap");
-        _this.cv.setRawStyleProperty("text-overflow", "ellipsis");
-        _this.ah.append(_this.cv);
+        _this.d3 = null;
+        _this.dz = null;
+        _this.dx = null;
+        _this.dt = 0;
+        _this.ds = 0;
+        _this.dv = 3;
+        _this.d5 = null;
+        _this.d8 = -1;
+        _this.d7 = -1;
+        _this.d1 = false;
+        _this.d4 = null;
+        _this.d2 = false;
+        _this.d3 = a.createElement("span");
+        _this.ap.setRawStyleProperty("text-align", "left");
+        _this.ap.setRawStyleProperty("vertical-align", "middle");
+        _this.d3.setRawStyleProperty("display", "inline-block");
+        _this.d3.setRawStyleProperty("line-height", "normal");
+        _this.d3.setRawStyleProperty("vertical-align", "middle");
+        _this.d3.setRawStyleProperty("overflow", "hidden");
+        _this.d3.setRawStyleProperty("white-space", "nowrap");
+        _this.d3.setRawStyleProperty("text-overflow", "ellipsis");
+        _this.ap.append(_this.d3);
         var b = 18;
         var c = 18;
         var d = a.createElement("div");
@@ -48,17 +48,17 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setRawStyleProperty("vertical-align", "middle");
         d.setRawStyleProperty("width", b + "px");
         d.setRawStyleProperty("height", c + "px");
-        _this.cw = d;
+        _this.d4 = d;
         var e = a.getSubRenderer(d);
-        _this.cp = new GridFilterDialog();
-        _this.cp.bn(e, _this.ah, a);
-        _this.ah.append(d);
-        _this.cp.be(b, c);
-        _this.cp.ak = 24;
-        var f = _this.cp.ab;
-        _this.cp.ab = false;
-        _this.cp.bb();
-        _this.cp.ab = f;
+        _this.dx = new GridFilterDialog();
+        _this.dx.bn(e, _this.ap, a);
+        _this.ap.append(d);
+        _this.dx.be(b, c);
+        _this.dx.ak = 24;
+        var f = _this.dx.ab;
+        _this.dx.ab = false;
+        _this.dx.bb();
+        _this.dx.ab = f;
         var g = 18;
         var h = 18;
         d = a.createElement("div");
@@ -68,227 +68,234 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setRawStyleProperty("width", "0px");
         d.setRawStyleProperty("height", h + "px");
         d.setRawStyleProperty("margin", "0 0 0 5px");
-        _this.cx = d;
+        _this.d5 = d;
         e = a.getSubRenderer(d);
-        _this.cr = new GridSortIndicator();
-        _this.cr.n = false;
-        _this.cr.m = false;
-        _this.cr.a0(e);
-        _this.ah.append(d);
-        _this.cr.au(g, h);
-        var i = _this.cr;
-        i.propertyChanged = delegateCombine(i.propertyChanged, runOn(_this, _this.c3));
-        var j = _this.cp;
-        j.dialogOpening = delegateCombine(j.dialogOpening, runOn(_this, _this.c4));
-        var k = _this.cp;
-        k.filterChanging = delegateCombine(k.filterChanging, runOn(_this, _this.c6));
-        var l = _this.cp;
-        l.filterChanged = delegateCombine(l.filterChanged, runOn(_this, _this.c5));
-        _this.ah.listen("mouseenter", runOn(_this, _this.da));
-        _this.ah.listen("mouseleave", runOn(_this, _this.c9));
+        _this.dz = new GridSortIndicator();
+        _this.dz.n = false;
+        _this.dz.m = false;
+        _this.dz.a0(e);
+        _this.ap.append(d);
+        _this.dz.au(g, h);
+        var i = _this.dz;
+        i.propertyChanged = delegateCombine(i.propertyChanged, runOn(_this, _this.eb));
+        var j = _this.dx;
+        j.dialogOpening = delegateCombine(j.dialogOpening, runOn(_this, _this.ec));
+        var k = _this.dx;
+        k.filterChanging = delegateCombine(k.filterChanging, runOn(_this, _this.ee));
+        var l = _this.dx;
+        l.filterChanged = delegateCombine(l.filterChanged, runOn(_this, _this.ed));
+        _this.ap.listen("mouseenter", runOn(_this, _this.ei));
+        _this.ap.listen("mouseleave", runOn(_this, _this.eh));
         return _this;
     }
-    Object.defineProperty(TextHeaderCell.prototype, "cy", {
+    Object.defineProperty(TextHeaderCell.prototype, "d6", {
         get: function () {
-            return this.cv;
+            return this.d3;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "cs", {
+    Object.defineProperty(TextHeaderCell.prototype, "d0", {
         get: function () {
-            return this.cr;
+            return this.dz;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "cq", {
+    Object.defineProperty(TextHeaderCell.prototype, "dy", {
         get: function () {
-            return this.cp;
+            return this.dx;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "co", {
+    Object.defineProperty(TextHeaderCell.prototype, "dw", {
         get: function () {
-            return this.cn;
+            return this.dv;
         },
         set: function (a) {
-            var b = this.cn;
-            this.cn = a;
-            this.bs("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.cn));
+            var b = this.dv;
+            this.dv = a;
+            this.ch("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dv));
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "cm", {
+    Object.defineProperty(TextHeaderCell.prototype, "du", {
         get: function () {
-            return this.cl;
+            return this.dt;
         },
         set: function (a) {
-            var b = this.cl;
-            this.cl = a;
-            this.bs("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.cl));
+            var b = this.dt;
+            this.dt = a;
+            this.ch("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dt));
         },
         enumerable: false,
         configurable: true
     });
-    TextHeaderCell.prototype.aa = function (a) {
+    TextHeaderCell.prototype.af = function (a) {
         return true;
     };
-    TextHeaderCell.prototype.b9 = function (a, b) {
-        _super.prototype.b9.call(this, a, b);
+    TextHeaderCell.prototype.c8 = function (a, b) {
+        _super.prototype.c8.call(this, a, b);
         a -= 21;
-        if (this.cu) {
+        if (this.d2) {
             a -= 15;
         }
         var c = Math.max(0, a - b);
-        if (c != this.c0) {
-            this.c0 = c;
-            this.cv.setRawStyleProperty("max-width", c.toString() + "px");
+        if (c != this.d8) {
+            this.d8 = c;
+            this.d3.setRawStyleProperty("max-width", c.toString() + "px");
         }
     };
-    TextHeaderCell.prototype.b3 = function (a, b) {
-        _super.prototype.b3.call(this, a, b);
+    TextHeaderCell.prototype.cy = function (a, b) {
+        _super.prototype.cy.call(this, a, b);
+        this.d3.setRawStyleProperty("line-height", (this.be - this.bf).toString() + "px");
         var c = Math.max(0, a - b);
-        if (this.cz != c) {
-            this.cz = c;
-            this.cv.setRawStyleProperty("max-height", c.toString() + "px");
+        if (this.d7 != c) {
+            this.d7 = c;
+            this.d3.setRawStyleProperty("max-height", c.toString() + "px");
         }
     };
-    TextHeaderCell.prototype.ca = function (a, b, c, d) {
-        this.cp.bd();
+    TextHeaderCell.prototype.cx = function (a, b) {
+        _super.prototype.cx.call(this, a, b);
+        if (a == this.d3) {
+            this.d3.setRawStyleProperty("line-height", (this.be - this.bf).toString() + "px");
+        }
+    };
+    TextHeaderCell.prototype.c9 = function (a, b, c, d) {
+        this.dx.bd();
     };
-    TextHeaderCell.prototype.c3 = function (a, b) {
+    TextHeaderCell.prototype.eb = function (a, b) {
         switch (b.propertyName) {
             case "CurrentOpacity":
-                if (this.cs.t > 0) {
-                    this.cx.setRawStyleProperty("width", "18px");
-                    if (this.ck == 2) {
-                        this.cx.setRawStyleProperty("margin", "0 5px 0 0");
+                if (this.d0.t > 0) {
+                    this.d5.setRawStyleProperty("width", "18px");
+                    if (this.ds == 2) {
+                        this.d5.setRawStyleProperty("margin", "0 5px 0 0");
                     }
                     else {
-                        this.cx.setRawStyleProperty("margin", "0 0 0 5px");
+                        this.d5.setRawStyleProperty("margin", "0 0 0 5px");
                     }
                 }
                 else {
-                    this.cx.setRawStyleProperty("width", "0px");
-                    this.cx.setRawStyleProperty("margin", "0");
+                    this.d5.setRawStyleProperty("width", "0px");
+                    this.d5.setRawStyleProperty("margin", "0");
                 }
                 break;
         }
     };
-    TextHeaderCell.prototype.da = function (a) {
+    TextHeaderCell.prototype.ei = function (a) {
         if (this.b.isGridDragging) {
             return;
         }
-        this.cp.ba();
-        switch (this.co) {
+        this.dx.ba();
+        switch (this.dw) {
             case 2:
             case 3:
-                this.cp.br();
+                this.dx.br();
                 break;
         }
     };
-    TextHeaderCell.prototype.c9 = function (a) {
-        switch (this.co) {
+    TextHeaderCell.prototype.eh = function (a) {
+        switch (this.dw) {
             case 2:
             case 3:
-                this.cp.bb();
+                this.dx.bb();
                 break;
         }
     };
-    TextHeaderCell.prototype.c5 = function (a, b) {
+    TextHeaderCell.prototype.ed = function (a, b) {
         this.b.columnFilterChanged(b.a);
     };
-    TextHeaderCell.prototype.c6 = function (a, b) {
+    TextHeaderCell.prototype.ee = function (a, b) {
         this.b.columnFilterChanging(b.a);
     };
-    TextHeaderCell.prototype.c4 = function (a, b) {
+    TextHeaderCell.prototype.ec = function (a, b) {
         if (this.b != null) {
             b.a = this.f.getColumn();
             this.b.cancelEditMode(false);
         }
     };
-    TextHeaderCell.prototype.bq = function (a, b, c) {
-        _super.prototype.bq.call(this, a, b, c);
-        this.ck = c;
-        this.cp.k = c;
+    TextHeaderCell.prototype.cf = function (a, b, c) {
+        _super.prototype.cf.call(this, a, b, c);
+        this.ds = c;
+        this.dx.k = c;
         if (c == 2) {
-            this.ah.removeChild(this.cx);
-            this.ah.removeChild(this.cw);
-            this.cv.before(this.cw);
-            this.cw.before(this.cx);
-            if (this.cm == 1) {
-                this.cw.setRawStyleProperty("margin", "0 5px 0 0");
-                this.cp.l = this.ck;
+            this.ap.removeChild(this.d5);
+            this.ap.removeChild(this.d4);
+            this.d3.before(this.d4);
+            this.d4.before(this.d5);
+            if (this.du == 1) {
+                this.d4.setRawStyleProperty("margin", "0 5px 0 0");
+                this.dx.l = this.ds;
             }
             else {
-                this.cw.setRawStyleProperty("margin", "0");
-                this.cp.l = 0;
+                this.d4.setRawStyleProperty("margin", "0");
+                this.dx.l = 0;
             }
         }
         else {
-            this.ah.removeChild(this.cx);
-            this.ah.removeChild(this.cv);
-            this.cw.before(this.cv);
-            this.cw.before(this.cx);
-            if (this.cm == 1) {
-                this.cw.setRawStyleProperty("margin", "0 0 0 5px");
-                this.cp.l = this.ck;
+            this.ap.removeChild(this.d5);
+            this.ap.removeChild(this.d3);
+            this.d4.before(this.d3);
+            this.d4.before(this.d5);
+            if (this.du == 1) {
+                this.d4.setRawStyleProperty("margin", "0 0 0 5px");
+                this.dx.l = this.ds;
             }
             else {
-                this.cw.setRawStyleProperty("margin", "0");
-                this.cp.l = 2;
+                this.d4.setRawStyleProperty("margin", "0");
+                this.dx.l = 2;
             }
         }
     };
-    TextHeaderCell.prototype.b7 = function (a, b, c, d) {
-        _super.prototype.b7.call(this, a, b, c, d);
-        this.cp.an = a;
-        this.cp.ao = c;
+    TextHeaderCell.prototype.c3 = function (a, b, c, d) {
+        _super.prototype.c3.call(this, a, b, c, d);
+        this.dx.an = a;
+        this.dx.ao = c;
     };
-    TextHeaderCell.prototype.c8 = function () {
-        if (this.cm == 2 || this.cm == 0) {
-            if (this.ck == 2) {
-                this.cp.l = 0;
+    TextHeaderCell.prototype.eg = function () {
+        if (this.du == 2 || this.du == 0) {
+            if (this.ds == 2) {
+                this.dx.l = 0;
             }
             else {
-                this.cp.l = 2;
+                this.dx.l = 2;
             }
         }
         else {
-            this.cp.l = this.ck;
-            if (this.ck == 2) {
-                this.cw.setRawStyleProperty("margin", "0 5px 0 0");
+            this.dx.l = this.ds;
+            if (this.ds == 2) {
+                this.d4.setRawStyleProperty("margin", "0 5px 0 0");
             }
             else {
-                this.cw.setRawStyleProperty("margin", "0 0 0 5px");
+                this.d4.setRawStyleProperty("margin", "0 0 0 5px");
             }
         }
     };
-    TextHeaderCell.prototype.c7 = function () {
-        switch (this.co) {
+    TextHeaderCell.prototype.ef = function () {
+        switch (this.dw) {
             case 1:
-                this.cp.ab = false;
-                this.cp.br();
+                this.dx.ab = false;
+                this.dx.br();
                 break;
             case 2:
-                this.cp.ab = false;
+                this.dx.ab = false;
                 break;
             case 3:
-                this.cp.ab = true;
+                this.dx.ab = true;
                 break;
         }
     };
-    TextHeaderCell.prototype.bs = function (a, b, c) {
-        _super.prototype.bs.call(this, a, b, c);
+    TextHeaderCell.prototype.ch = function (a, b, c) {
+        _super.prototype.ch.call(this, a, b, c);
         switch (a) {
             case "ColumnOptionsIconAlignment":
-                this.c8();
+                this.eg();
                 break;
             case "ColumnOptionsIconBehavior":
-                this.c7();
+                this.ef();
                 break;
         }
     };
@@ -296,25 +303,25 @@ var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         if (e_.button == 2) {
             return;
         }
-        var b = this.cp.ad(e_);
+        var b = this.dx.ad(e_);
         if (b) {
-            this.ct = true;
+            this.d1 = true;
             return;
         }
         _super.prototype.onContactStarted.call(this, e_, a);
     };
     TextHeaderCell.prototype.onContactCompleted = function (e_, a) {
-        if (!this.ct) {
+        if (!this.d1) {
             _super.prototype.onContactCompleted.call(this, e_, a);
         }
-        this.ct = false;
+        this.d1 = false;
     };
     TextHeaderCell.prototype.detach = function () {
         _super.prototype.detach.call(this);
-        if (this.cp != null) {
+        if (this.dx != null) {
         }
     };
-    TextHeaderCell.prototype.get_x = function () {
+    TextHeaderCell.prototype.get_ac = function () {
         return true;
     };
     TextHeaderCell.$t = markType(TextHeaderCell, 'TextHeaderCell', GridCellBase.$);

package/esm5/lib/TextHeaderCellPresenter.js

@@ -28,59 +28,59 @@ var TextHeaderCellPresenter = /** @class */ /*@__PURE__*/ (function (_super) {
     TextHeaderCellPresenter.prototype.b = function (a) {
         _super.prototype.b.call(this, a);
         var b = a;
-        if (a.a3) {
-            if (a.a8(TextCellModel.mj)) {
-                b.j3 = b.ml;
-                this.d.cy.setRawText(b.j3);
+        if (a.a7) {
+            if (a.bc(TextCellModel.nw)) {
+                b.ku = b.ny;
+                this.d.c5(this.d.d6, b.ku);
             }
-            if (a.a8(CellModel.g4)) {
-                var c = this.d.cs.m;
-                if (a.bp) {
-                    this.d.cs.m = false;
+            if (a.bc(CellModel.hg)) {
+                var c = this.d.d0.m;
+                if (a.bt) {
+                    this.d.d0.m = false;
                 }
-                this.d.cs.b = a.n;
-                if (a.bp) {
-                    this.d.cs.m = c;
+                this.d.d0.b = a.n;
+                if (a.bt) {
+                    this.d.d0.m = c;
                 }
             }
-            if (a.a8(CellModel.g5)) {
-                var d = this.d.cs.m;
-                if (a.bp) {
-                    this.d.cs.m = false;
+            if (a.bc(CellModel.hh)) {
+                var d = this.d.d0.m;
+                if (a.bt) {
+                    this.d.d0.m = false;
                 }
-                this.d.cs.a3 = a.me;
-                if (a.bp) {
-                    this.d.cs.m = d;
+                this.d.d0.a3 = a.no;
+                if (a.bt) {
+                    this.d.d0.m = d;
                 }
             }
-            if (a.a7("IsColumnOptionsEnabled")) {
-                var e = b.mu;
+            if (a.bb("IsColumnOptionsEnabled")) {
+                var e = b.n7;
                 if (e) {
                     e = this.e();
                 }
-                this.d.cu = e;
-                this.d.cw.setRawStyleProperty("display", e ? "inline-block" : "none");
-                this.a.b9(a.he, (a.gm + a.go + a.e2 + a.e5));
+                this.d.d2 = e;
+                this.d.d4.setRawStyleProperty("display", e ? "inline-block" : "none");
+                this.a.c8(a.h2, (a.gy + a.g0 + a.fe + a.fh));
             }
-            if (a.a7("SortIndicatorStyle")) {
-                this.d.cs.f = b.ms;
+            if (a.bb("SortIndicatorStyle")) {
+                this.d.d0.f = b.n5;
             }
-            if (a.a7("ColumnOptionsIconAlignment")) {
-                this.d.cm = b.mo;
+            if (a.bb("ColumnOptionsIconAlignment")) {
+                this.d.du = b.n1;
             }
-            if (a.a7("ColumnOptionsIconBehavior")) {
-                this.d.co = b.mq;
+            if (a.bb("ColumnOptionsIconBehavior")) {
+                this.d.dw = b.n3;
             }
-            if (a.a7("ColumnOptionsIconColor")) {
-                this.d.cq.bw = b.m6;
+            if (a.bb("ColumnOptionsIconColor")) {
+                this.d.dy.bw = b.oj;
             }
-            if (a.a7("Path") || (this.d.cq.n != null && this.d.cq.n.grid == null)) {
+            if (a.bb("Path") || (this.d.dy.n != null && this.d.dy.n.grid == null)) {
                 var f = a.e.getColumn();
-                if (f != this.d.cq.n) {
-                    this.d.cq.n = f;
+                if (f != this.d.dy.n) {
+                    this.d.dy.n = f;
                 }
             }
-            ContentCellModelHelper.a(this.a.ae, b, this.a.ah, this.d.cy, this.a);
+            ContentCellModelHelper.a(this.a.ak, b, this.a.ap, this.d.d6, this.a);
         }
     };
     TextHeaderCellPresenter.prototype.e = function () {

package/esm5/lib/VerticalSeparatorCell.js

@@ -15,57 +15,57 @@ var VerticalSeparatorCell = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(VerticalSeparatorCell, _super);
     function VerticalSeparatorCell(a) {
         var _this = _super.call(this, a) || this;
-        _this.cl = null;
-        _this.ck = null;
-        _this.cm = 0;
-        _this.cn = 0;
-        _this.cl = a.createElement("div");
-        _this.cl.setRawStyleProperty("position", "absolute");
-        _this.cl.setRawStyleProperty("pointer-events", "none");
-        _this.ah.append(_this.cl);
+        _this.dt = null;
+        _this.ds = null;
+        _this.du = 0;
+        _this.dv = 0;
+        _this.dt = a.createElement("div");
+        _this.dt.setRawStyleProperty("position", "absolute");
+        _this.dt.setRawStyleProperty("pointer-events", "none");
+        _this.ap.append(_this.dt);
         return _this;
     }
-    VerticalSeparatorCell.prototype.b1 = function (a, b, c, d, e) {
+    VerticalSeparatorCell.prototype.cu = function (a, b, c, d, e) {
         if (a == null) {
-            if (this.ck != null) {
-                this.ck.remove();
-                this.ck = null;
+            if (this.ds != null) {
+                this.ds.remove();
+                this.ds = null;
             }
         }
         else {
-            this.co();
-            this.cm = b;
-            this.cn = d;
+            this.dw();
+            this.du = b;
+            this.dv = d;
         }
-        this.cp();
+        this.dx();
     };
-    VerticalSeparatorCell.prototype.b9 = function (a, b) {
-        _super.prototype.b9.call(this, a, b);
-        this.cp();
+    VerticalSeparatorCell.prototype.c8 = function (a, b) {
+        _super.prototype.c8.call(this, a, b);
+        this.dx();
     };
-    VerticalSeparatorCell.prototype.b0 = function (a) {
-        this.cl.setRawStyleProperty("background-color", a.colorString);
+    VerticalSeparatorCell.prototype.ct = function (a) {
+        this.dt.setRawStyleProperty("background-color", a.colorString);
     };
-    VerticalSeparatorCell.prototype.cp = function () {
-        if (this.ck != null) {
-            this.cl.setRawStyleProperty("height", "100%");
-            this.cl.setRawStyleProperty("width", this.ah.width() - (this.cm + this.cn) + "px");
-            this.cl.setRawStyleProperty("left", intDivide(this.ah.width(), 2) + "px");
-            this.ck.setRawStyleProperty("width", "100%");
-            this.ck.setRawStyleProperty("height", "100%");
+    VerticalSeparatorCell.prototype.dx = function () {
+        if (this.ds != null) {
+            this.dt.setRawStyleProperty("height", "100%");
+            this.dt.setRawStyleProperty("width", this.ap.width() - (this.du + this.dv) + "px");
+            this.dt.setRawStyleProperty("left", intDivide(this.ap.width(), 2) + "px");
+            this.ds.setRawStyleProperty("width", "100%");
+            this.ds.setRawStyleProperty("height", "100%");
         }
         else {
-            this.cl.setRawStyleProperty("height", "100%");
-            this.cl.setRawStyleProperty("width", this.ah.width() + "px");
-            this.cl.setRawStyleProperty("left", "0px");
+            this.dt.setRawStyleProperty("height", "100%");
+            this.dt.setRawStyleProperty("width", this.ap.width() + "px");
+            this.dt.setRawStyleProperty("left", "0px");
         }
     };
-    VerticalSeparatorCell.prototype.co = function () {
-        if (this.ck == null) {
-            this.ck = this.ae.createElement("div");
-            this.ck.setRawStyleProperty("position", "absolute");
-            this.ck.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
-            this.ah.getNativeElement().insertBefore(this.ck.getNativeElement(), this.cl.getNativeElement());
+    VerticalSeparatorCell.prototype.dw = function () {
+        if (this.ds == null) {
+            this.ds = this.ak.createElement("div");
+            this.ds.setRawStyleProperty("position", "absolute");
+            this.ds.setRawStyleProperty("background-color", "rgba(0,0,0,0)");
+            this.ap.getNativeElement().insertBefore(this.ds.getNativeElement(), this.dt.getNativeElement());
         }
     };
     VerticalSeparatorCell.$t = markType(VerticalSeparatorCell, 'VerticalSeparatorCell', GridCellBase.$);