igniteui-webcomponents-layouts 5.3.0 → 5.4.0

package/esm2015/lib/ListPanelView_combined.js

@@ -105,7 +105,7 @@ export let ListPanelView = /*@__PURE__*/ (() => {
             this.ae();
             NativeUIComponent.au(this.s(), 9, (c) => {
                 let d = c;
-                this.a.f0(d);
+                this.a.f3(d);
                 this.k = d.an;
             });
             let c = Math.round(a.rootWrapper.width());
@@ -116,11 +116,11 @@ export let ListPanelView = /*@__PURE__*/ (() => {
         }
         t(a) {
             let b = { $type: Point_$type, x: a.pageX - this.j.rootWrapper.getOffset().left, y: a.pageY - this.j.rootWrapper.getOffset().top };
-            this.a.gj(b, a.button == 0, a.shiftKey, a.ctrlKey);
+            this.a.gm(b, a.button == 0, a.shiftKey, a.ctrlKey);
         }
         u(a) {
             let b = { $type: Point_$type, x: a.pageX - this.j.rootWrapper.getOffset().left, y: a.pageY - this.j.rootWrapper.getOffset().top };
-            this.a.gk(b, a.button == 0, a.shiftKey, a.ctrlKey);
+            this.a.gn(b, a.button == 0, a.shiftKey, a.ctrlKey);
         }
         get contentGrid() {
             return this.k;
@@ -161,8 +161,8 @@ export let ListPanelView = /*@__PURE__*/ (() => {
             }
             let b = a.rootWrapper;
             if (null != b) {
-                NativeUI.q(b, this.a.h3);
-                NativeUI.m(b, this.a.hx);
+                NativeUI.q(b, this.a.h6);
+                NativeUI.m(b, this.a.h0);
             }
         }
         d() {
@@ -215,7 +215,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return this.a7;
         }
-        f0(a) {
+        f3(a) {
             this.aa = new ListPanelLayoutPanel(a);
         }
         constructor() {
@@ -226,21 +226,21 @@ export let ListPanel = /*@__PURE__*/ (() => {
             this.a7 = null;
             this.aa = null;
             this.propertyChanged = null;
-            this.ed = null;
+            this.ef = null;
             this.viewportChanged = null;
             this.ay = null;
-            this.dh = -1;
-            this.di = -1;
+            this.dj = -1;
+            this.dk = -1;
             this.ar = 0;
             this.bh = true;
-            this.hu = null;
+            this.hx = null;
             this.ba = true;
-            this.hs = null;
-            this.hq = null;
-            this.da = truncate(DeviceUtils.g(1));
+            this.hv = null;
+            this.ht = null;
             this.dc = truncate(DeviceUtils.g(1));
+            this.de = truncate(DeviceUtils.g(1));
+            this.dd = truncate(DeviceUtils.g(1));
             this.db = truncate(DeviceUtils.g(1));
-            this.c9 = truncate(DeviceUtils.g(1));
             this.q = 0;
             this.am = 1;
             this.b = null;
@@ -257,19 +257,20 @@ export let ListPanel = /*@__PURE__*/ (() => {
             this.ak = new ListPanelSelectedKeysCollection();
             this.i = null;
             this.c = new Array(0);
+            this.c2 = 10;
             this.bu = false;
-            this.dk = -1;
+            this.dm = -1;
             this.c0 = DeviceUtils.g(42);
             this.a3 = null;
             this.bd = true;
-            this.ee = null;
+            this.eg = null;
             this.c1 = 0;
             this.cz = NaN;
             this.cy = 0;
             this.bn = false;
             this.bg = false;
             this.bm = false;
-            this.dj = -1;
+            this.dl = -1;
             this.contentRefreshed = null;
             this.rowUpdating = null;
             this.a2 = new FastIterationDictionary$2(Number_$type, ListPanelItemModel.$, 0);
@@ -281,25 +282,25 @@ export let ListPanel = /*@__PURE__*/ (() => {
             this.cq = new List$1(Number_$type, 0);
             this.cv = new List$1(Number_$type, 0);
             this.cu = new List$1(Number_$type, 0);
-            this.dn = -1;
+            this.dq = -1;
             this.cw = null;
             this.az = 1;
-            this.ht = null;
+            this.hw = null;
             this.br = true;
             this.bk = true;
-            this.de = -1;
-            this.df = -1;
+            this.dg = -1;
+            this.dh = -1;
             this.l = null;
             this.by = false;
             this.k = null;
-            this.hr = ListPanel.hy;
+            this.hu = ListPanel.h1;
             this.ab = ListPanel.ac;
             this.bi = ListPanel.bt;
-            this.hv = ListPanel.hz;
-            this.dl = -1;
-            this.dm = -1;
+            this.hy = ListPanel.h2;
+            this.dn = -1;
+            this.dp = -1;
             this.bj = true;
-            this.dd = 0;
+            this.df = 0;
             this._viewportManager = null;
             this.cs = new List$1(Number_$type, 0);
             this.ct = new List$1(Number_$type, 0);
@@ -314,7 +315,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             this.bp = false;
             this.bo = false;
             this.cl = false;
-            this.dg = -1;
+            this.di = -1;
             this.bq = false;
             this.a9 = null;
             this.x = null;
@@ -327,8 +328,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
             a.a = this;
             this.view = a;
             this.view.ab();
-            this.ah.ag(runOn(this, this.hg));
-            this.ak.an(runOn(this, this.hh));
+            this.ah.ag(runOn(this, this.hj));
+            this.ak.an(runOn(this, this.hk));
         }
         onSizeChanged(a, b) {
             let c = this.cz;
@@ -339,17 +340,17 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     this.view.x(this.cz, this.cy);
                 }
             }
-            this.g6();
+            this.g9();
         }
         setViewport(a, b, c, d) {
-            this.dh = -1;
-            this.di = -1;
+            this.dj = -1;
+            this.dk = -1;
             let e = c - a;
             let f = new Rect(0, a, b, c - a, d - b);
             if (f.x != this.ay.d.x || f.y != this.ay.d.y || f.width != this.ay.d.width || f.height != this.ay.d.height) {
                 let g = this.ay.d;
                 this.ay.d = f;
-                this.g7();
+                this.ha();
                 if (this.viewportChanged != null) {
                     this.viewportChanged(this, ((() => {
                         let $ret = new ListPanelViewportChangedEventArgs();
@@ -409,7 +410,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return new ListPanelPrimaryKeyValue(a, g);
         }
-        d8(a) {
+        ea(a) {
             if (this.actualDataSource == null) {
                 return -1;
             }
@@ -418,8 +419,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return -1;
         }
-        eg(a) {
-            let b = this.d8(a);
+        ei(a) {
+            let b = this.ea(a);
             if (b == -1) {
                 if (a.value != null && a.value.length == 1) {
                     return a.value[0];
@@ -441,7 +442,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.ar;
             this.ar = a;
             if (b != this.ar) {
-                this.gl("SelectionMode", enumGetBox(ListPanelSelectionMode_$type, b), enumGetBox(ListPanelSelectionMode_$type, this.ar));
+                this.go("SelectionMode", enumGetBox(ListPanelSelectionMode_$type, b), enumGetBox(ListPanelSelectionMode_$type, this.ar));
             }
         }
         get bx() {
@@ -451,17 +452,17 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.bh;
             this.bh = a;
             if (this.bh != b) {
-                this.gl("IsActiveRowStyleEnabled", b, this.bh);
+                this.go("IsActiveRowStyleEnabled", b, this.bh);
             }
         }
-        get h2() {
-            return this.hu;
+        get h5() {
+            return this.hx;
         }
-        set h2(a) {
-            let b = this.hu;
-            this.hu = a;
-            if (this.hu != b) {
-                this.gl("SelectedBackground", b, this.hu);
+        set h5(a) {
+            let b = this.hx;
+            this.hx = a;
+            if (this.hx != b) {
+                this.go("SelectedBackground", b, this.hx);
             }
         }
         get bs() {
@@ -470,34 +471,24 @@ export let ListPanel = /*@__PURE__*/ (() => {
         set bs(a) {
             this.ba = a;
         }
-        get h0() {
-            return this.hs;
-        }
-        set h0(a) {
-            let b = this.hs;
-            this.hs = a;
-            if (this.hs != b) {
-                this.gl("NormalBackground", b, this.hs);
-            }
-        }
-        get hw() {
-            return this.hq;
+        get h3() {
+            return this.hv;
         }
-        set hw(a) {
-            let b = this.hq;
-            this.hq = a;
-            if (this.hq != b) {
-                this.gl("ActivationBorder", b, this.hq);
+        set h3(a) {
+            let b = this.hv;
+            this.hv = a;
+            if (this.hv != b) {
+                this.go("NormalBackground", b, this.hv);
             }
         }
-        get dq() {
-            return this.da;
+        get hz() {
+            return this.ht;
         }
-        set dq(a) {
-            let b = this.da;
-            this.da = a;
-            if (this.da != b) {
-                this.gl("ActivationBorderLeftWidth", b, this.da);
+        set hz(a) {
+            let b = this.ht;
+            this.ht = a;
+            if (this.ht != b) {
+                this.go("ActivationBorder", b, this.ht);
             }
         }
         get ds() {
@@ -507,7 +498,27 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.dc;
             this.dc = a;
             if (this.dc != b) {
-                this.gl("ActivationBorderTopWidth", b, this.dc);
+                this.go("ActivationBorderLeftWidth", b, this.dc);
+            }
+        }
+        get du() {
+            return this.de;
+        }
+        set du(a) {
+            let b = this.de;
+            this.de = a;
+            if (this.de != b) {
+                this.go("ActivationBorderTopWidth", b, this.de);
+            }
+        }
+        get dt() {
+            return this.dd;
+        }
+        set dt(a) {
+            let b = this.dd;
+            this.dd = a;
+            if (this.dd != b) {
+                this.go("ActivationBorderRightWidth", b, this.dd);
             }
         }
         get dr() {
@@ -517,17 +528,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.db;
             this.db = a;
             if (this.db != b) {
-                this.gl("ActivationBorderRightWidth", b, this.db);
-            }
-        }
-        get dp() {
-            return this.c9;
-        }
-        set dp(a) {
-            let b = this.c9;
-            this.c9 = a;
-            if (this.c9 != b) {
-                this.gl("ActivationBorderBottomWidth", b, this.c9);
+                this.go("ActivationBorderBottomWidth", b, this.db);
             }
         }
         get r() {
@@ -537,7 +538,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.q;
             this.q = a;
             if (b != this.q) {
-                this.gl("ActivationMode", enumGetBox(ListPanelActivationMode_$type, b), enumGetBox(ListPanelActivationMode_$type, this.q));
+                this.go("ActivationMode", enumGetBox(ListPanelActivationMode_$type, b), enumGetBox(ListPanelActivationMode_$type, this.q));
             }
         }
         get an() {
@@ -547,7 +548,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.am;
             this.am = a;
             if (b != this.am) {
-                this.gl("SelectionBehavior", enumGetBox(ListPanelSelectionBehavior_$type, b), enumGetBox(ListPanelSelectionBehavior_$type, this.am));
+                this.go("SelectionBehavior", enumGetBox(ListPanelSelectionBehavior_$type, b), enumGetBox(ListPanelSelectionBehavior_$type, this.am));
             }
         }
         get f() {
@@ -557,7 +558,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.b;
             this.b = a;
             if (this.b != b) {
-                this.gl("PrimaryKey", b, this.b);
+                this.go("PrimaryKey", b, this.b);
             }
         }
         get d() {
@@ -567,7 +568,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (this.a != b) {
-                this.gl("ActualPrimaryKey", b, this.a);
+                this.go("ActualPrimaryKey", b, this.a);
             }
         }
         get aq() {
@@ -589,13 +590,13 @@ export let ListPanel = /*@__PURE__*/ (() => {
             return this.ak;
         }
         get itemsSource() {
-            return this.ed;
+            return this.ef;
         }
         set itemsSource(a) {
-            let b = this.ed;
-            this.ed = a;
-            if (b != this.ed) {
-                this.gl("ItemsSource", b, this.ed);
+            let b = this.ef;
+            this.ef = a;
+            if (b != this.ef) {
+                this.go("ItemsSource", b, this.ef);
             }
         }
         get g() {
@@ -605,7 +606,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (this.c != b) {
-                this.gl("SchemaIncludedProperties", b, this.c);
+                this.go("SchemaIncludedProperties", b, this.c);
             }
         }
         get actualDataSource() {
@@ -615,7 +616,17 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.i;
             this.i = a;
             if (this.i != b) {
-                this.gl("ActualDataSource", b, this.i);
+                this.go("ActualDataSource", b, this.i);
+            }
+        }
+        get c8() {
+            return this.c2;
+        }
+        set c8(a) {
+            let b = this.c2;
+            this.c2 = a;
+            if (this.c2 != b) {
+                this.go("ItemSpacing", b, this.c2);
             }
         }
         notifySizeChanged() {
@@ -627,24 +638,24 @@ export let ListPanel = /*@__PURE__*/ (() => {
         provideContainer(a) {
             this.view.z(a);
         }
-        get ec() {
-            return this.dk;
+        get ee() {
+            return this.dm;
         }
-        set ec(a) {
-            let b = this.dk;
-            this.dk = a;
-            if (b != this.dk) {
-                this.gl("RowHeight", b, this.dk);
+        set ee(a) {
+            let b = this.dm;
+            this.dm = a;
+            if (b != this.dm) {
+                this.go("RowHeight", b, this.dm);
             }
         }
-        get c4() {
+        get c5() {
             return this.c0;
         }
-        set c4(a) {
+        set c5(a) {
             let b = this.c0;
             this.c0 = a;
             if (b != this.c0) {
-                this.gl("ActualRowHeight", b, this.c0);
+                this.go("ActualRowHeight", b, this.c0);
             }
         }
         get a4() {
@@ -654,7 +665,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.a3;
             this.a3 = a;
             if (b != this.a3) {
-                this.gl("CellTextStyle", b, this.a3);
+                this.go("CellTextStyle", b, this.a3);
             }
         }
         a5() {
@@ -666,51 +677,51 @@ export let ListPanel = /*@__PURE__*/ (() => {
         get bv() {
             return this.ad == 1;
         }
-        gl(a, b, c) {
+        go(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.gy(a, b, c);
+            this.g1(a, b, c);
         }
-        fl(a, b) {
-            this.gh();
+        fo(a, b) {
+            this.gk();
         }
-        g1() {
+        g4() {
             if (this.bm) {
                 return;
             }
             this.bm = true;
-            this.k.enqueueAction(runOn(this, this.fp));
+            this.k.enqueueAction(runOn(this, this.fs));
         }
-        fp() {
+        fs() {
             if (!this.bm) {
                 return;
             }
             this.bm = false;
-            this.fx();
+            this.f0();
             if (this.br) {
-                this.fj();
+                this.fm();
             }
-            this.g2();
             this.g5();
+            this.g8();
             if (this.contentRefreshed != null) {
                 this.contentRefreshed(this, new ListPanelContentRefreshedEventArgs());
             }
         }
-        fx() {
+        f0() {
             if (this.bk) {
-                this.fi();
+                this.fl();
                 this.bk = false;
                 if (this.ad == 1) {
                     this.aa.g(new Size(1, this.cz, this.cy));
                 }
             }
         }
-        g5() {
+        g8() {
             if (this.actualDataSource == null) {
                 return;
             }
-            this.dj = this.actualDataSource.actualCount;
+            this.dl = this.actualDataSource.actualCount;
             for (let a = 0; a < this.a1.o.count; a++) {
                 if (this.a1.p._inner[a]) {
                     continue;
@@ -727,44 +738,44 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
                 let g = this.a2.o._inner[f];
                 let h = this.a2.q._inner[f];
-                this.ft(h);
-                this.fv(h);
-                this.fr(h);
+                this.fw(h);
+                this.fy(h);
+                this.fu(h);
                 this.aa.d(this, h);
             }
         }
-        fv(a) {
+        fy(a) {
             if (a.p) {
                 if (a.k) {
-                    a.b.a.bg = new Thickness(1, this.dq, this.ds, this.dr, this.dp);
+                    a.b.a.bg = new Thickness(1, this.ds, this.du, this.dt, this.dr);
                 }
                 else {
                     a.b.a.bg = new Thickness(0, 0);
                 }
                 a.p = false;
                 if (a.j) {
-                    a.b.a.a9 = this.hw;
+                    a.b.a.a9 = this.hz;
                 }
                 else {
                     a.b.a.a9 = null;
                 }
                 if (a.n) {
-                    a.b.a.a8 = this.h2;
+                    a.b.a.a8 = this.h5;
                 }
                 else {
-                    a.b.a.a8 = this.h0;
+                    a.b.a.a8 = this.h3;
                 }
             }
         }
-        fr(a) {
+        fu(a) {
             if (a.m) {
                 a.m = false;
-                this.fw(a);
+                this.fz(a);
             }
         }
-        fw(a) {
+        fz(a) {
             if (this.rowUpdating != null) {
-                let b = this.c6(a.v);
+                let b = this.c7(a.v);
                 this.rowUpdating(this, ((() => {
                     let $ret = new ListPanelTemplateItemUpdatingEventArgs();
                     $ret.a = a;
@@ -775,7 +786,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        ft(a) {
+        fw(a) {
             if (a.b != null) {
                 return;
             }
@@ -793,22 +804,22 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     c.f = 0;
                 }
                 a.b.a = c;
-                if (this.h0 != null) {
-                    a.b.a.a8 = this.h0;
+                if (this.h3 != null) {
+                    a.b.a.a8 = this.h3;
                 }
             });
         }
-        fj() {
+        fm() {
             if (!this.br) {
                 return;
             }
             this.br = false;
-            this.fz();
-            this.de = this.ea();
-            this.df = this.eb();
-            this.ay.c = this.de;
-            this.ay.b = this.df;
-            if (this.de == -1 || this.df == -1) {
+            this.f2();
+            this.dg = this.ec();
+            this.dh = this.ed();
+            this.ay.c = this.dg;
+            this.ay.b = this.dh;
+            if (this.dg == -1 || this.dh == -1) {
                 return;
             }
             let a = new List$1(Number_$type, 0);
@@ -818,51 +829,51 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
                 let c = this.a2.o._inner[b];
                 let d = this.a2.q._inner[b];
-                if (c < this.de || c > this.df) {
+                if (c < this.dg || c > this.dh) {
                     a.add(c);
                 }
             }
             for (let e = 0; e < a.count; e++) {
-                this.g8(a._inner[e]);
+                this.hb(a._inner[e]);
             }
-            for (let f = this.de; f <= this.df; f++) {
-                this.fs(f);
+            for (let f = this.dg; f <= this.dh; f++) {
+                this.fv(f);
                 let g = this.a2.item(f);
-                g.u = this.c8(f);
-                g.s = this.c7(f);
+                g.u = this.da(f);
+                g.s = this.c9(f);
             }
         }
-        c7(a) {
+        c9(a) {
             if (this.ad == 0) {
                 return 0;
             }
             else if (this.ad == 2) {
-                let b = this.d6(a);
+                let b = this.d8(a);
                 return this.cv._inner[b];
             }
             else {
                 return this.cv._inner[a];
             }
         }
-        d6(a) {
+        d8(a) {
             let b = a % this.cw.count;
             return b;
         }
-        d7(a) {
+        d9(a) {
             let b = Math.floor(a / this.cw.count);
             return truncate(b);
         }
-        c8(a) {
+        da(a) {
             if (this.ad == 1) {
                 return 0;
             }
             else if (this.ad == 2) {
-                let b = this.d7(a);
+                let b = this.d9(a);
                 if (this.bz) {
                     return this.cr._inner[b];
                 }
                 else {
-                    return b * this.c4;
+                    return b * this.c5;
                 }
             }
             else {
@@ -870,11 +881,11 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     return this.cr._inner[a];
                 }
                 else {
-                    return a * this.c4;
+                    return a * this.c5;
                 }
             }
         }
-        fs(a) {
+        fv(a) {
             if (this.a2.d(a)) {
                 return;
             }
@@ -889,18 +900,18 @@ export let ListPanel = /*@__PURE__*/ (() => {
         z(a) {
             let b = this.cx.count > 0 ? this.cx.b() : new ListPanelItemModel();
             b.v = a;
-            b.t = this.c4;
+            b.t = this.c5;
             return b;
         }
-        g8(a) {
+        hb(a) {
             let b = this.a2.item(a);
-            this.g4(b);
+            this.g7(b);
             this.a2.f(a);
             b.i = true;
             b.x = null;
             this.a1.s(b, b);
         }
-        g4(a) {
+        g7(a) {
             this.cx.g(a);
             if (this.itemRecycled != null) {
                 this.itemRecycled(this, ((() => {
@@ -910,16 +921,16 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        eb() {
+        ed() {
             if (this.actualDataSource == null || this.actualDataSource.actualSchema == null || this.actualDataSource.actualCount == 0) {
                 return -1;
             }
             if (!this.ay.d.isEmpty) {
                 if (this.ad == 0) {
                     if (this.bz) {
-                        this.fx();
+                        this.f0();
                         let a = this.ay.d.bottom;
-                        let b = this.dy(a);
+                        let b = this.d0(a);
                         if (this.cr._inner[b] + this.cq._inner[b] < a) {
                             b += 1;
                         }
@@ -927,15 +938,15 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                     else {
                         let c = this.ay.d.bottom;
-                        let d = truncate(Math.ceil(c / this.c4));
+                        let d = truncate(Math.ceil(c / this.c5));
                         return Math.max(0, Math.min(d, this.actualDataSource.actualCount - 1));
                     }
                 }
                 else if (this.ad == 2) {
                     if (this.bz) {
-                        this.fx();
+                        this.f0();
                         let e = this.ay.d.bottom;
-                        let f = this.dy(e);
+                        let f = this.d0(e);
                         if (this.cr._inner[f] + this.cq._inner[f] < e) {
                             f += 1;
                         }
@@ -945,16 +956,16 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                     else {
                         let g = this.ay.d.bottom;
-                        let h = truncate(Math.floor(g / this.c4));
+                        let h = truncate(Math.floor(g / this.c5));
                         h = h * this.cw.count;
                         return Math.max(0, Math.min(h, this.actualDataSource.actualCount - 1));
                     }
                 }
                 else {
                     {
-                        this.fx();
+                        this.f0();
                         let i = this.ay.d.right;
-                        let j = this.dz(i);
+                        let j = this.d1(i);
                         if (this.cv._inner[j] + this.cu._inner[j] < i) {
                             j += 1;
                         }
@@ -964,7 +975,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return this.actualDataSource.actualCount - 1;
         }
-        dy(a) {
+        d0(a) {
             let b = -1;
             b = ArrayExtension.binarySearch$11(Number_$type, this.cr, (c) => a < c ? -1 : (a > c ? 1 : 0));
             if (b < 0) {
@@ -979,7 +990,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return b;
         }
-        dz(a) {
+        d1(a) {
             let b = -1;
             b = ArrayExtension.binarySearch$11(Number_$type, this.cv, (c) => a < c ? -1 : (a > c ? 1 : 0));
             if (b < 0) {
@@ -994,16 +1005,16 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return b;
         }
-        ea() {
+        ec() {
             if (this.actualDataSource == null || this.actualDataSource.actualSchema == null || this.actualDataSource.actualCount == 0) {
                 return -1;
             }
             if (!this.ay.d.isEmpty) {
                 if (this.ad == 0) {
                     if (this.bz) {
-                        this.fx();
+                        this.f0();
                         let a = this.ay.d.top;
-                        let b = this.dy(a);
+                        let b = this.d0(a);
                         if (this.cr._inner[b] > a) {
                             b -= 1;
                         }
@@ -1011,15 +1022,15 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                     else {
                         let c = this.ay.d.top;
-                        let d = truncate(Math.floor(c / this.c4));
+                        let d = truncate(Math.floor(c / this.c5));
                         return Math.max(0, Math.min(d, this.actualDataSource.actualCount - 1));
                     }
                 }
                 else if (this.ad == 2) {
                     if (this.bz) {
-                        this.fx();
+                        this.f0();
                         let e = this.ay.d.top;
-                        let f = this.dy(e);
+                        let f = this.d0(e);
                         if (this.cr._inner[f] > e) {
                             f -= 1;
                         }
@@ -1028,16 +1039,16 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                     else {
                         let g = this.ay.d.top;
-                        let h = truncate(Math.floor(g / this.c4));
+                        let h = truncate(Math.floor(g / this.c5));
                         h = h * this.cw.count;
                         return Math.max(0, Math.min(h, this.actualDataSource.actualCount - 1));
                     }
                 }
                 else {
                     {
-                        this.fx();
+                        this.f0();
                         let i = this.ay.d.left;
-                        let j = this.dz(i);
+                        let j = this.d1(i);
                         if (this.cv._inner[j] > i) {
                             j -= 1;
                         }
@@ -1047,32 +1058,32 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return 0;
         }
-        c6(a) {
+        c7(a) {
             if (this.ad == 2) {
-                a = this.d6(a);
+                a = this.d8(a);
             }
             if (this.cu.count > 0 && a < this.cu.count) {
                 return this.cu._inner[a];
             }
             return 0;
         }
-        c5(a) {
+        c6(a) {
             if (this.ad == 2) {
-                a = this.d7(a);
+                a = this.d9(a);
             }
             if (this.cq.count > 0 && a < this.cq.count) {
                 return this.cq._inner[a];
             }
-            return this.c4;
+            return this.c5;
         }
-        fi() {
+        fl() {
             this.cq.clear();
             this.cr.clear();
             this.cu.clear();
             this.cv.clear();
             let a = this.r != 0;
-            let b = this.ds + this.dp;
-            let c = this.dq + this.dr;
+            let b = this.du + this.dr;
+            let c = this.ds + this.dt;
             if (this.actualDataSource != null && this.actualDataSource.actualSchema != null) {
                 let d = this.cy;
                 let e = isNaN_(this.cz) ? 0 : this.cz;
@@ -1080,8 +1091,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     if (this.bz) {
                         let f = 0;
                         for (let g = 0; g < this.actualDataSource.actualCount; g++) {
-                            this.cr.add(f);
-                            let h = this.c4;
+                            let h = this.c5;
                             if (this.itemHeightRequested != null) {
                                 let i = ((() => {
                                     let $ret = new ListPanelTemplateHeightRequestedEventArgs();
@@ -1095,24 +1105,28 @@ export let ListPanel = /*@__PURE__*/ (() => {
                                 if (a) {
                                     h += b;
                                 }
-                                f += h;
                             }
+                            if (h > 0 && g > 0) {
+                                f += this.c8;
+                            }
+                            this.cr.add(f);
                             this.cq.add(h);
+                            f += h;
                         }
                         this.cy = f;
                     }
                     else {
-                        this.cy = this.c4 * this.actualDataSource.actualCount;
+                        this.cy = this.c5 * this.actualDataSource.actualCount;
                     }
                 }
                 else if (this.ad == 2) {
                     let j = new List$1(ListPanelColumnDefinition.$, 0);
-                    let k = this.du(j, 0x7FFFFFFF);
+                    let k = this.dw(j, 0x7FFFFFFF);
                     if (this.bz) {
                         let l = 0;
                         for (let m = 0; m < k; m++) {
                             this.cr.add(l);
-                            let n = this.c4;
+                            let n = this.c5;
                             let o = 0;
                             let p = m * j.count;
                             for (let q = 0; q < j.count; q++) {
@@ -1143,10 +1157,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
                         this.cy = l;
                     }
                     else {
-                        this.cy = this.c4 * k;
+                        this.cy = this.c5 * k;
                     }
                     this.cw = j;
-                    this.dn = k;
+                    this.dq = k;
                     let u = 0;
                     for (let v = 0; v < this.cw.count; v++) {
                         this.cv.add(u);
@@ -1155,11 +1169,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                 }
                 else {
-                    this.cy = this.c4;
+                    this.cy = this.c5;
                     {
                         let w = 0;
                         for (let x = 0; x < this.actualDataSource.actualCount; x++) {
-                            this.cv.add(w);
                             let y = 0;
                             if (this.itemWidthRequested != null) {
                                 let z = ((() => {
@@ -1174,9 +1187,13 @@ export let ListPanel = /*@__PURE__*/ (() => {
                                 if (a) {
                                     y += c;
                                 }
-                                w += y;
                             }
+                            if (y > 0 && x > 0) {
+                                w += this.c8;
+                            }
+                            this.cv.add(w);
                             this.cu.add(y);
+                            w += y;
                         }
                         this.cz = w;
                     }
@@ -1186,7 +1203,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
         }
-        du(a, b) {
+        dw(a, b) {
             let c = 0;
             let d = 0;
             let e = 0;
@@ -1212,11 +1229,11 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     if (d != 0 && e < b && b > 1) {
                         let m = a._inner[e];
                         m.a = k;
-                        this.ha(f, a);
+                        this.hd(f, a);
                         if (a.count == 0) {
                             return 0;
                         }
-                        return this.du(a, a.count);
+                        return this.dw(a, a.count);
                     }
                     b = Math.max(Math.min(b, e), 1);
                     d++;
@@ -1239,11 +1256,11 @@ export let ListPanel = /*@__PURE__*/ (() => {
                         let q = k - p.a;
                         p.a = k;
                         if (q > h && b > 1) {
-                            this.ha(f, a);
+                            this.hd(f, a);
                             if (a.count == 0) {
                                 return 0;
                             }
-                            return this.du(a, a.count);
+                            return this.dw(a, a.count);
                         }
                         else {
                             h -= q;
@@ -1262,7 +1279,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return d + 1;
         }
-        ha(a, b) {
+        hd(a, b) {
             let c = 0;
             for (let d of fromEnum(b)) {
                 c += d.a;
@@ -1275,9 +1292,9 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 b.removeAt(b.count - 1);
             }
         }
-        fy() {
+        f1() {
             if (this.bm) {
-                this.fp();
+                this.fs();
             }
         }
         get a0() {
@@ -1287,83 +1304,83 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.az;
             this.az = a;
             if (b != this.az) {
-                this.gl("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.az));
+                this.go("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.az));
             }
         }
-        get h1() {
-            return this.ht;
+        get h4() {
+            return this.hw;
         }
-        set h1(a) {
-            let b = this.ht;
-            this.ht = a;
-            if (b != this.ht) {
-                this.gl("ScrollbarBackground", b, this.ht);
+        set h4(a) {
+            let b = this.hw;
+            this.hw = a;
+            if (b != this.hw) {
+                this.go("ScrollbarBackground", b, this.hw);
             }
         }
-        g6() {
+        g9() {
             let a = isNaN_(this.cz) ? 0 : this.cz;
             let b = this.cy;
             this.bn = true;
-            this.f4(this.c1);
+            this.f7(this.c1);
             if (a != (isNaN_(this.cz) ? 0 : this.cz) || b != this.cy) {
                 this.externalListPanel.onContentSizeChanged();
             }
             this.bn = false;
-            this.f5();
-            this.g1();
+            this.f8();
+            this.g4();
         }
-        f5() {
+        f8() {
             this.br = true;
-            this.de = -1;
-            this.df = -1;
+            this.dg = -1;
+            this.dh = -1;
         }
-        f4(a) {
+        f7(a) {
             this.bk = true;
             this.c1 = a;
         }
-        fz() {
+        f2() {
             if (this.bg) {
                 this.bg = false;
-                this.g6();
-                this.f3();
+                this.g9();
+                this.f6();
             }
         }
-        g7() {
+        ha() {
             if (this.bg) {
-                this.fz();
+                this.f2();
             }
             else {
-                this.f5();
-                this.g1();
-                this.fy();
+                this.f8();
+                this.g4();
+                this.f1();
             }
         }
-        d2() {
+        d4() {
             if (this.br) {
-                this.fj();
+                this.fm();
             }
-            return this.df;
+            return this.dh;
         }
-        d0() {
+        d2() {
             if (this.br) {
-                this.fj();
+                this.fm();
             }
-            return this.de;
+            return this.dg;
         }
         cj() {
-            return this.de >= 0 && this.df >= 0;
+            return this.dg >= 0 && this.dh >= 0;
         }
-        f3() {
+        f6() {
             if (!this.cj()) {
                 return;
             }
-            let a = this.d0();
-            let b = this.d2();
-            this.f2(a, b);
+            let a = this.d2();
+            let b = this.d4();
+            this.f5(a, b);
         }
-        f2(a, b) {
-            let c = this.d0();
-            let d = this.d2();
+        f5(a, b) {
+            let c = this.d2();
+            let d = this.d4();
             if (b < c || a > d) {
                 return;
             }
@@ -1373,10 +1390,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (b > d) {
                 b = d;
             }
-            this.g2();
-            this.g7();
+            this.g5();
+            this.ha();
         }
-        g2() {
+        g5() {
             if (this.actualDataSource == null || this.actualDataSource.actualCount == 0) {
                 return;
             }
@@ -1399,7 +1416,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                 }
                 d.x = f;
-                d.t = this.c4;
+                d.t = this.c5;
                 if (a) {
                     if (this.p.c(d)) {
                         d.j = true;
@@ -1420,33 +1437,33 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
         }
-        g3(a) {
+        g6(a) {
             if (this.actualDataSource == null || this.actualDataSource.actualCount == 0) {
                 return;
             }
             if (this.a2.d(a)) {
                 let b = this.a2.item(a);
                 b.x = this.actualDataSource.getItemAtIndex(b.v);
-                b.t = this.c4;
+                b.t = this.c5;
             }
         }
-        g0() {
+        g3() {
             if (!this.bg) {
                 this.bg = true;
-                this.f5();
-                this.g1();
+                this.f8();
+                this.g4();
             }
         }
-        f1(a) {
-            this.g3(a);
+        f4(a) {
+            this.g6(a);
         }
-        gh() {
+        gk() {
             if (this.bg) {
-                this.fz();
+                this.f2();
             }
             else {
-                this.g6();
-                this.f3();
+                this.g9();
+                this.f6();
             }
         }
         get externalListPanel() {
@@ -1458,7 +1475,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
         ci() {
             return this.as != 0 || this.r != 0;
         }
-        gy(a, b, c) {
+        g1(a, b, c) {
             switch (a) {
                 case "SchemaIncludedProperties":
                     if (this.i != null) {
@@ -1468,7 +1485,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 case "ItemsSource":
                     if (this.i != null) {
                         let d = this.i;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.fl));
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.fo));
                         this.i.updateNotifier = null;
                     }
                     if (typeCast(IDataSource_$type, this.itemsSource) !== null) {
@@ -1480,41 +1497,42 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                     if (this.i != null) {
                         let f = this.i;
-                        f.schemaChanged = delegateCombine(f.schemaChanged, runOn(this, this.fl));
+                        f.schemaChanged = delegateCombine(f.schemaChanged, runOn(this, this.fo));
                         this.i.updateNotifier = new ListPanelDataSourceNotificationBridge(this);
                         if (this.i.actualSchema != null) {
-                            this.g0();
-                            this.k.enqueueAction(() => this.gh());
+                            this.g3();
+                            this.k.enqueueAction(() => this.gk());
                         }
                     }
                     break;
                 case "RowHeight":
-                    this.c4 = this.ec;
+                    this.c5 = this.ee;
                     break;
                 case "CellTextStyle":
-                    this.f3();
+                    this.f6();
                     break;
                 case "BackgroundColor":
-                    this.f3();
+                    this.f6();
                     break;
                 case "TextColor":
-                    this.f3();
+                    this.f6();
                     break;
+                case "ItemSpacing":
                 case "Orientation":
                 case "ActualRowHeight":
-                    this.g6();
+                    this.g9();
                     break;
                 case "ScrollbarStyle":
                     this.externalListPanel.setScrollbarStyle(this.a0);
                     break;
                 case "ScrollbarBackground":
-                    this.externalListPanel.setScrollbarColor(this.h1);
+                    this.externalListPanel.setScrollbarColor(this.h4);
                     break;
                 case "ActiveRow":
-                    this.dg = typeGetValue(b);
+                    this.di = typeGetValue(b);
                     this.bq = true;
-                    if (this.dt != -1 && this.dt >= 0) {
-                        this.p.k(this.dt);
+                    if (this.dv != -1 && this.dv >= 0) {
+                        this.p.k(this.dv);
                     }
                     else {
                         this.p.o();
@@ -1527,7 +1545,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 case "ActivationBorderRightWidth":
                 case "ActivationBorderBottomWidth":
                 case "ActivationBorderTopWidth":
-                    this.g0();
+                    this.g3();
                     break;
                 case "ActivationMode":
                     this.by = this.ci();
@@ -1552,7 +1570,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        h4() {
+        h7() {
             let a = this.cy;
             let b = 0;
             if (!isNaN_(a) && a >= 0) {
@@ -1582,19 +1600,19 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return new Size(1, c, b);
         }
-        gg(a, b) {
-            if (this.r == 1 && this.dt != -1) {
-                if (this.dt >= a && this.dt <= b) {
+        gj(a, b) {
+            if (this.r == 1 && this.dv != -1) {
+                if (this.dv >= a && this.dv <= b) {
                     if (this.activeRowChanged != null) {
                         let c = new ListPanelActiveRowChangedEventArgs();
-                        c.newActiveRow = this.dt;
-                        c.oldActiveRow = this.dt;
+                        c.newActiveRow = this.dv;
+                        c.oldActiveRow = this.dv;
                         this.activeRowChanged(this, c);
                     }
                 }
             }
-            let d = this.d0();
-            let e = this.d2();
+            let d = this.d2();
+            let e = this.d4();
             if (b < d || a > e) {
                 return;
             }
@@ -1607,46 +1625,46 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (!this.cj()) {
                 return;
             }
-            if (this.d4() != this.dj) {
-                this.g6();
+            if (this.d6() != this.dl) {
+                this.g9();
             }
             else {
-                this.g7();
+                this.ha();
             }
-            this.fk();
+            this.fn();
         }
-        fk() {
+        fn() {
             if (this.ay.d.isEmpty) {
                 return;
             }
             if (this.ad == 1) {
                 if (this.ay.d.right > this.absoluteWidth || this.ay.d.left > this.absoluteWidth) {
-                    let a = this.d4() - 1;
+                    let a = this.d6() - 1;
                     if (a < 0) {
                         a = 0;
                     }
-                    this.hd(a);
+                    this.hg(a);
                 }
             }
             else {
                 if (this.ay.d.bottom > this.absoluteHeight || this.ay.d.top > this.absoluteHeight) {
-                    let b = this.d4() - 1;
+                    let b = this.d6() - 1;
                     if (b < 0) {
                         b = 0;
                     }
-                    this.hd(b);
+                    this.hg(b);
                 }
             }
             if (this.ad == 2) {
                 if (this.ay.d.right > this.absoluteWidth || this.ay.d.left > this.absoluteWidth) {
-                    this.hc(this.cw.count - 1);
+                    this.hf(this.cw.count - 1);
                 }
             }
         }
-        gv(a, b, c) {
+        gy(a, b, c) {
             if (this.ad == 0) {
                 if (this.bz) {
-                    let d = this.c4;
+                    let d = this.c5;
                     if (this.itemHeightRequested != null) {
                         let e = new ListPanelTemplateHeightRequestedEventArgs();
                         e.c = c;
@@ -1664,7 +1682,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
             else if (this.ad == 2) {
-                this.g6();
+                this.g9();
                 return;
             }
             else {
@@ -1684,15 +1702,15 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     this.cv._inner[m] += l;
                 }
             }
-            this.f1(a);
+            this.f4(a);
         }
-        gf() {
-            this.g6();
+        gi() {
+            this.g9();
         }
-        gi(a, b) {
+        gl(a, b) {
             if (this.ad == 0) {
                 if (this.bz) {
-                    let c = this.c4;
+                    let c = this.c5;
                     if (this.itemHeightRequested != null) {
                         let d = new ListPanelTemplateHeightRequestedEventArgs();
                         d.c = b;
@@ -1714,7 +1732,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
             else if (this.ad == 2) {
-                this.g6();
+                this.g9();
                 return;
             }
             else {
@@ -1738,9 +1756,9 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     this.cv._inner[l] += h;
                 }
             }
-            this.g0();
+            this.g3();
         }
-        gm(a, b) {
+        gp(a, b) {
             if (this.ad == 0) {
                 let c = this.cq._inner[a];
                 for (let d = a + 1; d < this.actualDataSource.actualCount; d++) {
@@ -1750,7 +1768,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.cr.removeAt(a);
             }
             else if (this.ad == 2) {
-                this.g6();
+                this.g9();
                 return;
             }
             else {
@@ -1761,50 +1779,50 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.cu.removeAt(a);
                 this.cv.removeAt(a);
             }
-            this.g0();
+            this.g3();
         }
-        f9(a, b, c) {
+        gc(a, b, c) {
             if (this.i != null) {
                 this.i.notifySetItem(a, b, c);
             }
         }
-        f6() {
+        f9() {
             if (this.i != null) {
                 this.i.notifyClearItems();
             }
         }
-        f7(a, b) {
+        ga(a, b) {
             if (this.i != null) {
                 this.i.notifyInsertItem(a, b);
             }
             ;
         }
-        f8(a, b) {
+        gb(a, b) {
             if (this.i != null) {
                 this.i.notifyRemoveItem(a, b);
             }
             ;
         }
-        dv(a) {
+        dx(a) {
             if (this.i == null) {
                 return -1;
             }
             return this.i.indexOfItem(a);
         }
-        dw(a) {
+        dy(a) {
             if (this.i == null) {
                 return -1;
             }
             return this.i.indexOfKey(a);
         }
-        get hx() {
-            return this.hr;
+        get h0() {
+            return this.hu;
         }
-        set hx(a) {
-            let b = this.hr;
-            this.hr = a;
-            if (b != this.hr) {
-                this.gl("BackgroundColor", b, a);
+        set h0(a) {
+            let b = this.hu;
+            this.hu = a;
+            if (b != this.hu) {
+                this.go("BackgroundColor", b, a);
             }
         }
         get ad() {
@@ -1814,7 +1832,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.ab;
             this.ab = a;
             if (b != this.ab) {
-                this.gl("Orientation", enumGetBox(ListPanelOrientation_$type, b), enumGetBox(ListPanelOrientation_$type, a));
+                this.go("Orientation", enumGetBox(ListPanelOrientation_$type, b), enumGetBox(ListPanelOrientation_$type, a));
             }
         }
         get bz() {
@@ -1824,17 +1842,17 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.bi;
             this.bi = a;
             if (b != this.bi) {
-                this.gl("IsCustomRowHeightEnabled", b, a);
+                this.go("IsCustomRowHeightEnabled", b, a);
             }
         }
-        get h3() {
-            return this.hv;
+        get h6() {
+            return this.hy;
         }
-        set h3(a) {
-            let b = this.hv;
-            this.hv = a;
-            if (b != this.hv) {
-                this.gl("TextColor", b, a);
+        set h6(a) {
+            let b = this.hy;
+            this.hy = a;
+            if (b != this.hy) {
+                this.go("TextColor", b, a);
             }
         }
         get absoluteWidth() {
@@ -1843,7 +1861,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
         get absoluteHeight() {
             return this.cy;
         }
-        ef() {
+        eh() {
             let a = new ListPanelVisualData();
             let b = this.aa.h();
             a.c = b.left;
@@ -1869,8 +1887,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
             });
             return a;
         }
-        ex() {
-            let a = this.ef();
+        ez() {
+            let a = this.eh();
             return a.serialize();
         }
         get b0() {
@@ -1879,7 +1897,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
         set b0(a) {
             this.bj = a;
         }
-        hf() {
+        hi() {
             if (this.as == 2) {
                 this.aq.v();
             }
@@ -1889,7 +1907,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 switch (a) {
                     case 30:
                         if (c) {
-                            this.hf();
+                            this.hi();
                             return true;
                         }
                         break;
@@ -1901,51 +1919,51 @@ export let ListPanel = /*@__PURE__*/ (() => {
             return false;
         }
         b1() {
-            return this.dd == -1;
+            return this.df == -1;
         }
-        get dt() {
-            return this.dd;
+        get dv() {
+            return this.df;
         }
-        set dt(a) {
-            let b = this.dd;
-            this.dd = a;
-            if (b != this.dd) {
-                this.gl("ActiveRow", b, this.dd);
+        set dv(a) {
+            let b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.go("ActiveRow", b, this.df);
             }
         }
-        fh(a, b, c = false) {
+        fk(a, b, c = false) {
             if (!this.ay.a) {
                 return;
             }
             if (!c) {
-                if (a <= this.d0()) {
-                    this.hd(a);
+                if (a <= this.d2()) {
+                    this.hg(a);
                 }
-                else if (a >= this.d2()) {
+                else if (a >= this.d4()) {
                     if (b) {
-                        this.hd(a);
+                        this.hg(a);
                     }
                     else {
-                        this.hb(a);
+                        this.he(a);
                     }
                 }
             }
             if (this.ad == 2) {
-                let d = this.d1();
-                let e = this.d3();
-                let f = this.d5(a);
+                let d = this.d3();
+                let e = this.d5();
+                let f = this.d7(a);
                 if (f <= d) {
-                    this.he(f);
+                    this.hh(f);
                 }
                 else if (f >= e) {
-                    this.hc(f);
+                    this.hf(f);
                 }
             }
         }
-        hc(a) {
+        hf(a) {
             let b = truncate(this.ay.d.top);
-            if (this.di != -1) {
-                b = this.di;
+            if (this.dk != -1) {
+                b = this.dk;
             }
             if (this.ad == 2) {
                 let c = 0;
@@ -1960,15 +1978,15 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 if (c < 0) {
                     c = 0;
                 }
-                this.di = b;
-                this.dh = truncate(c);
+                this.dk = b;
+                this.dj = truncate(c);
                 this.viewportManager.moveViewportTo(truncate(c), b);
             }
         }
-        he(a) {
+        hh(a) {
             let b = truncate(this.ay.d.top);
-            if (this.di != -1) {
-                b = this.di;
+            if (this.dk != -1) {
+                b = this.dk;
             }
             if (this.ad == 2) {
                 let c = 0;
@@ -1979,19 +1997,19 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     }
                     c += this.cw._inner[d].a;
                 }
-                this.di = b;
-                this.dh = truncate(c);
+                this.dk = b;
+                this.dj = truncate(c);
                 this.viewportManager.moveViewportTo(truncate(c), b);
             }
         }
-        d5(a) {
+        d7(a) {
             if (this.ad == 2) {
-                let b = this.d6(a);
+                let b = this.d8(a);
                 return b;
             }
             return -1;
         }
-        d3() {
+        d5() {
             if (this.ad == 2) {
                 let a = 0;
                 let b = 0;
@@ -2005,7 +2023,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return -1;
         }
-        d1() {
+        d3() {
             if (this.ad == 2) {
                 let a = 0;
                 let b = 0;
@@ -2019,21 +2037,21 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return -1;
         }
-        hd(a) {
+        hg(a) {
             if (this.ay.d.isEmpty) {
                 return;
             }
             let b = truncate(this.ay.d.left);
-            if (this.dh != -1) {
-                b = this.dh;
+            if (this.dj != -1) {
+                b = this.dj;
             }
             let c = 0;
             let d = 0;
             if (a < 0) {
                 a = 0;
             }
-            if (a >= this.d4()) {
-                a = this.d4() - 1;
+            if (a >= this.d6()) {
+                a = this.d6() - 1;
             }
             let e = 0;
             e = truncate(Math.floor(a));
@@ -2044,7 +2062,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 c = truncate(Math.floor(this.cr._inner[e]));
             }
             else {
-                c = truncate(Math.floor(this.c4 * e));
+                c = truncate(Math.floor(this.c5 * e));
             }
             if (a - truncate(Math.floor(a)) > 0) {
                 let f = a - truncate(Math.floor(a));
@@ -2058,28 +2076,28 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (c < 0) {
                 c = 0;
             }
-            this.di = c;
-            this.dh = b;
+            this.dk = c;
+            this.dj = b;
             this.viewportManager.moveViewportTo(b, c);
         }
-        hb(a) {
+        he(a) {
             let b = truncate(this.ay.d.left);
-            if (this.dh != -1) {
-                b = this.dh;
+            if (this.dj != -1) {
+                b = this.dj;
             }
             let c = 0;
             if (a < 0) {
                 a = 0;
             }
-            if (a >= this.d4()) {
-                a = this.d4() - 1;
+            if (a >= this.d6()) {
+                a = this.d6() - 1;
             }
             let d = truncate(Math.floor(a));
             if (this.ad == 2) {
                 d = truncate(Math.floor(d / this.cw.count));
             }
             if (this.cr.count == 0) {
-                c = truncate(Math.round((this.c4 * a) + this.c4));
+                c = truncate(Math.round((this.c5 * a) + this.c5));
             }
             else {
                 c = truncate(Math.floor(this.cr._inner[d] + this.cq._inner[d]));
@@ -2099,8 +2117,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (c < 0) {
                 c = 0;
             }
-            this.di = c;
-            this.dh = b;
+            this.dk = c;
+            this.dj = b;
             this.viewportManager.moveViewportTo(b, c);
         }
         get viewportManager() {
@@ -2116,8 +2134,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.dt;
-            if (c > this.d4() - 1) {
+            let c = this.dv;
+            if (c > this.d6() - 1) {
                 return false;
             }
             let d = c + 1;
@@ -2125,43 +2143,43 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 d = c + this.cw.count;
             }
             if (b) {
-                d = this.d4() - 1;
+                d = this.d6() - 1;
             }
-            if (d > this.d4() - 1) {
-                d = this.d4() - 1;
+            if (d > this.d6() - 1) {
+                d = this.d6() - 1;
             }
             if (d == c) {
                 return false;
             }
-            this.dt = d;
+            this.dv = d;
             if (this.ay.a) {
-                this.fh(d, false);
+                this.fk(d, false);
             }
             this.bo = false;
             if (this.as == 2 && a) {
-                if (this.dm == -1) {
-                    this.dm = c;
+                if (this.dp == -1) {
+                    this.dp = c;
                 }
-                let e = Math.min(this.dm, d);
-                let f = Math.max(this.dm, d);
-                this.hi(e, f);
+                let e = Math.min(this.dp, d);
+                let f = Math.max(this.dp, d);
+                this.hl(e, f);
             }
             else {
-                this.dm = -1;
-                this.dl = -1;
+                this.dp = -1;
+                this.dn = -1;
                 this.cs.clear();
                 this.ct.clear();
             }
-            this.gu();
+            this.gx();
             return true;
         }
-        gu() {
+        gx() {
             if (this.bo && this.selectionChanged != null) {
                 this.selectionChanged(this, new ListPanelSelectionChangedEventArgs());
                 this.bo = false;
             }
         }
-        hi(a, b) {
+        hl(a, b) {
             for (let c = a; c <= b; c++) {
                 if (this.cs.contains(c)) {
                     continue;
@@ -2202,48 +2220,48 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.dt;
-            let d = this.dt;
+            let c = this.dv;
+            let d = this.dv;
             if (b) {
-                if (d >= this.d4() - 1) {
+                if (d >= this.d6() - 1) {
                     return false;
                 }
-                d = this.d4() - 1;
+                d = this.d6() - 1;
             }
-            else if (this.ad == 2 && this.d5(d) == this.cw.count - 1) {
+            else if (this.ad == 2 && this.d7(d) == this.cw.count - 1) {
                 return false;
             }
             let e = -1;
             if (this.ad == 2) {
-                e = this.d5(d);
+                e = this.d7(d);
                 let f = (d - e) + this.cw.count;
-                if (f > this.d4() - 1) {
-                    f = this.d4() - 1;
+                if (f > this.d6() - 1) {
+                    f = this.d6() - 1;
                 }
                 d = f;
             }
             if (d == c) {
                 return false;
             }
-            this.dt = d;
-            this.fh(d, false);
+            this.dv = d;
+            this.fk(d, false);
             return true;
         }
         b8(a, b) {
-            let c = this.dd;
-            let d = this.dd;
+            let c = this.df;
+            let d = this.df;
             if (b) {
                 if (d <= 0) {
                     return false;
                 }
                 d = 0;
             }
-            else if (this.ad == 2 && this.d5(d) == 0) {
+            else if (this.ad == 2 && this.d7(d) == 0) {
                 return false;
             }
             let e = -1;
             if (this.ad == 2) {
-                e = this.d5(d);
+                e = this.d7(d);
                 let f = (d - e);
                 if (f < 0) {
                     f = 0;
@@ -2253,8 +2271,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (d == c) {
                 return false;
             }
-            this.dt = d;
-            this.fh(d, false);
+            this.dv = d;
+            this.fk(d, false);
             return true;
         }
         ca(a, b) {
@@ -2264,7 +2282,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.dt;
+            let c = this.dv;
             if (c <= 0) {
                 return false;
             }
@@ -2273,7 +2291,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 d = 0;
             }
             if (b && this.ad == 2) {
-                d = (c - this.d5(c));
+                d = (c - this.d7(c));
                 if (d < 0) {
                     d = 0;
                 }
@@ -2284,54 +2302,54 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (d == c) {
                 return false;
             }
-            this.dt = d;
+            this.dv = d;
             if (this.ay.a) {
-                this.fh(d, false);
+                this.fk(d, false);
             }
             this.bo = false;
             if (this.as == 2 && a) {
-                if (this.dm == -1) {
-                    this.dm = c;
+                if (this.dp == -1) {
+                    this.dp = c;
                 }
-                let e = Math.min(this.dm, d);
-                let f = Math.max(this.dm, d);
-                this.hi(e, f);
+                let e = Math.min(this.dp, d);
+                let f = Math.max(this.dp, d);
+                this.hl(e, f);
             }
             else {
-                this.dm = -1;
-                this.dl = -1;
+                this.dp = -1;
+                this.dn = -1;
                 this.cs.clear();
                 this.ct.clear();
             }
-            this.gu();
+            this.gx();
             return true;
         }
         cb(a, b) {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.d0();
-            let d = this.d2();
+            let c = this.d2();
+            let d = this.d4();
             let e = d - c;
-            let f = Math.min(d + 1, this.d4() - 1);
+            let f = Math.min(d + 1, this.d6() - 1);
             {
-                this.dt = f;
+                this.dv = f;
             }
-            this.fh(f, true);
+            this.fk(f, true);
             return true;
         }
         cc(a, b) {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.d0();
-            let d = this.d2();
+            let c = this.d2();
+            let d = this.d4();
             let e = d - c;
             let f = Math.max(c - e - 1, 0);
             {
-                this.dt = f;
+                this.dv = f;
             }
-            this.fh(f, false);
+            this.fk(f, false);
             return true;
         }
         cd(a, b) {
@@ -2341,46 +2359,46 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.dt;
+            let c = this.dv;
             if (c <= 0) {
                 return false;
             }
             let d = c - 1;
             if (b) {
-                d = this.d4() - 1;
+                d = this.d6() - 1;
             }
             if (b && this.ad == 2) {
-                d = (c - this.d5(c)) + this.cw.count;
-                if (d > this.d4() - 1) {
-                    d = this.d4() - 1;
+                d = (c - this.d7(c)) + this.cw.count;
+                if (d > this.d6() - 1) {
+                    d = this.d6() - 1;
                 }
             }
-            if (d > this.d4() - 1) {
-                d = this.d4() - 1;
+            if (d > this.d6() - 1) {
+                d = this.d6() - 1;
             }
             if (d == c) {
                 return false;
             }
-            this.dt = d;
+            this.dv = d;
             if (this.ay.a) {
-                this.fh(d, false);
+                this.fk(d, false);
             }
             this.bo = false;
             if (this.as == 2 && a) {
-                if (this.dm == -1) {
-                    this.dm = c;
+                if (this.dp == -1) {
+                    this.dp = c;
                 }
-                let e = Math.min(this.dm, d);
-                let f = Math.max(this.dm, d);
-                this.hi(e, f);
+                let e = Math.min(this.dp, d);
+                let f = Math.max(this.dp, d);
+                this.hl(e, f);
             }
             else {
-                this.dm = -1;
-                this.dl = -1;
+                this.dp = -1;
+                this.dn = -1;
                 this.cs.clear();
                 this.ct.clear();
             }
-            this.gu();
+            this.gx();
             return true;
         }
         cf(a, b) {
@@ -2392,7 +2410,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return this.cd(a, b);
         }
-        gx() {
+        g0() {
         }
         cg(a, b) {
             if (this.ad == 1) {
@@ -2401,7 +2419,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (this.r == 0 || this.b1()) {
                 return false;
             }
-            let c = this.dt;
+            let c = this.dv;
             if (c <= 0) {
                 return false;
             }
@@ -2421,26 +2439,26 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (d == c) {
                 return false;
             }
-            this.dt = d;
+            this.dv = d;
             if (this.ay.a) {
-                this.fh(d, false);
+                this.fk(d, false);
             }
             this.bo = false;
             if (this.as == 2 && a) {
-                if (this.dm == -1) {
-                    this.dm = c;
+                if (this.dp == -1) {
+                    this.dp = c;
                 }
-                let e = Math.min(this.dm, d);
-                let f = Math.max(this.dm, d);
-                this.hi(e, f);
+                let e = Math.min(this.dp, d);
+                let f = Math.max(this.dp, d);
+                this.hl(e, f);
             }
             else {
-                this.dm = -1;
-                this.dl = -1;
+                this.dp = -1;
+                this.dn = -1;
                 this.cs.clear();
                 this.ct.clear();
             }
-            this.gu();
+            this.gx();
             return true;
         }
         b5(a, b) {
@@ -2455,7 +2473,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
         ce(a, b) {
             return false;
         }
-        fu() {
+        fx() {
             this.view.v();
         }
         get bw() {
@@ -2464,7 +2482,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
         set bw(a) {
             this.bf = a;
         }
-        fg(a = false) {
+        fj(a = false) {
             this.cm.clear();
             this.cn.clear();
             this.co.clear();
@@ -2472,10 +2490,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
             this.bb = true;
             this.bc = a;
         }
-        fq() {
+        ft() {
             if (this.bb) {
                 this.bw = true;
-                this.hp(this.cm, this.cn, this.co, this.cp);
+                this.hs(this.cm, this.cn, this.co, this.cp);
                 this.bw = false;
             }
             this.bb = false;
@@ -2487,10 +2505,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let b = this.bl;
             this.bl = a;
             if (b != this.bl) {
-                this.gl("NotifyOnAllSelectionChanges", b, this.bl);
+                this.go("NotifyOnAllSelectionChanges", b, this.bl);
             }
         }
-        hp(a, b, c, d) {
+        hs(a, b, c, d) {
             if (a.count == 0 && b.count == 0 && c.count == 0 && d.count == 0) {
                 return;
             }
@@ -2520,10 +2538,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
             this.b2 = e;
-            this.gp(c, a);
-            this.gs(d, b);
+            this.gs(c, a);
+            this.gv(d, b);
         }
-        hg(a, b) {
+        hj(a, b) {
             this.bo = true;
             if (!this.bw && this.actualDataSource != null) {
                 if (!this.bp) {
@@ -2595,7 +2613,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
         }
-        hh(a, b) {
+        hk(a, b) {
             if (!this.bw && this.actualDataSource != null) {
                 if (!this.bp) {
                     this.bp = true;
@@ -2603,7 +2621,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                         case 0:
                             if (b.newItems != null) {
                                 for (let c = 0; c < b.newItems.count; c++) {
-                                    let d = this.eg(b.newItems.item(c));
+                                    let d = this.ei(b.newItems.item(c));
                                     this.ai.ae.insert1(c + b.newStartingIndex, d);
                                 }
                             }
@@ -2623,7 +2641,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                             }
                             if (b.newItems != null) {
                                 for (let g = 0; g < b.newItems.count; g++) {
-                                    let h = this.eg(b.newItems.item(g));
+                                    let h = this.ei(b.newItems.item(g));
                                     this.ai.ae.insert1(g + b.newStartingIndex, h);
                                 }
                             }
@@ -2631,7 +2649,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                         case 4:
                             this.ai.clear();
                             for (let i of fromEnum(this.al.ae)) {
-                                let j = this.eg(i);
+                                let j = this.ei(i);
                                 this.ai.add1(j);
                             }
                             break;
@@ -2668,10 +2686,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 }
             }
         }
-        hm(a, b) {
-            this.g0();
+        hp(a, b) {
+            this.g3();
         }
-        gn(a, b) {
+        gq(a, b) {
             if (a == null) {
                 let c = this.al.ae.indexOf(b);
                 if (c > -1 && this.ai.ae.count > 0) {
@@ -2683,21 +2701,21 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             this.bw = true;
             if (!this.bb) {
-                this.ff(a, b, true);
+                this.fi(a, b, true);
             }
             else {
                 this.cm.add1(a);
                 this.cn.add(b);
                 if (this.bc) {
-                    this.ff(a, b, false);
+                    this.fi(a, b, false);
                 }
             }
             this.bw = false;
         }
-        hn(a, b) {
-            this.g0();
+        hq(a, b) {
+            this.g3();
         }
-        go(a, b) {
+        gr(a, b) {
             if (a == null) {
                 let c = this.al.ae.indexOf(b);
                 if (c > -1 && this.ai.ae.count > 0) {
@@ -2709,18 +2727,18 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             this.bw = true;
             if (!this.bb) {
-                this.g9(a, b, true);
+                this.hc(a, b, true);
             }
             else {
                 this.co.add1(a);
                 this.cp.add(b);
                 if (this.bc) {
-                    this.g9(a, b, false);
+                    this.hc(a, b, false);
                 }
             }
             this.bw = false;
         }
-        ff(a, b, c) {
+        fi(a, b, c) {
             let d = this.b2;
             this.b2 = false;
             if (!this.bp) {
@@ -2729,11 +2747,11 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             this.b2 = d;
             if (c) {
-                this.gq(null, a);
-                this.gr(null, b);
+                this.gt(null, a);
+                this.gu(null, b);
             }
         }
-        ho(a, b, c) {
+        hr(a, b, c) {
             let d = this.b2;
             this.b2 = false;
             let e = this.ai.ae._inner[a];
@@ -2741,9 +2759,9 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.ai.ae._inner[a] = b;
             }
             this.b2 = d;
-            this.gq(b, b);
+            this.gt(b, b);
         }
-        g9(a, b, c) {
+        hc(a, b, c) {
             let d = this.b2;
             this.b2 = false;
             if (!this.bp) {
@@ -2752,11 +2770,11 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             this.b2 = d;
             if (c) {
-                this.gq(a, null);
-                this.gr(b, null);
+                this.gt(a, null);
+                this.gu(b, null);
             }
         }
-        gq(a, b) {
+        gt(a, b) {
             if (!this.cl && this.selectedItemsChanged != null) {
                 let c = new ListPanelSelectedItemsChangedEventArgs();
                 c.currentItems = this.ai;
@@ -2773,7 +2791,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.selectedItemsChanged(this, c);
             }
         }
-        gr(a, b) {
+        gu(a, b) {
             if (!this.cl && this.selectedKeysChanged != null) {
                 let c = new ListPanelSelectedKeysChangedEventArgs();
                 c.currentKeys = this.al;
@@ -2790,7 +2808,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.selectedKeysChanged(this, c);
             }
         }
-        gp(a, b) {
+        gs(a, b) {
             if (!this.cl && this.selectedItemsChanged != null) {
                 let c = new ListPanelSelectedItemsChangedEventArgs();
                 c.currentItems = this.ai;
@@ -2805,7 +2823,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.selectedItemsChanged(this, c);
             }
         }
-        gs(a, b) {
+        gv(a, b) {
             if (!this.cl && this.selectedKeysChanged != null) {
                 let c = new ListPanelSelectedKeysChangedEventArgs();
                 c.currentKeys = this.al;
@@ -2822,7 +2840,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 this.selectedKeysChanged(this, c);
             }
         }
-        fm() {
+        fp() {
             if (this.as == 1 || this.as == 2) {
                 if (this.ai.ae.count > 0) {
                     let a = new List$1(Base.$, 0);
@@ -2838,8 +2856,8 @@ export let ListPanel = /*@__PURE__*/ (() => {
                     this.aq.af();
                     this.cl = false;
                     this.bw = false;
-                    this.gp(a, null);
-                    this.gs(b, null);
+                    this.gs(a, null);
+                    this.gv(b, null);
                     this.aq.z(-1);
                 }
             }
@@ -2848,12 +2866,12 @@ export let ListPanel = /*@__PURE__*/ (() => {
             if (this.actualDataSource == null) {
                 return 0;
             }
-            if (a < 0 || a >= this.d4()) {
+            if (a < 0 || a >= this.d6()) {
                 return 0;
             }
             return this.actualDataSource.getRowType(a);
         }
-        d9(a, b, c, d) {
+        eb(a, b, c, d) {
             if (this.actualDataSource == null || c < 0) {
                 return -1;
             }
@@ -2884,79 +2902,79 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return -1;
         }
-        ei(a) {
+        ek(a) {
             if (a < 0 || a > this.actualDataSource.actualCount - 1) {
                 return null;
             }
             return this.actualDataSource.getItemAtIndex(a);
         }
-        dx(a, b, c, d) {
-            let e = this.d9(a, b, c, d);
+        dz(a, b, c, d) {
+            let e = this.eb(a, b, c, d);
             if (e >= 0) {
                 return e;
             }
-            return this.d8(b);
+            return this.ea(b);
         }
-        d4() {
+        d6() {
             if (this.actualDataSource == null) {
                 return 0;
             }
             return this.actualDataSource.actualCount;
         }
-        ej(a) {
+        el(a) {
             let b = a.v;
             if (b < 0 || b > this.actualDataSource.actualCount - 1) {
                 return null;
             }
             return this.actualDataSource.getItemAtIndex(b);
         }
-        gt(a, b, c) {
+        gw(a, b, c) {
             this.bw = true;
-            this.ho(a, b, c);
+            this.hr(a, b, c);
             this.bw = false;
         }
-        hk(a, b) {
-            this.g0();
+        hn(a, b) {
+            this.g3();
         }
-        gb(a) {
+        ge(a) {
             if (!this.bq) {
-                this.dt = a;
+                this.dv = a;
             }
             if (this.activeRowChanged != null) {
                 let b = new ListPanelActiveRowChangedEventArgs();
-                b.newActiveRow = this.dt;
-                b.oldActiveRow = this.dg;
+                b.newActiveRow = this.dv;
+                b.oldActiveRow = this.di;
                 this.activeRowChanged(this, b);
             }
-            this.gc();
+            this.gf();
         }
-        hl(a, b) {
-            this.g0();
+        ho(a, b) {
+            this.g3();
         }
-        ge(a) {
-            let b = this.dt;
+        gh(a) {
+            let b = this.dv;
             if (!this.bq) {
-                this.dt = a;
+                this.dv = a;
             }
             if (this.activeRowChanged != null) {
                 let c = new ListPanelActiveRowChangedEventArgs();
-                c.newActiveRow = this.dt;
+                c.newActiveRow = this.dv;
                 c.oldActiveRow = b;
                 this.activeRowChanged(this, c);
             }
-            this.gc();
+            this.gf();
         }
-        gc() {
+        gf() {
         }
         ck(a) {
-            let b = this.dv(a);
+            let b = this.dx(a);
             if (b == -1) {
                 return false;
             }
-            this.hd(b);
+            this.hg(b);
             return true;
         }
-        gj(a, b, c, d) {
+        gm(a, b, c, d) {
             if (this.by) {
                 let e = this.y(a);
                 this.x = e;
@@ -2979,12 +2997,12 @@ export let ListPanel = /*@__PURE__*/ (() => {
             let c = b.y + this.ay.d.top;
             let d = b.x + this.ay.d.left;
             let e = this.cz;
-            let f = this.c4;
+            let f = this.c5;
             let g = a.v;
             let h = -1;
             if (this.ad == 2) {
-                g = this.d7(g);
-                h = this.d6(g);
+                g = this.d9(g);
+                h = this.d8(g);
                 e = this.cw._inner[h].a;
             }
             if (this.bz) {
@@ -2998,23 +3016,23 @@ export let ListPanel = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        gk(a, b, c, d) {
+        gn(a, b, c, d) {
             if (this.by) {
                 let e = this.y(a);
                 if (e != null && e == this.x) {
-                    this.gd(e, b, c, d);
+                    this.gg(e, b, c, d);
                 }
             }
         }
-        gd(a, b, c, d) {
+        gg(a, b, c, d) {
             if (b) {
-                this.dm = -1;
-                this.dl = -1;
+                this.dp = -1;
+                this.dn = -1;
                 this.cs.clear();
                 this.ct.clear();
                 this.bo = false;
                 this.aq.o(a, c, d, this.an == 0);
-                this.gu();
+                this.gx();
                 if (this.r == 1) {
                     this.p.n(a);
                 }
@@ -3030,7 +3048,7 @@ export let ListPanel = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        fo(a) {
+        fr(a) {
             for (let b = 0; b < this.a2.o.count; b++) {
                 if (this.a2.p._inner[b]) {
                     continue;
@@ -3042,10 +3060,10 @@ export let ListPanel = /*@__PURE__*/ (() => {
         }
     }
     ListPanel.$t = /*@__PURE__*/ markType(ListPanel, 'ListPanel', Base.$, [INotifyPropertyChanged_$type]);
-    ListPanel.hy = null;
+    ListPanel.h1 = null;
     ListPanel.ac = 0;
     ListPanel.bt = false;
-    ListPanel.hz = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
+    ListPanel.h2 = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     return ListPanel;
 })();
 /**
@@ -3075,19 +3093,19 @@ export let ListPanelDataSourceNotificationBridge = /*@__PURE__*/ (() => {
             this.a = a;
         }
         rangeActualized(a, b) {
-            this.a.gg(a, b);
+            this.a.gj(a, b);
         }
         notifySetItem(a, b, c) {
-            this.a.gv(a, b, c);
+            this.a.gy(a, b, c);
         }
         notifyClearItems() {
-            this.a.gf();
+            this.a.gi();
         }
         notifyInsertItem(a, b) {
-            this.a.gi(a, b);
+            this.a.gl(a, b);
         }
         notifyRemoveItem(a, b) {
-            this.a.gm(a, b);
+            this.a.gp(a, b);
         }
     }
     ListPanelDataSourceNotificationBridge.$t = /*@__PURE__*/ markType(ListPanelDataSourceNotificationBridge, 'ListPanelDataSourceNotificationBridge', Base.$, [IDataSourceUpdateNotifier_$type]);
@@ -3125,14 +3143,14 @@ export let ListPanelLayoutPanel = /*@__PURE__*/ (() => {
                 if (!isNaN_(a.absoluteWidth)) {
                     b.b.a.ae = a.absoluteWidth;
                 }
-                b.b.a.y = a.c5(b.v);
+                b.b.a.y = a.c6(b.v);
             }
             else if (a.ad == 2) {
-                b.b.a.ae = a.c6(b.v);
-                b.b.a.y = a.c5(b.v);
+                b.b.a.ae = a.c7(b.v);
+                b.b.a.y = a.c6(b.v);
             }
             else {
-                b.b.a.ae = a.c6(b.v);
+                b.b.a.ae = a.c7(b.v);
                 b.b.a.y = a.absoluteHeight;
             }
             if (b.o) {
@@ -3372,8 +3390,8 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                 let f = this.a.al.al(c);
                 if (f >= 0) {
                     if (this.a.ai.ae._inner[f] == null) {
-                        let g = this.a.ej(a);
-                        this.a.gt(f, g, c);
+                        let g = this.a.el(a);
+                        this.a.gw(f, g, c);
                     }
                 }
             }
@@ -3434,13 +3452,13 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     h.add(f._inner[j]);
                     i.add(this.d.q._inner[j]);
                 }
-                this.a.fg();
+                this.a.fj();
                 this.d.g = true;
                 for (let k = 0; k < h.count; k++) {
                     this.ad(h._inner[k], i._inner[k], false);
                 }
                 this.d.g = false;
-                this.a.fq();
+                this.a.ft();
             }
             if (c == null || b) {
                 return;
@@ -3457,7 +3475,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     let f = typeCast(DataSourceSpecialRow.$, a.value[0]);
                     if (f.targetRow != null) {
                         let g = this.a.ae(this.a.e(), f.targetRow);
-                        let h = this.a.d9(this.a.e(), g, this.a.d0(), this.a.d2());
+                        let h = this.a.eb(this.a.e(), g, this.a.d2(), this.a.d4());
                         this.y(g, h, f.targetRow, true);
                     }
                     e = true;
@@ -3466,7 +3484,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
             }
             let i = null;
             if (!e) {
-                i = this.a.ei(b);
+                i = this.a.ek(b);
             }
             this.y(a, b, i, d);
         }
@@ -3479,12 +3497,12 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                         e = true;
                     }
                     if (e) {
-                        this.a.hm(this.a, b);
+                        this.a.hp(this.a, b);
                     }
                 }
             }
             if (d) {
-                this.a.gn(c, a);
+                this.a.gq(c, a);
             }
         }
         ae(a, b, c, d) {
@@ -3498,13 +3516,13 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     if (e) {
                         let f = this.a.af(this.a.e(), b);
                         if (f != null && f.equals(a) && b >= 0) {
-                            this.a.hn(this.a, b);
+                            this.a.hq(this.a, b);
                         }
                     }
                 }
             }
             if (d) {
-                this.a.go(c, a);
+                this.a.gr(c, a);
             }
         }
         ad(a, b, c) {
@@ -3515,7 +3533,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     let f = typeCast(DataSourceSpecialRow.$, a.value[0]);
                     if (f.targetRow != null) {
                         let g = this.a.ae(this.a.e(), f.targetRow);
-                        let h = this.a.d9(this.a.e(), g, this.a.d0(), this.a.d2());
+                        let h = this.a.eb(this.a.e(), g, this.a.d2(), this.a.d4());
                         this.ae(g, h, f.targetRow, true);
                     }
                     e = true;
@@ -3524,7 +3542,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
             }
             let i = null;
             if (!e) {
-                i = this.a.ei(b);
+                i = this.a.ek(b);
             }
             this.ae(a, b, i, d);
         }
@@ -3538,7 +3556,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     e = this.d.item(d);
                 }
                 if (e == -1) {
-                    e = this.a.d9(this.a.e(), d, this.a.d0(), this.a.d2());
+                    e = this.a.eb(this.a.e(), d, this.a.d2(), this.a.d4());
                 }
                 if (!b.containsKey(d)) {
                     b.addItem(d, e);
@@ -3572,7 +3590,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                         o = this.d.item(n);
                     }
                     if (o == -1) {
-                        o = this.a.dx(this.a.e(), n, this.a.d0(), this.a.d2());
+                        o = this.a.dz(this.a.e(), n, this.a.d2(), this.a.d4());
                     }
                     this.ad(n, o, false);
                 }
@@ -3684,13 +3702,13 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                 }
                 let d = this.d.o._inner[c];
                 a.add(this.d.item(d));
-                let e = this.a.d9(this.a.e(), d, this.a.d0(), this.a.d2());
+                let e = this.a.eb(this.a.e(), d, this.a.d2(), this.a.d4());
                 b.add_1(e);
                 this.d.item(d, -1);
             }
             for (let f = 0; f < a.count; f++) {
                 if (!b.contains(a._inner[f])) {
-                    this.a.hn(this.a, a._inner[f]);
+                    this.a.hq(this.a, a._inner[f]);
                 }
             }
         }
@@ -3727,7 +3745,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     $ret.d = Math.max(this.m, a.v);
                     return $ret;
                 })());
-                this.a.fg();
+                this.a.fj();
                 if (this.b != null) {
                     for (let f = this.b.f; f <= this.b.d; f++) {
                         if (!e.b(f)) {
@@ -3744,7 +3762,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                         this.x(i, h, false);
                     }
                 }
-                this.a.fq();
+                this.a.ft();
                 this.b = e;
             }
         }
@@ -3752,8 +3770,8 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
             if (this.a.actualDataSource == null) {
                 return;
             }
-            this.a.fg();
-            let a = this.a.d4();
+            this.a.fj();
+            let a = this.a.d6();
             for (let b = 0; b < a; b++) {
                 let c = this.a.actualDataSource.getItemAtIndex(b);
                 if (typeCast(DataSourceSpecialRow.$, c) !== null) {
@@ -3764,7 +3782,7 @@ export let ListPanelSelectionManager = /*@__PURE__*/ (() => {
                     this.x(d, b, false);
                 }
             }
-            this.a.fq();
+            this.a.ft();
         }
     }
     ListPanelSelectionManager.$t = /*@__PURE__*/ markType(ListPanelSelectionManager, 'ListPanelSelectionManager');
@@ -3879,12 +3897,12 @@ export let ListPanelActivationManager = /*@__PURE__*/ (() => {
             if (a != this.g) {
                 this.g = a;
                 if (a >= 0) {
-                    if (a >= 0 && a < this.a.d4()) {
+                    if (a >= 0 && a < this.a.d6()) {
                     }
-                    this.a.hk(this.a, a);
+                    this.a.hn(this.a, a);
                 }
                 if (b) {
-                    this.a.gb(a);
+                    this.a.ge(a);
                 }
             }
         }
@@ -3894,14 +3912,14 @@ export let ListPanelActivationManager = /*@__PURE__*/ (() => {
                 if (a >= 0) {
                     {
                         {
-                            if (a >= 0 && a < this.a.d4()) {
+                            if (a >= 0 && a < this.a.d6()) {
                             }
-                            this.a.hl(this.a, a);
+                            this.a.ho(this.a, a);
                         }
                     }
                 }
                 if (b) {
-                    this.a.ge(a);
+                    this.a.gh(a);
                 }
             }
         }