igniteui-webcomponents-data-grids 7.1.0-alpha.0 → 7.1.0-alpha.2

package/esm5/lib/TextCell.js

@@ -14,47 +14,47 @@ export var TextCell = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(TextCell, _super);
     function TextCell(a) {
         var _this = _super.call(this, a) || this;
-        _this.dv = null;
+        _this.dw = null;
+        _this.dz = -1;
         _this.dy = -1;
-        _this.dx = -1;
         _this.ar.setRawStyleProperty("text-align", "left");
         _this.ar.setRawStyleProperty("vertical-align", "middle");
-        _this.dv = a.createElement("span");
-        _this.dv.setRawStyleProperty("display", "inline-block");
-        _this.dv.setRawStyleProperty("overflow", "hidden");
-        _this.dv.setRawStyleProperty("white-space", "nowrap");
-        _this.dv.setRawStyleProperty("text-overflow", "ellipsis");
-        _this.da(_this.dv, 1);
-        _this.ar.append(_this.dv);
+        _this.dw = a.createElement("span");
+        _this.dw.setRawStyleProperty("display", "inline-block");
+        _this.dw.setRawStyleProperty("overflow", "hidden");
+        _this.dw.setRawStyleProperty("white-space", "nowrap");
+        _this.dw.setRawStyleProperty("text-overflow", "ellipsis");
+        _this.db(_this.dw, 1);
+        _this.ar.append(_this.dw);
         return _this;
     }
-    Object.defineProperty(TextCell.prototype, "dw", {
+    Object.defineProperty(TextCell.prototype, "dx", {
         get: function () {
-            return this.dv;
+            return this.dw;
         },
         enumerable: false,
         configurable: true
     });
-    TextCell.prototype.db = function (a, b) {
-        _super.prototype.db.call(this, a, b);
+    TextCell.prototype.dc = function (a, b) {
+        _super.prototype.dc.call(this, a, b);
         var c = Math.max(0, a - b - (this.bd + this.bf + this.be));
-        if (this.dy != c) {
-            this.dy = c;
-            this.dv.setRawStyleProperty("max-width", c.toString() + "px");
+        if (this.dz != c) {
+            this.dz = c;
+            this.dw.setRawStyleProperty("max-width", c.toString() + "px");
         }
     };
     TextCell.prototype.c1 = function (a, b) {
         _super.prototype.c1.call(this, a, b);
         var c = Math.max(0, a - b);
-        if (this.dx != c) {
-            this.dx = c;
-            this.dv.setRawStyleProperty("max-height", c.toString() + "px");
+        if (this.dy != c) {
+            this.dy = c;
+            this.dw.setRawStyleProperty("max-height", c.toString() + "px");
         }
     };
     TextCell.prototype.c0 = function (a, b) {
         _super.prototype.c0.call(this, a, b);
-        if (a == this.dv) {
-            this.dv.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        if (a == this.dw) {
+            this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
         }
     };
     TextCell.prototype.get_ae = function () {
@@ -63,7 +63,7 @@ export var TextCell = /** @class */ /*@__PURE__*/ (function (_super) {
     TextCell.prototype.ck = function (a, b, c) {
         _super.prototype.ck.call(this, a, b, c);
         if (a == "Indent" || a == "IsCollapsable") {
-            this.dv.setRawStyleProperty("margin-left", this.bd + this.bf + this.be + "px");
+            this.dw.setRawStyleProperty("margin-left", this.bd + this.bf + this.be + "px");
         }
     };
     TextCell.$t = markType(TextCell, 'TextCell', GridCellBase.$);

package/esm5/lib/TextCellPresenter.js

@@ -28,26 +28,26 @@ export var TextCellPresenter = /** @class */ /*@__PURE__*/ (function (_super) {
         _super.prototype.b.call(this, a);
         var b = a;
         if (a.a7) {
-            if (a.bc(TextCellModel.n0) || a.bc(TextCellModel.h2) || a.bc(TextCellModel.gx)) {
-                b.kx = this.e(b);
-                this.d.c8(this.d.dw, b.kx);
+            if (a.bc(TextCellModel.n1) || a.bc(TextCellModel.h3) || a.bc(TextCellModel.gy)) {
+                b.ky = this.e(b);
+                this.d.c8(this.d.dx, b.ky);
             }
-            ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.dw, this.a);
+            ContentCellModelHelper.a(this.a.am, b, this.a.ar, this.d.dx, this.a);
         }
     };
     TextCellPresenter.prototype.e = function (a) {
-        if (a.lt != null) {
-            return a.lt;
+        if (a.lu != null) {
+            return a.lu;
         }
-        if (a.n2 != null) {
-            return a.n2;
+        if (a.n3 != null) {
+            return a.n3;
         }
         else {
-            if (a.ie == null) {
+            if (a.ig == null) {
                 return "";
             }
             else {
-                return a.ie.toString();
+                return a.ig.toString();
             }
         }
     };

package/esm5/lib/TextHeaderCell.js

@@ -18,28 +18,28 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(TextHeaderCell, _super);
     function TextHeaderCell(a) {
         var _this = _super.call(this, a) || this;
-        _this.d6 = null;
-        _this.d2 = null;
-        _this.d0 = null;
+        _this.d7 = null;
+        _this.d3 = null;
+        _this.d1 = null;
+        _this.dx = 0;
         _this.dw = 0;
-        _this.dv = 0;
-        _this.dy = 3;
-        _this.d8 = null;
+        _this.dz = 3;
+        _this.d9 = null;
+        _this.ec = -1;
         _this.eb = -1;
-        _this.ea = -1;
-        _this.d4 = false;
-        _this.d7 = null;
         _this.d5 = false;
-        _this.d6 = a.createElement("span");
+        _this.d8 = null;
+        _this.d6 = false;
+        _this.d7 = a.createElement("span");
         _this.ar.setRawStyleProperty("text-align", "left");
         _this.ar.setRawStyleProperty("vertical-align", "middle");
-        _this.d6.setRawStyleProperty("display", "inline-block");
-        _this.d6.setRawStyleProperty("line-height", "normal");
-        _this.d6.setRawStyleProperty("vertical-align", "middle");
-        _this.d6.setRawStyleProperty("overflow", "hidden");
-        _this.d6.setRawStyleProperty("white-space", "nowrap");
-        _this.d6.setRawStyleProperty("text-overflow", "ellipsis");
-        _this.ar.append(_this.d6);
+        _this.d7.setRawStyleProperty("display", "inline-block");
+        _this.d7.setRawStyleProperty("line-height", "normal");
+        _this.d7.setRawStyleProperty("vertical-align", "middle");
+        _this.d7.setRawStyleProperty("overflow", "hidden");
+        _this.d7.setRawStyleProperty("white-space", "nowrap");
+        _this.d7.setRawStyleProperty("text-overflow", "ellipsis");
+        _this.ar.append(_this.d7);
         var b = 18;
         var c = 18;
         var d = a.createElement("div");
@@ -48,17 +48,17 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setRawStyleProperty("vertical-align", "middle");
         d.setRawStyleProperty("width", b + "px");
         d.setRawStyleProperty("height", c + "px");
-        _this.d7 = d;
+        _this.d8 = d;
         var e = a.getSubRenderer(d);
-        _this.d0 = new GridFilterDialog();
-        _this.d0.bn(e, _this.ar, a);
+        _this.d1 = new GridFilterDialog();
+        _this.d1.ca(e, _this.ar, a);
         _this.ar.append(d);
-        _this.d0.be(b, c);
-        _this.d0.ak = 24;
-        var f = _this.d0.ab;
-        _this.d0.ab = false;
-        _this.d0.bb();
-        _this.d0.ab = f;
+        _this.d1.b1(b, c);
+        _this.d1.ar = 24;
+        var f = _this.d1.ai;
+        _this.d1.ai = false;
+        _this.d1.by();
+        _this.d1.ai = f;
         var g = 18;
         var h = 18;
         d = a.createElement("div");
@@ -68,67 +68,67 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         d.setRawStyleProperty("width", "0px");
         d.setRawStyleProperty("height", h + "px");
         d.setRawStyleProperty("margin", "0 0 0 5px");
-        _this.d8 = d;
+        _this.d9 = d;
         e = a.getSubRenderer(d);
-        _this.d2 = new GridSortIndicator();
-        _this.d2.n = false;
-        _this.d2.m = false;
-        _this.d2.a0(e);
+        _this.d3 = new GridSortIndicator();
+        _this.d3.n = false;
+        _this.d3.m = false;
+        _this.d3.a0(e);
         _this.ar.append(d);
-        _this.d2.au(g, h);
-        var i = _this.d2;
-        i.propertyChanged = delegateCombine(i.propertyChanged, runOn(_this, _this.ee));
-        var j = _this.d0;
-        j.dialogOpening = delegateCombine(j.dialogOpening, runOn(_this, _this.ef));
-        var k = _this.d0;
-        k.filterChanging = delegateCombine(k.filterChanging, runOn(_this, _this.eh));
-        var l = _this.d0;
-        l.filterChanged = delegateCombine(l.filterChanged, runOn(_this, _this.eg));
-        _this.ar.listen("mouseenter", runOn(_this, _this.el));
-        _this.ar.listen("mouseleave", runOn(_this, _this.ek));
+        _this.d3.au(g, h);
+        var i = _this.d3;
+        i.propertyChanged = delegateCombine(i.propertyChanged, runOn(_this, _this.ef));
+        var j = _this.d1;
+        j.dialogOpening = delegateCombine(j.dialogOpening, runOn(_this, _this.eg));
+        var k = _this.d1;
+        k.filterChanging = delegateCombine(k.filterChanging, runOn(_this, _this.ei));
+        var l = _this.d1;
+        l.filterChanged = delegateCombine(l.filterChanged, runOn(_this, _this.eh));
+        _this.ar.listen("mouseenter", runOn(_this, _this.em));
+        _this.ar.listen("mouseleave", runOn(_this, _this.el));
         return _this;
     }
-    Object.defineProperty(TextHeaderCell.prototype, "d9", {
+    Object.defineProperty(TextHeaderCell.prototype, "ea", {
         get: function () {
-            return this.d6;
+            return this.d7;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "d3", {
+    Object.defineProperty(TextHeaderCell.prototype, "d4", {
         get: function () {
-            return this.d2;
+            return this.d3;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "d1", {
+    Object.defineProperty(TextHeaderCell.prototype, "d2", {
         get: function () {
-            return this.d0;
+            return this.d1;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "dz", {
+    Object.defineProperty(TextHeaderCell.prototype, "d0", {
         get: function () {
-            return this.dy;
+            return this.dz;
         },
         set: function (a) {
-            var b = this.dy;
-            this.dy = a;
-            this.ck("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dy));
+            var b = this.dz;
+            this.dz = a;
+            this.ck("ColumnOptionsIconBehavior", enumGetBox(ColumnOptionsIconBehavior_$type, b), enumGetBox(ColumnOptionsIconBehavior_$type, this.dz));
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TextHeaderCell.prototype, "dx", {
+    Object.defineProperty(TextHeaderCell.prototype, "dy", {
         get: function () {
-            return this.dw;
+            return this.dx;
         },
         set: function (a) {
-            var b = this.dw;
-            this.dw = a;
-            this.ck("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dw));
+            var b = this.dx;
+            this.dx = a;
+            this.ck("ColumnOptionsIconAlignment", enumGetBox(ColumnOptionsIconAlignment_$type, b), enumGetBox(ColumnOptionsIconAlignment_$type, this.dx));
         },
         enumerable: false,
         configurable: true
@@ -136,82 +136,81 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
     TextHeaderCell.prototype.af = function (a) {
         return true;
     };
-    TextHeaderCell.prototype.db = function (a, b) {
-        _super.prototype.db.call(this, a, b);
+    TextHeaderCell.prototype.dc = function (a, b) {
+        _super.prototype.dc.call(this, a, b);
         a -= 21;
-        if (this.d5) {
+        if (this.d6) {
             a -= 15;
         }
         var c = Math.max(0, a - b);
-        if (c != this.eb) {
-            this.eb = c;
-            this.d6.setRawStyleProperty("max-width", c.toString() + "px");
+        if (c != this.ec) {
+            this.ec = c;
+            this.d7.setRawStyleProperty("max-width", c.toString() + "px");
         }
     };
     TextHeaderCell.prototype.c1 = function (a, b) {
         _super.prototype.c1.call(this, a, b);
-        this.d6.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        this.d7.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
         var c = Math.max(0, a - b);
-        if (this.ea != c) {
-            this.ea = c;
-            this.d6.setRawStyleProperty("max-height", c.toString() + "px");
+        if (this.eb != c) {
+            this.eb = c;
+            this.d7.setRawStyleProperty("max-height", c.toString() + "px");
         }
     };
     TextHeaderCell.prototype.c0 = function (a, b) {
         _super.prototype.c0.call(this, a, b);
-        if (a == this.d6) {
-            this.d6.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+        if (a == this.d7) {
+            this.d7.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
         }
     };
-    TextHeaderCell.prototype.dc = function (a, b, c, d) {
-        this.d0.bd();
+    TextHeaderCell.prototype.dd = function (a, b, c, d) {
+        this.d1.b0();
     };
-    TextHeaderCell.prototype.ee = function (a, b) {
+    TextHeaderCell.prototype.ef = function (a, b) {
         switch (b.propertyName) {
             case "CurrentOpacity":
-                if (this.d3.t > 0) {
-                    this.d8.setRawStyleProperty("width", "18px");
-                    if (this.dv == 2) {
-                        this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                if (this.d4.t > 0) {
+                    this.d9.setRawStyleProperty("width", "18px");
+                    if (this.dw == 2) {
+                        this.d9.setRawStyleProperty("margin", "0 5px 0 0");
                     }
                     else {
-                        this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                        this.d9.setRawStyleProperty("margin", "0 0 0 5px");
                     }
                 }
                 else {
-                    this.d8.setRawStyleProperty("width", "0px");
-                    this.d8.setRawStyleProperty("margin", "0");
+                    this.d9.setRawStyleProperty("width", "0px");
+                    this.d9.setRawStyleProperty("margin", "0");
                 }
                 break;
         }
     };
-    TextHeaderCell.prototype.el = function (a) {
+    TextHeaderCell.prototype.em = function (a) {
         if (this.b.isGridDragging) {
             return;
         }
-        this.d0.ba();
-        switch (this.dz) {
+        switch (this.d0) {
             case 2:
             case 3:
-                this.d0.br();
+                this.d1.ce();
                 break;
         }
     };
-    TextHeaderCell.prototype.ek = function (a) {
-        switch (this.dz) {
+    TextHeaderCell.prototype.el = function (a) {
+        switch (this.d0) {
             case 2:
             case 3:
-                this.d0.bb();
+                this.d1.by();
                 break;
         }
     };
-    TextHeaderCell.prototype.eg = function (a, b) {
+    TextHeaderCell.prototype.eh = function (a, b) {
         this.b.columnFilterChanged(b.a);
     };
-    TextHeaderCell.prototype.eh = function (a, b) {
+    TextHeaderCell.prototype.ei = function (a, b) {
         this.b.columnFilterChanging(b.a);
     };
-    TextHeaderCell.prototype.ef = function (a, b) {
+    TextHeaderCell.prototype.eg = function (a, b) {
         if (this.b != null) {
             b.a = this.f.getColumn();
             this.b.cancelEditMode(false);
@@ -219,72 +218,108 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     TextHeaderCell.prototype.ci = function (a, b, c) {
         _super.prototype.ci.call(this, a, b, c);
-        this.dv = c;
-        this.d0.k = c;
+        this.dw = c;
+        this.d1.k = c;
         if (c == 2) {
-            this.ar.removeChild(this.d8);
-            this.ar.removeChild(this.d7);
-            this.d6.before(this.d7);
-            this.d7.before(this.d8);
-            if (this.dx == 1) {
-                this.d7.setRawStyleProperty("margin", "0 5px 0 0");
-                this.d0.l = this.dv;
+            if (this.dy == 1) {
+                this.ar.removeChild(this.d9);
+                this.ar.removeChild(this.d8);
+                this.d7.before(this.d8);
+                this.d8.before(this.d9);
+                this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d1.l = this.dw;
+            }
+            else if (this.dy == 4) {
+                this.ar.removeChild(this.d9);
+                this.ar.removeChild(this.d8);
+                this.ar.append(this.d8);
+                this.d7.before(this.d9);
+                this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                this.d1.l = 2;
             }
             else {
-                this.d7.setRawStyleProperty("margin", "0");
-                this.d0.l = 0;
+                this.ar.removeChild(this.d9);
+                this.ar.removeChild(this.d8);
+                this.d7.before(this.d8);
+                this.d8.before(this.d9);
+                this.d8.setRawStyleProperty("margin", "0");
+                this.d1.l = 0;
             }
         }
         else {
-            this.ar.removeChild(this.d8);
-            this.ar.removeChild(this.d6);
-            this.d7.before(this.d6);
-            this.d7.before(this.d8);
-            if (this.dx == 1) {
-                this.d7.setRawStyleProperty("margin", "0 0 0 5px");
-                this.d0.l = this.dv;
+            if (this.dy == 1) {
+                this.ar.removeChild(this.d9);
+                this.ar.removeChild(this.d7);
+                this.d8.before(this.d7);
+                this.d8.before(this.d9);
+                this.d8.setRawStyleProperty("margin", "0 0 0 5px");
+                this.d1.l = this.dw;
+            }
+            else if (this.dy == 3) {
+                this.ar.removeChild(this.d9);
+                this.ar.removeChild(this.d7);
+                this.ar.removeChild(this.d8);
+                this.ar.append(this.d8);
+                this.ar.append(this.d7);
+                this.ar.append(this.d9);
+                this.d8.setRawStyleProperty("margin", "0 5px 0 0");
+                this.d1.l = 0;
             }
             else {
-                this.d7.setRawStyleProperty("margin", "0");
-                this.d0.l = 2;
+                this.ar.removeChild(this.d9);
+                this.ar.removeChild(this.d7);
+                this.d8.before(this.d7);
+                this.d8.before(this.d9);
+                this.d8.setRawStyleProperty("margin", "0");
+                this.d1.l = 2;
             }
         }
     };
     TextHeaderCell.prototype.c6 = function (a, b, c, d) {
         _super.prototype.c6.call(this, a, b, c, d);
-        this.d0.an = a;
-        this.d0.ao = c;
+        this.d1.av = a;
+        this.d1.aw = c;
     };
-    TextHeaderCell.prototype.ej = function () {
-        if (this.dx == 2 || this.dx == 0) {
-            if (this.dv == 2) {
-                this.d0.l = 0;
+    TextHeaderCell.prototype.ek = function () {
+        if (this.dy == 3) {
+            this.d1.l = 0;
+            this.d8.setRawStyleProperty("margin", "0");
+        }
+        else if (this.dy == 4) {
+            this.d1.l = 2;
+            this.d8.setRawStyleProperty("margin", "0");
+        }
+        else if (this.dy == 2 || this.dy == 0) {
+            if (this.dw == 2) {
+                this.d1.l = 0;
             }
             else {
-                this.d0.l = 2;
+                this.d1.l = 2;
             }
+            this.d8.setRawStyleProperty("margin", "0");
         }
         else {
-            this.d0.l = this.dv;
-            if (this.dv == 2) {
-                this.d7.setRawStyleProperty("margin", "0 5px 0 0");
+            this.d1.l = this.dw;
+            if (this.dw == 2) {
+                this.d8.setRawStyleProperty("margin", "0 5px 0 0");
             }
             else {
-                this.d7.setRawStyleProperty("margin", "0 0 0 5px");
+                this.d8.setRawStyleProperty("margin", "0 0 0 5px");
             }
         }
+        this.ci(this.ar, this.d7, this.dw);
     };
-    TextHeaderCell.prototype.ei = function () {
-        switch (this.dz) {
+    TextHeaderCell.prototype.ej = function () {
+        switch (this.d0) {
             case 1:
-                this.d0.ab = false;
-                this.d0.br();
+                this.d1.ai = false;
+                this.d1.ce();
                 break;
             case 2:
-                this.d0.ab = false;
+                this.d1.ai = false;
                 break;
             case 3:
-                this.d0.ab = true;
+                this.d1.ai = true;
                 break;
         }
     };
@@ -292,10 +327,10 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         _super.prototype.ck.call(this, a, b, c);
         switch (a) {
             case "ColumnOptionsIconAlignment":
-                this.ej();
+                this.ek();
                 break;
             case "ColumnOptionsIconBehavior":
-                this.ei();
+                this.ej();
                 break;
         }
     };
@@ -303,22 +338,28 @@ export var TextHeaderCell = /** @class */ /*@__PURE__*/ (function (_super) {
         if (e_.button == 2) {
             return;
         }
-        var b = this.d0.ad(e_);
+        var b = this.d1.ak(e_);
         if (b) {
-            this.d4 = true;
+            this.d5 = true;
             return;
         }
         _super.prototype.onContactStarted.call(this, e_, a);
     };
     TextHeaderCell.prototype.onContactCompleted = function (e_, a) {
-        if (!this.d4) {
+        if (!this.d5) {
             _super.prototype.onContactCompleted.call(this, e_, a);
         }
-        this.d4 = false;
+        this.d5 = false;
     };
     TextHeaderCell.prototype.detach = function () {
         _super.prototype.detach.call(this);
-        if (this.d0 != null) {
+        if (this.d1 != null) {
+        }
+    };
+    TextHeaderCell.prototype.da = function (a) {
+        _super.prototype.da.call(this, a);
+        if (this.d2 != null) {
+            this.d2.x = a;
         }
     };
     TextHeaderCell.prototype.get_ac = function () {