igniteui-webcomponents-grids 1.4.2 → 3.2.2

package/esm5/lib/ColumnGroupingView_combined.js

@@ -48,7 +48,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.m = null;
         return _this;
     }
-    ColumnGroupingView.prototype.ah = function () {
+    ColumnGroupingView.prototype.ai = function () {
     };
     Object.defineProperty(ColumnGroupingView.prototype, "o", {
         get: function () {
@@ -59,12 +59,19 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(ColumnGroupingView.prototype, "u", {
         get: function () {
-            return this.r;
+            return this.n.rootWrapper;
         },
         enumerable: true,
         configurable: true
     });
     Object.defineProperty(ColumnGroupingView.prototype, "v", {
+        get: function () {
+            return this.r;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnGroupingView.prototype, "w", {
         get: function () {
             return this.t;
         },
@@ -92,20 +99,20 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    ColumnGroupingView.prototype.ag = function (a) {
+    ColumnGroupingView.prototype.ah = function (a) {
         if (a == null) {
             this.n = null;
             return;
         }
         this.n = a;
         this.d = new CanvasGestureDOMEventProxy(this.o.rootWrapper, this.o, true);
-        this.d.c7 = true;
+        this.d.c8 = true;
         var b = this.d;
-        b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.y));
+        b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.z));
         var c = this.d;
-        c.onMouseOver = delegateCombine(c.onMouseOver, runOn(this, this.z));
+        c.onMouseOver = delegateCombine(c.onMouseOver, runOn(this, this.aa));
         var d = this.d;
-        d.onMouseUp = delegateCombine(d.onMouseUp, runOn(this, this.aa));
+        d.onMouseUp = delegateCombine(d.onMouseUp, runOn(this, this.ab));
         this.n.rootWrapper.setStyleProperty("position", "relative");
         this.n.rootWrapper.setStyleProperty("display", "flex");
         this.n.rootWrapper.setStyleProperty("justify-content", "space-between");
@@ -121,9 +128,10 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.n.rootWrapper.setStyleProperty("box-sizing", "border-box");
         this.n.rootWrapper.setStyleProperty("border-color", "rgba(0, 0, 0, 0.2)");
         this.n.rootWrapper.setStyleProperty("border-radius", "3px 3px 0px 0px");
-        this.x();
+        this.n.rootWrapper.setStyleProperty("background-color", this.e.bh._fill);
+        this.y();
     };
-    ColumnGroupingView.prototype.am = function () {
+    ColumnGroupingView.prototype.an = function () {
         if (this.n != null) {
             if (this.e.o == true) {
                 this.n.rootWrapper.setStyleProperty("border-width", "0px 0px 1px 0px");
@@ -133,7 +141,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGroupingView.prototype.an = function () {
+    ColumnGroupingView.prototype.ao = function () {
         if (this.n != null) {
             switch (this.e.i) {
                 case 1:
@@ -155,25 +163,25 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGroupingView.prototype.x = function () {
+    ColumnGroupingView.prototype.y = function () {
         if (this.n != null) {
             this.r = this.n.rootWrapper.getChildAt(0);
             this.r.setStyleProperty("width", "100%");
-            this.an();
+            this.ao();
             this.r.setStyleProperty("display", "flex");
             this.r.setStyleProperty("align-items", "center");
             this.r.setStyleProperty("flex-direction", "row");
             this.s = this.n.createElement("div");
-            this.e.aq(this.s);
+            this.e.ar(this.s);
             this.s.setStyleProperty("height", "18px");
             this.s.setStyleProperty("width", "18px");
             this.s.setStyleProperty("margin-right", "5px");
-            this.s.setStyleProperty("color", this.e.bh.color.colorString);
+            this.s.setStyleProperty("color", this.e.bi.color.colorString);
             this.r.append(this.s);
             this.g.add(this.s);
             this.t = this.n.createElement("span");
-            this.ap();
             this.aq();
+            this.ar();
             this.r.append(this.t);
             var a = this.n.createElement("div");
             a.setStyleProperty("display", "flex");
@@ -187,25 +195,25 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.p.setStyleProperty("padding-left", "10px");
             this.p.setStyleProperty("display", "flex");
             a.append(this.p);
-            this.ab();
+            this.ac();
         }
     };
-    ColumnGroupingView.prototype.aq = function () {
+    ColumnGroupingView.prototype.ar = function () {
         if (this.t != null) {
-            this.t.setText(this.e.ak);
+            this.t.setText(this.e.al);
         }
     };
-    ColumnGroupingView.prototype.ap = function () {
+    ColumnGroupingView.prototype.aq = function () {
         if (this.t != null) {
             if (this.e.k != null) {
                 this.t.setStyleProperty("font", this.e.k.q);
             }
             else {
-                this.t.setStyleProperty("font", "14px \"Segoe UI\", Verdana");
+                this.t.setStyleProperty("font", "14px Verdana");
             }
         }
     };
-    ColumnGroupingView.prototype.ao = function () {
+    ColumnGroupingView.prototype.ap = function () {
         if (this.p != null) {
             var a = this.i.count;
             for (var b = 0; b < a; b++) {
@@ -214,7 +222,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGroupingView.prototype.ar = function () {
+    ColumnGroupingView.prototype.as = function () {
         if (this.n != null) {
             var groupAreaElement_ = this.n.rootWrapper.getNativeElement();
             var a = (groupAreaElement_.getBoundingClientRect());
@@ -222,7 +230,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return null;
     };
-    ColumnGroupingView.prototype.ab = function () {
+    ColumnGroupingView.prototype.ac = function () {
         if (this.n != null) {
             if (this.e.targetGrid != null) {
                 if (this.r != null) {
@@ -235,7 +243,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
                     else {
                         this.t.show();
                     }
-                    this.e.ao();
+                    this.e.ap();
                     this.i.clear();
                     this.g.clear();
                     this.h.clear();
@@ -250,25 +258,25 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
                             this.p.append(d);
                             d.setAttribute("data-field", "NextMarker");
                             var e = this.n.createElement("div");
-                            e.listen("click", runOn(this, this.w));
-                            this.e.ar(e);
+                            e.listen("click", runOn(this, this.x));
+                            this.e.as(e);
                             e.setStyleProperty("height", "18px");
                             e.setStyleProperty("width", "18px");
-                            e.setStyleProperty("color", this.e.bh.color.colorString);
+                            e.setStyleProperty("color", this.e.bi.color.colorString);
                             d.append(e);
                             this.g.add(e);
                         }
                         var f = this.n.createElement("li");
-                        f.listen("mouseover", runOn(this, this.ad));
-                        f.listen("mouseout", runOn(this, this.ac));
-                        f.setStyleProperty("background-color", this.e.bf.color.colorString);
+                        f.listen("mouseover", runOn(this, this.ae));
+                        f.listen("mouseout", runOn(this, this.ad));
+                        f.setStyleProperty("background-color", this.e.bj.color.colorString);
                         f.setStyleProperty("border-radius", "3px 3px 3px 3px");
                         f.setStyleProperty("padding", "2px 5px 2px 5px");
                         f.setStyleProperty("margin", "2px");
                         f.setStyleProperty("height", "18px");
                         f.setStyleProperty("display", "flex");
                         f.setStyleProperty("align-items", "center");
-                        f.listen("click", runOn(this, this.ae));
+                        f.listen("click", runOn(this, this.af));
                         this.p.append(f);
                         this.h.add(f);
                         f.setAttribute("data-field", a._inner[c].b.toString());
@@ -277,10 +285,10 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
                             g.setStyleProperty("font", this.e.k.q);
                         }
                         else {
-                            g.setStyleProperty("font", "14px \"Segoe UI\", Verdana");
+                            g.setStyleProperty("font", "14px Verdana");
                         }
                         g.setStyleProperty("user-select", "none");
-                        g.setStyleProperty("color", this.e.bi.color.colorString);
+                        g.setStyleProperty("color", this.e.bl.color.colorString);
                         g.setAttribute("data-field", a._inner[c].b.toString());
                         g.setText(a._inner[c].c.toString());
                         f.append(g);
@@ -290,18 +298,18 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
                         if (a._inner[c].a == 1) {
                             i = false;
                         }
-                        this.e.as(h, i);
+                        this.e.at(h, i);
                         h.setStyleProperty("height", "18px");
                         h.setStyleProperty("width", "18px");
-                        h.setStyleProperty("color", this.e.bh.color.colorString);
+                        h.setStyleProperty("color", this.e.bi.color.colorString);
                         f.append(h);
                         this.g.add(h);
                         var j = this.n.createElement("div");
-                        j.listen("click", runOn(this, this.w));
-                        this.e.ap(j);
+                        j.listen("click", runOn(this, this.x));
+                        this.e.aq(j);
                         j.setStyleProperty("height", "18px");
                         j.setStyleProperty("width", "18px");
-                        j.setStyleProperty("color", this.e.bh.color.colorString);
+                        j.setStyleProperty("color", this.e.bi.color.colorString);
                         f.append(j);
                         this.g.add(j);
                     }
@@ -309,32 +317,32 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGroupingView.prototype.al = function (a, b) {
+    ColumnGroupingView.prototype.am = function (a, b) {
         if (this.n != null) {
             var c = this.n.getSubRenderer(b);
             a.provideContainer(c);
         }
     };
-    ColumnGroupingView.prototype.w = function (e_) {
+    ColumnGroupingView.prototype.x = function (e_) {
         var a = (e_.originalEvent.currentTarget);
         var b = a.parentElement.getAttribute("data-field").toString();
-        this.e.a0(b);
+        this.e.a1(b);
     };
-    ColumnGroupingView.prototype.ae = function (e_) {
+    ColumnGroupingView.prototype.af = function (e_) {
         var a = (e_.originalEvent.currentTarget);
         var b = a.getAttribute("data-field").toString();
-        this.e.an(b);
-    };
-    ColumnGroupingView.prototype.y = function (a) {
-        this.ai(a);
+        this.e.ao(b);
     };
-    ColumnGroupingView.prototype.z = function (a, b, c) {
+    ColumnGroupingView.prototype.z = function (a) {
         this.aj(a);
     };
-    ColumnGroupingView.prototype.aa = function (a) {
+    ColumnGroupingView.prototype.aa = function (a, b, c) {
         this.ak(a);
     };
-    ColumnGroupingView.prototype.ai = function (a) {
+    ColumnGroupingView.prototype.ab = function (a) {
+        this.al(a);
+    };
+    ColumnGroupingView.prototype.aj = function (a) {
         var b = this.h.count;
         for (var c = 0; c < b; c++) {
             var d = this.h._inner[c].getNativeElement();
@@ -350,7 +358,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGroupingView.prototype.aj = function (a) {
+    ColumnGroupingView.prototype.ak = function (a) {
         if (this.q != null && this.f == false) {
             this.f = true;
             this.q = this.q.clone();
@@ -361,7 +369,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (this.f == true) {
             this.m.style.cursor = "grabbing";
-            var b = this.ar();
+            var b = this.as();
             var c = b.left - (NativeUI.i(this.q) / 2);
             var d = b.top - (NativeUI.c(this.q) / 2);
             var e = this.c();
@@ -371,9 +379,9 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
             NativeUI.aa(this.q, a.y + d);
         }
     };
-    ColumnGroupingView.prototype.ak = function (a) {
+    ColumnGroupingView.prototype.al = function (a) {
         if (this.f == true) {
-            var b = this.ar();
+            var b = this.as();
             var c = b.width;
             var d = b.height;
             if (a.x > 0 && a.x < c) {
@@ -416,7 +424,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
                         }
                     }
                     var n = this.m.getAttribute("data-field").toString();
-                    this.e.a1(n, e);
+                    this.e.a2(n, e);
                 }
             }
             if (this.q != null) {
@@ -428,24 +436,24 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.q = null;
     };
-    ColumnGroupingView.prototype.ad = function (e_) {
+    ColumnGroupingView.prototype.ae = function (e_) {
         var a = (e_.originalEvent.target);
         var b = this.h.count;
         for (var c = 0; c < b; c++) {
             var d = this.h._inner[c].getNativeElement();
             if (d.contains(a)) {
-                this.h._inner[c].setStyleProperty("background-color", this.e.bg.color.colorString);
+                this.h._inner[c].setStyleProperty("background-color", this.e.bk.color.colorString);
                 break;
             }
         }
     };
-    ColumnGroupingView.prototype.ac = function (e_) {
+    ColumnGroupingView.prototype.ad = function (e_) {
         var a = (e_.originalEvent.target);
         var b = this.h.count;
         for (var c = 0; c < b; c++) {
             var d = this.h._inner[c].getNativeElement();
             if (d.contains(a)) {
-                this.h._inner[c].setStyleProperty("background-color", this.e.bf.color.colorString);
+                this.h._inner[c].setStyleProperty("background-color", this.e.bj.color.colorString);
                 break;
             }
         }
@@ -476,7 +484,7 @@ var ColumnGroupingView = /** @class */ /*@__PURE__*/ (function (_super) {
         c[1] = b;
         return c;
     };
-    ColumnGroupingView.prototype.af = function () {
+    ColumnGroupingView.prototype.ag = function () {
     };
     ColumnGroupingView.$t = markType(ColumnGroupingView, 'ColumnGroupingView');
     return ColumnGroupingView;
@@ -503,39 +511,40 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.f = 1;
         _this.h = 2;
         _this.w = "Drag a Column Here";
-        _this.be = BrushUtil.g(158, 0, 0, 0);
+        _this.bg = BrushUtil.g(158, 0, 0, 0);
         _this.j = null;
-        _this.bd = BrushUtil.g(158, 0, 0, 0);
+        _this.bf = BrushUtil.g(158, 0, 0, 0);
         _this.bc = BrushUtil.g(158, 0, 0, 0);
-        _this.ba = BrushUtil.g(30, 0, 0, 0);
-        _this.bb = BrushUtil.g(66, 0, 0, 0);
+        _this.bd = BrushUtil.g(30, 0, 0, 0);
+        _this.be = BrushUtil.g(66, 0, 0, 0);
+        _this.bb = BrushUtil.g(255, 248, 248, 248);
         _this.v = 0;
         _this.n = false;
         _this.q = new ObservableCollection$1(XIcon.$, 0);
         var a = new ColumnGroupingView();
         a.e = _this;
         _this.d = a;
-        _this.d.ah();
+        _this.d.ai();
         return _this;
     }
     ColumnGrouping.prototype.notifySizeChanged = function () {
-        this.d.af();
+        this.d.ag();
     };
     ColumnGrouping.prototype.destroy = function () {
         this.provideContainer(null);
         if (this.targetGrid != null) {
             var a = this.targetGrid;
-            a.groupDescriptionsChanged = delegateRemove(a.groupDescriptionsChanged, runOn(this, this.a6));
+            a.groupDescriptionsChanged = delegateRemove(a.groupDescriptionsChanged, runOn(this, this.a7));
             var b = this.targetGrid;
-            b.actualColumnsChanged = delegateRemove(b.actualColumnsChanged, runOn(this, this.a5));
+            b.actualColumnsChanged = delegateRemove(b.actualColumnsChanged, runOn(this, this.a6));
             var c = this.targetGrid.dragger;
-            c.onDrag = delegateRemove(c.onDrag, runOn(this, this.au));
+            c.onDrag = delegateRemove(c.onDrag, runOn(this, this.av));
             var d = this.targetGrid.dragger;
-            d.onDragEnd = delegateRemove(d.onDragEnd, runOn(this, this.av));
+            d.onDragEnd = delegateRemove(d.onDragEnd, runOn(this, this.aw));
         }
     };
     ColumnGrouping.prototype.provideContainer = function (a) {
-        this.d.ag(a);
+        this.d.ah(a);
     };
     Object.defineProperty(ColumnGrouping.prototype, "m", {
         get: function () {
@@ -556,7 +565,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.ax("TargetGrid", b, this.b);
+                this.ay("TargetGrid", b, this.b);
             }
         },
         enumerable: true,
@@ -570,7 +579,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.f;
             this.f = a;
             if (b != this.f) {
-                this.ax("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.f));
+                this.ay("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.f));
             }
         },
         enumerable: true,
@@ -584,13 +593,13 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h;
             this.h = a;
             if (b != this.h) {
-                this.ax("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.h));
+                this.ay("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.h));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ColumnGrouping.prototype, "ak", {
+    Object.defineProperty(ColumnGrouping.prototype, "al", {
         get: function () {
             return this.w;
         },
@@ -598,21 +607,21 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.ax("Title", b, this.w);
+                this.ay("Title", b, this.w);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ColumnGrouping.prototype, "bj", {
+    Object.defineProperty(ColumnGrouping.prototype, "bm", {
         get: function () {
-            return this.be;
+            return this.bg;
         },
         set: function (a) {
-            var b = this.be;
-            this.be = a;
-            if (b != this.be) {
-                this.ax("TitleColor", b, this.be);
+            var b = this.bg;
+            this.bg = a;
+            if (b != this.bg) {
+                this.ay("TitleColor", b, this.bg);
             }
         },
         enumerable: true,
@@ -626,27 +635,27 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.ax("TextStyle", b, this.j);
+                this.ay("TextStyle", b, this.j);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ColumnGrouping.prototype, "bi", {
+    Object.defineProperty(ColumnGrouping.prototype, "bl", {
         get: function () {
-            return this.bd;
+            return this.bf;
         },
         set: function (a) {
-            var b = this.bd;
-            this.bd = a;
-            if (b != this.bd) {
-                this.ax("TextColor", b, this.bd);
+            var b = this.bf;
+            this.bf = a;
+            if (b != this.bf) {
+                this.ay("TextColor", b, this.bf);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ColumnGrouping.prototype, "bh", {
+    Object.defineProperty(ColumnGrouping.prototype, "bi", {
         get: function () {
             return this.bc;
         },
@@ -654,27 +663,41 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bc;
             this.bc = a;
             if (b != this.bc) {
-                this.ax("IconColor", b, this.bc);
+                this.ay("IconColor", b, this.bc);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnGrouping.prototype, "bj", {
+        get: function () {
+            return this.bd;
+        },
+        set: function (a) {
+            var b = this.bd;
+            this.bd = a;
+            if (b != this.bd) {
+                this.ay("ItemBackgroundColor", b, this.bd);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ColumnGrouping.prototype, "bf", {
+    Object.defineProperty(ColumnGrouping.prototype, "bk", {
         get: function () {
-            return this.ba;
+            return this.be;
         },
         set: function (a) {
-            var b = this.ba;
-            this.ba = a;
-            if (b != this.ba) {
-                this.ax("BackgroundColor", b, this.ba);
+            var b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.ay("ItemHoverBackgroundColor", b, this.be);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(ColumnGrouping.prototype, "bg", {
+    Object.defineProperty(ColumnGrouping.prototype, "bh", {
         get: function () {
             return this.bb;
         },
@@ -682,101 +705,104 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.ax("HoverBackgroundColor", b, this.bb);
+                this.ay("BackgroundColor", b, this.bb);
             }
         },
         enumerable: true,
         configurable: true
     });
-    ColumnGrouping.prototype.ax = function (a, b, c) {
+    ColumnGrouping.prototype.ay = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.ay(a, b, c);
+        this.az(a, b, c);
     };
-    ColumnGrouping.prototype.ay = function (a, b, c) {
+    ColumnGrouping.prototype.az = function (a, b, c) {
         switch (a) {
             case "TargetGrid":
-                this.a4();
+                this.a5();
                 break;
             case "BaseTheme":
-                this.a3();
+                this.a4();
                 break;
             case "Density":
-                this.a2();
+                this.a3();
                 break;
             case "Title":
-                this.a8();
+                this.a9();
                 break;
             case "TitleColor":
-                this.a9();
+                this.ba();
                 break;
             case "TextStyle":
-                this.d.ao();
                 this.d.ap();
+                this.d.aq();
                 break;
             case "TextColor":
             case "IconColor":
+            case "ItemBackgroundColor":
+                this.a8();
+                break;
+            case "ItemHoverBackgroundColor": break;
             case "BackgroundColor":
-                this.a7();
+                NativeUI.k(this.d.u, this.bh);
                 break;
-            case "HoverBackgroundColor": break;
         }
     };
-    ColumnGrouping.prototype.a3 = function () {
+    ColumnGrouping.prototype.a4 = function () {
     };
-    ColumnGrouping.prototype.a9 = function () {
-        var a = this.d.v;
-        if (this.bj != null) {
-            NativeUI.o(a, this.bj);
+    ColumnGrouping.prototype.ba = function () {
+        var a = this.d.w;
+        if (this.bm != null) {
+            NativeUI.o(a, this.bm);
         }
     };
-    ColumnGrouping.prototype.a8 = function () {
-        if (stringIsNullOrWhiteSpace(this.ak)) {
-            this.ak = !stringIsNullOrWhiteSpace(this.m.b1("Title")) ? this.m.b1("Title") : "Drag a Column Here";
+    ColumnGrouping.prototype.a9 = function () {
+        if (stringIsNullOrWhiteSpace(this.al)) {
+            this.al = !stringIsNullOrWhiteSpace(this.m.b1("Title")) ? this.m.b1("Title") : "Drag a Column Here";
         }
-        this.d.aq();
+        this.d.ar();
     };
-    ColumnGrouping.prototype.a7 = function () {
+    ColumnGrouping.prototype.a8 = function () {
         var a = this.d.l;
         var b = this.d.j;
         var c = this.d.k;
         for (var d = 0; d < a.count; d++) {
-            NativeUI.o(a._inner[d], this.bi);
+            NativeUI.o(a._inner[d], this.bl);
         }
         for (var e = 0; e < b.count; e++) {
-            NativeUI.o(b._inner[e], this.bh);
+            NativeUI.o(b._inner[e], this.bi);
         }
         for (var f = 0; f < c.count; f++) {
-            NativeUI.k(c._inner[f], this.bf);
+            NativeUI.k(c._inner[f], this.bj);
         }
     };
-    ColumnGrouping.prototype.a2 = function () {
+    ColumnGrouping.prototype.a3 = function () {
         if (this.i == 0) {
             if (this.targetGrid != null) {
-                this.i = this.targetGrid.gb;
+                this.i = this.targetGrid.gd;
             }
         }
-        this.d.an();
+        this.d.ao();
     };
-    ColumnGrouping.prototype.a4 = function () {
+    ColumnGrouping.prototype.a5 = function () {
         if (this.targetGrid != null) {
-            this.a8();
+            this.a9();
             if (this.targetGrid.isGroupByAreaVisible) {
                 this.o = true;
             }
-            this.d.am();
+            this.d.an();
             var a = this.targetGrid;
-            a.groupDescriptionsChanged = delegateCombine(a.groupDescriptionsChanged, runOn(this, this.a6));
+            a.groupDescriptionsChanged = delegateCombine(a.groupDescriptionsChanged, runOn(this, this.a7));
             var b = this.targetGrid;
-            b.actualColumnsChanged = delegateCombine(b.actualColumnsChanged, runOn(this, this.a5));
+            b.actualColumnsChanged = delegateCombine(b.actualColumnsChanged, runOn(this, this.a6));
             if (this.targetGrid.dragger != null) {
                 var c = this.targetGrid.dragger;
-                c.onDrag = delegateCombine(c.onDrag, runOn(this, this.au));
+                c.onDrag = delegateCombine(c.onDrag, runOn(this, this.av));
                 var d = this.targetGrid.dragger;
-                d.onDragEnd = delegateCombine(d.onDragEnd, runOn(this, this.av));
+                d.onDragEnd = delegateCombine(d.onDragEnd, runOn(this, this.aw));
             }
-            this.d.ab();
+            this.d.ac();
         }
     };
     ColumnGrouping.prototype.p = function () {
@@ -786,10 +812,10 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             var c_1 = this.targetGrid.bb.i;
             var _loop_1 = function (d) {
                 var e = new GroupInfo();
-                var f = b.i(function (g) { return g.i2 == c_1.item(d).f; });
+                var f = b.i(function (g) { return g.i7 == c_1.item(d).f; });
                 if (f != -1) {
-                    if (!stringIsNullOrEmpty(b._inner[f].i9)) {
-                        e.c = b._inner[f].i9;
+                    if (!stringIsNullOrEmpty(b._inner[f].je)) {
+                        e.c = b._inner[f].je;
                     }
                     else {
                         e.c = c_1.item(d).f;
@@ -811,9 +837,9 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return a;
     };
-    ColumnGrouping.prototype.av = function (a, b) {
+    ColumnGrouping.prototype.aw = function (a, b) {
         if (this.targetGrid.dragger.dragType == 2) {
-            var c = this.d.ar();
+            var c = this.d.as();
             var d = c.height * -1;
             var e = 0;
             var f = 0;
@@ -823,7 +849,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
                     var h = a;
                     var i = this.targetGrid.actualColumns._inner[h.cellPath.a5];
                     var j = new ColumnGroupDescription(0);
-                    j.f = i.i2;
+                    j.f = i.i7;
                     j.c = 1;
                     var k = this.targetGrid.bb.i.contains(j);
                     j.c = 0;
@@ -851,7 +877,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGrouping.prototype.au = function (a, b) {
+    ColumnGrouping.prototype.av = function (a, b) {
         if (this.targetGrid.dragger == null) {
             return;
         }
@@ -861,21 +887,21 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         this.u = b.currentY;
         if (this.u < 0) {
             if (this.n == false) {
-                this.v = this.targetGrid.lb;
-                this.targetGrid.lb = 0;
+                this.v = this.targetGrid.lq;
+                this.targetGrid.lq = 0;
                 this.n = true;
             }
         }
         else {
             if (this.n == true) {
-                this.targetGrid.lb = this.v;
+                this.targetGrid.lq = this.v;
                 this.n = false;
             }
         }
     };
-    ColumnGrouping.prototype.as = function (a, b) {
+    ColumnGrouping.prototype.at = function (a, b) {
         var c = new XIcon();
-        this.d.al(c, a);
+        this.d.am(c, a);
         if (b) {
             c.svgPath = ColumnGrouping.x;
         }
@@ -885,35 +911,35 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         c.fill = BrushUtil.g(255, 119, 119, 119);
         this.q.add(c);
     };
-    ColumnGrouping.prototype.ap = function (a) {
+    ColumnGrouping.prototype.aq = function (a) {
         var b = new XIcon();
-        this.d.al(b, a);
+        this.d.am(b, a);
         b.svgPath = ColumnGrouping.aa;
         b.fill = BrushUtil.g(255, 119, 119, 119);
         this.q.add(b);
     };
-    ColumnGrouping.prototype.ar = function (a) {
+    ColumnGrouping.prototype.as = function (a) {
         var b = new XIcon();
-        this.d.al(b, a);
-        b.svgPath = ColumnGrouping.ag;
+        this.d.am(b, a);
+        b.svgPath = ColumnGrouping.ah;
         b.fill = BrushUtil.g(255, 119, 119, 119);
         this.q.add(b);
     };
-    ColumnGrouping.prototype.aq = function (a) {
+    ColumnGrouping.prototype.ar = function (a) {
         var b = new XIcon();
-        this.d.al(b, a);
+        this.d.am(b, a);
         b.svgPath = ColumnGrouping.ad;
         b.fill = BrushUtil.g(255, 119, 119, 119);
         this.e = b;
         this.q.add(this.e);
     };
-    ColumnGrouping.prototype.ao = function () {
+    ColumnGrouping.prototype.ap = function () {
         this.q.clear();
         if (this.e != null) {
             this.q.add(this.e);
         }
     };
-    ColumnGrouping.prototype.an = function (a) {
+    ColumnGrouping.prototype.ao = function (a) {
         var b = this.targetGrid.bb.i.count;
         for (var c = 0; c < b; c++) {
             var d = this.targetGrid.bb.i.item(c);
@@ -930,7 +956,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGrouping.prototype.a0 = function (a) {
+    ColumnGrouping.prototype.a1 = function (a) {
         var b = this.targetGrid.bb.i.count;
         for (var c = 0; c < b; c++) {
             var d = this.targetGrid.bb.i.item(c);
@@ -940,7 +966,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    ColumnGrouping.prototype.a1 = function (a, b) {
+    ColumnGrouping.prototype.a2 = function (a, b) {
         var c = this.targetGrid.bb.i.count;
         var d = null;
         for (var e = 0; e < c; e++) {
@@ -952,11 +978,11 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.targetGrid.bb.i.insert(b, d);
     };
-    ColumnGrouping.prototype.a6 = function (a, b) {
-        this.d.ab();
+    ColumnGrouping.prototype.a7 = function (a, b) {
+        this.d.ac();
     };
-    ColumnGrouping.prototype.a5 = function (a, b) {
-        this.d.ab();
+    ColumnGrouping.prototype.a6 = function (a, b) {
+        this.d.ac();
     };
     ColumnGrouping.prototype.exportVisualModel = function () {
         return this.a();
@@ -967,7 +993,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     ColumnGrouping.prototype.a = function () {
         var a = new ColumnGroupingVisualModelExport();
-        var b = this.d.u;
+        var b = this.d.v;
         a.d = new List$1(IconVisualModelExport.$, 0);
         a.c = new List$1(TextVisualModelExport.$, 0);
         a.b = this.i;
@@ -1035,7 +1061,7 @@ var ColumnGrouping = /** @class */ /*@__PURE__*/ (function (_super) {
     ColumnGrouping.x = "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z";
     ColumnGrouping.ac = "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z";
     ColumnGrouping.aa = "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z";
-    ColumnGrouping.ag = "M15,5l-1.41,1.41L18.17,11H2V13h16.17l-4.59,4.59L15,19l7-7L15,5z";
+    ColumnGrouping.ah = "M15,5l-1.41,1.41L18.17,11H2V13h16.17l-4.59,4.59L15,19l7-7L15,5z";
     ColumnGrouping.ad = "M9,19v-2h11v2H9z M9,15v-2h11v2H9z M9,11V9h11v2H9z M7,7V5h13v2H7z M4,5h2v2H4V5z";
     return ColumnGrouping;
 }(Base));