igniteui-webcomponents-grids 1.4.2 → 3.2.2

package/esm2015/lib/ColumnGroupingView_combined.js

@@ -46,15 +46,18 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
             this.q = null;
             this.m = null;
         }
-        ah() {
+        ai() {
         }
         get o() {
             return this.n;
         }
         get u() {
-            return this.r;
+            return this.n.rootWrapper;
         }
         get v() {
+            return this.r;
+        }
+        get w() {
             return this.t;
         }
         get l() {
@@ -66,20 +69,20 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
         get k() {
             return this.h;
         }
-        ag(a) {
+        ah(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;
             let b = this.d;
-            b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.y));
+            b.onMouseDown = delegateCombine(b.onMouseDown, runOn(this, this.z));
             let c = this.d;
-            c.onMouseOver = delegateCombine(c.onMouseOver, runOn(this, this.z));
+            c.onMouseOver = delegateCombine(c.onMouseOver, runOn(this, this.aa));
             let 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");
@@ -95,9 +98,10 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
             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();
         }
-        am() {
+        an() {
             if (this.n != null) {
                 if (this.e.o == true) {
                     this.n.rootWrapper.setStyleProperty("border-width", "0px 0px 1px 0px");
@@ -107,7 +111,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        an() {
+        ao() {
             if (this.n != null) {
                 switch (this.e.i) {
                     case 1:
@@ -129,25 +133,25 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        x() {
+        y() {
             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);
                 let a = this.n.createElement("div");
                 a.setStyleProperty("display", "flex");
@@ -161,25 +165,25 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 this.p.setStyleProperty("padding-left", "10px");
                 this.p.setStyleProperty("display", "flex");
                 a.append(this.p);
-                this.ab();
+                this.ac();
             }
         }
-        aq() {
+        ar() {
             if (this.t != null) {
-                this.t.setText(this.e.ak);
+                this.t.setText(this.e.al);
             }
         }
-        ap() {
+        aq() {
             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");
                 }
             }
         }
-        ao() {
+        ap() {
             if (this.p != null) {
                 let a = this.i.count;
                 for (let b = 0; b < a; b++) {
@@ -188,7 +192,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ar() {
+        as() {
             if (this.n != null) {
                 let groupAreaElement_ = this.n.rootWrapper.getNativeElement();
                 let a = (groupAreaElement_.getBoundingClientRect());
@@ -196,7 +200,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        ab() {
+        ac() {
             if (this.n != null) {
                 if (this.e.targetGrid != null) {
                     if (this.r != null) {
@@ -209,7 +213,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                         else {
                             this.t.show();
                         }
-                        this.e.ao();
+                        this.e.ap();
                         this.i.clear();
                         this.g.clear();
                         this.h.clear();
@@ -224,25 +228,25 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                                 this.p.append(d);
                                 d.setAttribute("data-field", "NextMarker");
                                 let 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);
                             }
                             let 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());
@@ -251,10 +255,10 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                                 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);
@@ -264,18 +268,18 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                             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);
                             let 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);
                         }
@@ -283,32 +287,32 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        al(a, b) {
+        am(a, b) {
             if (this.n != null) {
                 let c = this.n.getSubRenderer(b);
                 a.provideContainer(c);
             }
         }
-        w(e_) {
+        x(e_) {
             let a = (e_.originalEvent.currentTarget);
             let b = a.parentElement.getAttribute("data-field").toString();
-            this.e.a0(b);
+            this.e.a1(b);
         }
-        ae(e_) {
+        af(e_) {
             let a = (e_.originalEvent.currentTarget);
             let b = a.getAttribute("data-field").toString();
-            this.e.an(b);
+            this.e.ao(b);
         }
-        y(a) {
-            this.ai(a);
-        }
-        z(a, b, c) {
+        z(a) {
             this.aj(a);
         }
-        aa(a) {
+        aa(a, b, c) {
             this.ak(a);
         }
-        ai(a) {
+        ab(a) {
+            this.al(a);
+        }
+        aj(a) {
             let b = this.h.count;
             for (let c = 0; c < b; c++) {
                 let d = this.h._inner[c].getNativeElement();
@@ -324,7 +328,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        aj(a) {
+        ak(a) {
             if (this.q != null && this.f == false) {
                 this.f = true;
                 this.q = this.q.clone();
@@ -335,7 +339,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
             }
             if (this.f == true) {
                 this.m.style.cursor = "grabbing";
-                let b = this.ar();
+                let b = this.as();
                 let c = b.left - (NativeUI.i(this.q) / 2);
                 let d = b.top - (NativeUI.c(this.q) / 2);
                 let e = this.c();
@@ -345,9 +349,9 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                 NativeUI.aa(this.q, a.y + d);
             }
         }
-        ak(a) {
+        al(a) {
             if (this.f == true) {
-                let b = this.ar();
+                let b = this.as();
                 let c = b.width;
                 let d = b.height;
                 if (a.x > 0 && a.x < c) {
@@ -390,7 +394,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
                             }
                         }
                         let n = this.m.getAttribute("data-field").toString();
-                        this.e.a1(n, e);
+                        this.e.a2(n, e);
                     }
                 }
                 if (this.q != null) {
@@ -402,24 +406,24 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
             }
             this.q = null;
         }
-        ad(e_) {
+        ae(e_) {
             let a = (e_.originalEvent.target);
             let b = this.h.count;
             for (let c = 0; c < b; c++) {
                 let 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;
                 }
             }
         }
-        ac(e_) {
+        ad(e_) {
             let a = (e_.originalEvent.target);
             let b = this.h.count;
             for (let c = 0; c < b; c++) {
                 let 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;
                 }
             }
@@ -450,7 +454,7 @@ export let ColumnGroupingView = /*@__PURE__*/ (() => {
             c[1] = b;
             return c;
         }
-        af() {
+        ag() {
         }
     }
     ColumnGroupingView.$t = /*@__PURE__*/ markType(ColumnGroupingView, 'ColumnGroupingView');
@@ -477,38 +481,39 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             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);
             let a = new ColumnGroupingView();
             a.e = this;
             this.d = a;
-            this.d.ah();
+            this.d.ai();
         }
         notifySizeChanged() {
-            this.d.af();
+            this.d.ag();
         }
         destroy() {
             this.provideContainer(null);
             if (this.targetGrid != null) {
                 let a = this.targetGrid;
-                a.groupDescriptionsChanged = delegateRemove(a.groupDescriptionsChanged, runOn(this, this.a6));
+                a.groupDescriptionsChanged = delegateRemove(a.groupDescriptionsChanged, runOn(this, this.a7));
                 let b = this.targetGrid;
-                b.actualColumnsChanged = delegateRemove(b.actualColumnsChanged, runOn(this, this.a5));
+                b.actualColumnsChanged = delegateRemove(b.actualColumnsChanged, runOn(this, this.a6));
                 let c = this.targetGrid.dragger;
-                c.onDrag = delegateRemove(c.onDrag, runOn(this, this.au));
+                c.onDrag = delegateRemove(c.onDrag, runOn(this, this.av));
                 let d = this.targetGrid.dragger;
-                d.onDragEnd = delegateRemove(d.onDragEnd, runOn(this, this.av));
+                d.onDragEnd = delegateRemove(d.onDragEnd, runOn(this, this.aw));
             }
         }
         provideContainer(a) {
-            this.d.ag(a);
+            this.d.ah(a);
         }
         get m() {
             if (this.l == null) {
@@ -524,7 +529,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             let b = this.b;
             this.b = a;
             if (b != this.b) {
-                this.ax("TargetGrid", b, this.b);
+                this.ay("TargetGrid", b, this.b);
             }
         }
         get g() {
@@ -534,7 +539,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get i() {
@@ -544,27 +549,27 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get ak() {
+        get al() {
             return this.w;
         }
-        set ak(a) {
+        set al(a) {
             let b = this.w;
             this.w = a;
             if (b != this.w) {
-                this.ax("Title", b, this.w);
+                this.ay("Title", b, this.w);
             }
         }
-        get bj() {
-            return this.be;
+        get bm() {
+            return this.bg;
         }
-        set bj(a) {
-            let b = this.be;
-            this.be = a;
-            if (b != this.be) {
-                this.ax("TitleColor", b, this.be);
+        set bm(a) {
+            let b = this.bg;
+            this.bg = a;
+            if (b != this.bg) {
+                this.ay("TitleColor", b, this.bg);
             }
         }
         get k() {
@@ -574,138 +579,151 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             let b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.ax("TextStyle", b, this.j);
+                this.ay("TextStyle", b, this.j);
             }
         }
-        get bi() {
-            return this.bd;
+        get bl() {
+            return this.bf;
         }
-        set bi(a) {
-            let b = this.bd;
-            this.bd = a;
-            if (b != this.bd) {
-                this.ax("TextColor", b, this.bd);
+        set bl(a) {
+            let b = this.bf;
+            this.bf = a;
+            if (b != this.bf) {
+                this.ay("TextColor", b, this.bf);
             }
         }
-        get bh() {
+        get bi() {
             return this.bc;
         }
-        set bh(a) {
+        set bi(a) {
             let b = this.bc;
             this.bc = a;
             if (b != this.bc) {
-                this.ax("IconColor", b, this.bc);
+                this.ay("IconColor", b, this.bc);
             }
         }
-        get bf() {
-            return this.ba;
+        get bj() {
+            return this.bd;
         }
-        set bf(a) {
-            let b = this.ba;
-            this.ba = a;
-            if (b != this.ba) {
-                this.ax("BackgroundColor", b, this.ba);
+        set bj(a) {
+            let b = this.bd;
+            this.bd = a;
+            if (b != this.bd) {
+                this.ay("ItemBackgroundColor", b, this.bd);
             }
         }
-        get bg() {
+        get bk() {
+            return this.be;
+        }
+        set bk(a) {
+            let b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.ay("ItemHoverBackgroundColor", b, this.be);
+            }
+        }
+        get bh() {
             return this.bb;
         }
-        set bg(a) {
+        set bh(a) {
             let b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.ax("HoverBackgroundColor", b, this.bb);
+                this.ay("BackgroundColor", b, this.bb);
             }
         }
-        ax(a, b, c) {
+        ay(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.ay(a, b, c);
+            this.az(a, b, c);
         }
-        ay(a, b, c) {
+        az(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;
             }
         }
-        a3() {
+        a4() {
         }
-        a9() {
-            let a = this.d.v;
-            if (this.bj != null) {
-                NativeUI.o(a, this.bj);
+        ba() {
+            let a = this.d.w;
+            if (this.bm != null) {
+                NativeUI.o(a, this.bm);
             }
         }
-        a8() {
-            if (stringIsNullOrWhiteSpace(this.ak)) {
-                this.ak = !stringIsNullOrWhiteSpace(this.m.b1("Title")) ? this.m.b1("Title") : "Drag a Column Here";
+        a9() {
+            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();
         }
-        a7() {
+        a8() {
             let a = this.d.l;
             let b = this.d.j;
             let c = this.d.k;
             for (let d = 0; d < a.count; d++) {
-                NativeUI.o(a._inner[d], this.bi);
+                NativeUI.o(a._inner[d], this.bl);
             }
             for (let e = 0; e < b.count; e++) {
-                NativeUI.o(b._inner[e], this.bh);
+                NativeUI.o(b._inner[e], this.bi);
             }
             for (let f = 0; f < c.count; f++) {
-                NativeUI.k(c._inner[f], this.bf);
+                NativeUI.k(c._inner[f], this.bj);
             }
         }
-        a2() {
+        a3() {
             if (this.i == 0) {
                 if (this.targetGrid != null) {
-                    this.i = this.targetGrid.gb;
+                    this.i = this.targetGrid.gd;
                 }
             }
-            this.d.an();
+            this.d.ao();
         }
-        a4() {
+        a5() {
             if (this.targetGrid != null) {
-                this.a8();
+                this.a9();
                 if (this.targetGrid.isGroupByAreaVisible) {
                     this.o = true;
                 }
-                this.d.am();
+                this.d.an();
                 let a = this.targetGrid;
-                a.groupDescriptionsChanged = delegateCombine(a.groupDescriptionsChanged, runOn(this, this.a6));
+                a.groupDescriptionsChanged = delegateCombine(a.groupDescriptionsChanged, runOn(this, this.a7));
                 let 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) {
                     let c = this.targetGrid.dragger;
-                    c.onDrag = delegateCombine(c.onDrag, runOn(this, this.au));
+                    c.onDrag = delegateCombine(c.onDrag, runOn(this, this.av));
                     let 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();
             }
         }
         p() {
@@ -715,10 +733,10 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                 let c = this.targetGrid.bb.i;
                 for (let d = 0; d < c.count; d++) {
                     let e = new GroupInfo();
-                    let f = b.i((g) => g.i2 == c.item(d).f);
+                    let f = b.i((g) => g.i7 == c.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.item(d).f;
@@ -737,9 +755,9 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        av(a, b) {
+        aw(a, b) {
             if (this.targetGrid.dragger.dragType == 2) {
-                let c = this.d.ar();
+                let c = this.d.as();
                 let d = c.height * -1;
                 let e = 0;
                 let f = 0;
@@ -749,7 +767,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                         let h = a;
                         let i = this.targetGrid.actualColumns._inner[h.cellPath.a5];
                         let j = new ColumnGroupDescription(0);
-                        j.f = i.i2;
+                        j.f = i.i7;
                         j.c = 1;
                         let k = this.targetGrid.bb.i.contains(j);
                         j.c = 0;
@@ -777,7 +795,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                 }
             }
         }
-        au(a, b) {
+        av(a, b) {
             if (this.targetGrid.dragger == null) {
                 return;
             }
@@ -787,21 +805,21 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             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;
                 }
             }
         }
-        as(a, b) {
+        at(a, b) {
             let c = new XIcon();
-            this.d.al(c, a);
+            this.d.am(c, a);
             if (b) {
                 c.svgPath = ColumnGrouping.x;
             }
@@ -811,35 +829,35 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             c.fill = BrushUtil.g(255, 119, 119, 119);
             this.q.add(c);
         }
-        ap(a) {
+        aq(a) {
             let 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);
         }
-        ar(a) {
+        as(a) {
             let 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);
         }
-        aq(a) {
+        ar(a) {
             let 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);
         }
-        ao() {
+        ap() {
             this.q.clear();
             if (this.e != null) {
                 this.q.add(this.e);
             }
         }
-        an(a) {
+        ao(a) {
             let b = this.targetGrid.bb.i.count;
             for (let c = 0; c < b; c++) {
                 let d = this.targetGrid.bb.i.item(c);
@@ -856,7 +874,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                 }
             }
         }
-        a0(a) {
+        a1(a) {
             let b = this.targetGrid.bb.i.count;
             for (let c = 0; c < b; c++) {
                 let d = this.targetGrid.bb.i.item(c);
@@ -866,7 +884,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
                 }
             }
         }
-        a1(a, b) {
+        a2(a, b) {
             let c = this.targetGrid.bb.i.count;
             let d = null;
             for (let e = 0; e < c; e++) {
@@ -878,11 +896,11 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
             }
             this.targetGrid.bb.i.insert(b, d);
         }
-        a6(a, b) {
-            this.d.ab();
+        a7(a, b) {
+            this.d.ac();
         }
-        a5(a, b) {
-            this.d.ab();
+        a6(a, b) {
+            this.d.ac();
         }
         exportVisualModel() {
             return this.a();
@@ -893,7 +911,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
         }
         a() {
             let a = new ColumnGroupingVisualModelExport();
-            let b = this.d.u;
+            let b = this.d.v;
             a.d = new List$1(IconVisualModelExport.$, 0);
             a.c = new List$1(TextVisualModelExport.$, 0);
             a.b = this.i;
@@ -962,7 +980,7 @@ export let ColumnGrouping = /*@__PURE__*/ (() => {
     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;
 })();