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

package/esm2015/lib/DataGridCellLayoutPanel.js

@@ -26,8 +26,8 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
         get s() {
             return this.r;
         }
-        get f() {
-            return this.e;
+        get g() {
+            return this.f;
         }
         get rootElement() {
             return this._rootElement;
@@ -37,11 +37,11 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
         }
         constructor(a, b, c) {
             super();
-            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;
@@ -63,12 +63,12 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             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;
         }
         refresh(a, b) {
-            this.e = a;
+            this.f = a;
             this.as(b);
         }
         viewportChanged() {
@@ -85,7 +85,7 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             this.as(true);
         }
         ar(a) {
-            let b = this.g.b(this.r, a);
+            let b = this.e.b(this.r, a);
             if (b.isCanvasBased) {
                 let c = b.nativeCell.ae = false;
             }
@@ -133,29 +133,29 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                 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;
-            let a = this.e.actualVisibleRegion.top;
-            let b = this.e.actualVisibleRegion.left;
-            let c = this.e.cc;
+            this.p = this.f.absoluteWidth;
+            this.o = this.f.absoluteHeight;
+            let a = this.f.actualVisibleRegion.top;
+            let b = this.f.actualVisibleRegion.left;
+            let c = this.f.cc;
             let d = c.count;
-            let e = this.e.bz;
-            let f = this.e.bz.o;
+            let e = this.f.bz;
+            let f = this.f.bz.o;
             let g = f.count;
-            let h = this.e.bz.p;
+            let h = this.f.bz.p;
             for (let i = 0; i < g; i++) {
                 if (h._inner[i]) {
                     continue;
@@ -180,7 +180,7 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                         continue;
                     }
                     let v = r._inner[u];
-                    let w = this.g.b(this.r, v);
+                    let w = this.e.b(this.r, v);
                     if (!w.isCanvasBased) {
                         o = false;
                     }
@@ -220,10 +220,10 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                         continue;
                     }
                     let af = ab._inner[ae];
-                    let ag = this.g.b(this.r, af);
+                    let ag = this.e.b(this.r, af);
                     if (ag.isCanvasBased) {
                         let 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++;
                         }
@@ -248,8 +248,8 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                     af.u = 2;
                     let al = (af.gh + intDivide(af.gu, 2));
                     let am = (af.gj + intDivide(af.fc, 2));
-                    let an = (al - b) / this.e.actualVisibleRegion.width;
-                    let ao = (am - a) / this.e.actualVisibleRegion.height;
+                    let an = (al - b) / this.f.actualVisibleRegion.width;
+                    let ao = (am - a) / this.f.actualVisibleRegion.height;
                     if (af.be) {
                         if (!ai) {
                             aj.setRawPosition(af.cl, af.cm);
@@ -257,7 +257,7 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                     }
                     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 {
@@ -285,7 +285,7 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
                     if (ai && y.b) {
                         let 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));
                         }
                         let ar = af.s.nativeCell;
@@ -344,11 +344,11 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             this.al(a, false);
         }
         aa(a) {
-            if (this.e == null) {
+            if (this.f == null) {
                 return;
             }
             let b = this.r.rootWrapper.getOffset();
-            let c = this.e.f(a.pageX - b.left, a.pageY - b.top);
+            let c = this.f.f(a.pageX - b.left, a.pageY - b.top);
             if (c == null) {
                 return;
             }
@@ -389,11 +389,11 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             this.am(a, true);
         }
         am(a, b) {
-            if (this.e == null) {
+            if (this.f == null) {
                 return;
             }
             let c = this.r.rootWrapper.getOffset();
-            let d = this.e.f(a.pageX - c.left, a.pageY - c.top);
+            let d = this.f.f(a.pageX - c.left, a.pageY - c.top);
             if (d == null) {
                 return;
             }
@@ -407,11 +407,11 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             this.al(a, true);
         }
         al(a, b) {
-            if (this.e == null) {
+            if (this.f == null) {
                 return;
             }
             let c = this.r.rootWrapper.getOffset();
-            let d = this.e.f(a.pageX - c.left, a.pageY - c.top);
+            let d = this.f.f(a.pageX - c.left, a.pageY - c.top);
             if (d == null) {
                 return;
             }
@@ -425,11 +425,11 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             this.ak(a, true);
         }
         ak(a, b) {
-            if (this.e == null) {
+            if (this.f == null) {
                 return;
             }
             let c = this.r.rootWrapper.getOffset();
-            let d = this.e.f(a.pageX - c.left, a.pageY - c.top);
+            let d = this.f.f(a.pageX - c.left, a.pageY - c.top);
             if (d == null) {
                 return;
             }
@@ -491,13 +491,13 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             }
         }
         ax(a) {
-            let b = this.e.cr;
-            let c = this.e.cm + this.e.cj;
-            let d = this.e.cz;
-            let e = this.e.ch;
+            let b = this.f.cr;
+            let c = this.f.cm + this.f.cj;
+            let d = this.f.cz;
+            let 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);
         }
@@ -516,9 +516,9 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
             return stringFormat1("rect({0}px, {1}px, {2}px, {3}px)", a.top, a.right, a.bottom, a.left);
         }
         y(a) {
-            let b = a.cl < this.f.cn ? this.f.cn - a.cl : 0;
+            let b = a.cl < this.g.cn ? this.g.cn - a.cl : 0;
             let c = 0;
-            let 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;
+            let 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;
             let e = a.fc;
             return this.x(new Rect(0, b, c, d, e));
         }
@@ -529,11 +529,11 @@ export let DataGridCellLayoutPanel = /*@__PURE__*/ (() => {
         ai(a, b) {
         }
         detach() {
-            if (this.e == null) {
+            if (this.f == null) {
                 return;
             }
-            for (let a = 0; a < this.e.cc.count; a++) {
-                let b = this.e.cc._inner[a].q;
+            for (let a = 0; a < this.f.cc.count; a++) {
+                let b = this.f.cc._inner[a].q;
                 for (let c = 0; c < b.count; c++) {
                     let d = b._inner[c];
                     if (d.s != null && d.s.nativeCell != null) {

package/esm2015/lib/DataGridToolbarView_combined.js

@@ -302,15 +302,15 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
     class DataGridToolbar extends Base {
         constructor() {
             super();
-            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);
@@ -329,36 +329,36 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
             this.t = 0;
             let a = new DataGridToolbarView();
             a.a = this;
-            this.e = a;
-            this.e.s();
+            this.c = a;
+            this.c.s();
         }
         notifySizeChanged() {
-            this.e.o();
+            this.c.o();
         }
         destroy() {
             this.provideContainer(null, null, null);
-            if (this.b != null) {
-                let a = this.b;
+            if (this.e != null) {
+                let a = this.e;
                 a.columnHiddenChanged = delegateRemove(a.columnHiddenChanged, runOn(this, this.a9));
-                let b = this.b;
+                let b = this.e;
                 b.columnPinnedChanged = delegateRemove(b.columnPinnedChanged, runOn(this, this.ba));
             }
         }
         provideContainer(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);
         }
-        get b() {
-            return this.a;
+        get e() {
+            return this.d;
         }
-        set b(a) {
-            let b = this.a;
-            this.a = a;
-            if (b != this.a) {
-                this.a0("TargetGrid", b, this.a);
+        set e(a) {
+            let b = this.d;
+            this.d = a;
+            if (b != this.d) {
+                this.a0("TargetGrid", b, this.d);
             }
         }
         get ar() {
@@ -513,51 +513,51 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
                     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":
@@ -567,41 +567,41 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
                     this.a4();
                     break;
                 case "BorderWidth":
-                    this.e.aa();
+                    this.c.aa();
                     break;
             }
         }
         az(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;
             }
         }
         a4() {
-            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;
@@ -612,8 +612,8 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
         }
         a3() {
             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) {
@@ -622,13 +622,13 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
             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();
         }
         a5(a, b, c, d, e) {
             let f = new XButton();
@@ -692,28 +692,28 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
             f.appendButtonContent(d);
         }
         av() {
-            this.e.l();
+            this.c.l();
         }
         a6() {
-            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));
             }
         }
         a7() {
-            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));
             }
         }
         a8(a) {
@@ -722,41 +722,41 @@ export let DataGridToolbar = /*@__PURE__*/ (() => {
                 a.columnPinnedChanged = delegateRemove(a.columnPinnedChanged, runOn(this, this.ba));
                 a.propertyChanged = delegateRemove(a.propertyChanged, runOn(this, this.az));
             }
-            if (this.b != null) {
-                let b = this.b;
+            if (this.e != null) {
+                let b = this.e;
                 b.columnHiddenChanged = delegateCombine(b.columnHiddenChanged, runOn(this, this.a9));
-                let c = this.b;
+                let c = this.e;
                 c.columnPinnedChanged = delegateCombine(c.columnPinnedChanged, runOn(this, this.ba));
-                let d = this.b;
+                let 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;
                 }
             }
         }
         ax() {
-            if (this.b != null) {
-                let a = this.b.actualColumns.count;
+            if (this.e != null) {
+                let a = this.e.actualColumns.count;
                 this.s = 0;
                 this.t = 0;
                 for (let 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();
         }
         a9(a, b) {
             this.ax();