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

package/esm2015/lib/ColumnGroupingView_combined.js

@@ -467,7 +467,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
     class ColumnGrouping extends Base {
         constructor() {
             super();
-            this.d = null;
+            this.b = null;
             this.propertyChanged = null;
             this.q = null;
             this.e = null;
@@ -477,7 +477,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             this.u = 0;
             this.l = null;
             this.o = false;
-            this.b = null;
+            this.c = null;
             this.f = 1;
             this.h = 2;
             this.w = "Drag a Column Here";
@@ -493,11 +493,11 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             this.q = new ObservableCollection$1(XIcon.$, 0);
             let a = new ColumnGroupingView();
             a.e = this;
-            this.d = a;
-            this.d.ai();
+            this.b = a;
+            this.b.ai();
         }
         notifySizeChanged() {
-            this.d.ag();
+            this.b.ag();
         }
         destroy() {
             this.provideContainer(null);
@@ -513,23 +513,23 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             }
         }
         provideContainer(a) {
-            this.d.ah(a);
+            this.b.ah(a);
         }
         get m() {
             if (this.l == null) {
-                this.l = new SRProvider(this.d.o);
+                this.l = new SRProvider(this.b.o);
                 this.l.cb("ColumnGrouping");
             }
             return this.l;
         }
         get targetGrid() {
-            return this.b;
+            return this.c;
         }
         set targetGrid(a) {
-            let b = this.b;
-            this.b = a;
-            if (b != this.b) {
-                this.ay("TargetGrid", b, this.b);
+            let b = this.c;
+            this.c = a;
+            if (b != this.c) {
+                this.ay("TargetGrid", b, this.c);
             }
         }
         get g() {
@@ -656,8 +656,8 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                     this.ba();
                     break;
                 case "TextStyle":
-                    this.d.ap();
-                    this.d.aq();
+                    this.b.ap();
+                    this.b.aq();
                     break;
                 case "TextColor":
                 case "IconColor":
@@ -666,14 +666,14 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                     break;
                 case "ItemHoverBackgroundColor": break;
                 case "BackgroundColor":
-                    NativeUI.m(this.d.u, this.bh);
+                    NativeUI.m(this.b.u, this.bh);
                     break;
             }
         }
         a4() {
         }
         ba() {
-            let a = this.d.w;
+            let a = this.b.w;
             if (this.bm != null) {
                 NativeUI.q(a, this.bm);
             }
@@ -682,12 +682,12 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             if (stringIsNullOrWhiteSpace(this.al)) {
                 this.al = !stringIsNullOrWhiteSpace(this.m.b1("Title")) ? this.m.b1("Title") : "Drag a Column Here";
             }
-            this.d.ar();
+            this.b.ar();
         }
         a8() {
-            let a = this.d.l;
-            let b = this.d.j;
-            let c = this.d.k;
+            let a = this.b.l;
+            let b = this.b.j;
+            let c = this.b.k;
             for (let d = 0; d < a.count; d++) {
                 NativeUI.q(a._inner[d], this.bl);
             }
@@ -704,7 +704,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                     this.i = this.targetGrid.density;
                 }
             }
-            this.d.ao();
+            this.b.ao();
         }
         a5() {
             if (this.targetGrid != null) {
@@ -712,7 +712,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                 if (this.targetGrid.isGroupByAreaVisible) {
                     this.o = true;
                 }
-                this.d.an();
+                this.b.an();
                 let a = this.targetGrid;
                 a.groupDescriptionsChanged = delegateCombine(a.groupDescriptionsChanged, runOn(this, this.a7));
                 let b = this.targetGrid;
@@ -723,7 +723,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                     let d = this.targetGrid.dragger;
                     d.onDragEnd = delegateCombine(d.onDragEnd, runOn(this, this.aw));
                 }
-                this.d.ac();
+                this.b.ac();
             }
         }
         p() {
@@ -757,7 +757,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
         }
         aw(a, b) {
             if (this.targetGrid.dragger.dragType == 2) {
-                let c = this.d.as();
+                let c = this.b.as();
                 let d = c.height * -1;
                 let e = 0;
                 let f = 0;
@@ -773,11 +773,11 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                         j.c = 0;
                         let l = this.targetGrid.groupDescriptions.j.contains(j);
                         if (l == false && k == false) {
-                            let m = this.d.l;
+                            let m = this.b.l;
                             let n = m.count;
                             let o = false;
                             for (let p = 0; p < n; p++) {
-                                let q = this.d.b(m._inner[p]);
+                                let q = this.b.b(m._inner[p]);
                                 let r = NativeUI.k(m._inner[p]);
                                 let s = q[1] - c.left + r;
                                 if (this.t < s) {
@@ -819,7 +819,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
         }
         at(a, b) {
             let c = new XIcon();
-            this.d.am(c, a);
+            this.b.am(c, a);
             if (b) {
                 c.svgPath = ColumnGrouping.x;
             }
@@ -831,21 +831,21 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
         }
         aq(a) {
             let b = new XIcon();
-            this.d.am(b, a);
+            this.b.am(b, a);
             b.svgPath = ColumnGrouping.aa;
             b.fill = BrushUtil.h(255, 119, 119, 119);
             this.q.add(b);
         }
         as(a) {
             let b = new XIcon();
-            this.d.am(b, a);
+            this.b.am(b, a);
             b.svgPath = ColumnGrouping.ah;
             b.fill = BrushUtil.h(255, 119, 119, 119);
             this.q.add(b);
         }
         ar(a) {
             let b = new XIcon();
-            this.d.am(b, a);
+            this.b.am(b, a);
             b.svgPath = ColumnGrouping.ad;
             b.fill = BrushUtil.h(255, 119, 119, 119);
             this.e = b;
@@ -897,10 +897,10 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             this.targetGrid.groupDescriptions.j.insert(b, d);
         }
         a7(a, b) {
-            this.d.ac();
+            this.b.ac();
         }
         a6(a, b) {
-            this.d.ac();
+            this.b.ac();
         }
         exportVisualModel() {
             return this.a();
@@ -911,22 +911,22 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
         }
         a() {
             let a = new ColumnGroupingVisualModelExport();
-            let b = this.d.v;
+            let b = this.b.v;
             a.d = new List$1(IconVisualModelExport.$, 0);
             a.c = new List$1(TextVisualModelExport.$, 0);
             a.b = this.i;
             a.a = this.g;
-            let c = this.d.a();
+            let c = this.b.a();
             let d = c[0];
             let e = c[1];
             a.h = d;
             a.f = e;
             a.e = NativeUI.d(b);
             a.i = NativeUI.k(b);
-            let f = this.d.l;
+            let f = this.b.l;
             for (let g = 0; g < f.count; g++) {
                 let h = new TextVisualModelExport();
-                let i = this.d.b(f._inner[g]);
+                let i = this.b.b(f._inner[g]);
                 h.e = i[0] - d;
                 h.d = i[1] - e;
                 h.c = NativeUI.d(f._inner[g]);
@@ -935,10 +935,10 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                 h.g = f._inner[g].getText();
                 a.c.add(h);
             }
-            let j = this.d.j;
+            let j = this.b.j;
             for (let k = 0; k < j.count; k++) {
                 let l = this.q._inner[k].au();
-                let m = this.d.b(j._inner[k]);
+                let m = this.b.b(j._inner[k]);
                 l.i = m[0] - d;
                 l.g = m[1] - e;
                 l.f = NativeUI.d(j._inner[k]);
@@ -947,8 +947,8 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             }
             if (this.k != null) {
                 let n = this.k;
-                if (this.d != null && n.q == null) {
-                    let o = this.d.o;
+                if (this.b != null && n.q == null) {
+                    let o = this.b.o;
                     let p = FontUtil.getFontInfoFromString(o, n.fontString);
                     n.q = p.q;
                     n.f = p.f;

package/esm2015/lib/ColumnPinningView_combined.js

@@ -89,12 +89,12 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
     class ColumnPinning extends Base {
         constructor() {
             super();
-            this.c = null;
+            this.a = null;
             this.d = null;
             this.propertyChanged = null;
             this.m = false;
             this.k = null;
-            this.a = null;
+            this.b = null;
             this.o = null;
             this.i = null;
             this.am = BrushUtil.h(255, 0, 153, 255);
@@ -105,8 +105,8 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
             this.m = false;
             let a = new ColumnPinningView();
             a.a = this;
-            this.c = a;
-            this.c.f();
+            this.a = a;
+            this.a.f();
         }
         ak(a) {
             if (this.d != null) {
@@ -114,7 +114,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
             }
         }
         notifySizeChanged() {
-            this.c.d();
+            this.a.d();
         }
         destroy() {
             if (this.d != null) {
@@ -122,10 +122,10 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                 a.checkedChanged = delegateRemove(a.checkedChanged, runOn(this, this.ae));
             }
             this.provideContainer(null, null);
-            if (this.a != null) {
-                let b = this.a.actualColumns;
+            if (this.b != null) {
+                let b = this.b.actualColumns;
                 b.collectionChanged = delegateRemove(b.collectionChanged, runOn(this, this.z));
-                let c = this.a;
+                let c = this.b;
                 c.columnPinnedChanged = delegateRemove(c.columnPinnedChanged, runOn(this, this.aj));
             }
         }
@@ -136,23 +136,23 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                 c.checkedChanged = delegateCombine(c.checkedChanged, runOn(this, this.ae));
             }
             this.aa();
-            this.c.e(a);
+            this.a.e(a);
         }
         get l() {
             if (this.k == null) {
-                this.k = new SRProvider(this.c.b);
+                this.k = new SRProvider(this.a.b);
                 this.k.cb("DataGrid");
             }
             return this.k;
         }
-        get b() {
-            return this.a;
+        get c() {
+            return this.b;
         }
-        set b(a) {
-            let b = this.a;
-            this.a = a;
-            if (b != this.a) {
-                this.ad("TargetGrid", b, this.a);
+        set c(a) {
+            let b = this.b;
+            this.b = a;
+            if (b != this.b) {
+                this.ad("TargetGrid", b, this.b);
             }
         }
         get v() {
@@ -240,22 +240,22 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                         let e = b;
                         e.columnPinnedChanged = delegateRemove(e.columnPinnedChanged, runOn(this, this.aj));
                     }
-                    if (this.a != null) {
-                        let f = this.a.actualColumns;
+                    if (this.b != null) {
+                        let f = this.b.actualColumns;
                         f.collectionChanged = delegateCombine(f.collectionChanged, runOn(this, this.z));
-                        let g = this.a;
+                        let g = this.b;
                         g.columnPinnedChanged = delegateCombine(g.columnPinnedChanged, runOn(this, this.aj));
                     }
                     this.aa();
                     break;
                 case "Title":
-                    this.c.i();
+                    this.a.i();
                     break;
                 case "TitleStyle":
-                    this.c.k();
+                    this.a.k();
                     break;
                 case "TitleColor":
-                    this.c.j();
+                    this.a.j();
                     break;
                 case "FilterPlaceholderText":
                     if (this.d != null) {
@@ -270,9 +270,9 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                     break;
                 case "BackgroundColor":
                     if (this.d != null) {
-                        this.d.dn = this.an;
+                        this.d.backgroundColor = this.an;
                     }
-                    this.c.g();
+                    this.a.g();
                     break;
             }
         }
@@ -283,7 +283,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
         }
         ah() {
             if (this.d != null) {
-                this.d.ac = this.h;
+                this.d.density = this.h;
             }
         }
         aj(a, b) {
@@ -296,13 +296,13 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
             this.aa();
         }
         aa() {
-            if (this.a != null && this.d != null) {
+            if (this.b != null && this.d != null) {
                 this.d.aa = this.f;
-                this.d.ac = this.h;
-                this.d.dn = this.an;
+                this.d.density = this.h;
+                this.d.backgroundColor = this.an;
                 let a;
                 let b = new ObservableCollection$1(ColumnPinningInfo.$, 0);
-                for (let c of fromEnum(this.a.actualColumns)) {
+                for (let c of fromEnum(this.b.actualColumns)) {
                     a = new ColumnPinningInfo();
                     let d = c.i8;
                     if (c.jf != null) {
@@ -317,7 +317,7 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                     }
                     b.add(a);
                 }
-                this.d.au = false;
+                this.d.showSelectAll = false;
                 if (this.s != null) {
                     this.d.bi = this.s;
                 }
@@ -326,26 +326,26 @@ export let ColumnPinning = /*@__PURE__*/ (() => {
                 let f = "";
                 e = "columnName";
                 f = "isPinned";
-                this.d.b3 = f;
-                this.d.be = e;
+                this.d.selectedMemberPath = f;
+                this.d.dataMemberPath = e;
             }
         }
         ae(a, b) {
             this.m = true;
-            let c = this.d.h.actualDataSource.getItemAtIndex(b.c);
-            let d = this.a.actualColumns.count;
+            let c = this.d.f.actualDataSource.getItemAtIndex(b.c);
+            let d = this.b.actualColumns.count;
             for (let e = 0; e < d; e++) {
-                if (this.a.actualColumns._inner[e].i8 == c.columnName || this.a.actualColumns._inner[e].jz == c.columnName || this.a.actualColumns._inner[e].jf == c.columnName) {
-                    if (this.a.actualColumns._inner[e].f6 == 0) {
-                        this.a.actualColumns._inner[e].f6 = 1;
+                if (this.b.actualColumns._inner[e].i8 == c.columnName || this.b.actualColumns._inner[e].jz == c.columnName || this.b.actualColumns._inner[e].jf == c.columnName) {
+                    if (this.b.actualColumns._inner[e].f6 == 0) {
+                        this.b.actualColumns._inner[e].f6 = 1;
                     }
-                    else if (this.a.actualColumns._inner[e].f6 == 2) {
-                        this.a.actualColumns._inner[e].f6 = 1;
+                    else if (this.b.actualColumns._inner[e].f6 == 2) {
+                        this.b.actualColumns._inner[e].f6 = 1;
                     }
                     else {
-                        this.a.actualColumns._inner[e].f6 = 0;
+                        this.b.actualColumns._inner[e].f6 = 0;
                     }
-                    this.a.actualColumns._inner[e].ki("Pinned");
+                    this.b.actualColumns._inner[e].ki("Pinned");
                     break;
                 }
             }

package/esm2015/lib/DataGridAccessibilityLayoutPanel.js

@@ -47,7 +47,7 @@ export let DataGridAccessibilityLayoutPanel = /*@__PURE__*/ (() => {
                         this.ay = new AccessibilityRow();
                         this.ay.i = this.a7;
                         this.ay.e = -1;
-                        this.ay.d = this.f.b9.count;
+                        this.ay.d = this.g.b9.count;
                         this.ay.f = "columnheader";
                     }
                     this.ay.j(a, b);
@@ -59,7 +59,7 @@ export let DataGridAccessibilityLayoutPanel = /*@__PURE__*/ (() => {
                         d = new AccessibilityRow();
                         d.i = this.a7;
                         d.e = c;
-                        d.d = this.f.b9.count;
+                        d.d = this.g.b9.count;
                         d.f = "gridcell";
                         this.a0.s(c, d);
                     }