igniteui-webcomponents-data-grids 7.1.0-alpha.0 → 7.1.0-alpha.2

package/esm5/lib/CheckboxListView_combined.js

@@ -102,13 +102,13 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxListView.prototype.ad = function (a) {
         var b = a.rootWrapper.getChildAt(0);
         this.l = b;
-        this.c.x = new XInputGroup();
+        this.c.y = new XInputGroup();
         var c = a.getSubRenderer(b);
-        this.c.x.provideContainer(c);
-        var d = c.getExternal(this.c.x, c.rootWrapper, c.getExternal(this.c, null, null));
-        this.c.x.d = this.c.z;
-        this.c.x.p = this.c.baseTheme;
-        this.c.x.t = this.c.density;
+        this.c.y.provideContainer(c);
+        var d = c.getExternal(this.c.y, c.rootWrapper, c.getExternal(this.c, null, null));
+        this.c.y.d = this.c.aa;
+        this.c.y.p = this.c.baseTheme;
+        this.c.y.t = this.c.density;
         var e = a.createElement("div");
         var f = a.getSubRenderer(e);
         var g = new XPrefix();
@@ -119,35 +119,34 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.d = new XIcon();
         this.d.provideContainer(j);
         this.d.fill = this.c.searchIconColor;
-        this.d.svgPath = CheckboxList.cr;
+        this.d.svgPath = CheckboxList.cw;
         var k = f.getExternal(this.d, j.rootWrapper, j.getExternal(this.c, null, null));
         g.appendContentChild(i);
-        this.c.x.appendContentChild(e);
-        this.c.x.inputs.add(g);
+        this.c.y.appendContentChild(e);
+        this.c.y.inputs.add(g);
         var l = a.createElement("div");
         l.setRawStyleProperty("flex-grow", "1");
         var m = a.getSubRenderer(l);
-        this.c.v = new XInput();
-        this.c.v.provideContainer(m);
-        this.c.v.b8 = "text";
-        var n = m.getExternal(this.c.v, m.rootWrapper, m.getExternal(this.c, null, null));
-        if (this.c.ca != null) {
-            this.c.v.cg = this.c.ca;
+        this.c.w = new XInput();
+        this.c.w.provideContainer(m);
+        this.c.w.b8 = "text";
+        var n = m.getExternal(this.c.w, m.rootWrapper, m.getExternal(this.c, null, null));
+        if (this.c.cf != null) {
+            this.c.w.cg = this.c.cf;
         }
-        this.c.x.appendContentChild(l);
-        this.c.x.inputs.add(this.c.v);
-        this.c.dw();
+        this.c.y.appendContentChild(l);
+        this.c.y.inputs.add(this.c.w);
+        this.c.d2();
     };
     CheckboxListView.prototype.z = function () {
         if (this.j != null) {
             var a = this.j.rootWrapper.getChildAt(3);
             a.setStyleProperty("width", "100%");
-            a.setStyleProperty("margin", "4px 0px 0px 0px");
-            if (!this.c.a7 && !this.c.showSelectAll) {
+            if (!this.c.a8 && !this.c.showSelectAll) {
                 a.setStyleProperty("height", "100%");
             }
             else {
-                var b = this.c.bd();
+                var b = this.c.be();
                 a.setStyleProperty("height", "calc(100% - " + b + "px");
             }
         }
@@ -188,7 +187,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             var h = d.z;
             try {
                 d.z = true;
-                d.ar = this.c.bb;
+                d.ar = this.c.bc;
                 d.a4 = b;
                 if (c) {
                     if (this.c.indexType == 0) {
@@ -210,11 +209,11 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             finally {
                 d.z = h;
             }
-            d.dk = this.c.e3;
-            d.dd = this.c.e1;
-            d.dl = this.c.e4;
-            d.de = this.c.e2;
-            d.dm = this.c.e5;
+            d.dk = this.c.e9;
+            d.dd = this.c.e7;
+            d.dl = this.c.fa;
+            d.de = this.c.e8;
+            d.dm = this.c.fb;
         }
     };
     CheckboxListView.prototype.u = function (a, b, c, d, e, f, g, h, i, j, k) {
@@ -257,7 +256,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             n.a8 = 16;
             n.a7 = 2;
             n.svgPath = "<svg width=\"16\" height=\"16\" viewBox=\"0 2 24 24\" fill=\"none\" stroke=\"rgba(0, 0, 0, 255)\" xmlns=\"http://www.w3.org/2000/svg\">\r\n" + "<path d=\"M20 11.1205L16.2166 14.8795L12.4575 11.1205\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n" + "</svg>\r\n";
-            n.ea = BrushUtil.j(120, 0, 0, 0);
+            n.ea = BrushUtil.l(120, 0, 0, 0);
             n.a4 = DeviceUtils.g(1);
             r.setStyleProperty("display", "flex");
             r.setStyleProperty("height", "100%");
@@ -282,8 +281,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (l != null) {
             try {
                 o.svg = null;
-                o.df = null;
-                o.bf = null;
+                o.bg = null;
+                o.bh = null;
                 var x = e != null ? e : ((function () {
                     var $ret = new FontInfo();
                     $ret.f = g;
@@ -301,7 +300,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 y.setStyleProperty("width", z ? "24px" : "0px");
                 if (i != null) {
                     aa = true;
-                    o.df = i;
+                    o.bg = i;
                     var ab = ((function () {
                         var $ret = new DataContext();
                         $ret.series = _this;
@@ -314,7 +313,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                         })());
                         return $ret;
                     })());
-                    o.bf = ab;
+                    o.bh = ab;
                 }
                 else if (h != null) {
                     var ac = typeCast(IDataLegendTarget_$type, h);
@@ -325,8 +324,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                             var ag = af.getDataLegendSeriesTitle();
                             if (c == ag || c + " " + d == ag) {
                                 aa = true;
-                                o.df = af.getDataLegendBadge();
-                                o.bf = af.getDataLegendBadgeContext();
+                                o.bg = af.getDataLegendBadge();
+                                o.bh = af.getDataLegendBadgeContext();
                                 break;
                             }
                         }
@@ -341,10 +340,10 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                     o.a9 = 24;
                     o.a5 = 24;
                     o.a8 = 24;
-                    o.d3 = BrushUtil.j(0, 255, 255, 255);
-                    o.fill = BrushUtil.j(0, 255, 255, 255);
-                    o.ea = BrushUtil.j(0, 255, 255, 255);
-                    o.d4 = BrushUtil.j(0, 255, 255, 255);
+                    o.d3 = BrushUtil.l(0, 255, 255, 255);
+                    o.fill = BrushUtil.l(0, 255, 255, 255);
+                    o.ea = BrushUtil.l(0, 255, 255, 255);
+                    o.d4 = BrushUtil.l(0, 255, 255, 255);
                     o.svg = k;
                 }
                 if (!aa) {
@@ -366,7 +365,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 m.ak = true;
                 m.y = x;
                 m.text = d;
-                m.dj = BrushUtil.j(180, 0, 0, 0);
+                m.dj = BrushUtil.l(180, 0, 0, 0);
                 m.l = 0;
             }
             finally {
@@ -402,6 +401,9 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxListView.prototype.ae = function () {
+        if (this.n != null) {
+            this.n.setStyleProperty("height", this.c.bl + "px");
+        }
     };
     CheckboxListView.prototype.o = function (a, b) {
         var c = a;
@@ -409,21 +411,21 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var e = c.checked;
         if (e == true) {
             if (this.c.indexType == 0) {
-                this.c.ea(d);
+                this.c.eg(d);
             }
             else {
-                this.c.c5(d);
+                this.c.da(d);
             }
         }
         else {
             if (this.c.indexType == 0) {
-                this.c.c5(d);
+                this.c.da(d);
             }
             else {
-                this.c.ea(d);
+                this.c.eg(d);
             }
         }
-        this.c.ds(d, e);
+        this.c.dy(d, e);
         this.an(false);
     };
     CheckboxListView.prototype.q = function () {
@@ -437,7 +439,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.c.ds(e, b);
+                    this.c.dy(e, b);
                 }
             }
         }
@@ -482,7 +484,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxListView.prototype.w = function (a) {
         this.n = a;
         if (null != this.n) {
-            this.n.setStyleProperty("margin", "5px 0px 4px 0px");
+            this.n.setStyleProperty("margin", 0 + "px 0px " + 0 + "px 0px");
+            this.ae();
         }
     };
     CheckboxListView.prototype.ao = function () {
@@ -497,7 +500,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = this.j.getExternal(this.b, c.rootWrapper, this.j.getExternal(this.c, null, null));
         this.b.n = this.c.baseTheme;
         this.m = a.createElement("label");
-        this.m.setRawText(this.c.cv);
+        this.m.setRawText(this.c.c0);
         this.m.setStyleProperty("font-size", "13px");
         this.n.setStyleProperty("display", "flex");
         this.n.setStyleProperty("flex-direction", "row");
@@ -513,8 +516,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CheckboxListView.prototype.am = function () {
         if (null != this.m) {
-            this.m.setRawText(this.c.cv);
-            NativeUI.q(this.m, this.c.ez);
+            this.m.setRawText(this.c.c0);
+            NativeUI.r(this.m, this.c.e5);
         }
     };
     CheckboxListView.prototype.ap = function () {
@@ -525,10 +528,10 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CheckboxListView.prototype.al = function () {
         if (this.l != null) {
-            this.l.setStyleProperty("display", this.c.a7 ? "block" : "none");
+            this.l.setStyleProperty("display", this.c.a8 ? "block" : "none");
         }
         if (this.k != null) {
-            this.k.setStyleProperty("display", this.c.a7 ? "block" : "none");
+            this.k.setStyleProperty("display", this.c.a8 ? "block" : "none");
         }
     };
     CheckboxListView.prototype.an = function (a) {
@@ -543,7 +546,7 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = this.b.z;
         this.b.z = a;
         try {
-            if (this.c.a4) {
+            if (this.c.a5) {
                 this.b.indeterminate = true;
                 return;
             }
@@ -565,12 +568,12 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (b.isChecked) {
-            this.c.ed();
-            this.c.d1(b.isChecked);
+            this.c.ej();
+            this.c.d7(b.isChecked);
         }
         else {
-            this.c.db();
-            this.c.d1(b.isChecked);
+            this.c.dg();
+            this.c.d7(b.isChecked);
         }
     };
     CheckboxListView.prototype.ak = function () {
@@ -580,8 +583,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.q(b, this.c.fh);
-            NativeUI.m(b, this.c.backgroundColor);
+            NativeUI.r(b, this.c.fp);
+            NativeUI.n(b, this.c.backgroundColor);
         }
     };
     CheckboxListView.prototype.ai = function () {
@@ -590,8 +593,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxListView.prototype.aj = function () {
-        if (this.c.an != null) {
-            this.m.setStyleProperty("font", this.c.an.fontString);
+        if (this.c.ao != null) {
+            this.m.setStyleProperty("font", this.c.ao.fontString);
         }
         else {
             this.m.setStyleProperty("font-family", "Verdana");
@@ -602,19 +605,20 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.b == null) {
             return;
         }
-        this.b.dk = this.c.e3;
-        this.b.dd = this.c.e1;
-        this.b.dl = this.c.e4;
-        this.b.de = this.c.e2;
-        this.b.dm = this.c.e5;
+        this.b.dk = this.c.e9;
+        this.b.dd = this.c.e7;
+        this.b.dl = this.c.fa;
+        this.b.de = this.c.e8;
+        this.b.dm = this.c.fb;
     };
     CheckboxListView.prototype.ah = function (a) {
         if (this.k != null) {
-            NativeUI.w(this.k, a);
+            NativeUI.y(this.k, a);
         }
     };
     CheckboxListView.prototype.v = function (a) {
         this.k = a;
+        this.ah(new Thickness(1, 0, DeviceUtils.g(3), 0, DeviceUtils.g(0)));
     };
     CheckboxListView.prototype.aq = function () {
         return new Size(1, this.j.rootWrapper.width(), this.j.rootWrapper.height());
@@ -633,8 +637,8 @@ export var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         try {
             for (var _b = __values(fromEnum(this.g)), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var a = _c.value;
-                a.value.df = null;
-                a.value.bf = null;
+                a.value.bg = null;
+                a.value.bh = null;
             }
         }
         catch (e_4_1) {
@@ -668,73 +672,74 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     function CheckboxList() {
         var _this = _super.call(this) || this;
         _this._view = null;
-        _this.f = null;
-        _this.j = null;
-        _this.aj = null;
-        _this.ah = null;
+        _this.g = null;
+        _this.k = null;
         _this.ak = null;
         _this.ai = null;
+        _this.al = null;
+        _this.aj = null;
         _this.d = null;
-        _this.ar = false;
-        _this.c = null;
-        _this.u = null;
-        _this.w = null;
         _this.as = false;
-        _this.ap = null;
-        _this.g = new GridSelectedKeysCollection();
+        _this.c = null;
+        _this.v = null;
+        _this.x = null;
+        _this.at = false;
+        _this.aq = null;
+        _this.h = new GridSelectedKeysCollection();
         _this.a = null;
         _this.propertyChanged = null;
         _this.selectedKeyAdded = null;
         _this.selectedKeyRemoved = null;
         _this.checkedChanged = null;
         _this.labelClicked = null;
+        _this.av = false;
         _this.au = false;
-        _this.at = false;
-        _this.bk = null;
-        _this.bo = null;
-        _this.bj = null;
-        _this.bs = null;
-        _this.bq = null;
-        _this.br = null;
         _this.bp = null;
-        _this.y = 3;
-        _this.bf = -1;
-        _this.al = null;
-        _this.l = 1;
-        _this.ad = 1;
-        _this.af = 2;
-        _this.ev = BrushUtil.j(255, 24, 29, 31);
-        _this.et = null;
-        _this.aw = true;
-        _this.ew = null;
-        _this.eu = null;
+        _this.bt = null;
+        _this.bo = null;
+        _this.bx = null;
+        _this.bv = null;
+        _this.bw = null;
+        _this.bu = null;
+        _this.z = 3;
+        _this.bk = -1;
         _this.am = null;
-        _this.eo = null;
-        _this.em = null;
-        _this.ep = null;
-        _this.en = null;
-        _this.eq = null;
-        _this.ba = NaN;
-        _this.ab = 0;
+        _this.m = 1;
+        _this.ae = 1;
+        _this.ag = 2;
+        _this.e1 = BrushUtil.l(255, 24, 29, 31);
+        _this.ez = null;
+        _this.ax = true;
+        _this.e2 = null;
+        _this.e0 = null;
+        _this.an = null;
+        _this.eu = null;
         _this.es = null;
+        _this.ev = null;
+        _this.et = null;
+        _this.ew = null;
+        _this.bb = NaN;
+        _this.f = null;
+        _this.ac = 0;
+        _this.ey = null;
         _this.indexTypeChanged = null;
-        _this.av = false;
-        _this.cu = null;
-        _this.ex = null;
-        _this.ek = CheckboxList.e8;
-        _this.a8 = true;
-        _this.el = CheckboxList.e6;
-        _this.er = CheckboxList.e7;
-        _this.ey = CheckboxList.e8;
+        _this.aw = false;
+        _this.cz = null;
+        _this.e3 = null;
+        _this.eq = CheckboxList.ff;
+        _this.a9 = true;
+        _this.er = CheckboxList.fc;
+        _this.ex = CheckboxList.fe;
+        _this.e4 = CheckboxList.ff;
         _this.keysCleared = null;
         _this.selectAllCheckboxChanged = null;
-        _this.bh = -1;
-        _this.a6 = true;
-        _this.a2 = true;
-        _this.ax = false;
-        var a = _this.g;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.d4));
-        _this.g.am(runOn(_this, _this.d3));
+        _this.bm = -1;
+        _this.a7 = true;
+        _this.a3 = true;
+        _this.ay = false;
+        var a = _this.h;
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ea));
+        _this.h.am(runOn(_this, _this.d9));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
         b.c = _this;
@@ -752,50 +757,50 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "x", {
+    Object.defineProperty(CheckboxList.prototype, "y", {
         get: function () {
-            return this.w;
+            return this.x;
         },
         set: function (a) {
-            this.w = a;
+            this.x = a;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "v", {
+    Object.defineProperty(CheckboxList.prototype, "w", {
         get: function () {
-            return this.u;
+            return this.v;
         },
         set: function (a) {
-            this.u = a;
+            this.v = a;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "e", {
         get: function () {
-            if (this.f == null) {
+            if (this.g == null) {
                 return null;
             }
-            return this.f.actualDataSource;
+            return this.g.actualDataSource;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "aq", {
+    Object.defineProperty(CheckboxList.prototype, "ar", {
         get: function () {
-            if (this.ap == null) {
-                this.ap = new SRProvider(this.view.j);
-                this.ap.cb("DataGrid");
+            if (this.aq == null) {
+                this.aq = new SRProvider(this.view.j);
+                this.aq.cb("DataGrid");
             }
-            return this.ap;
+            return this.aq;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "keys", {
         get: function () {
-            return this.g;
+            return this.h;
         },
         enumerable: false,
         configurable: true
@@ -808,7 +813,7 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.dz("PrimaryKey", b, this.a);
+                this.d5("PrimaryKey", b, this.a);
             }
         },
         enumerable: false,
@@ -829,44 +834,44 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.removeSelectedKeyAt = function (a) {
         this.keys.removeAt(a);
     };
-    CheckboxList.prototype.d3 = function () {
-        this.dj();
+    CheckboxList.prototype.d9 = function () {
+        this.dq();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.d4 = function (a, b) {
-        if (this.e == null || this.e.actualSchema == null || this.ar) {
+    CheckboxList.prototype.ea = function (a, b) {
+        if (this.e == null || this.e.actualSchema == null || this.as) {
             return;
         }
         switch (b.action) {
             case 0:
                 for (var c = 0; c < b.newItems.count; c++) {
-                    this.dx(b.newItems.item(c));
+                    this.d3(b.newItems.item(c));
                 }
                 break;
             case 1:
                 for (var d = 0; d < b.oldItems.count; d++) {
-                    this.dy(b.oldItems.item(d));
+                    this.d4(b.oldItems.item(d));
                 }
                 break;
             case 2:
                 for (var e = 0; e < b.oldItems.count; e++) {
-                    this.dy(b.oldItems.item(e));
+                    this.d4(b.oldItems.item(e));
                 }
                 for (var f = 0; f < b.newItems.count; f++) {
-                    this.dx(b.newItems.item(f));
+                    this.d3(b.newItems.item(f));
                 }
                 break;
             case 4:
                 this.view.ab(this.indexType == 0);
                 for (var g = 0; g < this.keys.ae.count; g++) {
-                    this.dx(this.keys.ae._inner[g]);
+                    this.d3(this.keys.ae._inner[g]);
                 }
                 break;
         }
     };
-    CheckboxList.prototype.dx = function (a) {
+    CheckboxList.prototype.d3 = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
@@ -883,7 +888,7 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.dy = function (a) {
+    CheckboxList.prototype.d4 = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
@@ -900,8 +905,8 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.ds = function (a, b) {
-        if (this.checkedChanged != null && this.as == false) {
+    CheckboxList.prototype.dy = function (a, b) {
+        if (this.checkedChanged != null && this.at == false) {
             var c_1 = null;
             if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
                 c_1 = new Array(this.e.actualPrimaryKey.length);
@@ -922,135 +927,135 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.q();
     };
     CheckboxList.prototype.onAttachedToUI = function () {
-        this.au = false;
-        if (this.f != null) {
-            var a = this.f;
-            a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.df));
-            var b = this.f;
-            b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dg));
-            if (this.f.actualDataSource != null) {
-                var c = this.f.actualDataSource;
-                c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d0));
+        this.av = false;
+        if (this.g != null) {
+            var a = this.g;
+            a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dk));
+            var b = this.g;
+            b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dl));
+            if (this.g.actualDataSource != null) {
+                var c = this.g.actualDataSource;
+                c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d6));
             }
         }
-        if (this.u != null) {
-            var d = this.u;
-            d.changing = delegateCombine(d.changing, runOn(this, this.dh));
+        if (this.v != null) {
+            var d = this.v;
+            d.changing = delegateCombine(d.changing, runOn(this, this.dn));
         }
-        if (this.j != null) {
-            var e = this.j;
-            e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.c9));
+        if (this.k != null) {
+            var e = this.k;
+            e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.de));
         }
     };
     CheckboxList.prototype.onDetachedFromUI = function () {
-        this.au = true;
-        this.de();
-        this.dd();
+        this.av = true;
+        this.dj();
+        this.di();
     };
-    CheckboxList.prototype.de = function () {
-        if (this.f != null) {
-            var a = this.f;
-            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.df));
-            var b = this.f;
-            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dg));
-            if (this.f.actualDataSource != null) {
-                var c = this.f.actualDataSource;
-                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d0));
+    CheckboxList.prototype.dj = function () {
+        if (this.g != null) {
+            var a = this.g;
+            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dk));
+            var b = this.g;
+            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dl));
+            if (this.g.actualDataSource != null) {
+                var c = this.g.actualDataSource;
+                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d6));
             }
         }
-        if (this.u != null) {
-            var d = this.u;
-            d.changing = delegateRemove(d.changing, runOn(this, this.dh));
+        if (this.v != null) {
+            var d = this.v;
+            d.changing = delegateRemove(d.changing, runOn(this, this.dn));
         }
     };
-    CheckboxList.prototype.dd = function () {
-        if (this.j != null) {
-            var a = this.j;
-            a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.c9));
+    CheckboxList.prototype.di = function () {
+        if (this.k != null) {
+            var a = this.k;
+            a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.de));
         }
     };
     CheckboxList.prototype.destroy = function () {
-        this.at = true;
-        if (!this.au) {
-            this.de();
+        this.au = true;
+        if (!this.av) {
+            this.dj();
         }
         this.provideContainer(null, null, null);
-        if (!this.au) {
-            this.dd();
+        if (!this.av) {
+            this.di();
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "az", {
+    Object.defineProperty(CheckboxList.prototype, "a0", {
         get: function () {
-            return this.at || this.au;
+            return this.au || this.av;
         },
         enumerable: false,
         configurable: true
     });
     CheckboxList.prototype.provideContainer = function (a, b, c) {
-        this.f = b;
-        if (null != this.f) {
-            this.f.scrollbarStyle = 1;
-            var d = this.f;
-            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dg));
-            this.f.scrollbarBackground = this.fa;
-            this.f.headerHeight = 0;
-            this.f.rowSeparatorHeight = 0;
-            this.f.defaultColumnMinWidth = NaN;
-            this.f.autoGenerateColumns = false;
-            this.f.activationMode = 0;
-            this.f.selectionMode = 0;
-            this.f.editMode = 0;
-            var e = this.f;
-            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.df));
-            if (this.bk != null) {
-                this.f.itemsSource = this.bk;
-                this.c8();
-                this.d2();
-            }
-            if (this.bo != null) {
-                this.d2();
-                this.eg();
+        this.g = b;
+        if (null != this.g) {
+            this.g.scrollbarStyle = 1;
+            var d = this.g;
+            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dl));
+            this.g.scrollbarBackground = this.fi;
+            this.g.headerHeight = 0;
+            this.g.rowSeparatorHeight = 0;
+            this.g.defaultColumnMinWidth = NaN;
+            this.g.autoGenerateColumns = false;
+            this.g.activationMode = 0;
+            this.g.selectionMode = 0;
+            this.g.editMode = 0;
+            var e = this.g;
+            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dk));
+            if (this.bp != null) {
+                this.g.itemsSource = this.bp;
+                this.dd();
+                this.d8();
+            }
+            if (this.bt != null) {
+                this.d8();
+                this.em();
             }
         }
         this.view.w(c);
-        if (this.ay) {
-            this.ei();
+        if (this.az) {
+            this.eo();
         }
         this.view.r(a);
     };
-    CheckboxList.prototype.dg = function (a, b) {
-        this.f.scrollbarStyle = this.ac;
+    CheckboxList.prototype.dl = function (a, b) {
+        this.g.scrollbarStyle = this.ad;
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
         this.view.w(a);
     };
-    CheckboxList.prototype.df = function (a, b) {
-        if (!this.ay && b.cellInfo.l.a5 == 0 || this.ay && b.cellInfo.l.a5 == 1) {
+    CheckboxList.prototype.dk = function (a, b) {
+        if (!this.az && b.cellInfo.l.a5 == 0 || this.az && b.cellInfo.l.a5 == 1) {
             return;
         }
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
         }
-        var d = b.cellInfo.ig;
-        var e = this.i(d);
-        if (this.a5) {
+        var d = b.cellInfo.ih;
+        var e = this.j(d);
+        if (this.a6) {
             if (this.keys.contains(e)) {
-                if (this.aj != null) {
-                    this.aj.setPropertyValue(d, false);
+                if (this.ak != null) {
+                    this.ak.setPropertyValue(d, false);
                 }
                 this.keys.remove(e);
             }
             else {
-                if (this.aj != null) {
-                    this.aj.setPropertyValue(d, true);
+                if (this.ak != null) {
+                    this.ak.setPropertyValue(d, true);
                 }
                 this.keys.add(e);
             }
         }
-        this.dm(c, this.keys.contains(e));
+        this.dt(c, this.keys.contains(e));
     };
-    CheckboxList.prototype.dm = function (a, b) {
+    CheckboxList.prototype.dt = function (a, b) {
         var c = null;
         if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
             c = new Array(this.e.actualPrimaryKey.length);
@@ -1069,21 +1074,21 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.c9 = function (a, b) {
+    CheckboxList.prototype.de = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
         }
         var d = false;
-        if (b.cellInfo.ig != null) {
-            var e = this.i(b.cellInfo.ig);
+        if (b.cellInfo.ih != null) {
+            var e = this.j(b.cellInfo.ih);
             if (this.keys.contains(e)) {
                 d = true;
             }
         }
         this.view.t(b.content.element, c, d);
     };
-    CheckboxList.prototype.eh = function (a, b) {
+    CheckboxList.prototype.en = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -1093,13 +1098,13 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var f = null;
         var g = null;
         var h = null;
-        if (b.cellInfo.ig != null) {
-            d = this.ah.getPropertyValue(b.cellInfo.ig);
-            if (this.ak != null) {
-                e = this.ak.getPropertyValue(b.cellInfo.ig);
+        if (b.cellInfo.ih != null) {
+            d = this.ai.getPropertyValue(b.cellInfo.ih);
+            if (this.al != null) {
+                e = this.al.getPropertyValue(b.cellInfo.ih);
             }
-            if (this.ai != null) {
-                var i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.ai.getPropertyValue(b.cellInfo.ig));
+            if (this.aj != null) {
+                var i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.aj.getPropertyValue(b.cellInfo.ih));
                 if (i == 0) {
                     h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "string-field");
                 }
@@ -1111,31 +1116,31 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
             }
         }
-        this.view.u(b.content.element, c, d, e, this.al, "Verdana", 13, this.bj, f, g, h);
+        this.view.u(b.content.element, c, d, e, this.am, "Verdana", 13, this.bo, f, g, h);
     };
-    CheckboxList.prototype.du = function (a) {
-        if (this.bo != null) {
-            var b = this.d.property(this.bo).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+    CheckboxList.prototype.d0 = function (a) {
+        if (this.bt != null) {
+            var b = this.d.property(this.bt).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var c = b.contains(a);
-            if (!this.f.filterExpressions.k.contains(this.c)) {
+            if (!this.g.filterExpressions.k.contains(this.c)) {
                 this.c = c;
-                this.f.filterExpressions.add(this.c);
+                this.g.filterExpressions.add(this.c);
             }
             else {
-                var d = this.f.filterExpressions.k.indexOf(this.c);
-                this.f.filterExpressions.k.item(d, this.c = c);
+                var d = this.g.filterExpressions.k.indexOf(this.c);
+                this.g.filterExpressions.k.item(d, this.c = c);
             }
         }
     };
     Object.defineProperty(CheckboxList.prototype, "itemsSource", {
         get: function () {
-            return this.bk;
+            return this.bp;
         },
         set: function (a) {
-            var b = this.bk;
-            this.bk = a;
-            if (b != this.bk) {
-                this.dz("ItemsSource", b, this.bk);
+            var b = this.bp;
+            this.bp = a;
+            if (b != this.bp) {
+                this.d5("ItemsSource", b, this.bp);
             }
         },
         enumerable: false,
@@ -1143,55 +1148,55 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "dataMemberPath", {
         get: function () {
-            return this.bo;
+            return this.bt;
         },
         set: function (a) {
-            var b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.dz("DataMemberPath", b, this.bo);
+            var b = this.bt;
+            this.bt = a;
+            if (b != this.bt) {
+                this.d5("DataMemberPath", b, this.bt);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bl", {
+    Object.defineProperty(CheckboxList.prototype, "bq", {
         get: function () {
-            return this.bj;
+            return this.bo;
         },
         set: function (a) {
-            var b = this.bj;
-            this.bj = a;
-            if (b != this.bj) {
-                this.dz("DataLegendTarget", b, this.bj);
+            var b = this.bo;
+            this.bo = a;
+            if (b != this.bo) {
+                this.d5("DataLegendTarget", b, this.bo);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "c2", {
+    Object.defineProperty(CheckboxList.prototype, "c7", {
         get: function () {
-            return this.bs;
+            return this.bx;
         },
         set: function (a) {
-            var b = this.bs;
-            this.bs = a;
-            if (b != this.bs) {
-                this.dz("SubtitleMemberPath", b, this.bs);
+            var b = this.bx;
+            this.bx = a;
+            if (b != this.bx) {
+                this.d5("SubtitleMemberPath", b, this.bx);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ch", {
+    Object.defineProperty(CheckboxList.prototype, "cm", {
         get: function () {
-            return this.bq;
+            return this.bv;
         },
         set: function (a) {
-            var b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.dz("PropertyTypeMemberPath", b, this.bq);
+            var b = this.bv;
+            this.bv = a;
+            if (b != this.bv) {
+                this.d5("PropertyTypeMemberPath", b, this.bv);
             }
         },
         enumerable: false,
@@ -1199,91 +1204,91 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "selectedMemberPath", {
         get: function () {
-            return this.br;
+            return this.bw;
         },
         set: function (a) {
-            var b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.dz("SelectedMemberPath", b, this.br);
+            var b = this.bw;
+            this.bw = a;
+            if (b != this.bw) {
+                this.d5("SelectedMemberPath", b, this.bw);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ca", {
+    Object.defineProperty(CheckboxList.prototype, "cf", {
         get: function () {
-            return this.bp;
+            return this.bu;
         },
         set: function (a) {
-            var b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.dz("FilterPlaceholderText", b, this.bp);
+            var b = this.bu;
+            this.bu = a;
+            if (b != this.bu) {
+                this.d5("FilterPlaceholderText", b, this.bu);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "z", {
+    Object.defineProperty(CheckboxList.prototype, "aa", {
         get: function () {
-            return this.y;
+            return this.z;
         },
         set: function (a) {
-            var b = this.y;
-            this.y = a;
-            if (b != this.y) {
-                this.dz("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.y));
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.d5("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.z));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bi", {
+    Object.defineProperty(CheckboxList.prototype, "bn", {
         get: function () {
-            return this.bf;
+            return this.bk;
         },
         set: function (a) {
-            var b = this.bf;
-            this.bf = a;
-            if (b != this.bf) {
-                this.dz("RowHeight", b, this.bf);
+            var b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.d5("RowHeight", b, this.bk);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bg", {
+    Object.defineProperty(CheckboxList.prototype, "bl", {
         get: function () {
-            if (this.f != null) {
-                return this.f.actualRowHeight;
+            if (this.g != null) {
+                return this.g.actualRowHeight;
             }
-            else if (this.bf != -1) {
-                return this.bf;
+            else if (this.bk != -1) {
+                return this.bk;
             }
             else {
                 switch (this.density) {
                     case 4:
-                    case 3: return GridStyleRepository.q;
+                    case 3: return GridStyleRepository.l;
                     case 0:
-                    case 2: return GridStyleRepository.r;
-                    case 1: return GridStyleRepository.p;
+                    case 2: return GridStyleRepository.m;
+                    case 1: return GridStyleRepository.k;
                 }
-                return GridStyleRepository.r;
+                return GridStyleRepository.m;
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "an", {
+    Object.defineProperty(CheckboxList.prototype, "ao", {
         get: function () {
-            return this.al;
+            return this.am;
         },
         set: function (a) {
-            var b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.dz("CellTextStyle", b, this.al);
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.d5("CellTextStyle", b, this.am);
             }
         },
         enumerable: false,
@@ -1291,13 +1296,13 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "indexType", {
         get: function () {
-            return this.l;
+            return this.m;
         },
         set: function (a) {
-            var b = this.l;
-            this.l = a;
-            if (b != this.l) {
-                this.dz("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.l));
+            var b = this.m;
+            this.m = a;
+            if (b != this.m) {
+                this.d5("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.m));
             }
         },
         enumerable: false,
@@ -1305,13 +1310,13 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "baseTheme", {
         get: function () {
-            return this.ad;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.dz("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ad));
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.d5("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ae));
             }
         },
         enumerable: false,
@@ -1319,13 +1324,13 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "density", {
         get: function () {
-            return this.af;
+            return this.ag;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.dz("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.af));
+            var b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.d5("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ag));
             }
         },
         enumerable: false,
@@ -1333,41 +1338,41 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "searchIconColor", {
         get: function () {
-            return this.ev;
+            return this.e1;
         },
         set: function (a) {
-            var b = this.ev;
-            this.ev = a;
-            if (b != this.ev) {
-                this.dz("SearchIconColor", b, this.ev);
+            var b = this.e1;
+            this.e1 = a;
+            if (b != this.e1) {
+                this.d5("SearchIconColor", b, this.e1);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fb", {
+    Object.defineProperty(CheckboxList.prototype, "fj", {
         get: function () {
-            return this.et;
+            return this.ez;
         },
         set: function (a) {
-            var b = this.et;
-            this.et = a;
-            if (b != this.et) {
-                this.dz("SearchBackgroundColor", b, this.et);
+            var b = this.ez;
+            this.ez = a;
+            if (b != this.ez) {
+                this.d5("SearchBackgroundColor", b, this.ez);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a5", {
+    Object.defineProperty(CheckboxList.prototype, "a6", {
         get: function () {
-            return this.aw;
+            return this.ax;
         },
         set: function (a) {
-            var b = this.aw;
-            this.aw = a;
-            if (b != this.aw) {
-                this.dz("LabelClickTriggersChange", b, this.aw);
+            var b = this.ax;
+            this.ax = a;
+            if (b != this.ax) {
+                this.d5("LabelClickTriggersChange", b, this.ax);
             }
         },
         enumerable: false,
@@ -1375,197 +1380,197 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "searchTextColor", {
         get: function () {
-            return this.ew;
+            return this.e2;
         },
         set: function (a) {
-            var b = this.ew;
-            this.ew = a;
-            if (b != this.ew) {
-                this.dz("SearchTextColor", b, this.ew);
+            var b = this.e2;
+            this.e2 = a;
+            if (b != this.e2) {
+                this.d5("SearchTextColor", b, this.e2);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fc", {
+    Object.defineProperty(CheckboxList.prototype, "fk", {
         get: function () {
-            return this.eu;
+            return this.e0;
         },
         set: function (a) {
-            var b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.dz("SearchBorderColor", b, this.eu);
+            var b = this.e0;
+            this.e0 = a;
+            if (b != this.e0) {
+                this.d5("SearchBorderColor", b, this.e0);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ao", {
+    Object.defineProperty(CheckboxList.prototype, "ap", {
         get: function () {
-            return this.am;
+            return this.an;
         },
         set: function (a) {
-            var b = this.am;
-            this.am = a;
-            if (b != this.am) {
-                this.dz("SearchTextStyle", b, this.am);
+            var b = this.an;
+            this.an = a;
+            if (b != this.an) {
+                this.d5("SearchTextStyle", b, this.an);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e3", {
+    Object.defineProperty(CheckboxList.prototype, "e9", {
         get: function () {
-            return this.eo;
+            return this.eu;
         },
         set: function (a) {
-            var b = this.eo;
-            this.eo = a;
-            if (b != this.eo) {
-                this.dz("CheckboxTickColor", b, this.eo);
+            var b = this.eu;
+            this.eu = a;
+            if (b != this.eu) {
+                this.d5("CheckboxTickColor", b, this.eu);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e1", {
+    Object.defineProperty(CheckboxList.prototype, "e7", {
         get: function () {
-            return this.em;
+            return this.es;
         },
         set: function (a) {
-            var b = this.em;
-            this.em = a;
-            if (b != this.em) {
-                this.dz("CheckboxCheckedBackgroundColor", b, this.em);
+            var b = this.es;
+            this.es = a;
+            if (b != this.es) {
+                this.d5("CheckboxCheckedBackgroundColor", b, this.es);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e4", {
+    Object.defineProperty(CheckboxList.prototype, "fa", {
         get: function () {
-            return this.ep;
+            return this.ev;
         },
         set: function (a) {
-            var b = this.ep;
-            this.ep = a;
-            if (b != this.ep) {
-                this.dz("CheckboxUncheckedBackgroundColor", b, this.ep);
+            var b = this.ev;
+            this.ev = a;
+            if (b != this.ev) {
+                this.d5("CheckboxUncheckedBackgroundColor", b, this.ev);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e2", {
+    Object.defineProperty(CheckboxList.prototype, "e8", {
         get: function () {
-            return this.en;
+            return this.et;
         },
         set: function (a) {
-            var b = this.en;
-            this.en = a;
-            if (b != this.en) {
-                this.dz("CheckboxCheckedBorderColor", b, this.en);
+            var b = this.et;
+            this.et = a;
+            if (b != this.et) {
+                this.d5("CheckboxCheckedBorderColor", b, this.et);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e5", {
+    Object.defineProperty(CheckboxList.prototype, "fb", {
         get: function () {
-            return this.eq;
+            return this.ew;
         },
         set: function (a) {
-            var b = this.eq;
-            this.eq = a;
-            if (b != this.eq) {
-                this.dz("CheckboxUncheckedBorderColor", b, this.eq);
+            var b = this.ew;
+            this.ew = a;
+            if (b != this.ew) {
+                this.d5("CheckboxUncheckedBorderColor", b, this.ew);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bb", {
+    Object.defineProperty(CheckboxList.prototype, "bc", {
         get: function () {
-            return this.ba;
+            return this.bb;
         },
         set: function (a) {
-            var b = this.ba;
-            this.ba = a;
-            if (b != this.ba) {
-                this.dz("CheckboxCornerRadius", b, this.ba);
+            var b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.d5("CheckboxCornerRadius", b, this.bb);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ac", {
+    Object.defineProperty(CheckboxList.prototype, "ad", {
         get: function () {
-            return this.ab;
+            return this.ac;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.dz("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ab));
+            var b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.d5("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ac));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fa", {
+    Object.defineProperty(CheckboxList.prototype, "fi", {
         get: function () {
-            return this.es;
+            return this.ey;
         },
         set: function (a) {
-            var b = this.es;
-            this.es = a;
-            if (b != this.es) {
-                this.dz("ScrollbarBackground", b, this.es);
+            var b = this.ey;
+            this.ey = a;
+            if (b != this.ey) {
+                this.d5("ScrollbarBackground", b, this.ey);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.dz = function (a, b, c) {
+    CheckboxList.prototype.d5 = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.d5(a, b, c);
+        this.eb(a, b, c);
     };
-    CheckboxList.prototype.d5 = function (a, b, c) {
+    CheckboxList.prototype.eb = function (a, b, c) {
         switch (a) {
             case "IndexType":
                 this.keys.clear();
-                this.dj();
+                this.dq();
                 if (this.keysCleared != null) {
                     this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                 }
                 this.view.an();
-                this.dv(b, c);
+                this.d1(b, c);
                 break;
             case "ItemsSource":
-                if (this.f != null) {
+                if (this.g != null) {
                     this.indexType = 1;
                     if (c != null) {
-                        this.f.groupDescriptions.n();
-                        this.f.sortDescriptions.n();
-                        this.f.filterExpressions.clear();
-                        this.f.summaryDescriptions.n();
+                        this.g.groupDescriptions.n();
+                        this.g.sortDescriptions.n();
+                        this.g.filterExpressions.clear();
+                        this.g.summaryDescriptions.n();
                     }
-                    if (this.f.actualDataSource != null && !this.az) {
-                        var d = this.f.actualDataSource;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d0));
+                    if (this.g.actualDataSource != null && !this.a0) {
+                        var d = this.g.actualDataSource;
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d6));
                     }
-                    this.f.itemsSource = this.bk;
-                    this.c8();
-                    if (this.f.actualDataSource != null && !this.az) {
-                        var e = this.f.actualDataSource;
-                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d0));
+                    this.g.itemsSource = this.bp;
+                    this.dd();
+                    if (this.g.actualDataSource != null && !this.a0) {
+                        var e = this.g.actualDataSource;
+                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d6));
                     }
-                    this.as = true;
-                    this.d2();
-                    this.as = false;
+                    this.at = true;
+                    this.d8();
+                    this.at = false;
                     this.view.an();
                 }
                 break;
@@ -1573,20 +1578,20 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "SelectedMemberPath":
             case "SubtitleMemberPath":
             case "PropertyTypeMemberPath":
-                if (this.f != null) {
-                    if (this.bo != null) {
-                        this.d2();
-                        this.eg();
+                if (this.g != null) {
+                    if (this.bt != null) {
+                        this.d8();
+                        this.em();
                     }
                 }
                 break;
             case "PrimaryKey":
-                if (this.f != null) {
-                    this.f.primaryKey = this.primaryKey;
+                if (this.g != null) {
+                    this.g.primaryKey = this.primaryKey;
                 }
                 break;
             case "SelectAllCaptionTextColor":
-                this.ez = null != this.ff ? this.ff : CheckboxList.e8;
+                this.e5 = null != this.fn ? this.fn : this.fg();
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
@@ -1601,75 +1606,76 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.view.z();
                 break;
             case "FilterPlaceholderText":
-                if (this.u != null) {
-                    this.u.cg = this.ca;
+                if (this.v != null) {
+                    this.v.cg = this.cf;
                 }
                 break;
             case "SearchInputType":
-                if (this.w != null) {
-                    this.w.d = this.z;
+                if (this.x != null) {
+                    this.x.d = this.aa;
                 }
                 break;
             case "RowHeight":
-                if (this.f != null) {
-                    this.f.rowHeight = this.bi;
+                if (this.g != null) {
+                    this.g.rowHeight = this.bn;
                 }
                 break;
             case "CellTextStyle":
-                if (this.f != null) {
-                    this.f.cellTextStyle = this.an;
+                if (this.g != null) {
+                    this.g.cellTextStyle = this.ao;
                 }
                 this.view.aj();
                 break;
             case "BackgroundColor":
             case "TextColor":
             case "RowHoverBackgroundColor":
-                var f = this.f;
+                var f = this.g;
                 if (null != f) {
-                    f.cellTextColor = this.fh;
+                    f.cellTextColor = this.fp;
                     f.cellBackground = this.backgroundColor;
+                    f.background = this.backgroundColor;
                     f.cellSelectedBackground = this.backgroundColor;
                     f.rowHoverBackground = this.rowHoverBackgroundColor;
                 }
                 this.view.ak();
                 break;
             case "BaseTheme":
-                this.ef();
+                this.el();
                 break;
             case "Density":
-                this.ee();
+                this.ek();
                 break;
             case "IsRowHoverEnabled":
-                if (this.f != null) {
-                    this.f.isRowHoverEnabled = this.a3;
+                if (this.g != null) {
+                    this.g.isRowHoverEnabled = this.a4;
                 }
                 break;
             case "ScrollbarStyle":
-                if (this.f != null) {
-                    this.f.scrollbarStyle = this.ac;
+                if (this.g != null) {
+                    this.g.scrollbarStyle = this.ad;
                 }
                 break;
             case "ScrollbarBackground":
-                if (this.f != null) {
-                    this.f.scrollbarBackground = this.fa;
+                if (this.g != null) {
+                    this.g.scrollbarBackground = this.fi;
                 }
                 break;
             case "SearchIconColor":
                 this.view.ai();
                 break;
             case "SearchBackgroundColor":
-                this.x.mc = this.fb;
+                this.y.mc = this.fj;
                 break;
             case "SearchBorderColor":
-                this.x.md = this.fc;
+                this.y.md = this.fk;
                 break;
             case "SearchTextColor":
-                if (this.v != null) {
-                    this.v.d8 = this.searchTextColor;
+                if (this.w != null) {
+                    this.w.d8 = this.searchTextColor;
                 }
                 break;
             case "SearchTextStyle":
-                this.v.af = this.ao;
+                this.w.af = this.ap;
                 break;
             case "CheckboxTickColor":
             case "CheckboxCheckedBackgroundColor":
@@ -1678,41 +1684,41 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "CheckboxUncheckedBorderColor":
             case "CheckboxCornerRadius":
                 this.view.af();
-                if (this.f != null) {
-                    this.f.xx();
+                if (this.g != null) {
+                    this.g.yv();
                 }
                 break;
             case "CheckboxAlignedRight":
-                if (this.f != null) {
-                    this.ei();
+                if (this.g != null) {
+                    this.eo();
                 }
                 break;
             case "DataLegendTarget":
-                if (this.f != null) {
-                    this.f.xx();
+                if (this.g != null) {
+                    this.g.yv();
                 }
                 break;
         }
     };
-    CheckboxList.prototype.ei = function () {
-        if (this.f.actualColumns.count == 0) {
+    CheckboxList.prototype.eo = function () {
+        if (this.g.actualColumns.count == 0) {
             return;
         }
-        var a = this.f.actualColumns._inner[0];
-        var b = this.f.actualColumns._inner[1];
-        var c = this.f.actualColumns._inner[2];
-        this.f.actualColumns.clear();
-        if (this.ay) {
-            this.f.columns.add(b);
-            this.f.columns.add(a);
+        var a = this.g.actualColumns._inner[0];
+        var b = this.g.actualColumns._inner[1];
+        var c = this.g.actualColumns._inner[2];
+        this.g.actualColumns.clear();
+        if (this.az) {
+            this.g.columns.add(b);
+            this.g.columns.add(a);
         }
         else {
-            this.f.columns.add(a);
-            this.f.columns.add(b);
+            this.g.columns.add(a);
+            this.g.columns.add(b);
         }
-        this.f.columns.add(c);
+        this.g.columns.add(c);
     };
-    CheckboxList.prototype.dv = function (a, b) {
+    CheckboxList.prototype.d1 = function (a, b) {
         if (this.indexTypeChanged != null) {
             this.indexTypeChanged(this, ((function () {
                 var $ret = new CheckboxListIndexTypeChangedEventArgs();
@@ -1722,71 +1728,75 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.ee = function () {
-        if (this.f != null) {
-            this.f.density = this.density;
+    CheckboxList.prototype.ek = function () {
+        if (this.g != null) {
+            this.g.density = this.density;
         }
-        if (this.w != null) {
-            this.w.t = this.density;
+        if (this.x != null) {
+            this.x.t = this.density;
         }
         this.view.ae();
+        this.view.z();
     };
-    CheckboxList.prototype.ef = function () {
-        if (this.w != null) {
-            this.w.p = this.baseTheme;
+    CheckboxList.prototype.el = function () {
+        if (this.x != null) {
+            this.x.p = this.baseTheme;
         }
-        if (this.v != null) {
-            this.v.d8 = this.searchTextColor;
+        if (this.w != null) {
+            this.w.d8 = this.searchTextColor;
         }
-        if (this.f != null) {
-            this.f.cellTextColor = this.fh;
-            this.f.cellBackground = this.backgroundColor;
-            this.f.cellSelectedBackground = this.backgroundColor;
-            this.f.rowHoverBackground = this.rowHoverBackgroundColor;
+        if (this.g != null) {
+            this.g.theme = this.baseTheme;
+            this.g.cellTextColor = this.fp;
+            this.g.cellBackground = this.backgroundColor;
+            this.g.cellSelectedBackground = this.backgroundColor;
+            this.g.rowHoverBackground = this.rowHoverBackgroundColor;
+            this.g.background = this.backgroundColor;
         }
+        this.e5 = this.fn != null ? this.fn : this.fg();
         this.view.ag();
     };
-    CheckboxList.prototype.d0 = function (a, b) {
-        this.as = true;
-        this.c8();
+    CheckboxList.prototype.d6 = function (a, b) {
+        this.at = true;
+        this.dd();
         if (b.schema != null) {
-            this.d2();
+            this.d8();
             for (var c = 0; c < this.keys.count; c++) {
-                this.dx(this.keys._inner[c]);
+                this.d3(this.keys._inner[c]);
             }
             this.view.an();
         }
-        this.as = false;
+        this.at = false;
     };
-    CheckboxList.prototype.d2 = function () {
-        if (this.aj == null && this.br != null && this.br != "") {
-            this.aj = new FastReflectionHelper(false, this.br);
+    CheckboxList.prototype.d8 = function () {
+        if (this.ak == null && this.bw != null && this.bw != "") {
+            this.ak = new FastReflectionHelper(false, this.bw);
         }
-        if (this.ah == null && this.bo != null && this.bo != "") {
-            this.ah = new FastReflectionHelper(false, this.bo);
+        if (this.ai == null && this.bt != null && this.bt != "") {
+            this.ai = new FastReflectionHelper(false, this.bt);
         }
-        if (this.ak == null && this.bs != null && this.bs != "") {
-            this.ak = new FastReflectionHelper(false, this.bs);
+        if (this.al == null && this.bx != null && this.bx != "") {
+            this.al = new FastReflectionHelper(false, this.bx);
         }
-        if (this.ai == null && this.bq != null && this.bq != "") {
-            this.ai = new FastReflectionHelper(false, this.bq);
+        if (this.aj == null && this.bv != null && this.bv != "") {
+            this.aj = new FastReflectionHelper(false, this.bv);
         }
-        if (this.ah != null) {
-            this.ah.propertyName = this.bo;
+        if (this.ai != null) {
+            this.ai.propertyName = this.bt;
         }
-        if (this.ak != null) {
-            this.ak.propertyName = this.bs;
+        if (this.al != null) {
+            this.al.propertyName = this.bx;
         }
-        if (this.ai != null) {
-            this.ai.propertyName = this.bq;
+        if (this.aj != null) {
+            this.aj.propertyName = this.bv;
         }
-        if (this.bk != null && this.aj != null && this.f.actualDataSource.actualSchema != null) {
-            this.aj.propertyName = this.br;
-            var a = this.f.actualDataSource.actualCount;
+        if (this.bp != null && this.ak != null && this.g.actualDataSource.actualSchema != null) {
+            this.ak.propertyName = this.bw;
+            var a = this.g.actualDataSource.actualCount;
             for (var b = 0; b < a; b++) {
-                var c = this.f.actualDataSource.getItemAtIndex(b);
-                var d = this.i(c);
-                var e = this.aj.getPropertyValue(c);
+                var c = this.g.actualDataSource.getItemAtIndex(b);
+                var d = this.j(c);
+                var e = this.ak.getPropertyValue(c);
                 if (e == true) {
                     if (!this.keys.contains(d)) {
                         this.keys.add(d);
@@ -1798,83 +1808,96 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxList.prototype.eg = function () {
+    CheckboxList.prototype.em = function () {
         this.view.p();
-        this.f.columns.clear();
-        this.f.primaryKey = this.primaryKey;
-        this.f.isGroupRowSticky = false;
-        this.f.rowHeight = this.bi;
-        this.f.cellBackground = this.backgroundColor;
-        this.f.cellSelectedBackground = this.backgroundColor;
-        this.f.density = this.density;
-        this.f.isRowHoverEnabled = this.a3;
-        this.f.borderWidth = new Thickness(0, 0);
-        if (this.an != null) {
-            this.f.cellTextStyle = this.an;
+        this.g.columns.clear();
+        this.g.primaryKey = this.primaryKey;
+        this.g.isGroupRowSticky = false;
+        this.g.rowHeight = this.bn;
+        this.g.background = this.backgroundColor;
+        this.g.cellBackground = this.backgroundColor;
+        this.g.cellSelectedBackground = this.backgroundColor;
+        this.g.theme = this.baseTheme;
+        this.g.density = this.density;
+        this.g.isRowHoverEnabled = this.a4;
+        this.g.borderWidth = new Thickness(0, 0);
+        if (this.ao != null) {
+            this.g.cellTextStyle = this.ao;
         }
         var a = new TemplateColumn();
-        if (this.br == null) {
-            this.br = "";
+        if (this.bw == null) {
+            this.bw = "";
         }
-        a.l7 = this.br;
-        a.my = "CheckboxColumn";
+        a.nf = this.bw;
+        a.n6 = "CheckboxColumn";
         var b = new ColumnWidth();
         b.c = false;
         b.f = 28;
         a.width = b;
-        a.k0 = 0;
-        a.k1 = 0;
-        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.c9));
-        this.j = a;
-        this.f.columns.add(a);
-        var c = this.f.actualDataSource.resolveSchemaPropertyType(this.bo);
-        if ((this.bs != null || this.bq != null) && (c == 0 || c == 11 || c == 2)) {
+        a.lj = 0;
+        a.lk = 0;
+        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.de));
+        this.k = a;
+        this.g.columns.add(a);
+        var c = this.g.actualDataSource.resolveSchemaPropertyType(this.bt);
+        if ((this.bx != null || this.bv != null) && (c == 0 || c == 11 || c == 2)) {
             var d = new TemplateColumn();
-            d.l7 = this.bo;
-            d.my = "DataColumn";
-            d.k0 = 0;
+            d.nf = this.bt;
+            d.n6 = "DataColumn";
+            d.lj = 0;
             d.g = 0;
-            d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.eh));
-            this.f.columns.add(d);
+            d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.en));
+            this.g.columns.add(d);
         }
         else {
             var e = void 0;
-            switch (c) {
-                case 8:
-                case 9:
-                    e = new DateTimeColumn();
-                    break;
-                case 1:
-                case 3:
-                case 4:
-                case 5:
-                case 6:
-                case 7:
-                case 10:
-                    e = new NumericColumn();
-                    break;
-                case 2:
-                case 11:
-                case 0:
-                default:
-                    e = new TextColumn();
-                    break;
+            if (this.f != null) {
+                e = this.f.h0();
+                e.onAttachingOverride = delegateCombine(e.onAttachingOverride, runOn(this, this.dm));
             }
-            e.l7 = this.bo;
-            e.my = "DataColumn";
-            e.k0 = 0;
+            else {
+                switch (c) {
+                    case 8:
+                    case 9:
+                        e = new DateTimeColumn();
+                        break;
+                    case 1:
+                    case 3:
+                    case 4:
+                    case 5:
+                    case 6:
+                    case 7:
+                    case 10:
+                        e = new NumericColumn();
+                        break;
+                    case 2:
+                    case 11:
+                    case 0:
+                    default:
+                        e = new TextColumn();
+                        break;
+                }
+            }
+            e.nf = this.bt;
+            e.n6 = "DataColumn";
+            e.lj = 0;
             e.g = 0;
-            this.f.columns.add(e);
+            this.g.columns.add(e);
         }
         var f = new TemplateColumn();
         var g = new ColumnWidth();
         g.c = false;
         g.f = 10;
-        f.l7 = "PaddingColumn";
-        f.my = "PaddingColumn";
-        f.k0 = 0;
+        f.nf = "PaddingColumn";
+        f.n6 = "PaddingColumn";
+        f.lj = 0;
         f.width = g;
-        this.f.columns.add(f);
+        this.g.columns.add(f);
+    };
+    CheckboxList.prototype.dm = function (a, b) {
+        var c = b.b;
+        c.g1 = 0;
+        c.g = 0;
     };
     CheckboxList.prototype.updateHrMargin = function (a) {
         this.view.ah(a);
@@ -1882,18 +1905,18 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.provideHrElement = function (a) {
         this.view.v(a);
     };
-    CheckboxList.prototype.dw = function () {
-        if (!this.az) {
-            var a = this.v;
-            a.changing = delegateCombine(a.changing, runOn(this, this.dh));
+    CheckboxList.prototype.d2 = function () {
+        if (!this.a0) {
+            var a = this.w;
+            a.changing = delegateCombine(a.changing, runOn(this, this.dn));
         }
-        this.ef();
+        this.el();
     };
-    CheckboxList.prototype.dh = function (a, b) {
+    CheckboxList.prototype.dn = function (a, b) {
         var c = b.value.toLowerCase();
-        this.du(c);
+        this.d0(c);
     };
-    CheckboxList.prototype.i = function (a) {
+    CheckboxList.prototype.j = function (a) {
         if (this.primaryKey == null) {
             return PrimaryKeyValue.createIdentityKey(a);
         }
@@ -1905,81 +1928,81 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new PrimaryKeyValue(b, c);
     };
-    CheckboxList.prototype.ea = function (a) {
-        this.ar = true;
+    CheckboxList.prototype.eg = function (a) {
+        this.as = true;
         var b = this.e.getItemAtIndex(a);
-        if (this.aj != null) {
-            this.aj.setPropertyValue(b, false);
+        if (this.ak != null) {
+            this.ak.setPropertyValue(b, false);
         }
-        var c = this.i(b);
+        var c = this.j(b);
         this.keys.remove(c);
-        this.ar = false;
+        this.as = false;
     };
-    CheckboxList.prototype.c5 = function (a) {
-        this.ar = true;
+    CheckboxList.prototype.da = function (a) {
+        this.as = true;
         var b = this.e.getItemAtIndex(a);
-        if (this.aj != null) {
-            this.aj.setPropertyValue(b, true);
+        if (this.ak != null) {
+            this.ak.setPropertyValue(b, true);
         }
-        var c = this.i(b);
+        var c = this.j(b);
         this.keys.add(c);
-        this.ar = false;
+        this.as = false;
     };
-    CheckboxList.prototype.ed = function () {
+    CheckboxList.prototype.ej = function () {
         this.indexType = 0;
         this.keys.clear();
-        this.dj();
+        this.dq();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.db = function () {
+    CheckboxList.prototype.dg = function () {
         this.indexType = 1;
         this.keys.clear();
-        this.dj();
+        this.dq();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.dp = function (a, b, c) {
-        if (this.f != null) {
-            this.f.notifySetItem(a, b, c);
+    CheckboxList.prototype.dv = function (a, b, c) {
+        if (this.g != null) {
+            this.g.notifySetItem(a, b, c);
         }
     };
-    CheckboxList.prototype.dk = function () {
-        if (this.f != null) {
-            this.f.notifyClearItems();
+    CheckboxList.prototype.dr = function () {
+        if (this.g != null) {
+            this.g.notifyClearItems();
         }
     };
-    CheckboxList.prototype.dj = function () {
-        if (this.f != null) {
-            this.f.invalidateVisibleRows();
+    CheckboxList.prototype.dq = function () {
+        if (this.g != null) {
+            this.g.invalidateVisibleRows();
         }
     };
-    CheckboxList.prototype.dl = function (a, b) {
-        if (this.f != null) {
-            this.f.notifyInsertItem(a, b);
+    CheckboxList.prototype.ds = function (a, b) {
+        if (this.g != null) {
+            this.g.notifyInsertItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.dn = function (a, b) {
-        if (this.f != null) {
-            this.f.notifyRemoveItem(a, b);
+    CheckboxList.prototype.du = function (a, b) {
+        if (this.g != null) {
+            this.g.notifyRemoveItem(a, b);
         }
         ;
     };
     CheckboxList.prototype.refresh = function () {
-        if (this.av) {
+        if (this.aw) {
             return;
         }
-        if (this.f != null) {
-            this.av = true;
+        if (this.g != null) {
+            this.aw = true;
             this.view.x();
-            this.f.refresh();
-            this.av = false;
+            this.g.refresh();
+            this.aw = false;
         }
     };
-    CheckboxList.prototype.c6 = function (a) {
+    CheckboxList.prototype.db = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -1991,15 +2014,15 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             throw new ArgumentException(1, "value length must match PrimaryKey length");
         }
         if (b != null) {
-            if (this.aj != null) {
+            if (this.ak != null) {
                 var c = this.e.indexOfKey(a);
                 var d = this.e.getItemAtIndex(c);
-                this.aj.setPropertyValue(d, true);
+                this.ak.setPropertyValue(d, true);
             }
             this.keys.add(b);
         }
     };
-    CheckboxList.prototype.eb = function (a) {
+    CheckboxList.prototype.eh = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -2011,24 +2034,24 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             throw new ArgumentException(1, "value length must match PrimaryKey length");
         }
         if (this.keys.contains(b)) {
-            if (this.aj != null) {
+            if (this.ak != null) {
                 var c = this.e.indexOfKey(a);
                 var d = this.e.getItemAtIndex(c);
-                this.aj.setPropertyValue(d, false);
+                this.ak.setPropertyValue(d, false);
             }
             this.keys.remove(b);
         }
     };
     CheckboxList.prototype.getDesiredSize = function (a) {
-        var b = 248;
+        var b = 200;
         var c = 0;
-        var d = this.bd();
+        var d = this.be();
         var e = 5;
-        if (this.f != null && this.f.actualDataSource != null && this.f.actualDataSource.actualCount > 0) {
-            e = this.f.actualDataSource.actualCount;
+        if (this.g != null && this.g.actualDataSource != null && this.g.actualDataSource.actualCount > 0) {
+            e = this.g.actualDataSource.actualCount;
         }
-        var f = this.bg * e;
-        var g = this.bg * (this.showSelectAll ? 4 : 5);
+        var f = this.bl * e;
+        var g = this.bl * (this.showSelectAll ? 4 : 5);
         var h = f > g ? g : f;
         var i = d + h;
         if (isPositiveInfinity(a.height)) {
@@ -2045,26 +2068,25 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new Size(1, b, c);
     };
-    CheckboxList.prototype.bd = function () {
+    CheckboxList.prototype.be = function () {
         var a = 0;
         a += ComponentSizeHelpers.d(this.density, this.baseTheme);
         a += ComponentSizeHelpers.c(this.density, this.baseTheme);
-        a += (0.8 + 6);
-        a += 4;
+        a += (1 + 3 + 0);
         if (this.showSelectAll) {
-            a += this.bg;
+            a += this.bl + 0 + 0;
         }
         a += 4;
         return a;
     };
-    CheckboxList.prototype.bm = function () {
-        return this.k();
+    CheckboxList.prototype.br = function () {
+        return this.l();
     };
-    CheckboxList.prototype.b9 = function () {
-        var a = this.k();
+    CheckboxList.prototype.ce = function () {
+        var a = this.l();
         return a.i();
     };
-    CheckboxList.prototype.k = function () {
+    CheckboxList.prototype.l = function () {
         var a = new CheckboxListVisualModelExport();
         var b = this.view.a();
         a.g = b[0];
@@ -2073,64 +2095,64 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.e = c.height;
         a.h = c.width;
         a.c = this.baseTheme;
-        a.d = this.bg;
-        a.a = AppearanceHelper.a(this.ez);
+        a.d = this.bl;
+        a.a = AppearanceHelper.a(this.e5);
         a.b = AppearanceHelper.a(this.backgroundColor);
         return a;
     };
-    Object.defineProperty(CheckboxList.prototype, "cv", {
+    Object.defineProperty(CheckboxList.prototype, "c0", {
         get: function () {
-            return this.cu != null ? this.cu : !stringIsNullOrWhiteSpace(this.aq.b1("Select_All")) ? this.aq.b1("Select_All") : "(Select All)";
+            return this.cz != null ? this.cz : !stringIsNullOrWhiteSpace(this.ar.b1("Select_All")) ? this.ar.b1("Select_All") : "(Select All)";
         },
         set: function (a) {
-            if (a == this.cu) {
+            if (a == this.cz) {
                 return;
             }
-            var b = this.cu;
-            this.cu = a;
-            this.dz("SelectAllCaption", b, this.cu);
+            var b = this.cz;
+            this.cz = a;
+            this.d5("SelectAllCaption", b, this.cz);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ff", {
+    Object.defineProperty(CheckboxList.prototype, "fn", {
         get: function () {
-            return this.ex;
+            return this.e3;
         },
         set: function (a) {
-            var b = this.ex;
-            this.ex = a;
-            if (b != this.ex) {
-                this.dz("SelectAllCaptionTextColor", b, a);
+            var b = this.e3;
+            this.e3 = a;
+            if (b != this.e3) {
+                this.d5("SelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ez", {
+    Object.defineProperty(CheckboxList.prototype, "e5", {
         get: function () {
-            return this.ek;
+            return this.eq;
         },
         set: function (a) {
-            var b = this.ek;
-            this.ek = a;
-            if (b != this.ek) {
-                this.dz("ActualSelectAllCaptionTextColor", b, a);
+            var b = this.eq;
+            this.eq = a;
+            if (b != this.eq) {
+                this.d5("ActualSelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a4", {
+    Object.defineProperty(CheckboxList.prototype, "a5", {
         get: function () {
-            if (-1 == this.bh) {
+            if (-1 == this.bm) {
                 return false;
             }
             var a = this.keys.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.bh) {
+            if (a == this.bm) {
                 return false;
             }
             return true;
@@ -2140,28 +2162,28 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "showSelectAll", {
         get: function () {
-            return this.a8;
+            return this.a9;
         },
         set: function (a) {
-            if (a == this.a8) {
+            if (a == this.a9) {
                 return;
             }
-            var b = this.a8;
-            this.a8 = a;
-            this.dz("showSelectAll", b, this.a8);
+            var b = this.a9;
+            this.a9 = a;
+            this.d5("showSelectAll", b, this.a9);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "backgroundColor", {
         get: function () {
-            return this.el;
+            return this.er;
         },
         set: function (a) {
-            var b = this.el;
-            this.el = a;
-            if (b != this.el) {
-                this.dz("BackgroundColor", b, a);
+            var b = this.er;
+            this.er = a;
+            if (b != this.er) {
+                this.d5("BackgroundColor", b, a);
             }
         },
         enumerable: false,
@@ -2169,33 +2191,40 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "rowHoverBackgroundColor", {
         get: function () {
-            return this.er;
+            return this.ex;
         },
         set: function (a) {
-            var b = this.er;
-            this.er = a;
-            if (b != this.er) {
-                this.dz("RowHoverBackgroundColor", b, a);
+            var b = this.ex;
+            this.ex = a;
+            if (b != this.ex) {
+                this.d5("RowHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fh", {
+    CheckboxList.prototype.fg = function () {
+        switch (this.baseTheme) {
+            case 6:
+            case 4: return CheckboxList.fd;
+        }
+        return CheckboxList.ff;
+    };
+    Object.defineProperty(CheckboxList.prototype, "fp", {
         get: function () {
-            return this.ey;
+            return this.e4;
         },
         set: function (a) {
-            var b = this.ey;
-            this.ey = a;
-            if (b != this.ey) {
-                this.dz("TextColor", b, a);
+            var b = this.e4;
+            this.e4 = a;
+            if (b != this.e4) {
+                this.d5("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.d1 = function (a) {
+    CheckboxList.prototype.d7 = function (a) {
         if (this.selectAllCheckboxChanged != null) {
             this.selectAllCheckboxChanged(this, ((function () {
                 var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -2204,92 +2233,93 @@ export var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.a1 = function () {
-        if (-1 == this.bh) {
+    CheckboxList.prototype.a2 = function () {
+        if (-1 == this.bm) {
             return true;
         }
         var a = this.keys.count;
         switch (this.indexType) {
-            case 0: return this.bh == a;
+            case 0: return this.bm == a;
             case 1: return 0 == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.a0 = function () {
-        if (-1 == this.bh) {
+    CheckboxList.prototype.a1 = function () {
+        if (-1 == this.bm) {
             return false;
         }
         var a = this.keys.count;
         switch (this.indexType) {
             case 0: return 0 == a;
-            case 1: return this.bh == a;
+            case 1: return this.bm == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.c8 = function () {
-        var a = this.f.actualDataSource;
+    CheckboxList.prototype.dd = function () {
+        var a = this.g.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
-                this.bh = -1;
+                this.bm = -1;
                 return;
             }
             var b = a.actualCount;
-            this.bh = b;
+            this.bm = b;
         }
         else {
-            this.bh = -1;
+            this.bm = -1;
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "a7", {
+    Object.defineProperty(CheckboxList.prototype, "a8", {
         get: function () {
-            return this.a6;
+            return this.a7;
         },
         set: function (a) {
-            if (a == this.a6) {
+            if (a == this.a7) {
                 return;
             }
-            var b = this.a6;
-            this.a6 = a;
-            this.dz("ShowFilter", b, this.a6);
+            var b = this.a7;
+            this.a7 = a;
+            this.d5("ShowFilter", b, this.a7);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a3", {
+    Object.defineProperty(CheckboxList.prototype, "a4", {
         get: function () {
-            return this.a2;
+            return this.a3;
         },
         set: function (a) {
-            if (a == this.a2) {
+            if (a == this.a3) {
                 return;
             }
-            var b = this.a2;
-            this.a2 = a;
-            this.dz("IsRowHoverEnabled", b, this.a2);
+            var b = this.a3;
+            this.a3 = a;
+            this.d5("IsRowHoverEnabled", b, this.a3);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ay", {
+    Object.defineProperty(CheckboxList.prototype, "az", {
         get: function () {
-            return this.ax;
+            return this.ay;
         },
         set: function (a) {
-            if (a == this.ax) {
+            if (a == this.ay) {
                 return;
             }
-            var b = this.ax;
-            this.ax = a;
-            this.dz("CheckboxAlignedRight", b, this.ax);
+            var b = this.ay;
+            this.ay = a;
+            this.d5("CheckboxAlignedRight", b, this.ay);
         },
         enumerable: false,
         configurable: true
     });
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.fg = BrushUtil.j(255, 24, 29, 31);
-    CheckboxList.cr = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
-    CheckboxList.e6 = BrushUtil.j(255, 248, 248, 248);
-    CheckboxList.e7 = null;
-    CheckboxList.e8 = BrushUtil.j(255, 24, 29, 31);
+    CheckboxList.fo = BrushUtil.l(255, 24, 29, 31);
+    CheckboxList.cw = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
+    CheckboxList.fc = BrushUtil.l(255, 248, 248, 248);
+    CheckboxList.fe = null;
+    CheckboxList.ff = BrushUtil.l(255, 24, 29, 31);
+    CheckboxList.fd = BrushUtil.l(255, 255, 255, 255);
     return CheckboxList;
 }(Base));