igniteui-webcomponents-grids 4.8.1 → 5.0.0-beta.1

package/esm5/lib/CheckboxListView_combined.js

@@ -16,6 +16,7 @@ import { XInput } from "igniteui-webcomponents-inputs";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { PrimaryKeyValue } from "./PrimaryKeyValue";
+import { Size } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxListIndexType_$type } from "./CheckboxListIndexType";
 import { SRProvider } from "igniteui-webcomponents-core";
@@ -27,8 +28,8 @@ import { BrushUtil } from "igniteui-webcomponents-core";
 import { FilterFactory } from "igniteui-webcomponents-core";
 import { CheckedChangedEventArgs } from "./CheckedChangedEventArgs";
 import { TemplateColumn } from "./TemplateColumn";
-import { DataSourceSchemaPropertyType_$type } from "igniteui-webcomponents-core";
 import { FastReflectionHelper } from "igniteui-webcomponents-core";
+import { DataSourceSchemaPropertyType_$type } from "igniteui-webcomponents-core";
 import { ColumnWidth } from "./ColumnWidth";
 import { DateTimeColumn } from "./DateTimeColumn";
 import { NumericColumn } from "./NumericColumn";
@@ -81,13 +82,13 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxListView.prototype.w = function (a) {
         var b = a.rootWrapper.getChildAt(0);
         this.h = b;
-        this.b.r = new XInputGroup();
+        this.b.t = new XInputGroup();
         var c = a.getSubRenderer(b);
-        this.b.r.provideContainer(c);
-        var d = c.getExternal(this.b.r, c.rootWrapper, c.getExternal(this.b, null, null));
-        this.b.r.d = this.b.t;
-        this.b.r.p = this.b.y;
-        this.b.r.t = this.b.aa;
+        this.b.t.provideContainer(c);
+        var d = c.getExternal(this.b.t, c.rootWrapper, c.getExternal(this.b, null, null));
+        this.b.t.d = this.b.v;
+        this.b.t.p = this.b.aa;
+        this.b.t.t = this.b.ac;
         var e = a.createElement("div");
         var f = a.getSubRenderer(e);
         var g = new XPrefix();
@@ -97,38 +98,38 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var j = a.getSubRenderer(i);
         this.c = new XIcon();
         this.c.provideContainer(j);
-        this.c.fill = this.b.du;
-        this.c.svgPath = CheckboxList.bt;
+        this.c.fill = this.b.d1;
+        this.c.svgPath = CheckboxList.bw;
         var k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
         g.appendContentChild(i);
-        this.b.r.appendContentChild(e);
-        this.b.r.inputs.add(g);
+        this.b.t.appendContentChild(e);
+        this.b.t.inputs.add(g);
         var l = a.createElement("div");
         l.setRawStyleProperty("flex-grow", "1");
         var m = a.getSubRenderer(l);
-        this.b.p = new XInput();
-        this.b.p.provideContainer(m);
-        this.b.p.b8 = "text";
-        var n = m.getExternal(this.b.p, m.rootWrapper, m.getExternal(this.b, null, null));
-        if (this.b.bg != null) {
-            this.b.p.cg = this.b.bg;
-        }
-        this.b.r.appendContentChild(l);
-        this.b.r.inputs.add(this.b.p);
-        this.b.ck();
+        this.b.r = new XInput();
+        this.b.r.provideContainer(m);
+        this.b.r.b8 = "text";
+        var n = m.getExternal(this.b.r, m.rootWrapper, m.getExternal(this.b, null, null));
+        if (this.b.bi != null) {
+            this.b.r.cg = this.b.bi;
+        }
+        this.b.t.appendContentChild(l);
+        this.b.t.inputs.add(this.b.r);
+        this.b.co();
     };
     CheckboxListView.prototype.s = function () {
         if (this.f != null) {
             var a = this.f.rootWrapper.getChildAt(3);
             a.setStyleProperty("width", "100%");
             a.setStyleProperty("margin", "4px 0px 0px 0px");
-            if (this.b.as == false) {
+            if (this.b.au == false) {
                 a.setStyleProperty("height", "calc(100% - 50px");
             }
             else {
                 a.setStyleProperty("height", "calc(100% - 75px");
             }
-            if (!this.b.aq && !this.b.as) {
+            if (!this.b.as && !this.b.au) {
                 a.setStyleProperty("height", "100%");
             }
         }
@@ -141,14 +142,14 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             d.provideContainer(e);
             var f = this.f.getExternal(d, e.rootWrapper, this.f.getExternal(this.b, null, null));
             this.e.addItem(a, d);
-            d.n = this.b.y;
+            d.n = this.b.aa;
             d.y = true;
             d.change = delegateCombine(d.change, runOn(this, this.k));
             var g = this.f.createElement("div");
             a.setStyleProperty("display", "flex");
             a.setStyleProperty("height", "100%");
             a.setStyleProperty("align-items", "center");
-            switch (this.b.aa) {
+            switch (this.b.ac) {
                 case 1:
                     a.setStyleProperty("margin-top", "-4px");
                     break;
@@ -189,11 +190,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             finally {
                 d.z = h;
             }
-            d.dk = this.b.dl;
-            d.dd = this.b.dj;
-            d.dl = this.b.dm;
-            d.de = this.b.dk;
-            d.dm = this.b.dn;
+            d.dk = this.b.dr;
+            d.dd = this.b.dp;
+            d.dl = this.b.ds;
+            d.de = this.b.dq;
+            d.dm = this.b.dt;
         }
     };
     CheckboxListView.prototype.z = function () {
@@ -203,7 +204,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var a = _c.value;
                     var b = a.value;
-                    b.n = this.b.y;
+                    b.n = this.b.aa;
                 }
             }
             catch (e_1_1) {
@@ -221,7 +222,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (this.a != null) {
-            this.a.n = this.b.y;
+            this.a.n = this.b.aa;
         }
     };
     CheckboxListView.prototype.x = function () {
@@ -232,21 +233,21 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var e = c.checked;
         if (e == true) {
             if (this.b.l == 0) {
-                this.b.cw(d);
+                this.b.c0(d);
             }
             else {
-                this.b.b5(d);
+                this.b.b8(d);
             }
         }
         else {
             if (this.b.l == 0) {
-                this.b.b5(d);
+                this.b.b8(d);
             }
             else {
-                this.b.cw(d);
+                this.b.c0(d);
             }
         }
-        this.b.ci(d, e);
+        this.b.cm(d, e);
         this.ag(false);
     };
     CheckboxListView.prototype.l = function () {
@@ -260,7 +261,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.ci(e, b);
+                    this.b.cm(e, b);
                 }
             }
         }
@@ -318,9 +319,9 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.a = new XCheckbox();
         this.a.provideContainer(c);
         var d = this.f.getExternal(this.a, c.rootWrapper, this.f.getExternal(this.b, null, null));
-        this.a.n = this.b.y;
+        this.a.n = this.b.aa;
         this.i = a.createElement("label");
-        this.i.setRawText(this.b.bx);
+        this.i.setRawText(this.b.b0);
         this.i.setStyleProperty("font-size", "13px");
         this.j.setStyleProperty("display", "flex");
         this.j.setStyleProperty("flex-direction", "row");
@@ -336,34 +337,37 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CheckboxListView.prototype.af = function () {
         if (null != this.i) {
-            this.i.setRawText(this.b.bx);
-            NativeUI.q(this.i, this.b.dh);
+            this.i.setRawText(this.b.b0);
+            NativeUI.q(this.i, this.b.dm);
         }
     };
     CheckboxListView.prototype.ai = function () {
         if (null != this.i) {
-            var a = this.b.as ? "flex" : "none";
+            var a = this.b.au ? "flex" : "none";
             this.j.setStyleProperty("display", a);
         }
     };
     CheckboxListView.prototype.ae = function () {
         if (this.h != null) {
-            this.h.setStyleProperty("display", this.b.aq ? "block" : "none");
+            this.h.setStyleProperty("display", this.b.as ? "block" : "none");
         }
         if (this.g != null) {
-            this.g.setStyleProperty("display", this.b.aq ? "block" : "none");
+            this.g.setStyleProperty("display", this.b.as ? "block" : "none");
         }
     };
     CheckboxListView.prototype.ag = function (a) {
         if (a === void 0) {
             a = true;
         }
+        if (this.a == null) {
+            return;
+        }
         var b = this.d;
         this.d = true;
         var c = this.a.z;
         this.a.z = a;
         try {
-            if (this.b.ao) {
+            if (this.b.aq) {
                 this.a.indeterminate = true;
                 return;
             }
@@ -385,12 +389,12 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (b.isChecked) {
-            this.b.cy();
-            this.b.cp(b.isChecked);
+            this.b.c2();
+            this.b.ct(b.isChecked);
         }
         else {
-            this.b.b9();
-            this.b.cp(b.isChecked);
+            this.b.cc();
+            this.b.ct(b.isChecked);
         }
     };
     CheckboxListView.prototype.ad = function () {
@@ -400,18 +404,41 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.q(b, this.b.dy);
-            NativeUI.m(b, this.b.di);
+            NativeUI.q(b, this.b.d5);
+            NativeUI.m(b, this.b.dn);
         }
     };
     CheckboxListView.prototype.ab = function () {
         if (this.c != null) {
-            this.c.fill = this.b.du;
+            this.c.fill = this.b.d1;
+        }
+    };
+    CheckboxListView.prototype.aj = function () {
+        var a = 248;
+        var b = 0;
+        if (this.b.itemsSource == null) {
+            return new Size(1, a, b + 158);
+        }
+        var c = (this.b.itemsSource.length);
+        b += 4;
+        b += 16;
+        b += 38;
+        b += 8;
+        b += 4;
+        var d = this.b.h != null ? this.b.h.actualRowHeight : 30;
+        var e = d * c;
+        if (e > 150) {
+            b += 150;
+            b += 15;
         }
+        else {
+            b += e;
+        }
+        return new Size(1, a, b);
     };
     CheckboxListView.prototype.ac = function () {
-        if (this.b.ae != null) {
-            this.i.setStyleProperty("font", this.b.ae.fontString);
+        if (this.b.ag != null) {
+            this.i.setStyleProperty("font", this.b.ag.fontString);
         }
         else {
             this.i.setStyleProperty("font-family", "Verdana");
@@ -419,11 +446,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxListView.prototype.y = function () {
-        this.a.dk = this.b.dl;
-        this.a.dd = this.b.dj;
-        this.a.dl = this.b.dm;
-        this.a.de = this.b.dk;
-        this.a.dm = this.b.dn;
+        this.a.dk = this.b.dr;
+        this.a.dd = this.b.dp;
+        this.a.dl = this.b.ds;
+        this.a.de = this.b.dq;
+        this.a.dm = this.b.dt;
     };
     CheckboxListView.prototype.aa = function (a) {
         if (this.g != null) {
@@ -447,52 +474,55 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.m = null;
         _this.h = null;
         _this.i = null;
-        _this.ab = null;
+        _this.ad = null;
         _this.d = null;
-        _this.ai = false;
+        _this.ak = false;
         _this.c = null;
-        _this.o = null;
         _this.q = null;
-        _this.aj = false;
-        _this.ag = null;
+        _this.s = null;
+        _this.al = false;
+        _this.ai = null;
         _this.f = new GridSelectedKeysCollection();
         _this.a = null;
         _this.propertyChanged = null;
+        _this.selectedKeyAdded = null;
+        _this.selectedKeyRemoved = null;
         _this.checkedChanged = null;
-        _this.ay = null;
         _this.a0 = null;
         _this.a2 = null;
-        _this.a1 = null;
-        _this.s = 3;
-        _this.au = -1;
-        _this.ac = null;
+        _this.a4 = null;
+        _this.a3 = null;
+        _this.u = 3;
+        _this.aw = -1;
+        _this.ae = null;
         _this.k = 1;
-        _this.x = 1;
-        _this.z = 2;
-        _this.dd = BrushUtil.h(255, 24, 29, 31);
+        _this.z = 1;
+        _this.ab = 2;
+        _this.di = BrushUtil.h(255, 24, 29, 31);
+        _this.dg = null;
+        _this.dj = null;
+        _this.dh = null;
+        _this.af = null;
         _this.db = null;
-        _this.de = null;
-        _this.dc = null;
-        _this.ad = null;
-        _this.c7 = null;
-        _this.c5 = null;
-        _this.c8 = null;
-        _this.c6 = null;
         _this.c9 = null;
-        _this.v = 0;
+        _this.dc = null;
         _this.da = null;
-        _this.bw = null;
+        _this.dd = null;
+        _this.x = 0;
         _this.df = null;
-        _this.c3 = CheckboxList.dq;
-        _this.ar = true;
-        _this.c4 = CheckboxList.dp;
-        _this.dg = CheckboxList.dq;
+        _this.bz = null;
+        _this.dk = null;
+        _this.c7 = CheckboxList.dw;
+        _this.at = true;
+        _this.c8 = CheckboxList.du;
+        _this.de = CheckboxList.dv;
+        _this.dl = CheckboxList.dw;
         _this.selectAllCheckboxChanged = null;
-        _this.aw = -1;
-        _this.ap = true;
-        _this.am = true;
+        _this.ay = -1;
+        _this.ar = true;
+        _this.ao = true;
         var a = _this.f;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.cr));
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.cv));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
         b.b = _this;
@@ -500,22 +530,22 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.m.n();
         return _this;
     }
-    Object.defineProperty(CheckboxList.prototype, "r", {
+    Object.defineProperty(CheckboxList.prototype, "t", {
         get: function () {
-            return this.q;
+            return this.s;
         },
         set: function (a) {
-            this.q = a;
+            this.s = a;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "p", {
+    Object.defineProperty(CheckboxList.prototype, "r", {
         get: function () {
-            return this.o;
+            return this.q;
         },
         set: function (a) {
-            this.o = a;
+            this.q = a;
         },
         enumerable: false,
         configurable: true
@@ -530,13 +560,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ah", {
+    Object.defineProperty(CheckboxList.prototype, "aj", {
         get: function () {
-            if (this.ag == null) {
-                this.ag = new SRProvider(this.m.f);
-                this.ag.cb("DataGrid");
+            if (this.ai == null) {
+                this.ai = new SRProvider(this.m.f);
+                this.ai.cb("DataGrid");
             }
-            return this.ag;
+            return this.ai;
         },
         enumerable: false,
         configurable: true
@@ -556,61 +586,91 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cn("PrimaryKey", b, this.a);
+                this.cr("PrimaryKey", b, this.a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.cr = function (a, b) {
-        if (this.e == null || this.e.actualSchema == null || this.ai) {
+    CheckboxList.prototype.cv = function (a, b) {
+        if (this.e == null || this.e.actualSchema == null || this.ak) {
             return;
         }
         switch (b.action) {
             case 0:
                 for (var c = 0; c < b.newItems.count; c++) {
-                    this.cl(b.newItems.item(c));
+                    this.cp(b.newItems.item(c));
                 }
                 break;
             case 1:
                 for (var d = 0; d < b.oldItems.count; d++) {
-                    this.cm(b.oldItems.item(d));
+                    this.cq(b.oldItems.item(d));
                 }
                 break;
             case 2:
                 for (var e = 0; e < b.oldItems.count; e++) {
-                    this.cm(b.oldItems.item(e));
+                    this.cq(b.oldItems.item(e));
                 }
                 for (var f = 0; f < b.newItems.count; f++) {
-                    this.cl(b.newItems.item(f));
+                    this.cp(b.newItems.item(f));
                 }
                 break;
             case 4:
                 this.m.u(this.l == 0);
                 for (var g = 0; g < this.g.ae.count; g++) {
-                    this.cl(this.g.ae._inner[g]);
+                    this.cp(this.g.ae._inner[g]);
                 }
                 break;
         }
     };
-    CheckboxList.prototype.cl = function (a) {
+    CheckboxList.prototype.cp = function (a) {
+        var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
             this.m.t(b, this.l == 1);
         }
+        if (this.selectedKeyAdded == null) {
+            return;
+        }
+        this.selectedKeyAdded(this, ((function () {
+            var $ret = new CheckedChangedEventArgs();
+            $ret.c = b;
+            $ret.b = _this.l == 1;
+            $ret.a = a.value;
+            return $ret;
+        })()));
     };
-    CheckboxList.prototype.cm = function (a) {
+    CheckboxList.prototype.cq = function (a) {
+        var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
             this.m.t(b, this.l == 0);
         }
+        if (this.selectedKeyRemoved == null) {
+            return;
+        }
+        this.selectedKeyRemoved(this, ((function () {
+            var $ret = new CheckedChangedEventArgs();
+            $ret.c = b;
+            $ret.b = _this.l == 0;
+            $ret.a = a.value;
+            return $ret;
+        })()));
     };
-    CheckboxList.prototype.ci = function (a, b) {
-        if (this.checkedChanged != null && this.aj == false) {
+    CheckboxList.prototype.cm = function (a, b) {
+        if (this.checkedChanged != null && this.al == false) {
+            var c_1 = null;
+            if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
+                c_1 = new Array(this.e.actualPrimaryKey.length);
+                for (var d = 0; d < this.e.actualPrimaryKey.length; d++) {
+                    c_1[d] = this.e.getItemPropertyAtIndex(a, this.e.actualPrimaryKey[d]);
+                }
+            }
             this.checkedChanged(this, ((function () {
                 var $ret = new CheckedChangedEventArgs();
-                $ret.b = a;
-                $ret.a = b;
+                $ret.c = a;
+                $ret.b = b;
+                $ret.a = c_1;
                 return $ret;
             })()));
         }
@@ -621,52 +681,59 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.destroy = function () {
         if (this.h != null) {
             var a = this.h;
-            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.cb));
+            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ce));
+            var b = this.h;
+            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cf));
             if (this.h.actualDataSource != null) {
-                var b = this.h.actualDataSource;
-                b.schemaChanged = delegateRemove(b.schemaChanged, runOn(this, this.co));
+                var c = this.h.actualDataSource;
+                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cs));
             }
         }
-        if (this.o != null) {
-            var c = this.o;
-            c.change = delegateRemove(c.change, runOn(this, this.cc));
+        if (this.q != null) {
+            var d = this.q;
+            d.change = delegateRemove(d.change, runOn(this, this.cg));
         }
         this.provideContainer(null, null, null);
         if (this.i != null) {
-            var d = this.i;
-            d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.b8));
+            var e = this.i;
+            e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cb));
         }
     };
     CheckboxList.prototype.provideContainer = function (a, b, c) {
         this.h = b;
         if (null != this.h) {
-            this.h.scrollbarStyle = this.w;
-            this.h.scrollbarBackground = this.dr;
+            this.h.scrollbarStyle = 1;
+            var d = this.h;
+            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cf));
+            this.h.scrollbarBackground = this.dy;
             this.h.headerHeight = 0;
             this.h.rowSeparatorHeight = 0;
             this.h.defaultColumnMinWidth = NaN;
             this.h.autoGenerateColumns = false;
             this.h.activationMode = 0;
             this.h.editMode = 0;
-            var d = this.h;
-            d.cellClicked = delegateCombine(d.cellClicked, runOn(this, this.cb));
-            if (this.ay != null) {
-                this.h.itemsSource = this.ay;
-                this.b7();
-                this.cq();
-            }
+            var e = this.h;
+            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ce));
             if (this.a0 != null) {
-                this.cq();
-                this.c1();
+                this.h.itemsSource = this.a0;
+                this.ca();
+                this.cu();
+            }
+            if (this.a2 != null) {
+                this.cu();
+                this.c5();
             }
         }
         this.m.q(c);
         this.m.m(a);
     };
+    CheckboxList.prototype.cf = function (a, b) {
+        this.h.scrollbarStyle = this.y;
+    };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
         this.m.q(a);
     };
-    CheckboxList.prototype.cb = function (a, b) {
+    CheckboxList.prototype.ce = function (a, b) {
         if (b.cellInfo.l.a5 == 0) {
             return;
         }
@@ -674,15 +741,22 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (-1 == c) {
             return;
         }
-        var d = this.j(b.cellInfo.g4);
-        if (this.g.contains(d)) {
-            this.g.remove(d);
+        var d = b.cellInfo.g4;
+        var e = this.j(d);
+        if (this.g.contains(e)) {
+            if (this.ad != null) {
+                this.ad.setPropertyValue(d, false);
+            }
+            this.g.remove(e);
         }
         else {
-            this.g.add(d);
+            if (this.ad != null) {
+                this.ad.setPropertyValue(d, true);
+            }
+            this.g.add(e);
         }
     };
-    CheckboxList.prototype.b8 = function (a, b) {
+    CheckboxList.prototype.cb = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -696,9 +770,9 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.m.o(b.content.element, c, d);
     };
-    CheckboxList.prototype.cj = function (a) {
-        if (this.a0 != null) {
-            var b = this.d.property(this.a0).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+    CheckboxList.prototype.cn = function (a) {
+        if (this.a2 != null) {
+            var b = this.d.property(this.a2).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var c = b.contains(a);
             if (!this.h.filterExpressions.k.contains(this.c)) {
                 this.c = c;
@@ -711,20 +785,6 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     Object.defineProperty(CheckboxList.prototype, "itemsSource", {
-        get: function () {
-            return this.ay;
-        },
-        set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.cn("ItemsSource", b, this.ay);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CheckboxList.prototype, "bc", {
         get: function () {
             return this.a0;
         },
@@ -732,13 +792,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a0;
             this.a0 = a;
             if (b != this.a0) {
-                this.cn("DataMemberPath", b, this.a0);
+                this.cr("ItemsSource", b, this.a0);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "b0", {
+    Object.defineProperty(CheckboxList.prototype, "be", {
         get: function () {
             return this.a2;
         },
@@ -746,55 +806,69 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a2;
             this.a2 = a;
             if (b != this.a2) {
-                this.cn("SelectedMemberPath", b, this.a2);
+                this.cr("DataMemberPath", b, this.a2);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bg", {
+    Object.defineProperty(CheckboxList.prototype, "b3", {
         get: function () {
-            return this.a1;
+            return this.a4;
         },
         set: function (a) {
-            var b = this.a1;
-            this.a1 = a;
-            if (b != this.a1) {
-                this.cn("FilterPlaceholderText", b, this.a1);
+            var b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
+                this.cr("SelectedMemberPath", b, this.a4);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "t", {
+    Object.defineProperty(CheckboxList.prototype, "bi", {
         get: function () {
-            return this.s;
+            return this.a3;
         },
         set: function (a) {
-            var b = this.s;
-            this.s = a;
-            if (b != this.s) {
-                this.cn("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.s));
+            var b = this.a3;
+            this.a3 = a;
+            if (b != this.a3) {
+                this.cr("FilterPlaceholderText", b, this.a3);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ax", {
+    Object.defineProperty(CheckboxList.prototype, "v", {
+        get: function () {
+            return this.u;
+        },
+        set: function (a) {
+            var b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.cr("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.u));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "az", {
         get: function () {
-            return this.au;
+            return this.aw;
         },
         set: function (a) {
-            var b = this.au;
-            this.au = a;
-            if (b != this.au) {
-                this.cn("RowHeight", b, this.au);
+            var b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.cr("RowHeight", b, this.aw);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "av", {
+    Object.defineProperty(CheckboxList.prototype, "ax", {
         get: function () {
             if (this.h != null) {
                 return this.h.actualRowHeight;
@@ -804,15 +878,15 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ae", {
+    Object.defineProperty(CheckboxList.prototype, "ag", {
         get: function () {
-            return this.ac;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.cn("CellTextStyle", b, this.ac);
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.cr("CellTextStyle", b, this.ae);
             }
         },
         enumerable: false,
@@ -826,215 +900,215 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.cn("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
+                this.cr("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "y", {
+    Object.defineProperty(CheckboxList.prototype, "aa", {
         get: function () {
-            return this.x;
+            return this.z;
         },
         set: function (a) {
-            var b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.cn("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.x));
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.cr("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.z));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "aa", {
+    Object.defineProperty(CheckboxList.prototype, "ac", {
         get: function () {
-            return this.z;
+            return this.ab;
         },
         set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.cn("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.z));
+            var b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.cr("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ab));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "du", {
+    Object.defineProperty(CheckboxList.prototype, "d1", {
         get: function () {
-            return this.dd;
+            return this.di;
         },
         set: function (a) {
-            var b = this.dd;
-            this.dd = a;
-            if (b != this.dd) {
-                this.cn("SearchIconColor", b, this.dd);
+            var b = this.di;
+            this.di = a;
+            if (b != this.di) {
+                this.cr("SearchIconColor", b, this.di);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ds", {
+    Object.defineProperty(CheckboxList.prototype, "dz", {
         get: function () {
-            return this.db;
+            return this.dg;
         },
         set: function (a) {
-            var b = this.db;
-            this.db = a;
-            if (b != this.db) {
-                this.cn("SearchBackgroundColor", b, this.db);
+            var b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.cr("SearchBackgroundColor", b, this.dg);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dv", {
+    Object.defineProperty(CheckboxList.prototype, "d2", {
         get: function () {
-            return this.de;
+            return this.dj;
         },
         set: function (a) {
-            var b = this.de;
-            this.de = a;
-            if (b != this.de) {
-                this.cn("SearchTextColor", b, this.de);
+            var b = this.dj;
+            this.dj = a;
+            if (b != this.dj) {
+                this.cr("SearchTextColor", b, this.dj);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dt", {
+    Object.defineProperty(CheckboxList.prototype, "d0", {
         get: function () {
-            return this.dc;
+            return this.dh;
         },
         set: function (a) {
-            var b = this.dc;
-            this.dc = a;
-            if (b != this.dc) {
-                this.cn("SearchBorderColor", b, this.dc);
+            var b = this.dh;
+            this.dh = a;
+            if (b != this.dh) {
+                this.cr("SearchBorderColor", b, this.dh);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "af", {
+    Object.defineProperty(CheckboxList.prototype, "ah", {
         get: function () {
-            return this.ad;
+            return this.af;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.cn("SearchTextStyle", b, this.ad);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.cr("SearchTextStyle", b, this.af);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dl", {
+    Object.defineProperty(CheckboxList.prototype, "dr", {
         get: function () {
-            return this.c7;
+            return this.db;
         },
         set: function (a) {
-            var b = this.c7;
-            this.c7 = a;
-            if (b != this.c7) {
-                this.cn("CheckboxTickColor", b, this.c7);
+            var b = this.db;
+            this.db = a;
+            if (b != this.db) {
+                this.cr("CheckboxTickColor", b, this.db);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dj", {
+    Object.defineProperty(CheckboxList.prototype, "dp", {
         get: function () {
-            return this.c5;
+            return this.c9;
         },
         set: function (a) {
-            var b = this.c5;
-            this.c5 = a;
-            if (b != this.c5) {
-                this.cn("CheckboxCheckedBackgroundColor", b, this.c5);
+            var b = this.c9;
+            this.c9 = a;
+            if (b != this.c9) {
+                this.cr("CheckboxCheckedBackgroundColor", b, this.c9);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dm", {
+    Object.defineProperty(CheckboxList.prototype, "ds", {
         get: function () {
-            return this.c8;
+            return this.dc;
         },
         set: function (a) {
-            var b = this.c8;
-            this.c8 = a;
-            if (b != this.c8) {
-                this.cn("CheckboxUncheckedBackgroundColor", b, this.c8);
+            var b = this.dc;
+            this.dc = a;
+            if (b != this.dc) {
+                this.cr("CheckboxUncheckedBackgroundColor", b, this.dc);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dk", {
+    Object.defineProperty(CheckboxList.prototype, "dq", {
         get: function () {
-            return this.c6;
+            return this.da;
         },
         set: function (a) {
-            var b = this.c6;
-            this.c6 = a;
-            if (b != this.c6) {
-                this.cn("CheckboxCheckedBorderColor", b, this.c6);
+            var b = this.da;
+            this.da = a;
+            if (b != this.da) {
+                this.cr("CheckboxCheckedBorderColor", b, this.da);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dn", {
+    Object.defineProperty(CheckboxList.prototype, "dt", {
         get: function () {
-            return this.c9;
+            return this.dd;
         },
         set: function (a) {
-            var b = this.c9;
-            this.c9 = a;
-            if (b != this.c9) {
-                this.cn("CheckboxUncheckedBorderColor", b, this.c9);
+            var b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cr("CheckboxUncheckedBorderColor", b, this.dd);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "w", {
+    Object.defineProperty(CheckboxList.prototype, "y", {
         get: function () {
-            return this.v;
+            return this.x;
         },
         set: function (a) {
-            var b = this.v;
-            this.v = a;
-            if (b != this.v) {
-                this.cn("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.v));
+            var b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.cr("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.x));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dr", {
+    Object.defineProperty(CheckboxList.prototype, "dy", {
         get: function () {
-            return this.da;
+            return this.df;
         },
         set: function (a) {
-            var b = this.da;
-            this.da = a;
-            if (b != this.da) {
-                this.cn("ScrollbarBackground", b, this.da);
+            var b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cr("ScrollbarBackground", b, this.df);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.cn = function (a, b, c) {
+    CheckboxList.prototype.cr = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.cs(a, b, c);
+        this.cw(a, b, c);
     };
-    CheckboxList.prototype.cs = function (a, b, c) {
+    CheckboxList.prototype.cw = function (a, b, c) {
         switch (a) {
             case "ItemsSource":
                 if (this.h != null) {
@@ -1047,26 +1121,26 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     if (this.h.actualDataSource != null) {
                         var d = this.h.actualDataSource;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.co));
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.cs));
                     }
-                    this.h.itemsSource = this.ay;
-                    this.b7();
+                    this.h.itemsSource = this.a0;
+                    this.ca();
                     if (this.h.actualDataSource != null) {
                         var e = this.h.actualDataSource;
-                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.co));
+                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cs));
                     }
-                    this.aj = true;
-                    this.cq();
-                    this.aj = false;
+                    this.al = true;
+                    this.cu();
+                    this.al = false;
                     this.m.ag();
                 }
                 break;
             case "DataMemberPath":
             case "SelectedMemberPath":
                 if (this.h != null) {
-                    if (this.a0 != null) {
-                        this.cq();
-                        this.c1();
+                    if (this.a2 != null) {
+                        this.cu();
+                        this.c5();
                     }
                 }
                 break;
@@ -1076,7 +1150,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SelectAllCaptionTextColor":
-                this.dh = null != this.dw ? this.dw : CheckboxList.dq;
+                this.dm = null != this.d3 ? this.d3 : CheckboxList.dw;
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
@@ -1091,71 +1165,75 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.m.s();
                 break;
             case "FilterPlaceholderText":
-                if (this.o != null) {
-                    this.o.cg = this.bg;
+                if (this.q != null) {
+                    this.q.cg = this.bi;
                 }
                 break;
             case "SearchInputType":
-                if (this.q != null) {
-                    this.q.d = this.t;
+                if (this.s != null) {
+                    this.s.d = this.v;
                 }
                 break;
             case "RowHeight":
                 if (this.h != null) {
-                    this.h.rowHeight = this.ax;
+                    this.h.rowHeight = this.az;
                 }
                 break;
             case "CellTextStyle":
                 if (this.h != null) {
-                    this.h.cellTextStyle = this.ae;
+                    this.h.cellTextStyle = this.ag;
                 }
                 this.m.ac();
                 break;
             case "BackgroundColor":
             case "TextColor":
+            case "RowHoverBackgroundColor":
                 var f = this.h;
                 if (null != f) {
-                    f.cellTextColor = this.dy;
-                    f.cellBackground = this.di;
-                    f.cellSelectedBackground = this.di;
+                    f.cellTextColor = this.d5;
+                    f.cellBackground = this.dn;
+                    f.cellSelectedBackground = this.dn;
+                    f.rowHoverBackground = this.dx;
                 }
                 this.m.ad();
                 break;
             case "BaseTheme":
-                this.c0();
+                this.c4();
                 break;
             case "Density":
-                this.cz();
+                this.c3();
                 break;
             case "IsRowHoverEnabled":
                 if (this.h != null) {
-                    this.h.isRowHoverEnabled = this.an;
+                    this.h.isRowHoverEnabled = this.ap;
                 }
                 break;
             case "ScrollbarStyle":
                 if (this.h != null) {
-                    this.h.scrollbarStyle = this.w;
+                    this.h.scrollbarStyle = this.y;
                 }
                 break;
             case "ScrollbarBackground":
                 if (this.h != null) {
-                    this.h.scrollbarBackground = this.dr;
+                    this.h.scrollbarBackground = this.dy;
                 }
                 break;
             case "SearchIconColor":
                 this.m.ab();
                 break;
             case "SearchBackgroundColor":
-                this.r.mc = this.ds;
+                this.t.mc = this.dz;
                 break;
             case "SearchBorderColor":
-                this.r.md = this.dt;
+                this.t.md = this.d0;
                 break;
             case "SearchTextColor":
-                this.p.d8 = this.dv;
+                if (this.r != null) {
+                    this.r.d8 = this.d2;
+                }
                 break;
             case "SearchTextStyle":
-                this.p.af = this.af;
+                this.r.af = this.ah;
                 break;
             case "CheckboxTickColor":
             case "CheckboxCheckedBackgroundColor":
@@ -1169,43 +1247,52 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
         }
     };
-    CheckboxList.prototype.cz = function () {
+    CheckboxList.prototype.c3 = function () {
         if (this.h != null) {
-            this.h.density = this.aa;
+            this.h.density = this.ac;
         }
-        if (this.q != null) {
-            this.q.t = this.aa;
+        if (this.s != null) {
+            this.s.t = this.ac;
         }
         this.m.x();
     };
-    CheckboxList.prototype.c0 = function () {
-        if (this.q != null) {
-            this.q.p = this.y;
+    CheckboxList.prototype.c4 = function () {
+        if (this.s != null) {
+            this.s.p = this.aa;
+        }
+        if (this.r != null) {
+            this.r.d8 = this.d2;
+        }
+        if (this.h != null) {
+            this.h.cellTextColor = this.d5;
+            this.h.cellBackground = this.dn;
+            this.h.cellSelectedBackground = this.dn;
+            this.h.rowHoverBackground = this.dx;
         }
         this.m.z();
     };
-    CheckboxList.prototype.co = function (a, b) {
-        this.aj = true;
-        this.b7();
+    CheckboxList.prototype.cs = function (a, b) {
+        this.al = true;
+        this.ca();
         if (b.schema != null) {
-            this.cq();
+            this.cu();
             for (var c = 0; c < this.g.count; c++) {
-                this.cl(this.g._inner[c]);
+                this.cp(this.g._inner[c]);
             }
             this.m.ag();
         }
-        this.aj = false;
+        this.al = false;
     };
-    CheckboxList.prototype.cq = function () {
-        if (this.ab == null && this.a2 != null && this.a2 != "") {
-            this.ab = new FastReflectionHelper(false, this.a2);
+    CheckboxList.prototype.cu = function () {
+        if (this.ad == null && this.a4 != null && this.a4 != "") {
+            this.ad = new FastReflectionHelper(false, this.a4);
         }
-        if (this.ay != null && this.ab != null && this.h.actualDataSource.actualSchema != null) {
-            this.ab.propertyName = this.a2;
+        if (this.a0 != null && this.ad != null && this.h.actualDataSource.actualSchema != null) {
+            this.ad.propertyName = this.a4;
             var a = this.h.actualDataSource.actualCount;
             for (var b = 0; b < a; b++) {
                 var c = this.h.actualDataSource.getItemAtIndex(b);
-                var d = this.ab.getPropertyValue(c);
+                var d = this.ad.getPropertyValue(c);
                 if (d == true) {
                     var e = this.j(c);
                     if (!this.g.contains(e)) {
@@ -1215,24 +1302,24 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxList.prototype.c1 = function () {
+    CheckboxList.prototype.c5 = function () {
         this.h.actualColumns.clear();
         this.h.primaryKey = this.b;
         this.h.isGroupRowSticky = false;
-        this.h.rowHeight = this.ax;
-        this.h.cellBackground = this.di;
-        this.h.cellSelectedBackground = this.di;
-        this.h.density = this.aa;
-        this.h.isRowHoverEnabled = this.an;
+        this.h.rowHeight = this.az;
+        this.h.cellBackground = this.dn;
+        this.h.cellSelectedBackground = this.dn;
+        this.h.density = this.ac;
+        this.h.isRowHoverEnabled = this.ap;
         this.h.borderWidth = new Thickness(0, 0);
-        if (this.ae != null) {
-            this.h.cellTextStyle = this.ae;
+        if (this.ag != null) {
+            this.h.cellTextStyle = this.ag;
         }
         var a = new TemplateColumn();
-        if (this.a2 == null) {
-            this.a2 = "";
+        if (this.a4 == null) {
+            this.a4 = "";
         }
-        a.i8 = this.a2;
+        a.i8 = this.a4;
         a.jz = "CheckboxColumn";
         var b = new ColumnWidth();
         b.c = false;
@@ -1240,10 +1327,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.width = b;
         a.h2 = 0;
         a.h3 = 0;
-        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.b8));
+        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.cb));
         this.h.columns.add(a);
         this.i = a;
-        var c = this.h.actualDataSource.resolveSchemaPropertyType(this.a0);
+        var c = this.h.actualDataSource.resolveSchemaPropertyType(this.a2);
         var d;
         switch (c) {
             case 8:
@@ -1266,7 +1353,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 d = new TextColumn();
                 break;
         }
-        d.i8 = this.a0;
+        d.i8 = this.a2;
         d.jz = "DataColumn";
         d.h2 = 0;
         d.e = 0;
@@ -1278,13 +1365,14 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.provideHrElement = function (a) {
         this.m.p(a);
     };
-    CheckboxList.prototype.ck = function () {
-        var a = this.p;
-        a.changing = delegateCombine(a.changing, runOn(this, this.cc));
+    CheckboxList.prototype.co = function () {
+        var a = this.r;
+        a.changing = delegateCombine(a.changing, runOn(this, this.cg));
+        this.c4();
     };
-    CheckboxList.prototype.cc = function (a, b) {
+    CheckboxList.prototype.cg = function (a, b) {
         var c = b.value.toLowerCase();
-        this.cj(c);
+        this.cn(c);
     };
     CheckboxList.prototype.j = function (a) {
         if (this.b == null) {
@@ -1298,55 +1386,61 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new PrimaryKeyValue(b, c);
     };
-    CheckboxList.prototype.cw = function (a) {
-        this.ai = true;
+    CheckboxList.prototype.c0 = function (a) {
+        this.ak = true;
         var b = this.e.getItemAtIndex(a);
+        if (this.ad != null) {
+            this.ad.setPropertyValue(b, false);
+        }
         var c = this.j(b);
         this.g.remove(c);
-        this.ai = false;
+        this.ak = false;
     };
-    CheckboxList.prototype.b5 = function (a) {
-        this.ai = true;
+    CheckboxList.prototype.b8 = function (a) {
+        this.ak = true;
         var b = this.e.getItemAtIndex(a);
+        if (this.ad != null) {
+            this.ad.setPropertyValue(b, true);
+        }
         var c = this.j(b);
         this.g.add(c);
-        this.ai = false;
+        this.ak = false;
     };
-    CheckboxList.prototype.cy = function () {
+    CheckboxList.prototype.c2 = function () {
         this.l = 0;
         this.g.clear();
-        this.cd();
+        this.ch();
         this.m.ag();
     };
-    CheckboxList.prototype.b9 = function () {
+    CheckboxList.prototype.cc = function () {
         this.l = 1;
         this.g.clear();
-        this.cd();
+        this.ch();
         this.m.ag();
     };
-    CheckboxList.prototype.cg = function (a, b, c) {
+    CheckboxList.prototype.ck = function (a, b, c) {
         if (this.h != null) {
             this.h.notifySetItem(a, b, c);
         }
     };
-    CheckboxList.prototype.cd = function () {
+    CheckboxList.prototype.ch = function () {
         if (this.h != null) {
             this.h.notifyClearItems();
         }
     };
-    CheckboxList.prototype.ce = function (a, b) {
+    CheckboxList.prototype.ci = function (a, b) {
         if (this.h != null) {
             this.h.notifyInsertItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.cf = function (a, b) {
+    CheckboxList.prototype.cj = function (a, b) {
         if (this.h != null) {
             this.h.notifyRemoveItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.b6 = function (a) {
+    CheckboxList.prototype.b9 = function (a) {
         var b = null;
         if (this.b == null || this.b.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -1358,10 +1452,15 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             throw new ArgumentException(1, "value length must match PrimaryKey length");
         }
         if (b != null) {
+            if (this.ad != null) {
+                var c = this.e.indexOfKey(a);
+                var d = this.e.getItemAtIndex(c);
+                this.ad.setPropertyValue(d, true);
+            }
             this.g.add(b);
         }
     };
-    CheckboxList.prototype.cx = function (a) {
+    CheckboxList.prototype.c1 = function (a) {
         var b = null;
         if (this.b == null || this.b.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -1373,62 +1472,67 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             throw new ArgumentException(1, "value length must match PrimaryKey length");
         }
         if (this.g.contains(b)) {
+            if (this.ad != null) {
+                var c = this.e.indexOfKey(a);
+                var d = this.e.getItemAtIndex(c);
+                this.ad.setPropertyValue(d, false);
+            }
             this.g.remove(b);
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "bx", {
+    Object.defineProperty(CheckboxList.prototype, "b0", {
         get: function () {
-            return this.bw != null ? this.bw : !stringIsNullOrWhiteSpace(this.ah.b1("Select_All")) ? this.ah.b1("Select_All") : "(Select All)";
+            return this.bz != null ? this.bz : !stringIsNullOrWhiteSpace(this.aj.b1("Select_All")) ? this.aj.b1("Select_All") : "(Select All)";
         },
         set: function (a) {
-            if (a == this.bw) {
+            if (a == this.bz) {
                 return;
             }
-            var b = this.bw;
-            this.bw = a;
-            this.cn("SelectAllCaption", b, this.bw);
+            var b = this.bz;
+            this.bz = a;
+            this.cr("SelectAllCaption", b, this.bz);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dw", {
+    Object.defineProperty(CheckboxList.prototype, "d3", {
         get: function () {
-            return this.df;
+            return this.dk;
         },
         set: function (a) {
-            var b = this.df;
-            this.df = a;
-            if (b != this.df) {
-                this.cn("SelectAllCaptionTextColor", b, a);
+            var b = this.dk;
+            this.dk = a;
+            if (b != this.dk) {
+                this.cr("SelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dh", {
+    Object.defineProperty(CheckboxList.prototype, "dm", {
         get: function () {
-            return this.c3;
+            return this.c7;
         },
         set: function (a) {
-            var b = this.c3;
-            this.c3 = a;
-            if (b != this.c3) {
-                this.cn("ActualSelectAllCaptionTextColor", b, a);
+            var b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.cr("ActualSelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ao", {
+    Object.defineProperty(CheckboxList.prototype, "aq", {
         get: function () {
-            if (-1 == this.aw) {
+            if (-1 == this.ay) {
                 return false;
             }
             var a = this.g.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.aw) {
+            if (a == this.ay) {
                 return false;
             }
             return true;
@@ -1436,50 +1540,64 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "as", {
+    Object.defineProperty(CheckboxList.prototype, "au", {
         get: function () {
-            return this.ar;
+            return this.at;
         },
         set: function (a) {
-            if (a == this.ar) {
+            if (a == this.at) {
                 return;
             }
-            var b = this.ar;
-            this.ar = a;
-            this.cn("showSelectAll", b, this.ar);
+            var b = this.at;
+            this.at = a;
+            this.cr("showSelectAll", b, this.at);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "dn", {
+        get: function () {
+            return this.c8;
+        },
+        set: function (a) {
+            var b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.cr("BackgroundColor", b, a);
+            }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "di", {
+    Object.defineProperty(CheckboxList.prototype, "dx", {
         get: function () {
-            return this.c4;
+            return this.de;
         },
         set: function (a) {
-            var b = this.c4;
-            this.c4 = a;
-            if (b != this.c4) {
-                this.cn("BackgroundColor", b, a);
+            var b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cr("RowHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dy", {
+    Object.defineProperty(CheckboxList.prototype, "d5", {
         get: function () {
-            return this.dg;
+            return this.dl;
         },
         set: function (a) {
-            var b = this.dg;
-            this.dg = a;
-            if (b != this.dg) {
-                this.cn("TextColor", b, a);
+            var b = this.dl;
+            this.dl = a;
+            if (b != this.dl) {
+                this.cr("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.cp = function (a) {
+    CheckboxList.prototype.ct = function (a) {
         if (this.selectAllCheckboxChanged != null) {
             this.selectAllCheckboxChanged(this, ((function () {
                 var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -1488,77 +1606,78 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.al = function () {
-        if (-1 == this.aw) {
+    CheckboxList.prototype.an = function () {
+        if (-1 == this.ay) {
             return true;
         }
         var a = this.g.count;
         switch (this.l) {
-            case 0: return this.aw == a;
+            case 0: return this.ay == a;
             case 1: return 0 == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.ak = function () {
-        if (-1 == this.aw) {
+    CheckboxList.prototype.am = function () {
+        if (-1 == this.ay) {
             return false;
         }
         var a = this.g.count;
         switch (this.l) {
             case 0: return 0 == a;
-            case 1: return this.aw == a;
+            case 1: return this.ay == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.b7 = function () {
+    CheckboxList.prototype.ca = function () {
         var a = this.h.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
-                this.aw = -1;
+                this.ay = -1;
                 return;
             }
             var b = a.actualCount;
-            this.aw = b;
+            this.ay = b;
         }
         else {
-            this.aw = -1;
+            this.ay = -1;
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "aq", {
+    Object.defineProperty(CheckboxList.prototype, "as", {
         get: function () {
-            return this.ap;
+            return this.ar;
         },
         set: function (a) {
-            if (a == this.ap) {
+            if (a == this.ar) {
                 return;
             }
-            var b = this.ap;
-            this.ap = a;
-            this.cn("ShowFilter", b, this.ap);
+            var b = this.ar;
+            this.ar = a;
+            this.cr("ShowFilter", b, this.ar);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "an", {
+    Object.defineProperty(CheckboxList.prototype, "ap", {
         get: function () {
-            return this.am;
+            return this.ao;
         },
         set: function (a) {
-            if (a == this.am) {
+            if (a == this.ao) {
                 return;
             }
-            var b = this.am;
-            this.am = a;
-            this.cn("IsRowHoverEnabled", b, this.am);
+            var b = this.ao;
+            this.ao = a;
+            this.cr("IsRowHoverEnabled", b, this.ao);
         },
         enumerable: false,
         configurable: true
     });
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.dx = BrushUtil.h(255, 24, 29, 31);
-    CheckboxList.bt = "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.dp = BrushUtil.h(255, 248, 248, 248);
-    CheckboxList.dq = BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.d4 = BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.bw = "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.du = BrushUtil.h(255, 248, 248, 248);
+    CheckboxList.dv = null;
+    CheckboxList.dw = BrushUtil.h(255, 24, 29, 31);
     return CheckboxList;
 }(Base));
 export { CheckboxList };