igniteui-webcomponents-grids 5.0.0 → 5.0.2-beta.0

package/esm5/lib/DataGridCellLayoutPanel.js

@@ -20,11 +20,11 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(DataGridCellLayoutPanel, _super);
     function DataGridCellLayoutPanel(a, b, c) {
         var _this = _super.call(this) || this;
-        _this.e = null;
+        _this.f = null;
         _this.l = false;
         _this.r = null;
         _this._element = null;
-        _this.g = null;
+        _this.e = null;
         _this.j = false;
         _this._rootElement = null;
         _this.n = false;
@@ -46,8 +46,8 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.element = _this.r.createElement("div");
         _this.element.setRawStyleProperty("position", "relative");
         _this.element.setRawStyleProperty("box-sizing", "border-box");
-        _this.refresh(_this.e, false);
-        _this.g = b;
+        _this.refresh(_this.f, false);
+        _this.e = b;
         _this.j = false;
         return _this;
     }
@@ -68,9 +68,9 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DataGridCellLayoutPanel.prototype, "f", {
+    Object.defineProperty(DataGridCellLayoutPanel.prototype, "g", {
         get: function () {
-            return this.e;
+            return this.f;
         },
         enumerable: false,
         configurable: true
@@ -86,7 +86,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         configurable: true
     });
     DataGridCellLayoutPanel.prototype.refresh = function (a, b) {
-        this.e = a;
+        this.f = a;
         this.as(b);
     };
     DataGridCellLayoutPanel.prototype.viewportChanged = function () {
@@ -107,7 +107,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.as(true);
     };
     DataGridCellLayoutPanel.prototype.ar = function (a) {
-        var b = this.g.b(this.r, a);
+        var b = this.e.b(this.r, a);
         if (b.isCanvasBased) {
             var c = b.nativeCell.ae = false;
         }
@@ -159,29 +159,29 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
             this.n = false;
             this.h();
         }
-        if (this.e == null) {
+        if (this.f == null) {
             return;
         }
-        if (Rect.l_op_Equality(this.e.actualVisibleRegion, null) || this.e.actualVisibleRegion.isEmpty) {
+        if (Rect.l_op_Equality(this.f.actualVisibleRegion, null) || this.f.actualVisibleRegion.isEmpty) {
             return;
         }
         this.j = true;
-        if (this.p != this.e.absoluteWidth) {
-            this.element.setRawStyleProperty("width", this.e.absoluteWidth + "px");
+        if (this.p != this.f.absoluteWidth) {
+            this.element.setRawStyleProperty("width", this.f.absoluteWidth + "px");
         }
-        if (this.o != this.e.absoluteHeight) {
-            this.element.setRawStyleProperty("height", this.e.absoluteHeight + "px");
+        if (this.o != this.f.absoluteHeight) {
+            this.element.setRawStyleProperty("height", this.f.absoluteHeight + "px");
         }
-        this.p = this.e.absoluteWidth;
-        this.o = this.e.absoluteHeight;
-        var a = this.e.actualVisibleRegion.top;
-        var b = this.e.actualVisibleRegion.left;
-        var c = this.e.cc;
+        this.p = this.f.absoluteWidth;
+        this.o = this.f.absoluteHeight;
+        var a = this.f.actualVisibleRegion.top;
+        var b = this.f.actualVisibleRegion.left;
+        var c = this.f.cc;
         var d = c.count;
-        var e = this.e.bz;
-        var f = this.e.bz.o;
+        var e = this.f.bz;
+        var f = this.f.bz.o;
         var g = f.count;
-        var h = this.e.bz.p;
+        var h = this.f.bz.p;
         for (var i = 0; i < g; i++) {
             if (h._inner[i]) {
                 continue;
@@ -206,7 +206,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 var v = r._inner[u];
-                var w = this.g.b(this.r, v);
+                var w = this.e.b(this.r, v);
                 if (!w.isCanvasBased) {
                     o = false;
                 }
@@ -246,10 +246,10 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                     continue;
                 }
                 var af = ab._inner[ae];
-                var ag = this.g.b(this.r, af);
+                var ag = this.e.b(this.r, af);
                 if (ag.isCanvasBased) {
                     var ah = y.a;
-                    this.aw(y, aa, af, this.e, x, m, o);
+                    this.aw(y, aa, af, this.f, x, m, o);
                     if (y.a != ah && m) {
                         x++;
                     }
@@ -274,8 +274,8 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 af.u = 2;
                 var al = (af.gh + intDivide(af.gu, 2));
                 var am = (af.gj + intDivide(af.fc, 2));
-                var an = (al - b) / this.e.actualVisibleRegion.width;
-                var ao = (am - a) / this.e.actualVisibleRegion.height;
+                var an = (al - b) / this.f.actualVisibleRegion.width;
+                var ao = (am - a) / this.f.actualVisibleRegion.height;
                 if (af.be) {
                     if (!ai) {
                         aj.setRawPosition(af.cl, af.cm);
@@ -283,7 +283,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 if (!ai) {
                     if (af.l.d != 0) {
-                        if (this.e.b2) {
+                        if (this.f.b2) {
                             aj.setRawStyleProperty("clip", this.w(af.l.d, af.cl, af.cm));
                         }
                         else {
@@ -311,7 +311,7 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (ai && y.b) {
                     var aq = y.a;
                     aq.aa();
-                    if (af.l.d != 0 && this.e.b2) {
+                    if (af.l.d != 0 && this.f.b2) {
                         aq.af(this.ax(af.l.d));
                     }
                     var ar = af.s.nativeCell;
@@ -370,11 +370,11 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.al(a, false);
     };
     DataGridCellLayoutPanel.prototype.aa = function (a) {
-        if (this.e == null) {
+        if (this.f == null) {
             return;
         }
         var b = this.r.rootWrapper.getOffset();
-        var c = this.e.f(a.pageX - b.left, a.pageY - b.top);
+        var c = this.f.f(a.pageX - b.left, a.pageY - b.top);
         if (c == null) {
             return;
         }
@@ -415,11 +415,11 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.am(a, true);
     };
     DataGridCellLayoutPanel.prototype.am = function (a, b) {
-        if (this.e == null) {
+        if (this.f == null) {
             return;
         }
         var c = this.r.rootWrapper.getOffset();
-        var d = this.e.f(a.pageX - c.left, a.pageY - c.top);
+        var d = this.f.f(a.pageX - c.left, a.pageY - c.top);
         if (d == null) {
             return;
         }
@@ -433,11 +433,11 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.al(a, true);
     };
     DataGridCellLayoutPanel.prototype.al = function (a, b) {
-        if (this.e == null) {
+        if (this.f == null) {
             return;
         }
         var c = this.r.rootWrapper.getOffset();
-        var d = this.e.f(a.pageX - c.left, a.pageY - c.top);
+        var d = this.f.f(a.pageX - c.left, a.pageY - c.top);
         if (d == null) {
             return;
         }
@@ -451,11 +451,11 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         this.ak(a, true);
     };
     DataGridCellLayoutPanel.prototype.ak = function (a, b) {
-        if (this.e == null) {
+        if (this.f == null) {
             return;
         }
         var c = this.r.rootWrapper.getOffset();
-        var d = this.e.f(a.pageX - c.left, a.pageY - c.top);
+        var d = this.f.f(a.pageX - c.left, a.pageY - c.top);
         if (d == null) {
             return;
         }
@@ -517,13 +517,13 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     DataGridCellLayoutPanel.prototype.ax = function (a) {
-        var b = this.e.cr;
-        var c = this.e.cm + this.e.cj;
-        var d = this.e.cz;
-        var e = this.e.ch;
+        var b = this.f.cr;
+        var c = this.f.cm + this.f.cj;
+        var d = this.f.cz;
+        var e = this.f.ch;
         if (a == 2) {
-            c = Math.min(this.e.c4, this.e.cp) - this.e.c0 - this.e.ck;
-            d = this.e.c0;
+            c = Math.min(this.f.c4, this.f.cp) - this.f.c0 - this.f.ck;
+            d = this.f.c0;
         }
         return new Rect(0, c, b, d, e);
     };
@@ -542,9 +542,9 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         return stringFormat1("rect({0}px, {1}px, {2}px, {3}px)", a.top, a.right, a.bottom, a.left);
     };
     DataGridCellLayoutPanel.prototype.y = function (a) {
-        var b = a.cl < this.f.cn ? this.f.cn - a.cl : 0;
+        var b = a.cl < this.g.cn ? this.g.cn - a.cl : 0;
         var c = 0;
-        var d = this.f.cy == -1 ? a.gu : (a.cl + a.gu > this.f.co) ? a.gu - (a.cl + a.gu - this.f.co) : a.gu;
+        var d = this.g.cy == -1 ? a.gu : (a.cl + a.gu > this.g.co) ? a.gu - (a.cl + a.gu - this.g.co) : a.gu;
         var e = a.fc;
         return this.x(new Rect(0, b, c, d, e));
     };
@@ -555,11 +555,11 @@ var DataGridCellLayoutPanel = /** @class */ /*@__PURE__*/ (function (_super) {
     DataGridCellLayoutPanel.prototype.ai = function (a, b) {
     };
     DataGridCellLayoutPanel.prototype.detach = function () {
-        if (this.e == null) {
+        if (this.f == null) {
             return;
         }
-        for (var a = 0; a < this.e.cc.count; a++) {
-            var b = this.e.cc._inner[a].q;
+        for (var a = 0; a < this.f.cc.count; a++) {
+            var b = this.f.cc._inner[a].q;
             for (var c = 0; c < b.count; c++) {
                 var d = b._inner[c];
                 if (d.s != null && d.s.nativeCell != null) {

package/esm5/lib/DataGridToolbarView_combined.js

@@ -304,15 +304,15 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(DataGridToolbar, _super);
     function DataGridToolbar() {
         var _this = _super.call(this) || this;
-        _this.e = null;
         _this.c = null;
-        _this.d = null;
+        _this.a = null;
+        _this.b = null;
         _this.s = 0;
         _this.t = 0;
         _this.g = null;
         _this.h = null;
         _this.propertyChanged = null;
-        _this.a = null;
+        _this.d = null;
         _this.y = null;
         _this.m = null;
         _this.bd = BrushUtil.h(255, 24, 29, 31);
@@ -331,38 +331,38 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.t = 0;
         var a = new DataGridToolbarView();
         a.a = _this;
-        _this.e = a;
-        _this.e.s();
+        _this.c = a;
+        _this.c.s();
         return _this;
     }
     DataGridToolbar.prototype.notifySizeChanged = function () {
-        this.e.o();
+        this.c.o();
     };
     DataGridToolbar.prototype.destroy = function () {
         this.provideContainer(null, null, null);
-        if (this.b != null) {
-            var a = this.b;
+        if (this.e != null) {
+            var a = this.e;
             a.columnHiddenChanged = delegateRemove(a.columnHiddenChanged, runOn(this, this.a9));
-            var b = this.b;
+            var b = this.e;
             b.columnPinnedChanged = delegateRemove(b.columnPinnedChanged, runOn(this, this.ba));
         }
     };
     DataGridToolbar.prototype.provideContainer = function (a, b, c) {
-        this.c = b;
-        this.d = c;
+        this.a = b;
+        this.b = c;
         this.a6();
         this.a7();
-        this.e.p(a);
+        this.c.p(a);
     };
-    Object.defineProperty(DataGridToolbar.prototype, "b", {
+    Object.defineProperty(DataGridToolbar.prototype, "e", {
         get: function () {
-            return this.a;
+            return this.d;
         },
         set: function (a) {
-            var b = this.a;
-            this.a = a;
-            if (b != this.a) {
-                this.a0("TargetGrid", b, this.a);
+            var b = this.d;
+            this.d = a;
+            if (b != this.d) {
+                this.a0("TargetGrid", b, this.d);
             }
         },
         enumerable: false,
@@ -576,51 +576,51 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.a6();
                 this.a7();
                 this.a8(typeCast(DataGrid.$, b));
-                this.e.ad();
+                this.c.ad();
                 break;
             case "ToolbarTitle":
-                this.e.y();
+                this.c.y();
                 break;
             case "ToolbarTitleStyle":
-                this.e.ai();
+                this.c.ai();
                 break;
             case "ToolbarTitleColor":
-                this.e.ah();
+                this.c.ah();
                 break;
             case "BackgroundColor":
-                this.e.z();
+                this.c.z();
                 break;
             case "DialogBackgroundColor":
-                this.e.ac();
-                if (this.c != null) {
-                    this.c.aq = this.bf;
+                this.c.ac();
+                if (this.a != null) {
+                    this.a.aq = this.bf;
                 }
-                if (this.d != null) {
-                    this.d.an = this.bf;
+                if (this.b != null) {
+                    this.b.an = this.bf;
                 }
                 break;
             case "ColumnChooser":
                 this.a6();
-                this.e.v();
+                this.c.v();
                 break;
             case "ColumnChooserText":
-                this.e.ab();
+                this.c.ab();
                 break;
             case "ColumnChooserTitle":
-                if (this.c != null) {
-                    this.c.v = this.af;
+                if (this.a != null) {
+                    this.a.v = this.af;
                 }
                 break;
             case "ColumnPinning":
                 this.a7();
-                this.e.x();
+                this.c.x();
                 break;
             case "ColumnPinningText":
-                this.e.ag();
+                this.c.ag();
                 break;
             case "ColumnPinningTitle":
-                if (this.d != null) {
-                    this.d.v = this.ak;
+                if (this.b != null) {
+                    this.b.v = this.ak;
                 }
                 break;
             case "Density":
@@ -630,41 +630,41 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.a4();
                 break;
             case "BorderWidth":
-                this.e.aa();
+                this.c.aa();
                 break;
         }
     };
     DataGridToolbar.prototype.az = function (a, b) {
         switch (b.propertyName) {
             case "IsToolbarColumnChooserVisible":
-                this.q = this.b.isToolbarColumnChooserVisible;
+                this.q = this.e.isToolbarColumnChooserVisible;
                 break;
             case "IsToolbarColumnPinningVisible":
-                this.r = this.b.isToolbarColumnPinningVisible;
+                this.r = this.e.isToolbarColumnPinningVisible;
                 break;
             case "ToolbarTitle":
-                this.ar = this.b.toolbarTitle;
+                this.ar = this.e.toolbarTitle;
                 break;
             case "ToolbarColumnChooserText":
-                this.ad = this.b.toolbarColumnChooserText;
+                this.ad = this.e.toolbarColumnChooserText;
                 break;
             case "ToolbarColumnChooserTitle":
-                this.af = this.b.toolbarColumnChooserTitle;
+                this.af = this.e.toolbarColumnChooserTitle;
                 break;
             case "ToolbarColumnPinningText":
-                this.ai = this.b.toolbarColumnPinningText;
+                this.ai = this.e.toolbarColumnPinningText;
                 break;
             case "ToolbarColumnPinningTitle":
-                this.ak = this.b.toolbarColumnPinningTitle;
+                this.ak = this.e.toolbarColumnPinningTitle;
                 break;
         }
     };
     DataGridToolbar.prototype.a4 = function () {
-        if (this.c != null) {
-            this.c.f = this.j;
+        if (this.a != null) {
+            this.a.f = this.j;
         }
-        if (this.d != null) {
-            this.d.f = this.j;
+        if (this.b != null) {
+            this.b.f = this.j;
         }
         if (this.g != null) {
             this.g.n = this.j;
@@ -675,8 +675,8 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DataGridToolbar.prototype.a3 = function () {
         if (this.l == 0) {
-            if (this.b != null) {
-                this.l = this.b.density;
+            if (this.e != null) {
+                this.l = this.e.density;
             }
         }
         if (this.g != null) {
@@ -685,13 +685,13 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.h != null) {
             this.h.r = this.l;
         }
-        if (this.c != null) {
-            this.c.h = this.l;
+        if (this.a != null) {
+            this.a.h = this.l;
         }
-        if (this.d != null) {
-            this.d.h = this.l;
+        if (this.b != null) {
+            this.b.h = this.l;
         }
-        this.e.ad();
+        this.c.ad();
     };
     DataGridToolbar.prototype.a5 = function (a, b, c, d, e) {
         var f = new XButton();
@@ -755,28 +755,28 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
         f.appendButtonContent(d);
     };
     DataGridToolbar.prototype.av = function () {
-        this.e.l();
+        this.c.l();
     };
     DataGridToolbar.prototype.a6 = function () {
-        if (this.q && this.c != null && this.b != null) {
+        if (this.q && this.a != null && this.e != null) {
             if (this.af != null) {
-                this.c.v = this.af;
+                this.a.v = this.af;
             }
-            this.c.b = this.b;
-            this.c.f = this.j;
-            this.c.aq = this.bf;
-            this.c.an(new Thickness(1, -16, 3, -16, 3));
+            this.a.c = this.e;
+            this.a.f = this.j;
+            this.a.aq = this.bf;
+            this.a.an(new Thickness(1, -16, 3, -16, 3));
         }
     };
     DataGridToolbar.prototype.a7 = function () {
-        if (this.r && this.d != null && this.b != null) {
+        if (this.r && this.b != null && this.e != null) {
             if (this.ak != null) {
-                this.d.v = this.ak;
+                this.b.v = this.ak;
             }
-            this.d.b = this.b;
-            this.d.f = this.j;
-            this.d.an = this.bf;
-            this.d.ak(new Thickness(1, -16, 3, -16, 3));
+            this.b.c = this.e;
+            this.b.f = this.j;
+            this.b.an = this.bf;
+            this.b.ak(new Thickness(1, -16, 3, -16, 3));
         }
     };
     DataGridToolbar.prototype.a8 = function (a) {
@@ -785,41 +785,41 @@ var DataGridToolbar = /** @class */ /*@__PURE__*/ (function (_super) {
             a.columnPinnedChanged = delegateRemove(a.columnPinnedChanged, runOn(this, this.ba));
             a.propertyChanged = delegateRemove(a.propertyChanged, runOn(this, this.az));
         }
-        if (this.b != null) {
-            var b = this.b;
+        if (this.e != null) {
+            var b = this.e;
             b.columnHiddenChanged = delegateCombine(b.columnHiddenChanged, runOn(this, this.a9));
-            var c = this.b;
+            var c = this.e;
             c.columnPinnedChanged = delegateCombine(c.columnPinnedChanged, runOn(this, this.ba));
-            var d = this.b;
+            var d = this.e;
             d.propertyChanged = delegateCombine(d.propertyChanged, runOn(this, this.az));
             this.ax();
-            if (this.b.toolbar != null) {
-                this.ar = this.b.toolbarTitle;
-                this.q = this.b.isToolbarColumnChooserVisible;
-                this.ad = this.b.toolbarColumnChooserText;
-                this.af = this.b.toolbarColumnChooserTitle;
-                this.r = this.b.isToolbarColumnPinningVisible;
-                this.ai = this.b.toolbarColumnPinningText;
-                this.ak = this.b.toolbarColumnPinningTitle;
+            if (this.e.toolbar != null) {
+                this.ar = this.e.toolbarTitle;
+                this.q = this.e.isToolbarColumnChooserVisible;
+                this.ad = this.e.toolbarColumnChooserText;
+                this.af = this.e.toolbarColumnChooserTitle;
+                this.r = this.e.isToolbarColumnPinningVisible;
+                this.ai = this.e.toolbarColumnPinningText;
+                this.ak = this.e.toolbarColumnPinningTitle;
             }
         }
     };
     DataGridToolbar.prototype.ax = function () {
-        if (this.b != null) {
-            var a = this.b.actualColumns.count;
+        if (this.e != null) {
+            var a = this.e.actualColumns.count;
             this.s = 0;
             this.t = 0;
             for (var b = 0; b < a; b++) {
-                if (this.b.actualColumns._inner[b].g7 == true) {
+                if (this.e.actualColumns._inner[b].g7 == true) {
                     this.s++;
                 }
-                if (this.b.actualColumns._inner[b].f6 == 1) {
+                if (this.e.actualColumns._inner[b].f6 == 1) {
                     this.t++;
                 }
             }
         }
-        this.e.ae();
-        this.e.af();
+        this.c.ae();
+        this.c.af();
     };
     DataGridToolbar.prototype.a9 = function (a, b) {
         this.ax();