npm - igniteui-webcomponents-data-grids - Versions diffs - 7.0.1 → 7.1.0-alpha.1 - Mend

igniteui-webcomponents-data-grids 7.0.1 → 7.1.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/bundles/igniteui-webcomponents-data-grids.umd.js +767 -690
package/bundles/igniteui-webcomponents-data-grids.umd.min.js +1 -1
package/esm2015/lib/CheckboxListView_combined.js +2 -2
package/esm2015/lib/ColumnFilterCondition_combined.js +680 -640
package/esm2015/lib/ColumnGroupingView_combined.js +1 -1
package/esm2015/lib/ComparisonOperatorSelectorView_combined.js +1 -1
package/esm2015/lib/DataGridScrollerKeyboardListener.js +4 -1
package/esm2015/lib/DataGridToolbarView_combined.js +1 -1
package/esm2015/lib/DraggerView.js +8 -8
package/esm2015/lib/GridExternalWrapper.js +6 -0
package/esm2015/lib/GridFilterDialogView_combined.js +36 -35
package/esm2015/lib/NativeUIComboFactory.js +1 -1
package/esm2015/lib/NativeUIGridFactory.js +2 -2
package/esm2015/lib/SectionHeaderCell.js +12 -0
package/esm2015/lib/SummaryCell.js +9 -0
package/esm2015/lib/TemplateCell.js +1 -1
package/esm2015/lib/igc-data-grid-component.js +7 -1
package/esm5/lib/CheckboxListView_combined.js +2 -2
package/esm5/lib/ColumnFilterCondition_combined.js +677 -637
package/esm5/lib/ColumnGroupingView_combined.js +1 -1
package/esm5/lib/ComparisonOperatorSelectorView_combined.js +1 -1
package/esm5/lib/DataGridScrollerKeyboardListener.js +4 -1
package/esm5/lib/DataGridToolbarView_combined.js +1 -1
package/esm5/lib/DraggerView.js +8 -8
package/esm5/lib/GridExternalWrapper.js +6 -0
package/esm5/lib/GridFilterDialogView_combined.js +36 -35
package/esm5/lib/NativeUIComboFactory.js +1 -1
package/esm5/lib/NativeUIGridFactory.js +2 -2
package/esm5/lib/SectionHeaderCell.js +12 -0
package/esm5/lib/SummaryCell.js +9 -0
package/esm5/lib/TemplateCell.js +1 -1
package/esm5/lib/igc-data-grid-component.js +7 -1
package/fesm2015/igniteui-webcomponents-data-grids.js +769 -692
package/fesm5/igniteui-webcomponents-data-grids.js +768 -691
package/lib/ColumnFilterCondition_combined.d.ts +117 -114
package/lib/DataGridScrollerKeyboardListener.d.ts +1 -0
package/lib/GridExternalWrapper.d.ts +2 -0
package/lib/SectionHeaderCell.d.ts +2 -0
package/lib/SummaryCell.d.ts +2 -0
package/lib/igc-data-grid-component.d.ts +2 -0
package/package.json +4 -4

package/bundles/igniteui-webcomponents-data-grids.umd.js CHANGED Viewed

@@ -8928,12 +8928,12 @@
         };
         DefaultCellActionManager.prototype.previewMouseDownCell = function (a, b, c) {
             if (this.b != null && this.a != null) {
-                this.b.xj(this.a, a, b, c);
+                this.b.xk(this.a, a, b, c);
             }
         };
         DefaultCellActionManager.prototype.previewMouseUpCell = function (a, b, c) {
             if (this.b != null && this.a != null) {
-                this.b.xk(this.a, a, b, c);
+                this.b.xl(this.a, a, b, c);
             }
         };
         DefaultCellActionManager.prototype.mouseDownCell = function (a, b) {
@@ -8958,7 +8958,7 @@
         };
         DefaultCellActionManager.prototype.mouseIsOver = function (a, b) {
             if (this.b != null && this.a != null) {
-                this.b.xi(this.a, a, b);
+                this.b.xj(this.a, a, b);
             }
         };
         DefaultCellActionManager.prototype.doubleClicked = function (a) {
@@ -9091,7 +9091,7 @@
         });
         Object.defineProperty(DefaultCellActionManager.prototype, "mousePosition", {
             get: function () {
-                return this.b.acg;
+                return this.b.ach;
             },
             enumerable: false,
             configurable: true
@@ -14888,7 +14888,7 @@
             }
         };
         DataSourceNotificationBridge.prototype.notifySetItem = function (a, b, c) {
-            this.b.x1(a, b, c);
+            this.b.x2(a, b, c);
             if (this.a != null) {
                 this.a.notifySetItem(a, b, c);
             }
@@ -14900,13 +14900,13 @@
             }
         };
         DataSourceNotificationBridge.prototype.notifyInsertItem = function (a, b) {
-            this.b.xf(a, b);
+            this.b.xg(a, b);
             if (this.a != null) {
                 this.a.notifyInsertItem(a, b);
             }
         };
         DataSourceNotificationBridge.prototype.notifyRemoveItem = function (a, b) {
-            this.b.xm(a, b);
+            this.b.xn(a, b);
             if (this.a != null) {
                 this.a.notifyRemoveItem(a, b);
             }
@@ -15176,11 +15176,9 @@
             configurable: true
         });
         EditingManager.prototype.y = function (a, b) {
-            if (this.r != -1 && this.q != -1) {
-                if (b.animationType != 10) {
-                    if (this.c != null) {
-                        this.g.c6.r(this.g, this.c, b.propertyName, b.animationType, b.oldValue, b.newValue, 9);
-                    }
+            if (b.animationType != 10) {
+                if (this.c != null) {
+                    this.g.c6.r(this.g, this.c, b.propertyName, b.animationType, b.oldValue, b.newValue, 9);
                 }
             }
         };
@@ -15267,7 +15265,7 @@
         EditingManager.prototype.x = function () {
         };
         EditingManager.prototype.z = function () {
-            this.g.ye();
+            this.g.yf();
         };
         EditingManager.prototype.h = function (a, b) {
             if (a.is != 0) {
@@ -15348,11 +15346,11 @@
             _this.be = 0;
             _this.e2 = null;
             _this.h8 = true;
-            _this.aap = null;
             _this.aaq = null;
-            _this.aah = null;
-            _this.acm = new igniteuiWebcomponentsCore.Thickness(0, 1);
-            _this.acg = null;
+            _this.aar = null;
+            _this.aai = null;
+            _this.acn = new igniteuiWebcomponentsCore.Thickness(0, 1);
+            _this.ach = null;
             _this.as = null;
             _this.ap = null;
             _this.hx = false;
@@ -15456,7 +15454,7 @@
             _this.bb = 1;
             _this.a8 = 1;
             _this.a0 = 1;
-            _this.acn = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0);
+            _this.aco = new igniteuiWebcomponentsCore.Thickness(1, 0, 0, 0, 0);
             _this.ch = 5;
             _this.c2 = 1;
             _this.el = 1;
@@ -15473,71 +15471,71 @@
             _this.hy = false;
             _this.h3 = true;
             _this.h4 = true;
-            _this.z5 = null;
-            _this.aax = null;
-            _this.aa0 = null;
-            _this.aa4 = null;
+            _this.z6 = null;
+            _this.aay = null;
+            _this.aa1 = null;
+            _this.aa5 = null;
             _this.mf = NaN;
             _this.gu = null;
             _this.mb = NaN;
-            _this.aag = null;
-            _this.aaz = null;
+            _this.aah = null;
+            _this.aa0 = null;
+            _this.aap = null;
             _this.aao = null;
-            _this.aan = null;
             _this.dh = null;
             _this.dg = null;
-            _this.z4 = null;
-            _this.z6 = null;
-            _this.aal = null;
+            _this.z5 = null;
+            _this.z7 = null;
+            _this.aam = null;
             _this.f7 = 0;
             _this.gt = null;
-            _this.aaw = null;
-            _this.aay = null;
+            _this.aax = null;
+            _this.aaz = null;
             _this.gw = null;
             _this.gx = null;
             _this.gz = null;
-            _this.aa3 = null;
+            _this.aa4 = null;
             _this.gy = null;
             _this.g0 = null;
-            _this.aa7 = null;
-            _this.aa1 = null;
-            _this.aa5 = null;
+            _this.aa8 = null;
             _this.aa2 = null;
             _this.aa6 = null;
+            _this.aa3 = null;
+            _this.aa7 = null;
             _this.nd = igniteuiWebcomponentsCore.truncate(igniteuiWebcomponentsCore.DeviceUtils.g(2));
             _this.m8 = igniteuiWebcomponentsCore.truncate(igniteuiWebcomponentsCore.DeviceUtils.g(1));
-            _this.aak = null;
-            _this.aai = null;
-            _this.aam = null;
-            _this.gv = null;
-            _this.aar = null;
+            _this.aal = null;
             _this.aaj = null;
-            _this.aau = null;
+            _this.aan = null;
+            _this.gv = null;
             _this.aas = null;
+            _this.aak = null;
+            _this.aav = null;
             _this.aat = null;
+            _this.aau = null;
             _this.m4 = igniteuiWebcomponentsCore.truncate(igniteuiWebcomponentsCore.DeviceUtils.g(4));
             _this.l5 = 1;
             _this.m2 = igniteuiWebcomponentsCore.truncate(igniteuiWebcomponentsCore.DeviceUtils.g(2));
             _this.l4 = 1;
-            _this.aaf = null;
-            _this.z7 = null;
+            _this.aag = null;
+            _this.z8 = null;
             _this.ip = false;
             _this.bi = 0;
-            _this.aac = null;
+            _this.aad = null;
             _this.bk = 0;
-            _this.z1 = null;
-            _this.z3 = null;
-            _this.acl = GridStyleRepository.u;
-            _this.acj = GridStyleRepository.u;
-            _this.ack = new igniteuiWebcomponentsCore.Thickness(0, NaN);
+            _this.z2 = null;
+            _this.z4 = null;
+            _this.acm = GridStyleRepository.u;
+            _this.ack = GridStyleRepository.u;
+            _this.acl = new igniteuiWebcomponentsCore.Thickness(0, NaN);
             _this.ih = false;
-            _this.zv = GridStyleRepository.p;
-            _this.zu = new igniteuiWebcomponentsCore.CornerRadius(0, NaN);
-            _this.zt = GridStyleRepository.p;
+            _this.zw = GridStyleRepository.p;
+            _this.zv = new igniteuiWebcomponentsCore.CornerRadius(0, NaN);
+            _this.zu = GridStyleRepository.p;
             _this.ht = true;
             _this.iv = false;
-            _this.z0 = null;
-            _this.z2 = null;
+            _this.z1 = null;
+            _this.z3 = null;
             _this.g9 = new DefaultPlatformPixelConverter();
             _this.e3 = null;
             _this.fr = null;
@@ -15660,13 +15658,13 @@
             _this.pb = null;
             _this.pc = null;
             _this.gn = 1;
-            _this.aav = null;
-            _this.z9 = null;
-            _this.aae = null;
-            _this.aad = null;
+            _this.aaw = null;
             _this.aaa = null;
+            _this.aaf = null;
+            _this.aae = null;
             _this.aab = null;
-            _this.z8 = null;
+            _this.aac = null;
+            _this.z9 = null;
             _this.hh = false;
             _this.hl = false;
             _this.sectionHeader = new SectionHeader();
@@ -15682,10 +15680,10 @@
             _this.cq = new EditRowDefinition();
             _this.cz = new FilterRowDefinition();
             _this.cz.grid = _this;
-            _this.ack = _this.acl;
-            _this.zu = _this.zv;
-            _this.z1 = GridStyleRepository.s(_this.theme, 28);
-            _this.z0 = GridStyleRepository.s(_this.theme, 29);
+            _this.acl = _this.acm;
+            _this.zv = _this.zw;
+            _this.z2 = GridStyleRepository.s(_this.theme, 28);
+            _this.z1 = GridStyleRepository.s(_this.theme, 29);
             _this.ay = new ColumnController(_this.dm, _this.autoGenerateColumns, igniteuiWebcomponentsCore.runOn(_this, _this.vz));
             var a = _this.ay.j;
             a.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(a.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.um));
@@ -15697,19 +15695,19 @@
             _this.j6 = _this.k7();
             _this.f6 = new SelectionManager(_this, _this.c6);
             _this.ae = new ActivationManager(_this, _this.c6);
-            _this.ed.ag(igniteuiWebcomponentsCore.runOn(_this, _this.y7));
-            _this.ei.an(igniteuiWebcomponentsCore.runOn(_this, _this.y8));
-            _this.d9.an(igniteuiWebcomponentsCore.runOn(_this, _this.y6));
+            _this.ed.ag(igniteuiWebcomponentsCore.runOn(_this, _this.y8));
+            _this.ei.an(igniteuiWebcomponentsCore.runOn(_this, _this.y9));
+            _this.d9.an(igniteuiWebcomponentsCore.runOn(_this, _this.y7));
             var b = _this.d6;
-            b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.y5));
-            _this.ec.ag(igniteuiWebcomponentsCore.runOn(_this, _this.x6));
-            _this.eh.an(igniteuiWebcomponentsCore.runOn(_this, _this.x7));
+            b.collectionChanged = igniteuiWebcomponentsCore.delegateCombine(b.collectionChanged, igniteuiWebcomponentsCore.runOn(_this, _this.y6));
+            _this.ec.ag(igniteuiWebcomponentsCore.runOn(_this, _this.x7));
+            _this.eh.an(igniteuiWebcomponentsCore.runOn(_this, _this.x8));
             _this.b3 = new ColumnSortDescriptionCollection();
             _this.a3 = new ColumnGroupDescriptionCollection();
             _this.b8 = new ColumnSummaryDescriptionCollection();
-            _this.b3.m(igniteuiWebcomponentsCore.runOn(_this, _this.ze));
+            _this.b3.m(igniteuiWebcomponentsCore.runOn(_this, _this.zf));
             _this.a3.m(igniteuiWebcomponentsCore.runOn(_this, _this.vh));
-            _this.b8.m(igniteuiWebcomponentsCore.runOn(_this, _this.zg));
+            _this.b8.m(igniteuiWebcomponentsCore.runOn(_this, _this.zh));
             _this.u = new igniteuiWebcomponentsCore.FilterExpressionCollection();
             _this.u.n(igniteuiWebcomponentsCore.runOn(_this, _this.ve));
             _this.ga = new SortManager(_this);
@@ -15831,7 +15829,7 @@
                 var b = this.gp;
                 this.gp = a;
                 if (b != this.gp) {
-                    this.xl("Theme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.gp));
+                    this.xm("Theme", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.BaseControlTheme_$type, this.gp));
                 }
             },
             enumerable: false,
@@ -15964,15 +15962,15 @@
                 })()));
             }
         };
-        DataGrid.prototype.xr = function (a, b) {
+        DataGrid.prototype.xs = function (a, b) {
             this.vn(a);
         };
         DataGrid.prototype.xe = function (a) {
             if (a.w == 2) {
-                this.zn(a.l.x);
+                this.zo(a.l.x);
             }
         };
-        DataGrid.prototype.zn = function (a) {
+        DataGrid.prototype.zo = function (a) {
             if (this.ck.j) {
                 if (!this.je(true)) {
                     return;
@@ -16061,7 +16059,7 @@
                         var g = this.model.b9._inner[a.l.a5].n;
                         if (this.selectionBehavior == 1) {
                             if (b) {
-                                this.ya(a.l.x, g);
+                                this.yb(a.l.x, g);
                             }
                             else {
                                 if (c && this.au != null) {
@@ -16071,20 +16069,20 @@
                                     this.uo(Math.min(this.au.k, h), Math.max(this.au.k, h), Math.min(this.au.l, i), Math.max(this.au.l, i));
                                 }
                                 else {
-                                    this.ym();
+                                    this.yn();
                                     this.uo(g, g, a.l.x, a.l.x);
                                 }
                             }
                         }
                         else if (this.selectionBehavior == 0) {
-                            this.ya(a.l.x, g);
+                            this.yb(a.l.x, g);
                         }
                     }
                 }
                 else {
                     this.f6.z(a, c, b, this.selectionBehavior == 0);
                 }
-                this.x0();
+                this.x1();
                 if (this.activationMode == 1) {
                     this.ae.aa(a);
                 }
@@ -16100,12 +16098,12 @@
                 })()));
             }
         };
-        DataGrid.prototype.ya = function (a, b) {
+        DataGrid.prototype.yb = function (a, b) {
             var c = false;
             for (var d = 0; d < this.selectedCellRanges.count; d++) {
                 var e = this.selectedCellRanges._inner[d];
                 if (e.k == b && e.i == b && e.l == a && e.j == a) {
-                    this.yn(this.selectedCellRanges._inner[d]);
+                    this.yo(this.selectedCellRanges._inner[d]);
                     c = true;
                     break;
                 }
@@ -16122,7 +16120,7 @@
                 var b = this.bs;
                 this.bs = a;
                 if (b != this.bs) {
-                    this.xl("ColumnResizingMode", igniteuiWebcomponentsCore.enumGetBox(ColumnResizingMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnResizingMode_$type, this.bs));
+                    this.xm("ColumnResizingMode", igniteuiWebcomponentsCore.enumGetBox(ColumnResizingMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnResizingMode_$type, this.bs));
                 }
             },
             enumerable: false,
@@ -16136,7 +16134,7 @@
                 var b = this.be;
                 this.be = a;
                 if (b != this.be) {
-                    this.xl("ColumnMovingMode", igniteuiWebcomponentsCore.enumGetBox(ColumnMovingMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnMovingMode_$type, this.be));
+                    this.xm("ColumnMovingMode", igniteuiWebcomponentsCore.enumGetBox(ColumnMovingMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnMovingMode_$type, this.be));
                 }
             },
             enumerable: false,
@@ -16150,7 +16148,7 @@
                 var b = this.h8;
                 this.h8 = a;
                 if (b != this.h8) {
-                    this.xl("IsRowHoverEnabled", b, this.h8);
+                    this.xm("IsRowHoverEnabled", b, this.h8);
                 }
             },
             enumerable: false,
@@ -16158,13 +16156,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "rowHoverBackground", {
             get: function () {
-                return this.aap;
+                return this.aaq;
             },
             set: function (a) {
-                var b = this.aap;
-                this.aap = a;
-                if (b != this.aap) {
-                    this.xl("RowHoverBackground", b, this.aap);
+                var b = this.aaq;
+                this.aaq = a;
+                if (b != this.aaq) {
+                    this.xm("RowHoverBackground", b, this.aaq);
                 }
             },
             enumerable: false,
@@ -16172,13 +16170,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "rowHoverTextColor", {
             get: function () {
-                return this.aaq;
+                return this.aar;
             },
             set: function (a) {
-                var b = this.aaq;
-                this.aaq = a;
-                if (b != this.aaq) {
-                    this.xl("RowHoverTextColor", b, this.aaq);
+                var b = this.aar;
+                this.aar = a;
+                if (b != this.aar) {
+                    this.xm("RowHoverTextColor", b, this.aar);
                 }
             },
             enumerable: false,
@@ -16186,13 +16184,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "editRowBorder", {
             get: function () {
-                return this.aah;
+                return this.aai;
             },
             set: function (a) {
-                var b = this.aah;
-                this.aah = a;
-                if (b != this.aah) {
-                    this.xl("EditRowBorder", b, this.aah);
+                var b = this.aai;
+                this.aai = a;
+                if (b != this.aai) {
+                    this.xm("EditRowBorder", b, this.aai);
                 }
             },
             enumerable: false,
@@ -16200,13 +16198,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "editRowBorderWidth", {
             get: function () {
-                return this.acm;
+                return this.acn;
             },
             set: function (a) {
-                var b = this.acm;
-                this.acm = a;
-                if (b != this.acm) {
-                    this.xl("EditRowBorderWidth", b, this.acm);
+                var b = this.acn;
+                this.acn = a;
+                if (b != this.acn) {
+                    this.xm("EditRowBorderWidth", b, this.acn);
                 }
             },
             enumerable: false,
@@ -16214,7 +16212,7 @@
         });
         DataGrid.prototype.wf = function (a, b, c) {
             this.ap = a.l.ab();
-            this.acg = { $type: igniteuiWebcomponentsCore.Point_$type, x: b, y: c };
+            this.ach = { $type: igniteuiWebcomponentsCore.Point_$type, x: b, y: c };
             this.hx = a.bo && a.bp;
             if (this.dragger != null && this.columnResizingMode != 2 && this.ap.h) {
                 var d = this.az.j._inner[a.l.a5];
@@ -16253,10 +16251,10 @@
                 this.e2.f(-1);
             }
         };
-        DataGrid.prototype.xj = function (a, b, c, d) {
-        };
         DataGrid.prototype.xk = function (a, b, c, d) {
         };
+        DataGrid.prototype.xl = function (a, b, c, d) {
+        };
         Object.defineProperty(DataGrid.prototype, "oj", {
             get: function () {
                 return this.na;
@@ -16292,7 +16290,7 @@
                 }
             }
         };
-        DataGrid.prototype.xi = function (a, b, c) {
+        DataGrid.prototype.xj = function (a, b, c) {
             if (this.dragger == null || !this.dragger.isDragActive) {
                 if (a.l.h && this.columnResizingMode != 2) {
                     var d = this.az.j._inner[a.l.a5];
@@ -16329,7 +16327,7 @@
             }
             else if (this.selectionMode == 5 && this.mouseDragSelectionEnabled && a.aj && !a.a0) {
                 if (!d) {
-                    this.ym();
+                    this.yn();
                 }
                 this.no = a.x;
                 this.nn = this.model.b9._inner[a.a5].n;
@@ -16415,13 +16413,13 @@
                 }
             }
             else if (this.dragger.dragType == 3) {
-                this.x0();
+                this.x1();
                 if (this.deferEventForRowDragSelection) {
                     this.va();
                 }
             }
             else if (this.dragger.dragType == 0) {
-                this.x0();
+                this.x1();
             }
         };
         DataGrid.prototype.w6 = function (a, b) {
@@ -16569,29 +16567,29 @@
         DataGrid.prototype.xa = function (a) {
             if (a || !this.i5(this.l9 + this.model.actualVisibleRegion.x, this.ma + this.model.actualVisibleRegion.y)) {
                 var b = this.l9 + this.model.actualVisibleRegion.x;
-                var c = this.aci(b, this.l8, this.l9, this.ma);
+                var c = this.acj(b, this.l8, this.l9, this.ma);
                 var d = this.av(c, this.no, this.nn, this.iu);
-                this.y4(d);
+                this.y5(d);
             }
         };
-        DataGrid.prototype.y4 = function (a) {
+        DataGrid.prototype.y5 = function (a) {
             if (this.at == null) {
                 this.at = a;
                 this.un(this.at);
             }
             else {
-                this.zs(a);
+                this.zt(a);
             }
         };
         DataGrid.prototype.xb = function (a, b) {
             if (a || !this.i5(this.l9 + this.model.actualVisibleRegion.x, this.ma + this.model.actualVisibleRegion.y)) {
                 var c = this.l9 + this.model.actualVisibleRegion.x;
-                var d = this.aci(c, this.l8, this.l9, this.ma);
+                var d = this.acj(c, this.l8, this.l9, this.ma);
                 var e = this.av(d, this.no, 0, this.iu);
-                this.y9(e.l, e.j);
+                this.za(e.l, e.j);
             }
         };
-        DataGrid.prototype.y9 = function (a, b) {
+        DataGrid.prototype.za = function (a, b) {
             for (var c = a; c <= b; c++) {
                 if (this.lt.contains(c)) {
                     continue;
@@ -16628,7 +16626,7 @@
                 }
             }
         };
-        DataGrid.prototype.aci = function (a, b, c, d) {
+        DataGrid.prototype.acj = function (a, b, c, d) {
             c += this.model.actualVisibleRegion.x;
             d += this.model.actualVisibleRegion.y;
             return new igniteuiWebcomponentsCore.Rect(0, Math.min(a, c), Math.min(b, d), Math.abs(c - a), Math.abs(d - b));
@@ -16774,7 +16772,7 @@
             }
             this.hb.requestFrame(this.ni);
         };
-        DataGrid.prototype.zs = function (a) {
+        DataGrid.prototype.zt = function (a) {
             if (a.k != this.at.k || a.i != this.at.i || a.l != this.at.l || a.j != this.at.j) {
                 this.at.k = a.k;
                 this.at.i = a.i;
@@ -16787,19 +16785,19 @@
                 this.vx(this.at);
             }
         };
-        DataGrid.prototype.yu = function (a) {
+        DataGrid.prototype.yv = function (a) {
             if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
                 a.m = this.actualDataSource.resolveSchemaPropertyType(a.f);
                 a.o = true;
             }
         };
-        DataGrid.prototype.yv = function (a) {
+        DataGrid.prototype.yw = function (a) {
             if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
                 a.g = this.actualDataSource.resolveSchemaPropertyType(a.ah);
                 a.s = true;
             }
         };
-        DataGrid.prototype.zg = function (a, b) {
+        DataGrid.prototype.zh = function (a, b) {
             var _this = this;
             switch (b.action) {
                 case 0:
@@ -16807,7 +16805,7 @@
                         for (var c = 0; c < b.newItems.count; c++) {
                             var d = b.newItems.item(c);
                             if (!d.s) {
-                                this.yv(d);
+                                this.yw(d);
                             }
                         }
                     }
@@ -16829,7 +16827,7 @@
                         for (var c = 0; c < b.newItems.count; c++) {
                             var d = b.newItems.item(c);
                             if (!d.o) {
-                                this.yu(d);
+                                this.yv(d);
                             }
                         }
                     }
@@ -16873,7 +16871,7 @@
                 })()));
             }
         };
-        DataGrid.prototype.ze = function (a, b) {
+        DataGrid.prototype.zf = function (a, b) {
             var e_1, _a;
             var _this = this;
             this.j7 = true;
@@ -16883,7 +16881,7 @@
                         if (b.newItems != null) {
                             for (var c = 0; c < b.newItems.count; c++) {
                                 var d = b.newItems.item(c);
-                                this.zm(d.f, this.b6(d.c));
+                                this.zn(d.f, this.b6(d.c));
                             }
                         }
                         break;
@@ -16891,7 +16889,7 @@
                         if (b.oldItems != null) {
                             for (var e = 0; e < b.oldItems.count; e++) {
                                 var f = b.oldItems.item(e);
-                                this.zm(f.f, 0);
+                                this.zn(f.f, 0);
                             }
                         }
                         break;
@@ -16899,13 +16897,13 @@
                         if (b.oldItems != null) {
                             for (var g = 0; g < b.oldItems.count; g++) {
                                 var h = b.oldItems.item(g);
-                                this.zm(h.f, 0);
+                                this.zn(h.f, 0);
                             }
                         }
                         if (b.newItems != null) {
                             for (var i = 0; i < b.newItems.count; i++) {
                                 var j = b.newItems.item(i);
-                                this.zm(j.f, this.b6(j.c));
+                                this.zn(j.f, this.b6(j.c));
                             }
                         }
                         break;
@@ -16943,7 +16941,7 @@
                 this.j7 = false;
             }
         };
-        DataGrid.prototype.zm = function (a, b) {
+        DataGrid.prototype.zn = function (a, b) {
             for (var c = 0; c < this.columns.count; c++) {
                 if (this.columns._inner[c].mr == a) {
                     this.columns._inner[c].hu = b;
@@ -16957,7 +16955,7 @@
             }
             return 0;
         };
-        DataGrid.prototype.y7 = function (a, b) {
+        DataGrid.prototype.y8 = function (a, b) {
             var e_2, _a, e_3, _b, e_4, _c;
             var _this = this;
             this.io = true;
@@ -17079,7 +17077,7 @@
                 }
             }
         };
-        DataGrid.prototype.y8 = function (a, b) {
+        DataGrid.prototype.y9 = function (a, b) {
             var e_5, _a, e_6, _b, e_7, _c;
             var _this = this;
             if (!this.ji && this.actualDataSource != null) {
@@ -17202,7 +17200,7 @@
                 }
             }
         };
-        DataGrid.prototype.y6 = function (a, b) {
+        DataGrid.prototype.y7 = function (a, b) {
             var e_8, _a, e_9, _b;
             var _this = this;
             this.io = true;
@@ -17277,7 +17275,7 @@
                 }
             }
         };
-        DataGrid.prototype.y5 = function (a, b) {
+        DataGrid.prototype.y6 = function (a, b) {
             var _this = this;
             this.io = true;
             this.i0 = true;
@@ -17293,7 +17291,7 @@
                 }
             }
         };
-        DataGrid.prototype.x6 = function (a, b) {
+        DataGrid.prototype.x7 = function (a, b) {
             var e_10, _a;
             if (!this.jh && this.actualDataSource != null) {
                 if (!this.ix) {
@@ -17361,7 +17359,7 @@
                 }
             }
         };
-        DataGrid.prototype.x7 = function (a, b) {
+        DataGrid.prototype.x8 = function (a, b) {
             var e_11, _a;
             if (!this.jh && this.actualDataSource != null) {
                 if (!this.ix) {
@@ -17560,7 +17558,7 @@
                 }
                 this.f3.grid = this;
                 if (b != this.f3) {
-                    this.xl("SectionHeader", b, this.f3);
+                    this.xm("SectionHeader", b, this.f3);
                 }
             },
             enumerable: false,
@@ -17588,7 +17586,7 @@
                 }
                 this.gd.grid = this;
                 if (b != this.gd) {
-                    this.xl("SummaryRowRoot", b, this.gd);
+                    this.xm("SummaryRowRoot", b, this.gd);
                 }
             },
             enumerable: false,
@@ -17606,7 +17604,7 @@
                 }
                 this.gf.grid = this;
                 if (b != this.gf) {
-                    this.xl("SummaryRowSection", b, this.gf);
+                    this.xm("SummaryRowSection", b, this.gf);
                 }
             },
             enumerable: false,
@@ -17620,7 +17618,7 @@
                 var b = this.fy;
                 this.fy = a;
                 if (b != this.fy) {
-                    this.xl("RowSeparator", b, this.fy);
+                    this.xm("RowSeparator", b, this.fy);
                 }
             },
             enumerable: false,
@@ -17634,7 +17632,7 @@
                 var b = this.ey;
                 this.ey = a;
                 if (b != this.ey) {
-                    this.xl("HeaderRowSeparator", b, this.ey);
+                    this.xm("HeaderRowSeparator", b, this.ey);
                 }
             },
             enumerable: false,
@@ -17648,7 +17646,7 @@
                 var b = this.e0;
                 this.e0 = a;
                 if (b != this.e0) {
-                    this.xl("HeaderSeparator", b, this.e0);
+                    this.xm("HeaderSeparator", b, this.e0);
                 }
             },
             enumerable: false,
@@ -17662,7 +17660,7 @@
                 var b = this.bu;
                 this.bu = a;
                 if (b != this.bu) {
-                    this.xl("ColumnResizingSeparator", b, this.bu);
+                    this.xm("ColumnResizingSeparator", b, this.bu);
                 }
             },
             enumerable: false,
@@ -17676,7 +17674,7 @@
                 var b = this.bg;
                 this.bg = a;
                 if (b != this.bg) {
-                    this.xl("ColumnMovingSeparator", b, this.bg);
+                    this.xm("ColumnMovingSeparator", b, this.bg);
                 }
             },
             enumerable: false,
@@ -17690,7 +17688,7 @@
                 var b = this.fm;
                 this.fm = a;
                 if (b != this.fm) {
-                    this.xl("PinnedAreaSeparator", b, this.fm);
+                    this.xm("PinnedAreaSeparator", b, this.fm);
                 }
             },
             enumerable: false,
@@ -17704,7 +17702,7 @@
                 var b = this.b;
                 this.b = a;
                 if (b != this.b) {
-                    this.xl("AutoGenerateDesiredColumns", b, this.b);
+                    this.xm("AutoGenerateDesiredColumns", b, this.b);
                 }
             },
             enumerable: false,
@@ -17718,7 +17716,7 @@
                 var b = this.c;
                 this.c = a;
                 if (b != this.c) {
-                    this.xl("DataSourceDesiredProperties", b, this.c);
+                    this.xm("DataSourceDesiredProperties", b, this.c);
                 }
             },
             enumerable: false,
@@ -17772,7 +17770,7 @@
                 var b = this.gr;
                 this.gr = a;
                 if (b != this.gr) {
-                    this.xl("Density", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.gr));
+                    this.xm("Density", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ControlDisplayDensity_$type, this.gr));
                 }
             },
             enumerable: false,
@@ -17786,7 +17784,7 @@
                 var b = this.m1;
                 this.m1 = a;
                 if (b != this.m1) {
-                    this.xl("ActualRowHeight", b, this.m1);
+                    this.xm("ActualRowHeight", b, this.m1);
                 }
             },
             enumerable: false,
@@ -17800,7 +17798,7 @@
                 var b = this.nf;
                 this.nf = a;
                 if (b != this.nf) {
-                    this.xl("RowHeight", b, this.nf);
+                    this.xm("RowHeight", b, this.nf);
                 }
             },
             enumerable: false,
@@ -17814,7 +17812,7 @@
                 var b = this.cb;
                 this.cb = a;
                 if (b != this.cb) {
-                    this.xl("DefaultColumnWidth", b, this.cb);
+                    this.xm("DefaultColumnWidth", b, this.cb);
                 }
             },
             enumerable: false,
@@ -17828,7 +17826,7 @@
                 var b = this.l6;
                 this.l6 = a;
                 if (b != this.l6) {
-                    this.xl("DefaultColumnMinWidth", b, this.l6);
+                    this.xm("DefaultColumnMinWidth", b, this.l6);
                 }
             },
             enumerable: false,
@@ -17842,7 +17840,7 @@
                 var b = this.m0;
                 this.m0 = a;
                 if (b != this.m0) {
-                    this.xl("ActualHeaderHeight", b, this.m0);
+                    this.xm("ActualHeaderHeight", b, this.m0);
                 }
             },
             enumerable: false,
@@ -17856,7 +17854,7 @@
                 var b = this.m7;
                 this.m7 = a;
                 if (b != this.m7) {
-                    this.xl("HeaderHeight", b, this.m7);
+                    this.xm("HeaderHeight", b, this.m7);
                 }
             },
             enumerable: false,
@@ -17870,7 +17868,7 @@
                 var b = this.nk;
                 this.nk = a;
                 if (b != this.nk) {
-                    this.xl("SectionHeaderHeight", b, this.nk);
+                    this.xm("SectionHeaderHeight", b, this.nk);
                 }
             },
             enumerable: false,
@@ -17884,7 +17882,7 @@
                 var b = this.ov;
                 this.ov = a;
                 if (b != this.ov) {
-                    this.xl("ItemsSource", b, this.ov);
+                    this.xm("ItemsSource", b, this.ov);
                 }
             },
             enumerable: false,
@@ -17898,7 +17896,7 @@
                 var b = this.nj;
                 this.nj = a;
                 if (b != this.nj) {
-                    this.xl("SectionFooterHeight", b, this.nj);
+                    this.xm("SectionFooterHeight", b, this.nj);
                 }
             },
             enumerable: false,
@@ -17912,7 +17910,7 @@
                 var b = this.nh;
                 this.nh = a;
                 if (b != this.nh) {
-                    this.xl("RowSpacingHeight", b, this.nh);
+                    this.xm("RowSpacingHeight", b, this.nh);
                 }
             },
             enumerable: false,
@@ -17926,7 +17924,7 @@
                 var b = this.m5;
                 this.m5 = a;
                 if (b != this.m5) {
-                    this.xl("ColumnSpacingWidth", b, this.m5);
+                    this.xm("ColumnSpacingWidth", b, this.m5);
                 }
             },
             enumerable: false,
@@ -17940,7 +17938,7 @@
                 var b = this.ew;
                 this.ew = a;
                 if (b != this.ew) {
-                    this.xl("HeaderClickAction", igniteuiWebcomponentsCore.enumGetBox(HeaderClickAction_$type, b), igniteuiWebcomponentsCore.enumGetBox(HeaderClickAction_$type, this.ew));
+                    this.xm("HeaderClickAction", igniteuiWebcomponentsCore.enumGetBox(HeaderClickAction_$type, b), igniteuiWebcomponentsCore.enumGetBox(HeaderClickAction_$type, this.ew));
                     if ((this.ew == 0 || this.ew == 2) && (b == 1 || b == 3)) {
                         this.ga.h();
                     }
@@ -17957,7 +17955,7 @@
                 var b = this.cn;
                 this.cn = a;
                 if (b != this.cn) {
-                    this.xl("EditMode", igniteuiWebcomponentsCore.enumGetBox(EditModeType_$type, b), igniteuiWebcomponentsCore.enumGetBox(EditModeType_$type, this.cn));
+                    this.xm("EditMode", igniteuiWebcomponentsCore.enumGetBox(EditModeType_$type, b), igniteuiWebcomponentsCore.enumGetBox(EditModeType_$type, this.cn));
                 }
             },
             enumerable: false,
@@ -17971,7 +17969,7 @@
                 var b = this.cl;
                 this.cl = a;
                 if (b != this.cl) {
-                    this.xl("EditModeClickAction", igniteuiWebcomponentsCore.enumGetBox(EditModeClickAction_$type, b), igniteuiWebcomponentsCore.enumGetBox(EditModeClickAction_$type, this.cl));
+                    this.xm("EditModeClickAction", igniteuiWebcomponentsCore.enumGetBox(EditModeClickAction_$type, b), igniteuiWebcomponentsCore.enumGetBox(EditModeClickAction_$type, this.cl));
                 }
             },
             enumerable: false,
@@ -17985,7 +17983,7 @@
                 var b = this.hn;
                 this.hn = a;
                 if (b != this.hn) {
-                    this.xl("EditOnKeyPress", b, this.hn);
+                    this.xm("EditOnKeyPress", b, this.hn);
                 }
             },
             enumerable: false,
@@ -17999,7 +17997,7 @@
                 var b = this.hj;
                 this.hj = a;
                 if (b != this.hj) {
-                    this.xl("AutoGenerateColumns", b, this.hj);
+                    this.xm("AutoGenerateColumns", b, this.hj);
                 }
             },
             enumerable: false,
@@ -18013,7 +18011,7 @@
                 var b = this.ng;
                 this.ng = a;
                 if (b != this.ng) {
-                    this.xl("RowSeparatorHeight", b, this.ng);
+                    this.xm("RowSeparatorHeight", b, this.ng);
                 }
             },
             enumerable: false,
@@ -18027,7 +18025,7 @@
                 var b = this.h7;
                 this.h7 = a;
                 if (b != this.h7) {
-                    this.xl("IsPlaceholderRenderingEnabled", b, this.h7);
+                    this.xm("IsPlaceholderRenderingEnabled", b, this.h7);
                 }
             },
             enumerable: false,
@@ -18049,7 +18047,7 @@
             set: function (a) {
                 var b = this.bw;
                 this.bw = a;
-                this.xl("ColumnAddingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, this.bw));
+                this.xm("ColumnAddingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, this.bw));
             },
             enumerable: false,
             configurable: true
@@ -18068,7 +18066,7 @@
             set: function (a) {
                 var b = this.bn;
                 this.bn = a;
-                this.xl("ColumnPropertyUpdatingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, this.bn));
+                this.xm("ColumnPropertyUpdatingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnPropertyUpdatingAnimationMode_$type, this.bn));
             },
             enumerable: false,
             configurable: true
@@ -18094,7 +18092,7 @@
             set: function (a) {
                 var b = this.ah;
                 this.ah = a;
-                this.xl("CellDataLoadedAnimationMode", igniteuiWebcomponentsCore.enumGetBox(CellDataLoadedAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(CellDataLoadedAnimationMode_$type, this.ah));
+                this.xm("CellDataLoadedAnimationMode", igniteuiWebcomponentsCore.enumGetBox(CellDataLoadedAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(CellDataLoadedAnimationMode_$type, this.ah));
             },
             enumerable: false,
             configurable: true
@@ -18113,7 +18111,7 @@
             set: function (a) {
                 var b = this.fw;
                 this.fw = a;
-                this.xl("RowSelectionAnimationMode", igniteuiWebcomponentsCore.enumGetBox(RowSelectionAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(RowSelectionAnimationMode_$type, this.fw));
+                this.xm("RowSelectionAnimationMode", igniteuiWebcomponentsCore.enumGetBox(RowSelectionAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(RowSelectionAnimationMode_$type, this.fw));
             },
             enumerable: false,
             configurable: true
@@ -18133,7 +18131,7 @@
                 var b = this.ft;
                 this.ft = a;
                 if (b != this.ft) {
-                    this.xl("RowHoverAnimationMode", igniteuiWebcomponentsCore.enumGetBox(RowHoverAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(RowHoverAnimationMode_$type, this.ft));
+                    this.xm("RowHoverAnimationMode", igniteuiWebcomponentsCore.enumGetBox(RowHoverAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(RowHoverAnimationMode_$type, this.ft));
                 }
             },
             enumerable: false,
@@ -18153,7 +18151,7 @@
             set: function (a) {
                 var b = this.aw;
                 this.aw = a;
-                this.xl("CellSelectionAnimationMode", igniteuiWebcomponentsCore.enumGetBox(CellSelectionAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(CellSelectionAnimationMode_$type, this.aw));
+                this.xm("CellSelectionAnimationMode", igniteuiWebcomponentsCore.enumGetBox(CellSelectionAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(CellSelectionAnimationMode_$type, this.aw));
             },
             enumerable: false,
             configurable: true
@@ -18166,7 +18164,7 @@
                 var b = this.dk;
                 this.dk = a;
                 if (b != this.dk) {
-                    this.xl("ColumnAnimationSettings", b, this.dk);
+                    this.xm("ColumnAnimationSettings", b, this.dk);
                 }
             },
             enumerable: false,
@@ -18180,7 +18178,7 @@
                 var b = this.c7;
                 this.c7 = a;
                 if (b != this.c7) {
-                    this.xl("AnimationSettings", b, this.c7);
+                    this.xm("AnimationSettings", b, this.c7);
                 }
             },
             enumerable: false,
@@ -18202,7 +18200,7 @@
             set: function (a) {
                 var b = this.bp;
                 this.bp = a;
-                this.xl("ColumnResizingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnResizingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnResizingAnimationMode_$type, this.bp));
+                this.xm("ColumnResizingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnResizingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnResizingAnimationMode_$type, this.bp));
             },
             enumerable: false,
             configurable: true
@@ -18223,7 +18221,7 @@
             set: function (a) {
                 var b = this.bx;
                 this.bx = a;
-                this.xl("ColumnShowingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, this.bx));
+                this.xm("ColumnShowingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnShowingAnimationMode_$type, this.bx));
             },
             enumerable: false,
             configurable: true
@@ -18244,7 +18242,7 @@
             set: function (a) {
                 var b = this.bb;
                 this.bb = a;
-                this.xl("ColumnMovingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnMovingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnMovingAnimationMode_$type, this.bb));
+                this.xm("ColumnMovingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnMovingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnMovingAnimationMode_$type, this.bb));
             },
             enumerable: false,
             configurable: true
@@ -18265,7 +18263,7 @@
             set: function (a) {
                 var b = this.a8;
                 this.a8 = a;
-                this.xl("ColumnHidingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnHidingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnHidingAnimationMode_$type, this.a8));
+                this.xm("ColumnHidingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnHidingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnHidingAnimationMode_$type, this.a8));
             },
             enumerable: false,
             configurable: true
@@ -18286,20 +18284,20 @@
             set: function (a) {
                 var b = this.a0;
                 this.a0 = a;
-                this.xl("ColumnExchangingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnExchangingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnExchangingAnimationMode_$type, this.a0));
+                this.xm("ColumnExchangingAnimationMode", igniteuiWebcomponentsCore.enumGetBox(ColumnExchangingAnimationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnExchangingAnimationMode_$type, this.a0));
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(DataGrid.prototype, "inset", {
             get: function () {
-                return this.acn;
+                return this.aco;
             },
             set: function (a) {
-                var b = this.acn;
-                this.acn = a;
-                if (b != this.acn) {
-                    this.xl("Inset", b, this.acn);
+                var b = this.aco;
+                this.aco = a;
+                if (b != this.aco) {
+                    this.xm("Inset", b, this.aco);
                 }
             },
             enumerable: false,
@@ -18313,7 +18311,7 @@
                 var b = this.ch;
                 this.ch = a;
                 if (b != this.ch) {
-                    this.xl("SelectionMode", igniteuiWebcomponentsCore.enumGetBox(DataGridSelectionMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(DataGridSelectionMode_$type, this.ch));
+                    this.xm("SelectionMode", igniteuiWebcomponentsCore.enumGetBox(DataGridSelectionMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(DataGridSelectionMode_$type, this.ch));
                 }
             },
             enumerable: false,
@@ -18327,7 +18325,7 @@
                 var b = this.c2;
                 this.c2 = a;
                 if (b != this.c2) {
-                    this.xl("ActivationMode", igniteuiWebcomponentsCore.enumGetBox(GridActivationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(GridActivationMode_$type, this.c2));
+                    this.xm("ActivationMode", igniteuiWebcomponentsCore.enumGetBox(GridActivationMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(GridActivationMode_$type, this.c2));
                 }
             },
             enumerable: false,
@@ -18341,7 +18339,7 @@
                 var b = this.el;
                 this.el = a;
                 if (b != this.el) {
-                    this.xl("SelectionBehavior", igniteuiWebcomponentsCore.enumGetBox(GridSelectionBehavior_$type, b), igniteuiWebcomponentsCore.enumGetBox(GridSelectionBehavior_$type, this.el));
+                    this.xm("SelectionBehavior", igniteuiWebcomponentsCore.enumGetBox(GridSelectionBehavior_$type, b), igniteuiWebcomponentsCore.enumGetBox(GridSelectionBehavior_$type, this.el));
                 }
             },
             enumerable: false,
@@ -18419,7 +18417,7 @@
             enumerable: false,
             configurable: true
         });
-        DataGrid.prototype.zi = function (a, b) {
+        DataGrid.prototype.zj = function (a, b) {
             var e_12, _a, e_13, _b, e_14, _c;
             if (this.actualDataSource == null) {
                 return;
@@ -18501,7 +18499,7 @@
                 var b = this.hu;
                 this.hu = a;
                 if (b != this.hu) {
-                    this.xl("IsColumnOptionsEnabled", b, this.hu);
+                    this.xm("IsColumnOptionsEnabled", b, this.hu);
                 }
             },
             enumerable: false,
@@ -18515,7 +18513,7 @@
                 var b = this.hy;
                 this.hy = a;
                 if (b != this.hy) {
-                    this.xl("IsGroupByAreaVisible", b, this.hy);
+                    this.xm("IsGroupByAreaVisible", b, this.hy);
                 }
             },
             enumerable: false,
@@ -18529,7 +18527,7 @@
                 var b = this.h3;
                 this.h3 = a;
                 if (b != this.h3) {
-                    this.xl("IsGroupRowSticky", b, this.h3);
+                    this.xm("IsGroupRowSticky", b, this.h3);
                 }
             },
             enumerable: false,
@@ -18543,7 +18541,7 @@
                 var b = this.h4;
                 this.h4 = a;
                 if (b != this.h4) {
-                    this.xl("IsHeaderSeparatorVisible", b, this.h4);
+                    this.xm("IsHeaderSeparatorVisible", b, this.h4);
                 }
             },
             enumerable: false,
@@ -18551,13 +18549,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "cellSelectedBackground", {
             get: function () {
-                return this.z5;
+                return this.z6;
             },
             set: function (a) {
-                var b = this.z5;
-                this.z5 = a;
-                if (b != this.z5) {
-                    this.xl("CellSelectedBackground", b, this.z5);
+                var b = this.z6;
+                this.z6 = a;
+                if (b != this.z6) {
+                    this.xm("CellSelectedBackground", b, this.z6);
                 }
             },
             enumerable: false,
@@ -18565,13 +18563,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "sectionHeaderSelectedBackground", {
             get: function () {
-                return this.aax;
+                return this.aay;
             },
             set: function (a) {
-                var b = this.aax;
-                this.aax = a;
-                if (b != this.aax) {
-                    this.xl("SectionHeaderSelectedBackground", b, this.aax);
+                var b = this.aay;
+                this.aay = a;
+                if (b != this.aay) {
+                    this.xm("SectionHeaderSelectedBackground", b, this.aay);
                 }
             },
             enumerable: false,
@@ -18579,13 +18577,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summaryRootBackground", {
             get: function () {
-                return this.aa0;
+                return this.aa1;
             },
             set: function (a) {
-                var b = this.aa0;
-                this.aa0 = a;
-                if (b != this.aa0) {
-                    this.xl("SummaryRootBackground", b, this.aa0);
+                var b = this.aa1;
+                this.aa1 = a;
+                if (b != this.aa1) {
+                    this.xm("SummaryRootBackground", b, this.aa1);
                 }
             },
             enumerable: false,
@@ -18593,13 +18591,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summarySectionBackground", {
             get: function () {
-                return this.aa4;
+                return this.aa5;
             },
             set: function (a) {
-                var b = this.aa4;
-                this.aa4 = a;
-                if (b != this.aa4) {
-                    this.xl("SummarySectionBackground", b, this.aa4);
+                var b = this.aa5;
+                this.aa5 = a;
+                if (b != this.aa5) {
+                    this.xm("SummarySectionBackground", b, this.aa5);
                 }
             },
             enumerable: false,
@@ -18613,7 +18611,7 @@
                 var b = this.mf;
                 this.mf = a;
                 if (b != this.mf) {
-                    this.xl("PinnedRowOpacity", b, this.mf);
+                    this.xm("PinnedRowOpacity", b, this.mf);
                 }
             },
             enumerable: false,
@@ -18627,7 +18625,7 @@
                 var b = this.gu;
                 this.gu = a;
                 if (b != this.gu) {
-                    this.xl("EditTextStyle", b, this.gu);
+                    this.xm("EditTextStyle", b, this.gu);
                 }
             },
             enumerable: false,
@@ -18641,7 +18639,7 @@
                 var b = this.mb;
                 this.mb = a;
                 if (b != this.mb) {
-                    this.xl("EditOpacity", b, this.mb);
+                    this.xm("EditOpacity", b, this.mb);
                 }
             },
             enumerable: false,
@@ -18649,13 +18647,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "deletedTextColor", {
             get: function () {
-                return this.aag;
+                return this.aah;
             },
             set: function (a) {
-                var b = this.aag;
-                this.aag = a;
-                if (b != this.aag) {
-                    this.xl("DeletedTextColor", b, this.aag);
+                var b = this.aah;
+                this.aah = a;
+                if (b != this.aah) {
+                    this.xm("DeletedTextColor", b, this.aah);
                 }
             },
             enumerable: false,
@@ -18663,13 +18661,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "stickyRowBackground", {
             get: function () {
-                return this.aaz;
+                return this.aa0;
             },
             set: function (a) {
-                var b = this.aaz;
-                this.aaz = a;
-                if (b != this.aaz) {
-                    this.xl("StickyRowBackground", b, this.aaz);
+                var b = this.aa0;
+                this.aa0 = a;
+                if (b != this.aa0) {
+                    this.xm("StickyRowBackground", b, this.aa0);
                 }
             },
             enumerable: false,
@@ -18677,13 +18675,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "pinnedRowBackground", {
             get: function () {
-                return this.aao;
+                return this.aap;
             },
             set: function (a) {
-                var b = this.aao;
-                this.aao = a;
-                if (b != this.aao) {
-                    this.xl("PinnedRowBackground", b, this.aao);
+                var b = this.aap;
+                this.aap = a;
+                if (b != this.aap) {
+                    this.xm("PinnedRowBackground", b, this.aap);
                 }
             },
             enumerable: false,
@@ -18691,13 +18689,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "lastStickyRowBackground", {
             get: function () {
-                return this.aan;
+                return this.aao;
             },
             set: function (a) {
-                var b = this.aan;
-                this.aan = a;
-                if (b != this.aan) {
-                    this.xl("LastStickyRowBackground", b, this.aan);
+                var b = this.aao;
+                this.aao = a;
+                if (b != this.aao) {
+                    this.xm("LastStickyRowBackground", b, this.aao);
                 }
             },
             enumerable: false,
@@ -18711,7 +18709,7 @@
                 var b = this.dg;
                 this.dg = a;
                 if (b != this.dg) {
-                    this.xl("ActiveCell", b, this.dg);
+                    this.xm("ActiveCell", b, this.dg);
                 }
             },
             enumerable: false,
@@ -18719,13 +18717,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "cellBackground", {
             get: function () {
-                return this.z4;
+                return this.z5;
             },
             set: function (a) {
-                var b = this.z4;
-                this.z4 = a;
-                if (b != this.z4) {
-                    this.xl("CellBackground", b, this.z4);
+                var b = this.z5;
+                this.z5 = a;
+                if (b != this.z5) {
+                    this.xm("CellBackground", b, this.z5);
                 }
             },
             enumerable: false,
@@ -18733,13 +18731,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "cellTextColor", {
             get: function () {
-                return this.z6;
+                return this.z7;
             },
             set: function (a) {
-                var b = this.z6;
-                this.z6 = a;
-                if (b != this.z6) {
-                    this.xl("CellTextColor", b, this.z6);
+                var b = this.z7;
+                this.z7 = a;
+                if (b != this.z7) {
+                    this.xm("CellTextColor", b, this.z7);
                 }
             },
             enumerable: false,
@@ -18747,13 +18745,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "headerSortIndicatorColor", {
             get: function () {
-                return this.aal;
+                return this.aam;
             },
             set: function (a) {
-                var b = this.aal;
-                this.aal = a;
-                if (b != this.aal) {
-                    this.xl("HeaderSortIndicatorColor", b, this.aal);
+                var b = this.aam;
+                this.aam = a;
+                if (b != this.aam) {
+                    this.xm("HeaderSortIndicatorColor", b, this.aam);
                 }
             },
             enumerable: false,
@@ -18767,7 +18765,7 @@
                 var b = this.f7;
                 this.f7 = a;
                 if (b != this.f7) {
-                    this.xl("HeaderSortIndicatorStyle", igniteuiWebcomponentsCore.enumGetBox(SortIndicatorStyle_$type, b), igniteuiWebcomponentsCore.enumGetBox(SortIndicatorStyle_$type, this.f7));
+                    this.xm("HeaderSortIndicatorStyle", igniteuiWebcomponentsCore.enumGetBox(SortIndicatorStyle_$type, b), igniteuiWebcomponentsCore.enumGetBox(SortIndicatorStyle_$type, this.f7));
                 }
             },
             enumerable: false,
@@ -18781,7 +18779,7 @@
                 var b = this.gt;
                 this.gt = a;
                 if (b != this.gt) {
-                    this.xl("CellTextStyle", b, this.gt);
+                    this.xm("CellTextStyle", b, this.gt);
                 }
             },
             enumerable: false,
@@ -18789,13 +18787,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "sectionHeaderBackground", {
             get: function () {
-                return this.aaw;
+                return this.aax;
             },
             set: function (a) {
-                var b = this.aaw;
-                this.aaw = a;
-                if (b != this.aaw) {
-                    this.xl("SectionHeaderBackground", b, this.aaw);
+                var b = this.aax;
+                this.aax = a;
+                if (b != this.aax) {
+                    this.xm("SectionHeaderBackground", b, this.aax);
                 }
             },
             enumerable: false,
@@ -18803,13 +18801,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "sectionHeaderTextColor", {
             get: function () {
-                return this.aay;
+                return this.aaz;
             },
             set: function (a) {
-                var b = this.aay;
-                this.aay = a;
-                if (b != this.aay) {
-                    this.xl("SectionHeaderTextColor", b, this.aay);
+                var b = this.aaz;
+                this.aaz = a;
+                if (b != this.aaz) {
+                    this.xm("SectionHeaderTextColor", b, this.aaz);
                 }
             },
             enumerable: false,
@@ -18823,7 +18821,7 @@
                 var b = this.gw;
                 this.gw = a;
                 if (b != this.gw) {
-                    this.xl("SectionHeaderTextStyle", b, this.gw);
+                    this.xm("SectionHeaderTextStyle", b, this.gw);
                 }
             },
             enumerable: false,
@@ -18837,7 +18835,7 @@
                 var b = this.gx;
                 this.gx = a;
                 if (b != this.gx) {
-                    this.xl("SummaryRootLabelTextStyle", b, this.gx);
+                    this.xm("SummaryRootLabelTextStyle", b, this.gx);
                 }
             },
             enumerable: false,
@@ -18851,7 +18849,7 @@
                 var b = this.gz;
                 this.gz = a;
                 if (b != this.gz) {
-                    this.xl("SummarySectionLabelTextStyle", b, this.gz);
+                    this.xm("SummarySectionLabelTextStyle", b, this.gz);
                 }
             },
             enumerable: false,
@@ -18859,13 +18857,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summaryRootValueTextColor", {
             get: function () {
-                return this.aa3;
+                return this.aa4;
             },
             set: function (a) {
-                var b = this.aa3;
-                this.aa3 = a;
-                if (b != this.aa3) {
-                    this.xl("SummaryRootValueTextColor", b, this.aa3);
+                var b = this.aa4;
+                this.aa4 = a;
+                if (b != this.aa4) {
+                    this.xm("SummaryRootValueTextColor", b, this.aa4);
                 }
             },
             enumerable: false,
@@ -18879,7 +18877,7 @@
                 var b = this.gy;
                 this.gy = a;
                 if (b != this.gy) {
-                    this.xl("SummaryRootValueTextStyle", b, this.gy);
+                    this.xm("SummaryRootValueTextStyle", b, this.gy);
                 }
             },
             enumerable: false,
@@ -18893,7 +18891,7 @@
                 var b = this.g0;
                 this.g0 = a;
                 if (b != this.g0) {
-                    this.xl("SummarySectionValueTextStyle", b, this.g0);
+                    this.xm("SummarySectionValueTextStyle", b, this.g0);
                 }
             },
             enumerable: false,
@@ -18901,13 +18899,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summarySectionValueTextColor", {
             get: function () {
-                return this.aa7;
+                return this.aa8;
             },
             set: function (a) {
-                var b = this.aa7;
-                this.aa7 = a;
-                if (b != this.aa7) {
-                    this.xl("SummarySectionValueTextColor", b, this.aa7);
+                var b = this.aa8;
+                this.aa8 = a;
+                if (b != this.aa8) {
+                    this.xm("SummarySectionValueTextColor", b, this.aa8);
                 }
             },
             enumerable: false,
@@ -18915,13 +18913,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summaryRootLabelTextColor", {
             get: function () {
-                return this.aa1;
+                return this.aa2;
             },
             set: function (a) {
-                var b = this.aa1;
-                this.aa1 = a;
-                if (b != this.aa1) {
-                    this.xl("SummaryRootLabelTextColor", b, this.aa1);
+                var b = this.aa2;
+                this.aa2 = a;
+                if (b != this.aa2) {
+                    this.xm("SummaryRootLabelTextColor", b, this.aa2);
                 }
             },
             enumerable: false,
@@ -18929,13 +18927,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summarySectionLabelTextColor", {
             get: function () {
-                return this.aa5;
+                return this.aa6;
             },
             set: function (a) {
-                var b = this.aa5;
-                this.aa5 = a;
-                if (b != this.aa5) {
-                    this.xl("SummarySectionLabelTextColor", b, this.aa5);
+                var b = this.aa6;
+                this.aa6 = a;
+                if (b != this.aa6) {
+                    this.xm("SummarySectionLabelTextColor", b, this.aa6);
                 }
             },
             enumerable: false,
@@ -18943,13 +18941,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summaryRootSelectedBackground", {
             get: function () {
-                return this.aa2;
+                return this.aa3;
             },
             set: function (a) {
-                var b = this.aa2;
-                this.aa2 = a;
-                if (b != this.aa2) {
-                    this.xl("SummaryRootSelectedBackground", b, this.aa2);
+                var b = this.aa3;
+                this.aa3 = a;
+                if (b != this.aa3) {
+                    this.xm("SummaryRootSelectedBackground", b, this.aa3);
                 }
             },
             enumerable: false,
@@ -18957,13 +18955,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "summarySectionSelectedBackground", {
             get: function () {
-                return this.aa6;
+                return this.aa7;
             },
             set: function (a) {
-                var b = this.aa6;
-                this.aa6 = a;
-                if (b != this.aa6) {
-                    this.xl("SummarySectionSelectedBackground", b, this.aa6);
+                var b = this.aa7;
+                this.aa7 = a;
+                if (b != this.aa7) {
+                    this.xm("SummarySectionSelectedBackground", b, this.aa7);
                 }
             },
             enumerable: false,
@@ -18977,7 +18975,7 @@
                 var b = this.nd;
                 this.nd = a;
                 if (b != this.nd) {
-                    this.xl("PinnedAreaSeparatorWidth", b, this.nd);
+                    this.xm("PinnedAreaSeparatorWidth", b, this.nd);
                 }
             },
             enumerable: false,
@@ -18991,7 +18989,7 @@
                 var b = this.m8;
                 this.m8 = a;
                 if (b != this.m8) {
-                    this.xl("HeaderSeparatorWidth", b, this.m8);
+                    this.xm("HeaderSeparatorWidth", b, this.m8);
                 }
             },
             enumerable: false,
@@ -19007,13 +19005,13 @@
         };
         Object.defineProperty(DataGrid.prototype, "headerSeparatorBackground", {
             get: function () {
-                return this.aak;
+                return this.aal;
             },
             set: function (a) {
-                var b = this.aak;
-                this.aak = a;
-                if (b != this.aak) {
-                    this.xl("HeaderSeparatorBackground", b, this.aak);
+                var b = this.aal;
+                this.aal = a;
+                if (b != this.aal) {
+                    this.xm("HeaderSeparatorBackground", b, this.aal);
                 }
             },
             enumerable: false,
@@ -19021,13 +19019,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "headerBackground", {
             get: function () {
-                return this.aai;
+                return this.aaj;
             },
             set: function (a) {
-                var b = this.aai;
-                this.aai = a;
-                if (b != this.aai) {
-                    this.xl("HeaderBackground", b, this.aai);
+                var b = this.aaj;
+                this.aaj = a;
+                if (b != this.aaj) {
+                    this.xm("HeaderBackground", b, this.aaj);
                 }
             },
             enumerable: false,
@@ -19035,13 +19033,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "headerTextColor", {
             get: function () {
-                return this.aam;
+                return this.aan;
             },
             set: function (a) {
-                var b = this.aam;
-                this.aam = a;
-                if (b != this.aam) {
-                    this.xl("HeaderTextColor", b, this.aam);
+                var b = this.aan;
+                this.aan = a;
+                if (b != this.aan) {
+                    this.xm("HeaderTextColor", b, this.aan);
                 }
             },
             enumerable: false,
@@ -19055,7 +19053,7 @@
                 var b = this.gv;
                 this.gv = a;
                 if (b != this.gv) {
-                    this.xl("HeaderTextStyle", b, this.gv);
+                    this.xm("HeaderTextStyle", b, this.gv);
                 }
             },
             enumerable: false,
@@ -19063,13 +19061,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "rowSeparatorBackground", {
             get: function () {
-                return this.aar;
+                return this.aas;
             },
             set: function (a) {
-                var b = this.aar;
-                this.aar = a;
-                if (b != this.aar) {
-                    this.xl("RowSeparatorBackground", b, this.aar);
+                var b = this.aas;
+                this.aas = a;
+                if (b != this.aas) {
+                    this.xm("RowSeparatorBackground", b, this.aas);
                 }
             },
             enumerable: false,
@@ -19077,13 +19075,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "headerRowSeparatorBackground", {
             get: function () {
-                return this.aaj;
+                return this.aak;
             },
             set: function (a) {
-                var b = this.aaj;
-                this.aaj = a;
-                if (b != this.aaj) {
-                    this.xl("HeaderRowSeparatorBackground", b, this.aaj);
+                var b = this.aak;
+                this.aak = a;
+                if (b != this.aak) {
+                    this.xm("HeaderRowSeparatorBackground", b, this.aak);
                 }
             },
             enumerable: false,
@@ -19091,13 +19089,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "rowSeparatorStickyRowBackground", {
             get: function () {
-                return this.aau;
+                return this.aav;
             },
             set: function (a) {
-                var b = this.aau;
-                this.aau = a;
-                if (b != this.aau) {
-                    this.xl("RowSeparatorStickyRowBackground", b, this.aau);
+                var b = this.aav;
+                this.aav = a;
+                if (b != this.aav) {
+                    this.xm("RowSeparatorStickyRowBackground", b, this.aav);
                 }
             },
             enumerable: false,
@@ -19105,13 +19103,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "rowSeparatorLastStickyRowBackground", {
             get: function () {
-                return this.aas;
+                return this.aat;
             },
             set: function (a) {
-                var b = this.aas;
-                this.aas = a;
-                if (b != this.aas) {
-                    this.xl("RowSeparatorLastStickyRowBackground", b, this.aas);
+                var b = this.aat;
+                this.aat = a;
+                if (b != this.aat) {
+                    this.xm("RowSeparatorLastStickyRowBackground", b, this.aat);
                 }
             },
             enumerable: false,
@@ -19119,13 +19117,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "rowSeparatorPinnedRowBackground", {
             get: function () {
-                return this.aat;
+                return this.aau;
             },
             set: function (a) {
-                var b = this.aat;
-                this.aat = a;
-                if (b != this.aat) {
-                    this.xl("RowSeparatorPinnedRowBackground", b, this.aat);
+                var b = this.aau;
+                this.aau = a;
+                if (b != this.aau) {
+                    this.xm("RowSeparatorPinnedRowBackground", b, this.aau);
                 }
             },
             enumerable: false,
@@ -19139,7 +19137,7 @@
                 var b = this.m4;
                 this.m4 = a;
                 if (b != this.m4) {
-                    this.xl("ColumnResizingSeparatorWidth", b, this.m4);
+                    this.xm("ColumnResizingSeparatorWidth", b, this.m4);
                 }
             },
             enumerable: false,
@@ -19153,7 +19151,7 @@
                 var b = this.l5;
                 this.l5 = a;
                 if (b != this.l5) {
-                    this.xl("ColumnResizingSeparatorOpacity", b, this.l5);
+                    this.xm("ColumnResizingSeparatorOpacity", b, this.l5);
                 }
             },
             enumerable: false,
@@ -19167,7 +19165,7 @@
                 var b = this.m2;
                 this.m2 = a;
                 if (b != this.m2) {
-                    this.xl("ColumnMovingSeparatorWidth", b, this.m2);
+                    this.xm("ColumnMovingSeparatorWidth", b, this.m2);
                 }
             },
             enumerable: false,
@@ -19181,7 +19179,7 @@
                 var b = this.l4;
                 this.l4 = a;
                 if (b != this.l4) {
-                    this.xl("ColumnMovingSeparatorOpacity", b, this.l4);
+                    this.xm("ColumnMovingSeparatorOpacity", b, this.l4);
                 }
             },
             enumerable: false,
@@ -19189,13 +19187,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnResizingSeparatorBackground", {
             get: function () {
-                return this.aaf;
+                return this.aag;
             },
             set: function (a) {
-                var b = this.aaf;
-                this.aaf = a;
-                if (b != this.aaf) {
-                    this.xl("ColumnResizingSeparatorBackground", b, this.aaf);
+                var b = this.aag;
+                this.aag = a;
+                if (b != this.aag) {
+                    this.xm("ColumnResizingSeparatorBackground", b, this.aag);
                 }
             },
             enumerable: false,
@@ -19203,13 +19201,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnMovingSeparatorBackground", {
             get: function () {
-                return this.z7;
+                return this.z8;
             },
             set: function (a) {
-                var b = this.z7;
-                this.z7 = a;
-                if (b != this.z7) {
-                    this.xl("ColumnMovingSeparatorBackground", b, this.z7);
+                var b = this.z8;
+                this.z8 = a;
+                if (b != this.z8) {
+                    this.xm("ColumnMovingSeparatorBackground", b, this.z8);
                 }
             },
             enumerable: false,
@@ -19223,7 +19221,7 @@
                 var b = this.ip;
                 this.ip = a;
                 if (b != this.ip) {
-                    this.xl("ShiftSectionContent", b, this.ip);
+                    this.xm("ShiftSectionContent", b, this.ip);
                 }
             },
             enumerable: false,
@@ -19237,7 +19235,7 @@
                 var b = this.bi;
                 this.bi = a;
                 if (b != this.bi) {
-                    this.xl("ColumnOptionsIconAlignment", igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconAlignment_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconAlignment_$type, this.bi));
+                    this.xm("ColumnOptionsIconAlignment", igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconAlignment_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconAlignment_$type, this.bi));
                 }
             },
             enumerable: false,
@@ -19245,13 +19243,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsIconColor", {
             get: function () {
-                return this.aac;
+                return this.aad;
             },
             set: function (a) {
-                var b = this.aac;
-                this.aac = a;
-                if (b != this.aac) {
-                    this.xl("ColumnOptionsIconColor", b, this.aac);
+                var b = this.aad;
+                this.aad = a;
+                if (b != this.aad) {
+                    this.xm("ColumnOptionsIconColor", b, this.aad);
                 }
             },
             enumerable: false,
@@ -19265,7 +19263,7 @@
                 var b = this.bk;
                 this.bk = a;
                 if (b != this.bk) {
-                    this.xl("ColumnOptionsIconBehavior", igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconBehavior_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconBehavior_$type, this.bk));
+                    this.xm("ColumnOptionsIconBehavior", igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconBehavior_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnOptionsIconBehavior_$type, this.bk));
                 }
             },
             enumerable: false,
@@ -19273,13 +19271,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "actualBorder", {
             get: function () {
-                return this.z1;
+                return this.z2;
             },
             set: function (a) {
-                var b = this.z1;
-                this.z1 = a;
-                if (b != this.z1) {
-                    this.xl("ActualBorder", b, this.z1);
+                var b = this.z2;
+                this.z2 = a;
+                if (b != this.z2) {
+                    this.xm("ActualBorder", b, this.z2);
                 }
             },
             enumerable: false,
@@ -19287,27 +19285,27 @@
         });
         Object.defineProperty(DataGrid.prototype, "border", {
             get: function () {
-                return this.z3;
+                return this.z4;
             },
             set: function (a) {
-                var b = this.z3;
-                this.z3 = a;
-                if (b != this.z3) {
-                    this.xl("Border", b, this.z3);
+                var b = this.z4;
+                this.z4 = a;
+                if (b != this.z4) {
+                    this.xm("Border", b, this.z4);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataGrid.prototype, "acr", {
+        Object.defineProperty(DataGrid.prototype, "acs", {
             get: function () {
-                return this.acl;
+                return this.acm;
             },
             set: function (a) {
-                var b = this.acl;
-                this.acl = a;
-                if (b != this.acl) {
-                    this.xl("DefaultBorderWidth", b, this.acl);
+                var b = this.acm;
+                this.acm = a;
+                if (b != this.acm) {
+                    this.xm("DefaultBorderWidth", b, this.acm);
                 }
             },
             enumerable: false,
@@ -19315,13 +19313,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "actualBorderWidth", {
             get: function () {
-                return this.acj;
+                return this.ack;
             },
             set: function (a) {
-                var b = this.acj;
-                this.acj = a;
-                if (b != this.acj) {
-                    this.xl("ActualBorderWidth", b, this.acj);
+                var b = this.ack;
+                this.ack = a;
+                if (b != this.ack) {
+                    this.xm("ActualBorderWidth", b, this.ack);
                 }
             },
             enumerable: false,
@@ -19329,13 +19327,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "borderWidth", {
             get: function () {
-                return this.ack;
+                return this.acl;
             },
             set: function (a) {
-                var b = this.ack;
-                this.ack = a;
-                if (b != this.ack) {
-                    this.xl("BorderWidth", b, this.ack);
+                var b = this.acl;
+                this.acl = a;
+                if (b != this.acl) {
+                    this.xm("BorderWidth", b, this.acl);
                 }
             },
             enumerable: false,
@@ -19349,21 +19347,21 @@
                 var b = this.ih;
                 this.ih = a;
                 if (b != this.ih) {
-                    this.xl("NotifyOnAllSelectionChanges", b, this.ih);
+                    this.xm("NotifyOnAllSelectionChanges", b, this.ih);
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DataGrid.prototype, "zz", {
+        Object.defineProperty(DataGrid.prototype, "z0", {
             get: function () {
-                return this.zv;
+                return this.zw;
             },
             set: function (a) {
-                var b = this.zv;
-                this.zv = a;
-                if (b != this.zv) {
-                    this.xl("DefaultCornerRadius", b, this.zv);
+                var b = this.zw;
+                this.zw = a;
+                if (b != this.zw) {
+                    this.xm("DefaultCornerRadius", b, this.zw);
                 }
             },
             enumerable: false,
@@ -19371,13 +19369,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "cornerRadius", {
             get: function () {
-                return this.zu;
+                return this.zv;
             },
             set: function (a) {
-                var b = this.zu;
-                this.zu = a;
-                if (b != this.zu) {
-                    this.xl("CornerRadius", b, this.zu);
+                var b = this.zv;
+                this.zv = a;
+                if (b != this.zv) {
+                    this.xm("CornerRadius", b, this.zv);
                 }
             },
             enumerable: false,
@@ -19385,13 +19383,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "actualCornerRadius", {
             get: function () {
-                return this.zt;
+                return this.zu;
             },
             set: function (a) {
-                var b = this.zt;
-                this.zt = a;
-                if (b != this.zt) {
-                    this.xl("ActualCornerRadius", b, this.zt);
+                var b = this.zu;
+                this.zu = a;
+                if (b != this.zu) {
+                    this.xm("ActualCornerRadius", b, this.zu);
                 }
             },
             enumerable: false,
@@ -19405,7 +19403,7 @@
                 var b = this.ht;
                 this.ht = a;
                 if (this.ht != b) {
-                    this.xl("IsActiveCellStyleEnabled", b, this.ht);
+                    this.xm("IsActiveCellStyleEnabled", b, this.ht);
                 }
             },
             enumerable: false,
@@ -19419,7 +19417,7 @@
                 var b = this.iv;
                 this.iv = a;
                 if (b != this.iv) {
-                    this.xl("StopPropagation", b, this.iv);
+                    this.xm("StopPropagation", b, this.iv);
                 }
             },
             enumerable: false,
@@ -19427,13 +19425,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "actualBackground", {
             get: function () {
-                return this.z0;
+                return this.z1;
             },
             set: function (a) {
-                var b = this.z0;
-                this.z0 = a;
-                if (b != this.z0) {
-                    this.xl("ActualBackground", b, this.z0);
+                var b = this.z1;
+                this.z1 = a;
+                if (b != this.z1) {
+                    this.xm("ActualBackground", b, this.z1);
                 }
             },
             enumerable: false,
@@ -19441,13 +19439,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "background", {
             get: function () {
-                return this.z2;
+                return this.z3;
             },
             set: function (a) {
-                var b = this.z2;
-                this.z2 = a;
-                if (b != this.z2) {
-                    this.xl("Background", b, this.z2);
+                var b = this.z3;
+                this.z3 = a;
+                if (b != this.z3) {
+                    this.xm("Background", b, this.z3);
                 }
             },
             enumerable: false,
@@ -19469,12 +19467,12 @@
             },
             set: function (a) {
                 this.e3 = a;
-                this.xn(this.e3);
+                this.xo(this.e3);
             },
             enumerable: false,
             configurable: true
         });
-        DataGrid.prototype.xn = function (a) {
+        DataGrid.prototype.xo = function (a) {
             if (a != null) {
                 a.refresh(this.model, false);
             }
@@ -19672,7 +19670,7 @@
                 this.gh = a;
                 this.iw = true;
                 if (b != this.gh) {
-                    this.xl("SummaryScope", igniteuiWebcomponentsCore.enumGetBox(SummaryScope_$type, b), igniteuiWebcomponentsCore.enumGetBox(SummaryScope_$type, this.gh));
+                    this.xm("SummaryScope", igniteuiWebcomponentsCore.enumGetBox(SummaryScope_$type, b), igniteuiWebcomponentsCore.enumGetBox(SummaryScope_$type, this.gh));
                 }
             },
             enumerable: false,
@@ -19687,7 +19685,7 @@
                 this.hz = a;
                 this.h0 = true;
                 if (b != this.hz) {
-                    this.xl("IsGroupCollapsable", b, this.hz);
+                    this.xm("IsGroupCollapsable", b, this.hz);
                 }
             },
             enumerable: false,
@@ -19702,7 +19700,7 @@
                 this.es = a;
                 this.ho = true;
                 if (b != this.es) {
-                    this.xl("GroupHeaderDisplayMode", igniteuiWebcomponentsCore.enumGetBox(GroupHeaderDisplayMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(GroupHeaderDisplayMode_$type, this.es));
+                    this.xm("GroupHeaderDisplayMode", igniteuiWebcomponentsCore.enumGetBox(GroupHeaderDisplayMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(GroupHeaderDisplayMode_$type, this.es));
                 }
             },
             enumerable: false,
@@ -19717,7 +19715,7 @@
                 this.h1 = a;
                 this.h2 = true;
                 if (b != this.h1) {
-                    this.xl("IsGroupExpandedDefault", b, this.h1);
+                    this.xm("IsGroupExpandedDefault", b, this.h1);
                 }
             },
             enumerable: false,
@@ -19732,7 +19730,7 @@
                 this.eu = a;
                 this.hp = true;
                 if (b != this.eu) {
-                    this.xl("GroupSummaryDisplayMode", igniteuiWebcomponentsCore.enumGetBox(GroupSummaryDisplayMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(GroupSummaryDisplayMode_$type, this.eu));
+                    this.xm("GroupSummaryDisplayMode", igniteuiWebcomponentsCore.enumGetBox(GroupSummaryDisplayMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(GroupSummaryDisplayMode_$type, this.eu));
                 }
             },
             enumerable: false,
@@ -19748,18 +19746,18 @@
             enumerable: false,
             configurable: true
         });
-        DataGrid.prototype.xl = function (a, b, c) {
+        DataGrid.prototype.xm = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
-            this.x8(a, b, c);
+            this.x9(a, b, c);
             if (this.postPropertyChanged != null) {
                 this.postPropertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
         };
-        DataGrid.prototype.yt = function () {
+        DataGrid.prototype.yu = function () {
         };
-        DataGrid.prototype.yd = function () {
+        DataGrid.prototype.ye = function () {
             var _this = this;
             if (this.l2 == 0) {
                 return;
@@ -19776,7 +19774,7 @@
             this.renderingEngine.invalidateVisibility(function () { return _this.gk.t(_this); });
             this.renderingEngine.refresh(this.model, false);
         };
-        DataGrid.prototype.ye = function () {
+        DataGrid.prototype.yf = function () {
             var _this = this;
             if (this.hs) {
                 this.vg();
@@ -19794,7 +19792,7 @@
         DataGrid.prototype.vg = function () {
             if (this.hs) {
                 this.hs = false;
-                this.yd();
+                this.ye();
                 this.invalidateVisibleRows();
             }
         };
@@ -19831,7 +19829,7 @@
                 var b = this.x;
                 this.x = a;
                 if (this.x != b) {
-                    this.xl("ActualDataSource", b, this.x);
+                    this.xm("ActualDataSource", b, this.x);
                 }
             },
             enumerable: false,
@@ -19845,7 +19843,7 @@
                 var b = this.d;
                 this.d = a;
                 if (this.d != b) {
-                    this.xl("PrimaryKey", b, this.d);
+                    this.xm("PrimaryKey", b, this.d);
                 }
             },
             enumerable: false,
@@ -19859,7 +19857,7 @@
                 var b = this.a;
                 this.a = a;
                 if (this.a != b) {
-                    this.xl("ActualPrimaryKey", b, this.a);
+                    this.xm("ActualPrimaryKey", b, this.a);
                 }
             },
             enumerable: false,
@@ -19875,7 +19873,7 @@
             enumerable: false,
             configurable: true
         });
-        DataGrid.prototype.x8 = function (a, b, c) {
+        DataGrid.prototype.x9 = function (a, b, c) {
             var _this = this;
             if (a == "ItemsSource") {
                 if (this.x != null) {
@@ -19959,7 +19957,7 @@
                     this.actualPrimaryKey = this.n();
                     if (this.x.actualSchema != null) {
                         if (this.renderingEngine != null) {
-                            this.x9();
+                            this.ya();
                         }
                         this.delayedExecutionManager.executeIn(function () { return _this.w4(); }, 0);
                         this.e7.setDataSource(this.x);
@@ -19968,8 +19966,8 @@
                     this.jh = true;
                     this.iy = true;
                     this.ix = true;
-                    this.zi(this.selectedItems, this.selectedKeys);
-                    this.zi(this.pinnedItems, this.pinnedKeys);
+                    this.zj(this.selectedItems, this.selectedKeys);
+                    this.zj(this.pinnedItems, this.pinnedKeys);
                     this.f6.a2();
                     this.ji = false;
                     this.jh = false;
@@ -20007,7 +20005,7 @@
                                 break;
                         }
                     }
-                    this.zk();
+                    this.zl();
                 }
             }
             if (a == "AutoGenerateColumns") {
@@ -20109,11 +20107,11 @@
                 var p = b;
                 var q = c;
                 if (p != null) {
-                    p.definitionPropertyUpdated = igniteuiWebcomponentsCore.delegateRemove(p.definitionPropertyUpdated, igniteuiWebcomponentsCore.runOn(this, this.yx));
+                    p.definitionPropertyUpdated = igniteuiWebcomponentsCore.delegateRemove(p.definitionPropertyUpdated, igniteuiWebcomponentsCore.runOn(this, this.yy));
                     p.grid = null;
                 }
                 if (q != null) {
-                    q.definitionPropertyUpdated = igniteuiWebcomponentsCore.delegateCombine(q.definitionPropertyUpdated, igniteuiWebcomponentsCore.runOn(this, this.yx));
+                    q.definitionPropertyUpdated = igniteuiWebcomponentsCore.delegateCombine(q.definitionPropertyUpdated, igniteuiWebcomponentsCore.runOn(this, this.yy));
                     q.grid = this;
                 }
                 if (this.k8()) {
@@ -20189,27 +20187,27 @@
             if (a == "ActualRowHeight" || a == "ActualHeaderHeight" || a == "RowSeparatorHeight" || a == "IsGroupRowSticky" || a == "IsHeaderSeparatorVisible" || a == "ShiftSectionContent" || a == "PinnedAreaSeparatorWidth" || a == "MergedCellMode" || a == "MergedCellEvaluationCriteria") {
                 this.j6 = this.k7();
                 if (this.k8()) {
-                    this.yd();
+                    this.ye();
                 }
             }
             if (a == "DefaultColumnWidth" || a == "DefaultColumnMinWidth" || a == "Inset" || a == "HeaderSeparatorWidth") {
                 if (this.model != null && this.model.b9 != null && this.model.b9.count > 0) {
-                    this.yd();
+                    this.ye();
                 }
             }
             if (a == "SectionHeader") {
                 if (b != null) {
                     var z = igniteuiWebcomponentsCore.typeCast(SectionHeader.$, b);
-                    z.sectionHeaderPropertyUpdating = igniteuiWebcomponentsCore.delegateRemove(z.sectionHeaderPropertyUpdating, igniteuiWebcomponentsCore.runOn(this, this.xu));
+                    z.sectionHeaderPropertyUpdating = igniteuiWebcomponentsCore.delegateRemove(z.sectionHeaderPropertyUpdating, igniteuiWebcomponentsCore.runOn(this, this.xv));
                     z.grid = null;
                 }
                 if (this.sectionHeader != null) {
                     var aa = this.sectionHeader;
-                    aa.sectionHeaderPropertyUpdating = igniteuiWebcomponentsCore.delegateCombine(aa.sectionHeaderPropertyUpdating, igniteuiWebcomponentsCore.runOn(this, this.xu));
+                    aa.sectionHeaderPropertyUpdating = igniteuiWebcomponentsCore.delegateCombine(aa.sectionHeaderPropertyUpdating, igniteuiWebcomponentsCore.runOn(this, this.xv));
                     this.sectionHeader.grid = this;
                 }
                 this.model.b5 = true;
-                this.yd();
+                this.ye();
             }
             if (a == "PinnedAreaSeparator") {
                 if (b != null) {
@@ -20219,7 +20217,7 @@
                 if (this.pinnedAreaSeparator != null) {
                     this.pinnedAreaSeparator.grid = this;
                 }
-                this.yd();
+                this.ye();
             }
             if (a == "ActiveCell") {
                 this.dh = igniteuiWebcomponentsCore.typeCast(GridCellPosition.$, b);
@@ -20305,7 +20303,7 @@
                             break;
                     }
                 }
-                this.yd();
+                this.ye();
             }
             if (a == "Density" || a == "RowHeight") {
                 this.w5();
@@ -20316,10 +20314,10 @@
                 this.externalGrid.setScrollerVerticalTrackInset(this.actualHeaderHeight + this.rowSeparatorHeight + af);
             }
             if (a == "DefaultBorderWidth" || a == "BorderWidth") {
-                this.actualBorderWidth = this.acq(this.borderWidth, this.acr);
+                this.actualBorderWidth = this.acr(this.borderWidth, this.acs);
             }
             if (a == "DefaultCornerRadius" || a == "CornerRadius") {
-                this.actualCornerRadius = this.zx(this.cornerRadius, this.zz);
+                this.actualCornerRadius = this.zy(this.cornerRadius, this.z0);
             }
             if (a == "Border" || a == "Theme") {
                 this.actualBorder = this.border != null ? this.border : GridStyleRepository.s(this.theme, 28);
@@ -20331,10 +20329,10 @@
                 this.syncBorder();
             }
             if (a == "EditMode") {
-                this.zk();
+                this.zl();
             }
             if (a == "FilterUIType") {
-                this.yd();
+                this.ye();
                 var ag = this.j0() ? this.actualRowHeight + this.rowSeparatorHeight : 0;
                 this.externalGrid.setScrollerVerticalTrackInset(this.actualHeaderHeight + this.rowSeparatorHeight + ag);
             }
@@ -20348,7 +20346,7 @@
                 this.externalGrid.setBackground(this.actualBackground);
             }
         };
-        DataGrid.prototype.zk = function () {
+        DataGrid.prototype.zl = function () {
             if (this.z != null) {
                 if (this.editMode == 2 || this.editMode == 3) {
                     this.z.isBatchingEnabled = true;
@@ -20358,10 +20356,10 @@
                 }
             }
         };
-        DataGrid.prototype.zx = function (a, b) {
+        DataGrid.prototype.zy = function (a, b) {
             return new igniteuiWebcomponentsCore.CornerRadius(1, !igniteuiWebcomponentsCore.isNaN_(a.d) ? a.d : b.d, !igniteuiWebcomponentsCore.isNaN_(a.e) ? a.e : b.e, !igniteuiWebcomponentsCore.isNaN_(a.c) ? a.c : b.c, !igniteuiWebcomponentsCore.isNaN_(a.b) ? a.b : b.b);
         };
-        DataGrid.prototype.acq = function (a, b) {
+        DataGrid.prototype.acr = function (a, b) {
             return new igniteuiWebcomponentsCore.Thickness(1, !igniteuiWebcomponentsCore.isNaN_(a.left) ? a.left : b.left, !igniteuiWebcomponentsCore.isNaN_(a.top) ? a.top : b.top, !igniteuiWebcomponentsCore.isNaN_(a.right) ? a.right : b.right, !igniteuiWebcomponentsCore.isNaN_(a.bottom) ? a.bottom : b.bottom);
         };
         DataGrid.prototype.syncBorder = function () {
@@ -20441,16 +20439,16 @@
             }
             this.c6.r(this, null, b.propertyName, b.animationType, b.oldValue, b.newValue, 8);
         };
-        DataGrid.prototype.yx = function (a, b) {
-            this.yy(b.propertyName, b.animationType, b.oldValue, b.newValue, false);
+        DataGrid.prototype.yy = function (a, b) {
+            this.yz(b.propertyName, b.animationType, b.oldValue, b.newValue, false);
         };
         DataGrid.prototype.vi = function (a, b) {
-            this.yy(b.propertyName, b.animationType, b.oldValue, b.newValue, true);
+            this.yz(b.propertyName, b.animationType, b.oldValue, b.newValue, true);
         };
         DataGrid.prototype.vj = function (a, b) {
             this.vk(b.propertyName, b.animationType, b.oldValue, b.newValue);
         };
-        DataGrid.prototype.yy = function (a, b, c, d, e) {
+        DataGrid.prototype.yz = function (a, b, c, d, e) {
             if (b == 10) {
                 return;
             }
@@ -20475,7 +20473,7 @@
             this.w4();
         };
         DataGrid.prototype.u4 = function (a, b) {
-            this.xo();
+            this.xp();
         };
         DataGrid.prototype.rg = function (a) {
             var b = "";
@@ -20489,7 +20487,7 @@
             b += igniteuiWebcomponentsCore.EnumUtil.getName(igniteuiWebcomponentsCore.DataSourceSummaryOperand_$type, a.operand);
             return b;
         };
-        DataGrid.prototype.xo = function () {
+        DataGrid.prototype.xp = function () {
             this.vc();
             if (this.summaryDescriptions.j.count > 0 && this.rootSummariesChanged != null) {
                 this.rootSummariesChanged(this, new igniteuiWebcomponentsCore.DataSourceRootSummariesChangedEventArgs());
@@ -20528,19 +20526,19 @@
         DataGrid.prototype.w4 = function () {
             this.e7.setDataSource(this.x);
             this.az.d = this.x.actualSchema;
-            this.zl();
+            this.zm();
             this.vc();
             for (var a = 0; a < this.groupDescriptions.j.count; a++) {
-                this.yu(this.groupDescriptions.j.item(a));
+                this.yv(this.groupDescriptions.j.item(a));
             }
             for (var b = 0; b < this.summaryDescriptions.j.count; b++) {
-                this.yv(this.summaryDescriptions.j.item(b));
+                this.yw(this.summaryDescriptions.j.item(b));
             }
             if (this.hs) {
                 this.vg();
             }
             else {
-                this.yd();
+                this.ye();
                 this.invalidateVisibleRows();
             }
         };
@@ -20575,7 +20573,7 @@
             this.ml = a;
             this.mk = b;
             this.fp.y(a, b);
-            this.yd();
+            this.ye();
             if (this.sizeChanged != null) {
                 this.sizeChanged(this, ((function () {
                     var $ret = new GridSizeChangedEventArgs();
@@ -20603,7 +20601,7 @@
             if (f.x != this.model.actualVisibleRegion.x || f.y != this.model.actualVisibleRegion.y || f.width != this.model.actualVisibleRegion.width || f.height != this.model.actualVisibleRegion.height) {
                 var g_1 = this.model.actualVisibleRegion;
                 this.model.actualVisibleRegion = f;
-                this.ye();
+                this.yf();
                 if (this.viewportChanged != null) {
                     this.viewportChanged(this, ((function () {
                         var $ret = new GridViewportChangedEventArgs();
@@ -20634,14 +20632,14 @@
             enumerable: false,
             configurable: true
         });
-        DataGrid.prototype.xh = function (a, b, c) {
+        DataGrid.prototype.xi = function (a, b, c) {
             var d = this.cj(a.l);
             a.a2 = true;
             d.en(a, this, b, c);
             a.a2 = false;
             d.ep(a, this, b, c);
         };
-        DataGrid.prototype.xg = function (a, b, c, d) {
+        DataGrid.prototype.xh = function (a, b, c, d) {
             var e = this.cj(a.l);
             if (!igniteuiWebcomponentsCore.Base.equalsStatic(d, a.k8)) {
                 a.k8 = d;
@@ -20700,7 +20698,7 @@
                 this.externalGrid.removeExternalColumn(b.externalObject);
                 this.wp(a);
             }
-            this.yd();
+            this.ye();
             if (this.jp(a)) {
                 var f = this.model.h(b.lb).a;
                 b.hw = 2;
@@ -20753,7 +20751,7 @@
                     this.w0();
                     break;
             }
-            this.yd();
+            this.ye();
             if (!this.ig) {
                 this.ig = true;
                 this.delayedExecutionManager.executeIn(function () {
@@ -20777,7 +20775,7 @@
             b.columnCellsPropertyUpdating = igniteuiWebcomponentsCore.delegateRemove(b.columnCellsPropertyUpdating, igniteuiWebcomponentsCore.runOn(this, this.ux));
             b.columnHeaderCellsPropertyUpdating = igniteuiWebcomponentsCore.delegateRemove(b.columnHeaderCellsPropertyUpdating, igniteuiWebcomponentsCore.runOn(this, this.u0));
             this.gc.v(this.d2, a, b, this.model);
-            this.yd();
+            this.ye();
             b.hw = 0;
             this.f6.ag(a, b);
         };
@@ -20793,11 +20791,11 @@
             if (this.jn(b) && !b.j1 && b.hw != 3) {
                 var c = b.hw;
                 b.hw = 1;
-                this.yd();
+                this.ye();
                 this.c6.ar(this, this.columnAnimationSettings, this.model.h(b.lb), true, c);
             }
             else {
-                this.yd();
+                this.ye();
             }
             for (var d = 0; d < this.sortDescriptions.j.count; d++) {
                 if (b.mr == this.sortDescriptions.j.item(d).f) {
@@ -20817,7 +20815,7 @@
                 }
             }
             if (b == "Width" || b == "MinWidth" || b == "Pinned") {
-                this.yd();
+                this.ye();
                 this.uv();
                 if (b == "Width") {
                     this.w1(a, d, e);
@@ -20875,7 +20873,7 @@
             }
             this.c6.s(this, f, b, c, d, e, false, false, false, false);
         };
-        DataGrid.prototype.xu = function (a, b, c, d, e) {
+        DataGrid.prototype.xv = function (a, b, c, d, e) {
             if (c == 10) {
                 return;
             }
@@ -21098,7 +21096,7 @@
             if (!this.jr(c) && d != 3) {
                 c.hw = 5;
             }
-            this.yd();
+            this.ye();
             if (this.jr(c)) {
                 c.hw = 6;
                 this.c6.al(this, this.columnAnimationSettings, this.model.h(c.lb), d);
@@ -21110,14 +21108,14 @@
             switch (b.propertyName) {
                 case "Filter":
                 case "FilterExpression":
-                    this.zl();
+                    this.zm();
                     break;
                 case "IsHidden":
                     if (c.j1) {
                         if (this.jq(c)) {
                             var d = c.hw;
                             c.hw = 2;
-                            this.yd();
+                            this.ye();
                             this.c6.ak(this, this.columnAnimationSettings, this.model.h(c.lb), false, d);
                         }
                         else {
@@ -21126,21 +21124,21 @@
                                 this.externalGrid.ensureColumnsAreManual();
                                 this.externalGrid.removeExternalColumn(c.externalObject);
                             }
-                            this.yd();
+                            this.ye();
                         }
                     }
                     else {
                         if (this.jx(c)) {
                             var e = c.hw;
                             c.hw = 1;
-                            this.yd();
+                            this.ye();
                             this.c6.ar(this, this.columnAnimationSettings, this.model.h(c.lb), false, e);
                         }
                         else {
                             c.hw = 5;
                             this.c6.ai(this, this.model.h(c.lb));
                             this.dx.ab();
-                            this.yd();
+                            this.ye();
                         }
                     }
                     if (this.columnHiddenChanged != null) {
@@ -21154,12 +21152,12 @@
                     break;
                 case "MergedCellMode":
                     if (this.k8()) {
-                        this.yd();
+                        this.ye();
                     }
                     break;
             }
         };
-        DataGrid.prototype.zl = function () {
+        DataGrid.prototype.zm = function () {
             if (this.actualDataSource == null) {
                 return;
             }
@@ -21492,7 +21490,7 @@
             this.nb = f;
             this.viewportManager.moveViewportTo(f, e);
         };
-        DataGrid.prototype.y0 = function (a) {
+        DataGrid.prototype.y1 = function (a) {
             var b = igniteuiWebcomponentsCore.truncate(a);
             if (b < 0) {
                 b = 0;
@@ -21553,10 +21551,10 @@
             }
             this.c6.z(this, a, b, false);
             if (this.e8.getRowCount() != this.model.c5()) {
-                this.yd();
+                this.ye();
             }
             else {
-                this.ye();
+                this.yf();
             }
             this.uv();
         };
@@ -21576,7 +21574,7 @@
                 if (b < 0) {
                     b = 0;
                 }
-                this.y0(b);
+                this.y1(b);
             }
         };
         DataGrid.prototype.n0 = function (a) {
@@ -21599,7 +21597,7 @@
             var a = this.gc.b(this.model.actualVisibleRegion.bottom - this.model.df, this.model);
             return this.gc.i(this.model, a);
         };
-        DataGrid.prototype.x3 = function () {
+        DataGrid.prototype.x4 = function () {
             var a = this.getFirstVisibleIndex();
             var b = this.getLastVisibleIndex();
             this.e8.firstVisibleIndexRequested = a;
@@ -21653,12 +21651,12 @@
         DataGrid.prototype.va = function () {
             if (this.hf) {
                 this.ji = true;
-                this.zq(this.lp, this.lq, this.lr, this.ls);
+                this.zr(this.lp, this.lq, this.lr, this.ls);
                 this.ji = false;
             }
             this.hf = false;
         };
-        DataGrid.prototype.xs = function (a, b) {
+        DataGrid.prototype.xt = function (a, b) {
             if (a == null) {
                 var c = this.selectedKeys.ae.indexOf(b);
                 if (c > -1 && this.selectedItems.ae.count > 0) {
@@ -21681,7 +21679,7 @@
             }
             this.ji = false;
         };
-        DataGrid.prototype.xt = function (a, b) {
+        DataGrid.prototype.xu = function (a, b) {
             if (a == null) {
                 var c = this.selectedKeys.ae.indexOf(b);
                 if (c > -1 && this.selectedItems.ae.count > 0) {
@@ -21693,20 +21691,20 @@
             }
             this.ji = true;
             if (!this.hf) {
-                this.yr(a, b, true);
+                this.ys(a, b, true);
             }
             else {
                 this.lr.add1(a);
                 this.ls.add(b);
                 if (this.hg) {
-                    this.yr(a, b, false);
+                    this.ys(a, b, false);
                 }
             }
             this.ji = false;
         };
-        DataGrid.prototype.xz = function (a, b, c) {
+        DataGrid.prototype.x0 = function (a, b, c) {
             this.ji = true;
-            this.zp(a, b, c);
+            this.zq(a, b, c);
             this.ji = false;
         };
         DataGrid.prototype.v6 = function (a, b, c) {
@@ -21822,7 +21820,7 @@
                 }
                 var i = Math.min(this.nm, e);
                 var j = Math.max(this.nm, e);
-                this.y9(i, j);
+                this.za(i, j);
             }
             else if (this.selectionMode == 5 && a) {
                 if (this.nm == -1) {
@@ -21836,7 +21834,7 @@
                 k.k = Math.min(this.nl, this.model.b9._inner[f].n);
                 k.j = Math.max(this.nm, e);
                 k.i = Math.max(this.nl, this.model.b9._inner[f].n);
-                this.y4(k);
+                this.y5(k);
             }
             else {
                 this.nm = -1;
@@ -21845,7 +21843,7 @@
                 this.lt.clear();
                 this.lu.clear();
             }
-            this.x0();
+            this.x1();
             return true;
         };
         DataGrid.prototype.kp = function (a, b) {
@@ -22006,7 +22004,7 @@
             else if (b >= this.n8()) {
                 b = this.gc.j(b, this.model);
                 if (this.model.b9._inner[b].d == 0) {
-                    this.y0(b);
+                    this.y1(b);
                 }
             }
             if (!d) {
@@ -22109,8 +22107,8 @@
                 j.j = Math.max(this.nm, e);
                 j.i = Math.max(this.nl, h);
                 this.io = false;
-                this.y4(j);
-                this.x0();
+                this.y5(j);
+                this.x1();
             }
             else {
                 this.nl = -1;
@@ -22222,8 +22220,8 @@
                 j.j = Math.max(this.nm, e);
                 j.i = Math.max(this.nl, h);
                 this.io = false;
-                this.y4(j);
-                this.x0();
+                this.y5(j);
+                this.x1();
             }
             else {
                 this.nl = -1;
@@ -22231,9 +22229,47 @@
             }
             return true;
         };
+        DataGrid.prototype.xf = function (a, b) {
+            if (!b) {
+                return;
+            }
+            if (this.activationMode == 0) {
+                return;
+            }
+            if (this.activeCell != null) {
+                return;
+            }
+            if (this.e8 == null || this.e8.getRowCount() == 0 || this.actualColumns.count == 0) {
+                return;
+            }
+            var c;
+            var d;
+            if (a) {
+                c = this.e8.getRowCount() - 1;
+                d = this.n6(true);
+            }
+            else {
+                c = 0;
+                d = this.n1(true);
+            }
+            var e = this.actualColumns._inner[d];
+            this.activeCell = ((function () {
+                var $ret = new GridCellPosition();
+                $ret.b = c;
+                $ret.d = e.mw();
+                return $ret;
+            })());
+            this.us(c, this.model.b9._inner[d].n, false);
+        };
         DataGrid.prototype.k0 = function (a, b) {
             if (this.activationMode == 0 || this.activeCell == null) {
-                return false;
+                if (a) {
+                    this.externalGrid.moveFocusPrevious();
+                }
+                else {
+                    this.externalGrid.moveFocusNext();
+                }
+                return true;
             }
             var c = this.ae.s();
             var d = this.model.b9._inner[c].n;
@@ -22271,7 +22307,9 @@
                             p = this.actualColumns._inner[o];
                         }
                         else {
-                            return false;
+                            this.activeCell = null;
+                            this.externalGrid.moveFocusPrevious();
+                            return true;
                         }
                     }
                     d = this.model.b9._inner[o].n;
@@ -22304,7 +22342,9 @@
                             l = j != 1 && j != 2 && j != 4 && j != 5;
                         }
                         else {
-                            return false;
+                            this.activeCell = null;
+                            this.externalGrid.moveFocusNext();
+                            return true;
                         }
                     }
                     d = this.model.b9._inner[s].n;
@@ -22345,7 +22385,7 @@
             }
             return true;
         };
-        DataGrid.prototype.x4 = function () {
+        DataGrid.prototype.x5 = function () {
         };
         DataGrid.prototype.k1 = function (a, b) {
             if (this.ck.j) {
@@ -22397,7 +22437,7 @@
                 }
                 var i = Math.min(this.nm, e);
                 var j = Math.max(this.nm, e);
-                this.y9(i, j);
+                this.za(i, j);
             }
             else if (this.selectionMode == 5 && a) {
                 if (this.nm == -1) {
@@ -22411,7 +22451,7 @@
                 k.k = Math.min(this.nl, this.model.b9._inner[f].n);
                 k.j = Math.max(this.nm, e);
                 k.i = Math.max(this.nl, this.model.b9._inner[f].n);
-                this.y4(k);
+                this.y5(k);
             }
             else {
                 this.nm = -1;
@@ -22420,7 +22460,7 @@
                 this.lt.clear();
                 this.lu.clear();
             }
-            this.x0();
+            this.x1();
             return true;
         };
         DataGrid.prototype.kq = function (a, b) {
@@ -22449,7 +22489,7 @@
                 if (this.activationMode != 0 && this.activeCell != null) {
                     var c = this.e8.getRowType(this.activeCell.b);
                     if (c == 1) {
-                        this.zn(this.activeCell.b);
+                        this.zo(this.activeCell.b);
                     }
                     else if (this.jy() && this.enterBehavior == 1 && (c == 0 || c == 3)) {
                         var d = this.ae.s();
@@ -22600,7 +22640,7 @@
             var f = this.ck.o;
             var g = this.ck.s;
             if (b) {
-                this.xq(f, g);
+                this.xr(f, g);
             }
             this.wc(e, f, g);
             return true;
@@ -22632,7 +22672,7 @@
             var b = this.ck.o;
             var c = this.ck.s;
             this.ck.w();
-            this.xp(b, c);
+            this.xq(b, c);
             if (a) {
                 if (this.autoAcceptEdits) {
                     if (this.canCommit) {
@@ -22680,13 +22720,13 @@
             }
             this.ji = false;
         };
-        DataGrid.prototype.x0 = function () {
+        DataGrid.prototype.x1 = function () {
             if (this.io && this.selectionChanged != null) {
                 this.selectionChanged(this, new GridSelectionChangedEventArgs());
                 this.io = false;
             }
         };
-        DataGrid.prototype.zq = function (a, b, c, d) {
+        DataGrid.prototype.zr = function (a, b, c, d) {
             if (a.count == 0 && b.count == 0 && c.count == 0 && d.count == 0) {
                 return;
             }
@@ -22716,8 +22756,8 @@
                 }
             }
             this.notifyOnAllSelectionChanges = e;
-            this.xv(c, a);
-            this.xy(d, b);
+            this.xw(c, a);
+            this.xz(d, b);
         };
         DataGrid.prototype.up = function (a, b) {
             var c = this.notifyOnAllSelectionChanges;
@@ -22728,8 +22768,8 @@
                 this.io = true;
             }
             this.notifyOnAllSelectionChanges = c;
-            this.xv(null, a);
-            this.xy(null, b);
+            this.xw(null, a);
+            this.xz(null, b);
         };
         DataGrid.prototype.uq = function (a, b, c) {
             var d = this.notifyOnAllSelectionChanges;
@@ -22740,11 +22780,11 @@
             }
             this.notifyOnAllSelectionChanges = d;
             if (c) {
-                this.xw(null, a);
-                this.xx(null, b);
+                this.xx(null, a);
+                this.xy(null, b);
             }
         };
-        DataGrid.prototype.zp = function (a, b, c) {
+        DataGrid.prototype.zq = function (a, b, c) {
             var d = this.notifyOnAllSelectionChanges;
             this.notifyOnAllSelectionChanges = false;
             var e = this.selectedItems.ae._inner[a];
@@ -22752,9 +22792,9 @@
                 this.selectedItems.ae._inner[a] = b;
             }
             this.notifyOnAllSelectionChanges = d;
-            this.xw(b, b);
+            this.xx(b, b);
         };
-        DataGrid.prototype.yq = function (a, b) {
+        DataGrid.prototype.yr = function (a, b) {
             var c = this.notifyOnAllSelectionChanges;
             this.notifyOnAllSelectionChanges = false;
             if (!this.iy) {
@@ -22764,10 +22804,10 @@
                 }
             }
             this.notifyOnAllSelectionChanges = c;
-            this.xv(a, null);
-            this.xy(b, null);
+            this.xw(a, null);
+            this.xz(b, null);
         };
-        DataGrid.prototype.yr = function (a, b, c) {
+        DataGrid.prototype.ys = function (a, b, c) {
             var d = this.notifyOnAllSelectionChanges;
             this.notifyOnAllSelectionChanges = false;
             if (!this.iy) {
@@ -22776,11 +22816,11 @@
             }
             this.notifyOnAllSelectionChanges = d;
             if (c) {
-                this.xw(a, null);
-                this.xx(b, null);
+                this.xx(a, null);
+                this.xy(b, null);
             }
         };
-        DataGrid.prototype.xw = function (a, b) {
+        DataGrid.prototype.xx = function (a, b) {
             if (!this.lk && this.selectedItemsChanged != null) {
                 var c = new GridSelectedItemsChangedEventArgs();
                 c.currentItems = this.selectedItems;
@@ -22797,7 +22837,7 @@
                 this.selectedItemsChanged(this, c);
             }
         };
-        DataGrid.prototype.xx = function (a, b) {
+        DataGrid.prototype.xy = function (a, b) {
             if (!this.lk && this.selectedKeysChanged != null) {
                 var c = new GridSelectedKeysChangedEventArgs();
                 c.currentKeys = this.selectedKeys;
@@ -22814,7 +22854,7 @@
                 this.selectedKeysChanged(this, c);
             }
         };
-        DataGrid.prototype.xv = function (a, b) {
+        DataGrid.prototype.xw = function (a, b) {
             if (!this.lk && this.selectedItemsChanged != null) {
                 var c = new GridSelectedItemsChangedEventArgs();
                 c.currentItems = this.selectedItems;
@@ -22829,7 +22869,7 @@
                 this.selectedItemsChanged(this, c);
             }
         };
-        DataGrid.prototype.xy = function (a, b) {
+        DataGrid.prototype.xz = function (a, b) {
             if (!this.lk && this.selectedKeysChanged != null) {
                 var c = new GridSelectedKeysChangedEventArgs();
                 c.currentKeys = this.selectedKeys;
@@ -22868,7 +22908,7 @@
                 this.selectedCellRangesChanged(this, b);
             }
         };
-        DataGrid.prototype.yn = function (a) {
+        DataGrid.prototype.yo = function (a) {
             if (this.selectedCellRanges.contains(a)) {
                 this.selectedCellRanges.remove(a);
                 if (this.selectedCellRangesChanged != null) {
@@ -22883,7 +22923,7 @@
                 }
             }
         };
-        DataGrid.prototype.ym = function () {
+        DataGrid.prototype.yn = function () {
             if (this.selectedCellRanges.count > 0) {
                 var a = new GridSelectedCellRangesCollection();
                 for (var b = 0; b < this.selectedCellRanges.count; b++) {
@@ -22912,7 +22952,7 @@
                 }
             }
         };
-        DataGrid.prototype.x1 = function (a, b, c) {
+        DataGrid.prototype.x2 = function (a, b, c) {
             this.vn(a);
             if (b != c) {
                 this.f6.aj(a);
@@ -22928,18 +22968,18 @@
                 this.m6 = -1;
             }
             this.f6.ad();
-            this.xo();
-            this.yd();
+            this.xp();
+            this.ye();
             this.invalidateVisibleRows();
         };
-        DataGrid.prototype.yw = function (a, b) {
+        DataGrid.prototype.yx = function (a, b) {
             var c = this.lv(a, b);
             for (var d = 0; d < c.count; d++) {
                 var e = c._inner[d];
-                this.yl(e);
+                this.ym(e);
             }
         };
-        DataGrid.prototype.ys = function (a, b) {
+        DataGrid.prototype.yt = function (a, b) {
             var c = this.lv(a, b);
             for (var d = 0; d < c.count; d++) {
                 var e = c._inner[d];
@@ -22996,7 +23036,7 @@
             }
             return false;
         };
-        DataGrid.prototype.yl = function (a) {
+        DataGrid.prototype.ym = function (a) {
             var b = a.ah + "@@@" + igniteuiWebcomponentsCore.EnumUtil.getName(igniteuiWebcomponentsCore.DataSourceSummaryOperand_$type, a.i);
             if (!this.ln.containsKey(b)) {
                 this.ln.item(b, 0);
@@ -23073,7 +23113,7 @@
             }
             this.c6.z(this, a, b, true);
             this.model.b5 = true;
-            this.ye();
+            this.yf();
         };
         DataGrid.prototype.n3 = function () {
             return this.gc.o(this.model.actualVisibleRegion.left + this.model.cz, this, this.model);
@@ -23086,7 +23126,7 @@
             var d = this.gc.i(this.model, b);
             this.vo(c, d);
         };
-        DataGrid.prototype.x9 = function () {
+        DataGrid.prototype.ya = function () {
             var _this = this;
             if (!this.hs) {
                 this.hs = true;
@@ -23097,14 +23137,14 @@
                 }
             }
         };
-        DataGrid.prototype.xf = function (a, b) {
+        DataGrid.prototype.xg = function (a, b) {
             var c = this.e8.getRowPathForRow(a);
             this.dx.ae(c);
             this.f6.ah(this.gc.i(this.model, c));
             this.ae.ai(this.gc.i(this.model, c));
-            this.x9();
+            this.ya();
         };
-        DataGrid.prototype.xm = function (a, b) {
+        DataGrid.prototype.xn = function (a, b) {
             var c = this.e8.getRowPathForRow(a);
             this.dx.af(c);
             this.f6.ai(this.gc.i(this.model, c), b);
@@ -23137,16 +23177,16 @@
                     }
                 }
             }
-            this.x9();
+            this.ya();
         };
         DataGrid.prototype.setActiveResponsiveState = function (a) {
             for (var b = 0; b < this.fp.g.count; b++) {
                 if (this.fp.g._inner[b].n == a) {
-                    this.zb(this.fp.g._inner[b]);
+                    this.zc(this.fp.g._inner[b]);
                 }
             }
         };
-        DataGrid.prototype.zb = function (a) {
+        DataGrid.prototype.zc = function (a) {
             this.fp.x(a);
         };
         DataGrid.prototype.notifySetItem = function (a, b, c) {
@@ -23256,7 +23296,7 @@
                 var b = this.il;
                 this.il = a;
                 if (b != this.il) {
-                    this.xl("ReactsToSortChanges", b, this.il);
+                    this.xm("ReactsToSortChanges", b, this.il);
                 }
             },
             enumerable: false,
@@ -23270,7 +23310,7 @@
                 var b = this.ik;
                 this.ik = a;
                 if (b != this.ik) {
-                    this.xl("ReactsToGroupChanges", b, this.ik);
+                    this.xm("ReactsToGroupChanges", b, this.ik);
                 }
             },
             enumerable: false,
@@ -23284,7 +23324,7 @@
                 var b = this.ij;
                 this.ij = a;
                 if (b != this.ij) {
-                    this.xl("ReactsToFilterChanges", b, this.ij);
+                    this.xm("ReactsToFilterChanges", b, this.ij);
                 }
             },
             enumerable: false,
@@ -23357,12 +23397,12 @@
                         var n = this.z.isPendingTransaction(k_3);
                         if (n && this.autoAcceptEdits) {
                             this.acceptEdit(k_3);
-                            this.zr(f_2, j, h_1);
+                            this.zs(f_2, j, h_1);
                         }
                     }
                     else {
                         this.acceptEdit(k_3);
-                        this.zr(f_2, j, h_1);
+                        this.zs(f_2, j, h_1);
                     }
                     this.ii = false;
                 }
@@ -23378,7 +23418,7 @@
             }
             return true;
         };
-        DataGrid.prototype.zr = function (a, b, c) {
+        DataGrid.prototype.zs = function (a, b, c) {
             if (this.actualPrimaryKey != null) {
                 var d = false;
                 var e = -1;
@@ -23472,7 +23512,7 @@
                 })()));
             }
         };
-        DataGrid.prototype.xq = function (a, b) {
+        DataGrid.prototype.xr = function (a, b) {
             if (this.rowEditStarted != null) {
                 this.rowEditStarted(this, ((function () {
                     var $ret = new GridRowEditStartedEventArgs();
@@ -23482,7 +23522,7 @@
                 })()));
             }
         };
-        DataGrid.prototype.xp = function (a, b) {
+        DataGrid.prototype.xq = function (a, b) {
             if (this.rowEditEnded != null) {
                 this.rowEditEnded(this, ((function () {
                     var $ret = new GridRowEditEndedEventArgs();
@@ -23639,7 +23679,7 @@
                 var b = this.ct;
                 this.ct = a;
                 if (b != this.ct) {
-                    this.xl("EnterBehavior", igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviors_$type, b), igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviors_$type, this.ct));
+                    this.xm("EnterBehavior", igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviors_$type, b), igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviors_$type, this.ct));
                 }
             },
             enumerable: false,
@@ -23653,7 +23693,7 @@
                 var b = this.cr;
                 this.cr = a;
                 if (b != this.cr) {
-                    this.xl("EnterBehaviorAfterEdit", igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviorAfterEdit_$type, b), igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviorAfterEdit_$type, this.cr));
+                    this.xm("EnterBehaviorAfterEdit", igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviorAfterEdit_$type, b), igniteuiWebcomponentsCore.enumGetBox(EnterKeyBehaviorAfterEdit_$type, this.cr));
                 }
             },
             enumerable: false,
@@ -23680,8 +23720,8 @@
                     this.f6.a2();
                     this.lk = false;
                     this.ji = false;
-                    this.xv(a, null);
-                    this.xy(b, null);
+                    this.xw(a, null);
+                    this.xz(b, null);
                     this.f6.as(-1);
                 }
             }
@@ -23756,7 +23796,7 @@
                 var b = this.hw;
                 this.hw = a;
                 if (b != this.hw) {
-                    this.xl("IsColumnOptionsSummariesEnabled", b, this.hw);
+                    this.xm("IsColumnOptionsSummariesEnabled", b, this.hw);
                 }
             },
             enumerable: false,
@@ -23770,7 +23810,7 @@
                 var b = this.hv;
                 this.hv = a;
                 if (b != this.hv) {
-                    this.xl("IsColumnOptionsGroupingEnabled", b, this.hv);
+                    this.xm("IsColumnOptionsGroupingEnabled", b, this.hv);
                 }
             },
             enumerable: false,
@@ -23784,7 +23824,7 @@
                 var b = this.fj;
                 this.fj = a;
                 if (b != this.fj) {
-                    this.xl("MergedCellMode", igniteuiWebcomponentsCore.enumGetBox(MergedCellMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(MergedCellMode_$type, this.fj));
+                    this.xm("MergedCellMode", igniteuiWebcomponentsCore.enumGetBox(MergedCellMode_$type, b), igniteuiWebcomponentsCore.enumGetBox(MergedCellMode_$type, this.fj));
                 }
             },
             enumerable: false,
@@ -23798,7 +23838,7 @@
                 var b = this.fh;
                 this.fh = a;
                 if (b != this.fh) {
-                    this.xl("MergedCellEvaluationCriteria", igniteuiWebcomponentsCore.enumGetBox(MergedCellEvaluationCriteria_$type, b), igniteuiWebcomponentsCore.enumGetBox(MergedCellEvaluationCriteria_$type, this.fh));
+                    this.xm("MergedCellEvaluationCriteria", igniteuiWebcomponentsCore.enumGetBox(MergedCellEvaluationCriteria_$type, b), igniteuiWebcomponentsCore.enumGetBox(MergedCellEvaluationCriteria_$type, this.fh));
                 }
             },
             enumerable: false,
@@ -23812,7 +23852,7 @@
                 var b = this.af;
                 this.af = a;
                 if (this.af != b) {
-                    this.xl("MergedCellVerticalAlignment", igniteuiWebcomponentsCore.enumGetBox(CellContentVerticalAlignment_$type, b), igniteuiWebcomponentsCore.enumGetBox(CellContentVerticalAlignment_$type, this.af));
+                    this.xm("MergedCellVerticalAlignment", igniteuiWebcomponentsCore.enumGetBox(CellContentVerticalAlignment_$type, b), igniteuiWebcomponentsCore.enumGetBox(CellContentVerticalAlignment_$type, this.af));
                 }
             },
             enumerable: false,
@@ -24277,7 +24317,7 @@
                 var b = this.c0;
                 this.c0 = a;
                 if (b != this.c0) {
-                    this.xl("FilterUIType", igniteuiWebcomponentsCore.enumGetBox(FilterUIType_$type, b), igniteuiWebcomponentsCore.enumGetBox(FilterUIType_$type, this.c0));
+                    this.xm("FilterUIType", igniteuiWebcomponentsCore.enumGetBox(FilterUIType_$type, b), igniteuiWebcomponentsCore.enumGetBox(FilterUIType_$type, this.c0));
                 }
             },
             enumerable: false,
@@ -24291,7 +24331,7 @@
                 var b = this.cx;
                 this.cx = a;
                 if (b != this.cx) {
-                    this.xl("FilterLogicalOperator", igniteuiWebcomponentsCore.enumGetBox(FilterLogicalOperator_$type, b), igniteuiWebcomponentsCore.enumGetBox(FilterLogicalOperator_$type, this.cx));
+                    this.xm("FilterLogicalOperator", igniteuiWebcomponentsCore.enumGetBox(FilterLogicalOperator_$type, b), igniteuiWebcomponentsCore.enumGetBox(FilterLogicalOperator_$type, this.cx));
                 }
             },
             enumerable: false,
@@ -24305,7 +24345,7 @@
                 var b = this.cv;
                 this.cv = a;
                 if (b != this.cv) {
-                    this.xl("FilterComparisonType", igniteuiWebcomponentsCore.enumGetBox(FilterComparisonType_$type, b), igniteuiWebcomponentsCore.enumGetBox(FilterComparisonType_$type, this.cv));
+                    this.xm("FilterComparisonType", igniteuiWebcomponentsCore.enumGetBox(FilterComparisonType_$type, b), igniteuiWebcomponentsCore.enumGetBox(FilterComparisonType_$type, this.cv));
                 }
             },
             enumerable: false,
@@ -24333,7 +24373,7 @@
                 var b = this.hk;
                 this.hk = a;
                 if (b != this.hk) {
-                    this.xl("ClearSelectionOnEscape", b, this.hk);
+                    this.xm("ClearSelectionOnEscape", b, this.hk);
                 }
             },
             enumerable: false,
@@ -24370,7 +24410,7 @@
                 var b = this.h6;
                 this.h6 = a;
                 if (b != this.h6) {
-                    this.xl("IsPagerVisible", b, this.h6);
+                    this.xm("IsPagerVisible", b, this.h6);
                 }
             },
             enumerable: false,
@@ -24384,7 +24424,7 @@
                 var b = this.m9;
                 this.m9 = a;
                 if (b != this.m9) {
-                    this.xl("PageSize", b, this.m9);
+                    this.xm("PageSize", b, this.m9);
                 }
             },
             enumerable: false,
@@ -24398,7 +24438,7 @@
                 var b = this.ib;
                 this.ib = a;
                 if (b != this.ib) {
-                    this.xl("IsToolbarVisible", b, this.ib);
+                    this.xm("IsToolbarVisible", b, this.ib);
                 }
             },
             enumerable: false,
@@ -24412,7 +24452,7 @@
                 var b = this.h9;
                 this.h9 = a;
                 if (b != this.h9) {
-                    this.xl("IsToolbarColumnChooserVisible", b, this.h9);
+                    this.xm("IsToolbarColumnChooserVisible", b, this.h9);
                 }
             },
             enumerable: false,
@@ -24426,7 +24466,7 @@
                 var b = this.ia;
                 this.ia = a;
                 if (b != this.ia) {
-                    this.xl("IsToolbarColumnPinningVisible", b, this.ia);
+                    this.xm("IsToolbarColumnPinningVisible", b, this.ia);
                 }
             },
             enumerable: false,
@@ -24440,7 +24480,7 @@
                 var b = this.pd;
                 this.pd = a;
                 if (b != this.pd) {
-                    this.xl("ToolbarTitle", b, this.pd);
+                    this.xm("ToolbarTitle", b, this.pd);
                 }
             },
             enumerable: false,
@@ -24454,7 +24494,7 @@
                 var b = this.o9;
                 this.o9 = a;
                 if (b != this.o9) {
-                    this.xl("ToolbarColumnChooserText", b, this.o9);
+                    this.xm("ToolbarColumnChooserText", b, this.o9);
                 }
             },
             enumerable: false,
@@ -24468,7 +24508,7 @@
                 var b = this.pa;
                 this.pa = a;
                 if (b != this.pa) {
-                    this.xl("ToolbarColumnChooserTitle", b, this.pa);
+                    this.xm("ToolbarColumnChooserTitle", b, this.pa);
                 }
             },
             enumerable: false,
@@ -24482,7 +24522,7 @@
                 var b = this.pb;
                 this.pb = a;
                 if (b != this.pb) {
-                    this.xl("ToolbarColumnPinningText", b, this.pb);
+                    this.xm("ToolbarColumnPinningText", b, this.pb);
                 }
             },
             enumerable: false,
@@ -24496,7 +24536,7 @@
                 var b = this.pc;
                 this.pc = a;
                 if (b != this.pc) {
-                    this.xl("ToolbarColumnPinningTitle", b, this.pc);
+                    this.xm("ToolbarColumnPinningTitle", b, this.pc);
                 }
             },
             enumerable: false,
@@ -24510,7 +24550,7 @@
                 var b = this.gn;
                 this.gn = a;
                 if (b != this.gn) {
-                    this.xl("ScrollbarStyle", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, this.gn));
+                    this.xm("ScrollbarStyle", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.ScrollbarStyle_$type, this.gn));
                 }
             },
             enumerable: false,
@@ -24518,13 +24558,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "scrollbarBackground", {
             get: function () {
-                return this.aav;
+                return this.aaw;
             },
             set: function (a) {
-                var b = this.aav;
-                this.aav = a;
-                if (b != this.aav) {
-                    this.xl("ScrollbarBackground", b, this.aav);
+                var b = this.aaw;
+                this.aaw = a;
+                if (b != this.aaw) {
+                    this.xm("ScrollbarBackground", b, this.aaw);
                 }
             },
             enumerable: false,
@@ -24532,13 +24572,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsBackground", {
             get: function () {
-                return this.z9;
+                return this.aaa;
             },
             set: function (a) {
-                var b = this.z9;
-                this.z9 = a;
-                if (b != this.z9) {
-                    this.xl("ColumnOptionsBackground", b, this.z9);
+                var b = this.aaa;
+                this.aaa = a;
+                if (b != this.aaa) {
+                    this.xm("ColumnOptionsBackground", b, this.aaa);
                 }
             },
             enumerable: false,
@@ -24546,13 +24586,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsTextColor", {
             get: function () {
-                return this.aae;
+                return this.aaf;
             },
             set: function (a) {
-                var b = this.aae;
-                this.aae = a;
-                if (b != this.aae) {
-                    this.xl("ColumnOptionsTextColor", b, this.aae);
+                var b = this.aaf;
+                this.aaf = a;
+                if (b != this.aaf) {
+                    this.xm("ColumnOptionsTextColor", b, this.aaf);
                 }
             },
             enumerable: false,
@@ -24560,13 +24600,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsSeparatorColor", {
             get: function () {
-                return this.aad;
+                return this.aae;
             },
             set: function (a) {
-                var b = this.aad;
-                this.aad = a;
-                if (b != this.aad) {
-                    this.xl("ColumnOptionsSeparatorColor", b, this.aad);
+                var b = this.aae;
+                this.aae = a;
+                if (b != this.aae) {
+                    this.xm("ColumnOptionsSeparatorColor", b, this.aae);
                 }
             },
             enumerable: false,
@@ -24574,13 +24614,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsGroupHeaderBackground", {
             get: function () {
-                return this.aaa;
+                return this.aab;
             },
             set: function (a) {
-                var b = this.aaa;
-                this.aaa = a;
-                if (b != this.aaa) {
-                    this.xl("ColumnOptionsGroupHeaderBackground", b, this.aaa);
+                var b = this.aab;
+                this.aab = a;
+                if (b != this.aab) {
+                    this.xm("ColumnOptionsGroupHeaderBackground", b, this.aab);
                 }
             },
             enumerable: false,
@@ -24588,13 +24628,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsGroupHeaderTextColor", {
             get: function () {
-                return this.aab;
+                return this.aac;
             },
             set: function (a) {
-                var b = this.aab;
-                this.aab = a;
-                if (b != this.aab) {
-                    this.xl("ColumnOptionsGroupHeaderTextColor", b, this.aab);
+                var b = this.aac;
+                this.aac = a;
+                if (b != this.aac) {
+                    this.xm("ColumnOptionsGroupHeaderTextColor", b, this.aac);
                 }
             },
             enumerable: false,
@@ -24602,13 +24642,13 @@
         });
         Object.defineProperty(DataGrid.prototype, "columnOptionsAccentColor", {
             get: function () {
-                return this.z8;
+                return this.z9;
             },
             set: function (a) {
-                var b = this.z8;
-                this.z8 = a;
-                if (b != this.z8) {
-                    this.xl("ColumnOptionsAccentColor", b, this.z8);
+                var b = this.z9;
+                this.z9 = a;
+                if (b != this.z9) {
+                    this.xm("ColumnOptionsAccentColor", b, this.z9);
                 }
             },
             enumerable: false,
@@ -25064,7 +25104,7 @@
                 i.hw = 5;
                 c.a = 5;
                 a.model.b2 = false;
-                a.yd();
+                a.ye();
                 a.wz(i);
                 _this.w(f);
             });
@@ -25374,7 +25414,7 @@
                     f.hw = 5;
                     c.a = 5;
                     a.model.b2 = false;
-                    a.yd();
+                    a.ye();
                     if (_this.k.containsKey(c.o)) {
                         var s = _this.k.item(c.o);
                         if (s.count == 0) {
@@ -25405,7 +25445,7 @@
                     b.a = 3;
                     a.columns.remove(g);
                     a.model.b2 = false;
-                    a.yd();
+                    a.ye();
                 });
                 n.effectsCanceled = igniteuiWebcomponentsCore.delegateCombine(n.effectsCanceled, function (o, p) { return a.model.b2 = false; });
                 var o = a.model.h(b.o);
@@ -25864,7 +25904,7 @@
                     a.model.dk(n._inner[o_1]);
                 }
                 h.hw = 5;
-                a.yd();
+                a.ye();
                 a.wv(h);
                 _this.w(e);
             });
@@ -26119,7 +26159,7 @@
                     a.externalGrid.removeExternalColumn(i.externalObject);
                 }
                 a.model.b2 = false;
-                a.yd();
+                a.ye();
                 a.wr(i);
                 _this.w(f);
             });
@@ -26676,7 +26716,7 @@
                         if (l.bq(n)) {
                             var o = a.e8.resolveValueForPath(a, l.l);
                             var p = a.rh(l.l, a, o, m);
-                            a.xg(l, o, a.e8.resolveRow(m), p);
+                            a.xh(l, o, a.e8.resolveRow(m), p);
                         }
                     }
                     return l.kx;
@@ -26720,7 +26760,7 @@
                 k.g = 0;
                 k.h = 0;
                 k.j = 0;
-                a.yd();
+                a.ye();
                 return k.g;
             };
             a.dx.u(b, h);
@@ -26798,7 +26838,7 @@
                         }
                         if (p.bq(a.e8.getRowType(p.l.x))) {
                             var t = a.rh(p.l, a, r, q);
-                            a.xg(p, r, a.e8.resolveRow(q), t);
+                            a.xh(p, r, a.e8.resolveRow(q), t);
                         }
                         if (s) {
                             p.c7 = 1;
@@ -26806,7 +26846,7 @@
                     }
                     else if (p.l.am) {
                         var u = a.rh(p.l, a, null, -1);
-                        a.xg(p, null, null, u);
+                        a.xh(p, null, null, u);
                     }
                     return p.c7;
                 };
@@ -26875,7 +26915,7 @@
                     }
                     if (o.bq(a.e8.getRowType(o.l.x))) {
                         var s = a.rh(o.l, a, q, p);
-                        a.xg(o, q, a.e8.resolveRow(p), s);
+                        a.xh(o, q, a.e8.resolveRow(p), s);
                     }
                     if (r) {
                         o.c7 = 1;
@@ -26883,7 +26923,7 @@
                 }
                 else if (o.l.am) {
                     var t = a.rh(o.l, a, null, -1);
-                    a.xg(o, null, null, t);
+                    a.xh(o, null, null, t);
                 }
                 return o.c7;
             };
@@ -28000,7 +28040,7 @@
                 }
             }
             if (c) {
-                this.grid.x9();
+                this.grid.ya();
             }
         };
         DefinitionBase.prototype.fe = function () {
@@ -30416,7 +30456,7 @@
         DataGridColumn.prototype.e2 = function (a) {
             _super.prototype.e2.call(this, a);
             if (this.grid != null) {
-                this.grid.ys(a, this);
+                this.grid.yt(a, this);
             }
         };
         DataGridColumn.prototype.ct = function () {
@@ -33385,7 +33425,7 @@
                 if (f >= 0) {
                     if (this.a.selectedItems.ae._inner[f] == null) {
                         var g = this.a.e8.resolveValueForRow(a.l);
-                        this.a.xz(f, g, c);
+                        this.a.x0(f, g, c);
                     }
                 }
             }
@@ -33592,7 +33632,7 @@
                 }
             }
             if (d) {
-                this.a.xs(c, a);
+                this.a.xt(c, a);
             }
         };
         SelectionManager.prototype.az = function (a, b, c, d) {
@@ -33612,7 +33652,7 @@
                 }
             }
             if (d) {
-                this.a.xt(c, a);
+                this.a.xu(c, a);
             }
         };
         SelectionManager.prototype.ay = function (a, b, c) {
@@ -38816,7 +38856,7 @@
                         }
                     }
                     if (!o.o) {
-                        b.yu(o);
+                        b.yv(o);
                     }
                     if (k > 0) {
                         g += ", ";
@@ -41497,7 +41537,7 @@
                 j.a6 = p;
                 j.be = q;
                 j.ge = b.n5(j.l);
-                b.xh(j, k, b.e8.resolveRow(m));
+                b.xi(j, k, b.e8.resolveRow(m));
                 if (l) {
                     j.c7 = 1;
                 }
@@ -41697,7 +41737,7 @@
             b.db = f.m;
             b.c9 = f.l;
             b.dc = f.n;
-            a.x3();
+            a.x4();
             this.d = f.b;
             this.c = f.a;
             var j = a.d2;
@@ -55640,7 +55680,7 @@
             configurable: true
         });
         NativeUIGridFactory.register = function () {
-            igniteuiWebcomponentsCore.NativeUIComponent.as(NativeUIGridFactory.instance);
+            igniteuiWebcomponentsCore.NativeUIComponent.at(NativeUIGridFactory.instance);
         };
         Object.defineProperty(NativeUIGridFactory.prototype, "flavor", {
             get: function () {
@@ -55677,7 +55717,7 @@
                 var f = (comp_.i);
                 var g = new CheckboxListBridge(f);
                 var h = new igniteuiWebcomponentsCore.NativeUICheckboxList();
-                h.an = d;
+                h.ao = d;
                 h.d = g;
                 b(h);
             }, false);
@@ -58197,6 +58237,12 @@
             var grid_ = this.a;
             grid_._ensureColumnsAreManual();
         };
+        GridExternalWrapper.prototype.moveFocusPrevious = function () {
+            this.a._moveFocusPrevious();
+        };
+        GridExternalWrapper.prototype.moveFocusNext = function () {
+            this.a._moveFocusNext();
+        };
         GridExternalWrapper.$t = igniteuiWebcomponentsCore.markType(GridExternalWrapper, 'GridExternalWrapper', igniteuiWebcomponentsCore.Base.$, [IExternalGrid_$type]);
         return GridExternalWrapper;
     }(igniteuiWebcomponentsCore.Base));
@@ -64531,7 +64577,7 @@
         };
         ComparisonOperatorSelectorView.prototype.onDocumentKeyDown = function (a) {
             var b = a;
-            if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c1(b) == 8) {
+            if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c4(b) == 8) {
                 this.a.d8();
             }
         };
@@ -66825,7 +66871,7 @@
         };
         GridFilterDialogView.prototype.r = function (a) {
             var b = a;
-            this.m.append(b.an);
+            this.m.append(b.ao);
         };
         GridFilterDialogView.prototype.p = function () {
             return this.m;
@@ -66918,7 +66964,7 @@
             a.stopPropagation();
         };
         GridFilterDialogPanel.prototype.onDocumentKeyDown = function (a) {
-            if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c1(a) == 8) {
+            if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c4(a) == 8) {
             }
         };
         GridFilterDialogPanel.prototype.onDocumentMouseClick = function (e_) {
@@ -67300,7 +67346,7 @@
         });
         Object.defineProperty(GridFilterDialog.prototype, "ae", {
             get: function () {
-                return this.v != null ? this.v.bx : false;
+                return this.v != null ? this.v.by : false;
             },
             enumerable: false,
             configurable: true
@@ -67334,41 +67380,41 @@
                     break;
                 case "ColumnOptionsBackground":
                     if (this.v != null) {
-                        this.v.cg = this.cd;
-                        this.v.ck = this.cd;
+                        this.v.ch = this.cd;
+                        this.v.cl = this.cd;
                     }
                     break;
                 case "ColumnOptionsTextColor":
                     if (this.v != null) {
-                        this.v.ci = this.ch;
                         this.v.cj = this.ch;
-                        this.v.b8 = this.ch;
-                        this.v.cc = this.ch;
+                        this.v.ck = this.ch;
+                        this.v.b9 = this.ch;
                         this.v.cd = this.ch;
                         this.v.ce = this.ch;
+                        this.v.cf = this.ch;
                     }
                     break;
                 case "ColumnOptionsSeparatorColor":
                     if (this.v != null) {
-                        this.v.cf = this.cg;
+                        this.v.cg = this.cg;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderBackground":
                     if (this.v != null) {
-                        this.v.b9 = this.ce;
+                        this.v.ca = this.ce;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderTextColor":
                     if (this.v != null) {
-                        this.v.cb = this.cf;
+                        this.v.cc = this.cf;
                     }
                     break;
                 case "ColumnOptionsAccentColor":
                     if (this.v != null) {
-                        this.v.b4 = this.cc;
-                        this.v.b6 = this.cc;
+                        this.v.b5 = this.cc;
                         this.v.b7 = this.cc;
-                        this.v.cl = this.cc;
+                        this.v.b8 = this.cc;
+                        this.v.cm = this.cc;
                     }
                     break;
             }
@@ -67396,38 +67442,39 @@
         };
         GridFilterDialog.prototype.bq = function () {
             var _this = this;
-            igniteuiWebcomponentsCore.NativeUIComponent.au(this.s.p(), 18, function (a) {
+            igniteuiWebcomponentsCore.NativeUIComponent.av(this.s.p(), 18, function (a) {
                 var b = a;
                 _this.v = b;
-                _this.v.b0 = 16;
-                _this.v.b5 = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
-                _this.v.bq = igniteuiWebcomponentsCore.runOn(_this, _this.bg);
-                _this.v.bo = igniteuiWebcomponentsCore.runOn(_this, _this.bf);
-                _this.v.by = false;
+                _this.v.b1 = 16;
+                _this.v.b6 = igniteuiWebcomponentsCore.BrushUtil.l(0, 0, 0, 0);
+                _this.v.v = false;
+                _this.v.br = igniteuiWebcomponentsCore.runOn(_this, _this.bg);
+                _this.v.bp = igniteuiWebcomponentsCore.runOn(_this, _this.bf);
+                _this.v.bz = false;
                 _this.s.r(_this.v);
                 _this.v.c = _this.x;
-                _this.v.cg = _this.cd;
-                _this.v.ck = _this.cd;
-                _this.v.ci = _this.ch;
-                _this.v.cb = _this.cf;
+                _this.v.ch = _this.cd;
+                _this.v.cl = _this.cd;
                 _this.v.cj = _this.ch;
-                _this.v.b8 = _this.ch;
-                _this.v.cc = _this.ch;
+                _this.v.cc = _this.cf;
+                _this.v.ck = _this.ch;
+                _this.v.b9 = _this.ch;
                 _this.v.cd = _this.ch;
                 _this.v.ce = _this.ch;
-                _this.v.cf = _this.cg;
-                _this.v.b9 = _this.ce;
-                _this.v.b4 = _this.cc;
-                _this.v.b6 = _this.cc;
+                _this.v.cf = _this.ch;
+                _this.v.cg = _this.cg;
+                _this.v.ca = _this.ce;
+                _this.v.b5 = _this.cc;
                 _this.v.b7 = _this.cc;
-                _this.v.cl = _this.cc;
-                _this.v.b1 = _this;
+                _this.v.b8 = _this.cc;
+                _this.v.cm = _this.cc;
+                _this.v.b2 = _this;
             });
         };
         GridFilterDialog.prototype.bg = function (a, b) {
             if (this.z) {
                 this.z = false;
-                this.v.b1 = this.n;
+                this.v.b2 = this.n;
             }
             if (this.n != null) {
                 if (this.n.grid != null) {
@@ -67738,8 +67785,8 @@
         };
         GridFilterDialog.prototype.bk = function () {
             if (this.v != null) {
-                if (this.n != null && this.v.b1 != this.n) {
-                    this.v.b1 = this.n;
+                if (this.n != null && this.v.b2 != this.n) {
+                    this.v.b2 = this.n;
                 }
             }
         };
@@ -68897,7 +68944,7 @@
         TemplateCell.prototype.dy = function (a) {
             var b = this.dw.element.getNativeElement();
             if (b.contains(document.activeElement) && document.activeElement.nodeName == "INPUT") {
-                var c = igniteuiWebcomponentsCore.BaseDOMEventProxy.c1(a);
+                var c = igniteuiWebcomponentsCore.BaseDOMEventProxy.c4(a);
                 if (c == 14 || c == 16) {
                     a.stopPropagation();
                 }
@@ -69033,6 +69080,12 @@
             var _this = _super.call(this, a) || this;
             _this.dw = null;
             _this.dw = a.createElement("span");
+            _this.dw.setRawStyleProperty("display", "inline-block");
+            _this.dw.setRawStyleProperty("line-height", "normal");
+            _this.dw.setRawStyleProperty("vertical-align", "middle");
+            _this.dw.setRawStyleProperty("overflow", "hidden");
+            _this.dw.setRawStyleProperty("white-space", "nowrap");
+            _this.dw.setRawStyleProperty("text-overflow", "ellipsis");
             _this.ar.setRawStyleProperty("text-align", "left");
             _this.ar.setRawStyleProperty("vertical-align", "middle");
             _this.ar.setRawStyleProperty("overflow", "hidden");
@@ -69048,6 +69101,12 @@
             enumerable: false,
             configurable: true
         });
+        SectionHeaderCell.prototype.c0 = function (a, b) {
+            _super.prototype.c0.call(this, a, b);
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+        };
         SectionHeaderCell.prototype.get_ae = function () {
             return true;
         };
@@ -69283,6 +69342,15 @@
                 this.d1 = c;
             }
         };
+        SummaryCell.prototype.c0 = function (a, b) {
+            _super.prototype.c0.call(this, a, b);
+            if (a == this.dw) {
+                this.dw.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+            else if (a == this.dx) {
+                this.dx.setRawStyleProperty("line-height", (this.bg - this.bh).toString() + "px");
+            }
+        };
         SummaryCell.prototype.get_ae = function () {
             return false;
         };
@@ -69644,8 +69712,8 @@
                     this.c = null;
                 }
                 if (this.a != null) {
-                    this.a.ap = null;
-                    this.a.aw();
+                    this.a.aq = null;
+                    this.a.ax();
                 }
                 return;
             }
@@ -69653,23 +69721,23 @@
             var b = Math.round(this.c.rootWrapper.width());
             var c = Math.round(this.c.rootWrapper.height());
             this.a = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.c.rootWrapper, this.c, true);
-            this.a.c9 = true;
+            this.a.dc = true;
             var d = this.a;
             d.onMouseOver = igniteuiWebcomponentsCore.delegateCombine(d.onMouseOver, igniteuiWebcomponentsCore.runOn(this, this.e));
             var e = this.a;
             e.onMouseUp = igniteuiWebcomponentsCore.delegateCombine(e.onMouseUp, igniteuiWebcomponentsCore.runOn(this, this.f));
-            this.a.ap = igniteuiWebcomponentsCore.runOn(this, this.b);
+            this.a.aq = igniteuiWebcomponentsCore.runOn(this, this.b);
             this.model.viewportWidth = b;
             this.model.viewportHeight = c;
         };
         DraggerView.prototype.onDetachedFromUI = function () {
             if (this.a != null && this.c != null) {
-                this.a.bi(this.c.rootWrapper, "");
+                this.a.bk(this.c.rootWrapper, "");
             }
         };
         DraggerView.prototype.onAttachedToUI = function () {
             if (this.a != null) {
-                this.a.au(this.c.rootWrapper, "");
+                this.a.av(this.c.rootWrapper, "");
             }
         };
         DraggerView.prototype.b = function (a) {
@@ -69686,7 +69754,7 @@
         DraggerView.prototype.releaseMouse = function () {
         };
         DraggerView.prototype.transformPoint = function (a, b) {
-            var c = igniteuiWebcomponentsCore.BaseDOMEventProxy.c5(this.c.rootWrapper);
+            var c = igniteuiWebcomponentsCore.BaseDOMEventProxy.c8(this.c.rootWrapper);
             var d = { $type: igniteuiWebcomponentsCore.Point_$type, x: a - c.x, y: b - c.y };
             return d;
         };
@@ -69697,7 +69765,7 @@
             this.model.onMouseUp(a.x, a.y);
         };
         DraggerView.prototype.onViewportSizeChanged = function (a, b) {
-            this.a.bm = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
+            this.a.bo = new igniteuiWebcomponentsCore.Rect(0, 0, 0, a, b);
         };
         DraggerView.prototype.addCloneCellToDom = function () {
             if (this.c != null) {
@@ -71101,7 +71169,7 @@
             return this.a.k1(a, b);
         };
         DataGridScrollerKeyboardListener.prototype.onWheel = function () {
-            this.a.x4();
+            this.a.x5();
         };
         DataGridScrollerKeyboardListener.prototype.onEnter = function (a, b) {
             return this.a.kq(a, b);
@@ -71118,6 +71186,9 @@
         DataGridScrollerKeyboardListener.prototype.onKeyDown = function (a, b, c) {
             return this.a.ku(a, b, c);
         };
+        DataGridScrollerKeyboardListener.prototype.onGotFocus = function (a, b) {
+            this.a.xf(a, b);
+        };
         DataGridScrollerKeyboardListener.$t = igniteuiWebcomponentsCore.markType(DataGridScrollerKeyboardListener, 'DataGridScrollerKeyboardListener', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.IScrollerKeyboardListener_$type]);
         return DataGridScrollerKeyboardListener;
     }(igniteuiWebcomponentsCore.Base));
@@ -72724,7 +72795,7 @@
             }
             this.n = a;
             this.d = new igniteuiWebcomponentsCore.CanvasGestureDOMEventProxy(this.o.rootWrapper, this.o, true);
-            this.d.c9 = true;
+            this.d.dc = true;
             var b = this.d;
             b.onMouseDown = igniteuiWebcomponentsCore.delegateCombine(b.onMouseDown, igniteuiWebcomponentsCore.runOn(this, this.z));
             var c = this.d;
@@ -74214,6 +74285,12 @@
                 this._scroller.scrollbarBrush = color;
             }
         };
+        IgcDataGridComponent.prototype._moveFocusNext = function () {
+            igniteuiWebcomponentsCore.moveFocusNext(this, true);
+        };
+        IgcDataGridComponent.prototype._moveFocusPrevious = function () {
+            igniteuiWebcomponentsCore.moveFocusPrevious(this);
+        };
         IgcDataGridComponent.prototype.createImplementation = function () {
             //let test = Grid;
             return new DataGrid();
@@ -82231,7 +82308,7 @@
                 case "CheckboxCornerRadius":
                     this.view.af();
                     if (this.g != null) {
-                        this.g.x9();
+                        this.g.ya();
                     }
                     break;
                 case "CheckboxAlignedRight":
@@ -82241,7 +82318,7 @@
                     break;
                 case "DataLegendTarget":
                     if (this.g != null) {
-                        this.g.x9();
+                        this.g.ya();
                     }
                     break;
             }
@@ -101365,7 +101442,7 @@
             a.stopPropagation();
         };
         DataGridToolbarView.prototype.q = function (a) {
-            if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c1(a) == 8) {
+            if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c4(a) == 8) {
                 this.a.av();
             }
         };
@@ -108048,7 +108125,7 @@
             configurable: true
         });
         NativeUIComboFactory.register = function () {
-            igniteuiWebcomponentsCore.NativeUIComponent.as(NativeUIComboFactory.instance);
+            igniteuiWebcomponentsCore.NativeUIComponent.at(NativeUIComboFactory.instance);
         };
         Object.defineProperty(NativeUIComboFactory.prototype, "flavor", {
             get: function () {