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

package/esm2015/lib/CheckboxListView_combined.js

@@ -15,6 +15,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";
@@ -26,8 +27,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";
@@ -79,13 +80,13 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         w(a) {
             let b = a.rootWrapper.getChildAt(0);
             this.h = b;
-            this.b.r = new XInputGroup();
+            this.b.t = new XInputGroup();
             let c = a.getSubRenderer(b);
-            this.b.r.provideContainer(c);
-            let 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);
+            let 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;
             let e = a.createElement("div");
             let f = a.getSubRenderer(e);
             let g = new XPrefix();
@@ -95,38 +96,38 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let 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;
             let 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);
             let l = a.createElement("div");
             l.setRawStyleProperty("flex-grow", "1");
             let m = a.getSubRenderer(l);
-            this.b.p = new XInput();
-            this.b.p.provideContainer(m);
-            this.b.p.b8 = "text";
-            let 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 = new XInput();
+            this.b.r.provideContainer(m);
+            this.b.r.b8 = "text";
+            let 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.r.appendContentChild(l);
-            this.b.r.inputs.add(this.b.p);
-            this.b.ck();
+            this.b.t.appendContentChild(l);
+            this.b.t.inputs.add(this.b.r);
+            this.b.co();
         }
         s() {
             if (this.f != null) {
                 let 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%");
                 }
             }
@@ -139,14 +140,14 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 d.provideContainer(e);
                 let 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));
                 let 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;
@@ -187,22 +188,22 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 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;
             }
         }
         z() {
             if (this.e != null) {
                 for (let a of fromEnum(this.e)) {
                     let b = a.value;
-                    b.n = this.b.y;
+                    b.n = this.b.aa;
                 }
             }
             if (this.a != null) {
-                this.a.n = this.b.y;
+                this.a.n = this.b.aa;
             }
         }
         x() {
@@ -213,21 +214,21 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let 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);
         }
         l() {
@@ -238,7 +239,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 let e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.ci(e, b);
+                    this.b.cm(e, b);
                 }
             }
             this.ag();
@@ -265,9 +266,9 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             this.a = new XCheckbox();
             this.a.provideContainer(c);
             let 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");
@@ -283,31 +284,34 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         }
         af() {
             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);
             }
         }
         ai() {
             if (null != this.i) {
-                let a = this.b.as ? "flex" : "none";
+                let a = this.b.au ? "flex" : "none";
                 this.j.setStyleProperty("display", a);
             }
         }
         ae() {
             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");
             }
         }
         ag(a = true) {
+            if (this.a == null) {
+                return;
+            }
             let b = this.d;
             this.d = true;
             let c = this.a.z;
             this.a.z = a;
             try {
-                if (this.b.ao) {
+                if (this.b.aq) {
                     this.a.indeterminate = true;
                     return;
                 }
@@ -329,12 +333,12 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 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);
             }
         }
         ad() {
@@ -344,18 +348,41 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             }
             let 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);
             }
         }
         ab() {
             if (this.c != null) {
-                this.c.fill = this.b.du;
+                this.c.fill = this.b.d1;
+            }
+        }
+        aj() {
+            let a = 248;
+            let b = 0;
+            if (this.b.itemsSource == null) {
+                return new Size(1, a, b + 158);
+            }
+            let c = (this.b.itemsSource.length);
+            b += 4;
+            b += 16;
+            b += 38;
+            b += 8;
+            b += 4;
+            let d = this.b.h != null ? this.b.h.actualRowHeight : 30;
+            let e = d * c;
+            if (e > 150) {
+                b += 150;
+                b += 15;
             }
+            else {
+                b += e;
+            }
+            return new Size(1, a, b);
         }
         ac() {
-            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");
@@ -363,11 +390,11 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             }
         }
         y() {
-            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;
         }
         aa(a) {
             if (this.g != null) {
@@ -386,30 +413,30 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
  */
 export let CheckboxList = /*@__PURE__*/ (() => {
     class CheckboxList extends Base {
+        get t() {
+            return this.s;
+        }
+        set t(a) {
+            this.s = a;
+        }
         get r() {
             return this.q;
         }
         set r(a) {
             this.q = a;
         }
-        get p() {
-            return this.o;
-        }
-        set p(a) {
-            this.o = a;
-        }
         get e() {
             if (this.h == null) {
                 return null;
             }
             return this.h.actualDataSource;
         }
-        get ah() {
-            if (this.ag == null) {
-                this.ag = new SRProvider(this.m.f);
-                this.ag.cb("DataGrid");
+        get aj() {
+            if (this.ai == null) {
+                this.ai = new SRProvider(this.m.f);
+                this.ai.cb("DataGrid");
             }
-            return this.ag;
+            return this.ai;
         }
         get g() {
             return this.f;
@@ -421,7 +448,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cn("PrimaryKey", b, this.a);
+                this.cr("PrimaryKey", b, this.a);
             }
         }
         constructor() {
@@ -429,107 +456,138 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             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;
             let 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();
             let b = new CheckboxListView();
             b.b = this;
             this.m = b;
             this.m.n();
         }
-        cr(a, b) {
-            if (this.e == null || this.e.actualSchema == null || this.ai) {
+        cv(a, b) {
+            if (this.e == null || this.e.actualSchema == null || this.ak) {
                 return;
             }
             switch (b.action) {
                 case 0:
                     for (let c = 0; c < b.newItems.count; c++) {
-                        this.cl(b.newItems.item(c));
+                        this.cp(b.newItems.item(c));
                     }
                     break;
                 case 1:
                     for (let d = 0; d < b.oldItems.count; d++) {
-                        this.cm(b.oldItems.item(d));
+                        this.cq(b.oldItems.item(d));
                     }
                     break;
                 case 2:
                     for (let e = 0; e < b.oldItems.count; e++) {
-                        this.cm(b.oldItems.item(e));
+                        this.cq(b.oldItems.item(e));
                     }
                     for (let 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 (let g = 0; g < this.g.ae.count; g++) {
-                        this.cl(this.g.ae._inner[g]);
+                        this.cp(this.g.ae._inner[g]);
                     }
                     break;
             }
         }
-        cl(a) {
+        cp(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
                 this.m.t(b, this.l == 1);
             }
+            if (this.selectedKeyAdded == null) {
+                return;
+            }
+            this.selectedKeyAdded(this, ((() => {
+                let $ret = new CheckedChangedEventArgs();
+                $ret.c = b;
+                $ret.b = this.l == 1;
+                $ret.a = a.value;
+                return $ret;
+            })()));
         }
-        cm(a) {
+        cq(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
                 this.m.t(b, this.l == 0);
             }
-        }
-        ci(a, b) {
-            if (this.checkedChanged != null && this.aj == false) {
+            if (this.selectedKeyRemoved == null) {
+                return;
+            }
+            this.selectedKeyRemoved(this, ((() => {
+                let $ret = new CheckedChangedEventArgs();
+                $ret.c = b;
+                $ret.b = this.l == 0;
+                $ret.a = a.value;
+                return $ret;
+            })()));
+        }
+        cm(a, b) {
+            if (this.checkedChanged != null && this.al == false) {
+                let c = null;
+                if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
+                    c = new Array(this.e.actualPrimaryKey.length);
+                    for (let d = 0; d < this.e.actualPrimaryKey.length; d++) {
+                        c[d] = this.e.getItemPropertyAtIndex(a, this.e.actualPrimaryKey[d]);
+                    }
+                }
                 this.checkedChanged(this, ((() => {
                     let $ret = new CheckedChangedEventArgs();
-                    $ret.b = a;
-                    $ret.a = b;
+                    $ret.c = a;
+                    $ret.b = b;
+                    $ret.a = c;
                     return $ret;
                 })()));
             }
@@ -540,52 +598,59 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         destroy() {
             if (this.h != null) {
                 let a = this.h;
-                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.cb));
+                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ce));
+                let b = this.h;
+                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cf));
                 if (this.h.actualDataSource != null) {
-                    let b = this.h.actualDataSource;
-                    b.schemaChanged = delegateRemove(b.schemaChanged, runOn(this, this.co));
+                    let c = this.h.actualDataSource;
+                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cs));
                 }
             }
-            if (this.o != null) {
-                let c = this.o;
-                c.change = delegateRemove(c.change, runOn(this, this.cc));
+            if (this.q != null) {
+                let d = this.q;
+                d.change = delegateRemove(d.change, runOn(this, this.cg));
             }
             this.provideContainer(null, null, null);
             if (this.i != null) {
-                let d = this.i;
-                d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.b8));
+                let e = this.i;
+                e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cb));
             }
         }
         provideContainer(a, b, c) {
             this.h = b;
             if (null != this.h) {
-                this.h.scrollbarStyle = this.w;
-                this.h.scrollbarBackground = this.dr;
+                this.h.scrollbarStyle = 1;
+                let 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;
-                let 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();
-                }
+                let 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);
         }
+        cf(a, b) {
+            this.h.scrollbarStyle = this.y;
+        }
         provideSelectAllSection(a) {
             this.m.q(a);
         }
-        cb(a, b) {
+        ce(a, b) {
             if (b.cellInfo.l.a5 == 0) {
                 return;
             }
@@ -593,15 +658,22 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (-1 == c) {
                 return;
             }
-            let d = this.j(b.cellInfo.g4);
-            if (this.g.contains(d)) {
-                this.g.remove(d);
+            let d = b.cellInfo.g4;
+            let 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);
             }
         }
-        b8(a, b) {
+        cb(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
@@ -615,9 +687,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             this.m.o(b.content.element, c, d);
         }
-        cj(a) {
-            if (this.a0 != null) {
-                let b = this.d.property(this.a0).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+        cn(a) {
+            if (this.a2 != null) {
+                let b = this.d.property(this.a2).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
                 let c = b.contains(a);
                 if (!this.h.filterExpressions.k.contains(this.c)) {
                     this.c = c;
@@ -630,79 +702,79 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         get itemsSource() {
-            return this.ay;
-        }
-        set itemsSource(a) {
-            let b = this.ay;
-            this.ay = a;
-            if (b != this.ay) {
-                this.cn("ItemsSource", b, this.ay);
-            }
-        }
-        get bc() {
             return this.a0;
         }
-        set bc(a) {
+        set itemsSource(a) {
             let b = this.a0;
             this.a0 = a;
             if (b != this.a0) {
-                this.cn("DataMemberPath", b, this.a0);
+                this.cr("ItemsSource", b, this.a0);
             }
         }
-        get b0() {
+        get be() {
             return this.a2;
         }
-        set b0(a) {
+        set be(a) {
             let b = this.a2;
             this.a2 = a;
             if (b != this.a2) {
-                this.cn("SelectedMemberPath", b, this.a2);
+                this.cr("DataMemberPath", b, this.a2);
             }
         }
-        get bg() {
-            return this.a1;
+        get b3() {
+            return this.a4;
         }
-        set bg(a) {
-            let b = this.a1;
-            this.a1 = a;
-            if (b != this.a1) {
-                this.cn("FilterPlaceholderText", b, this.a1);
+        set b3(a) {
+            let b = this.a4;
+            this.a4 = a;
+            if (b != this.a4) {
+                this.cr("SelectedMemberPath", b, this.a4);
             }
         }
-        get t() {
-            return this.s;
+        get bi() {
+            return this.a3;
         }
-        set t(a) {
-            let b = this.s;
-            this.s = a;
-            if (b != this.s) {
-                this.cn("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.s));
+        set bi(a) {
+            let b = this.a3;
+            this.a3 = a;
+            if (b != this.a3) {
+                this.cr("FilterPlaceholderText", b, this.a3);
             }
         }
-        get ax() {
-            return this.au;
+        get v() {
+            return this.u;
         }
-        set ax(a) {
-            let b = this.au;
-            this.au = a;
-            if (b != this.au) {
-                this.cn("RowHeight", b, this.au);
+        set v(a) {
+            let b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.cr("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.u));
             }
         }
-        get av() {
+        get az() {
+            return this.aw;
+        }
+        set az(a) {
+            let b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.cr("RowHeight", b, this.aw);
+            }
+        }
+        get ax() {
             if (this.h != null) {
                 return this.h.actualRowHeight;
             }
             return -1;
         }
-        get ae() {
-            return this.ac;
+        get ag() {
+            return this.ae;
         }
-        set ae(a) {
-            let b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.cn("CellTextStyle", b, this.ac);
+        set ag(a) {
+            let b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.cr("CellTextStyle", b, this.ae);
             }
         }
         get l() {
@@ -712,17 +784,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.cn("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
-            }
-        }
-        get y() {
-            return this.x;
-        }
-        set y(a) {
-            let b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.cn("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.x));
+                this.cr("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
             }
         }
         get aa() {
@@ -732,136 +794,146 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cn("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.z));
+                this.cr("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.z));
             }
         }
-        get du() {
-            return this.dd;
+        get ac() {
+            return this.ab;
         }
-        set du(a) {
-            let b = this.dd;
-            this.dd = a;
-            if (b != this.dd) {
-                this.cn("SearchIconColor", b, this.dd);
+        set ac(a) {
+            let b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.cr("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ab));
             }
         }
-        get ds() {
-            return this.db;
+        get d1() {
+            return this.di;
         }
-        set ds(a) {
-            let b = this.db;
-            this.db = a;
-            if (b != this.db) {
-                this.cn("SearchBackgroundColor", b, this.db);
+        set d1(a) {
+            let b = this.di;
+            this.di = a;
+            if (b != this.di) {
+                this.cr("SearchIconColor", b, this.di);
             }
         }
-        get dv() {
-            return this.de;
-        }
-        set dv(a) {
-            let b = this.de;
-            this.de = a;
-            if (b != this.de) {
-                this.cn("SearchTextColor", b, this.de);
-            }
-        }
-        get dt() {
-            return this.dc;
-        }
-        set dt(a) {
-            let b = this.dc;
-            this.dc = a;
-            if (b != this.dc) {
-                this.cn("SearchBorderColor", b, this.dc);
-            }
-        }
-        get af() {
-            return this.ad;
+        get dz() {
+            return this.dg;
         }
-        set af(a) {
-            let b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.cn("SearchTextStyle", b, this.ad);
+        set dz(a) {
+            let b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.cr("SearchBackgroundColor", b, this.dg);
             }
         }
-        get dl() {
-            return this.c7;
+        get d2() {
+            return this.dj;
         }
-        set dl(a) {
-            let b = this.c7;
-            this.c7 = a;
-            if (b != this.c7) {
-                this.cn("CheckboxTickColor", b, this.c7);
+        set d2(a) {
+            let b = this.dj;
+            this.dj = a;
+            if (b != this.dj) {
+                this.cr("SearchTextColor", b, this.dj);
             }
         }
-        get dj() {
-            return this.c5;
+        get d0() {
+            return this.dh;
         }
-        set dj(a) {
-            let b = this.c5;
-            this.c5 = a;
-            if (b != this.c5) {
-                this.cn("CheckboxCheckedBackgroundColor", b, this.c5);
+        set d0(a) {
+            let b = this.dh;
+            this.dh = a;
+            if (b != this.dh) {
+                this.cr("SearchBorderColor", b, this.dh);
             }
         }
-        get dm() {
-            return this.c8;
+        get ah() {
+            return this.af;
         }
-        set dm(a) {
-            let b = this.c8;
-            this.c8 = a;
-            if (b != this.c8) {
-                this.cn("CheckboxUncheckedBackgroundColor", b, this.c8);
+        set ah(a) {
+            let b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.cr("SearchTextStyle", b, this.af);
             }
         }
-        get dk() {
-            return this.c6;
+        get dr() {
+            return this.db;
         }
-        set dk(a) {
-            let b = this.c6;
-            this.c6 = a;
-            if (b != this.c6) {
-                this.cn("CheckboxCheckedBorderColor", b, this.c6);
+        set dr(a) {
+            let b = this.db;
+            this.db = a;
+            if (b != this.db) {
+                this.cr("CheckboxTickColor", b, this.db);
             }
         }
-        get dn() {
+        get dp() {
             return this.c9;
         }
-        set dn(a) {
+        set dp(a) {
             let b = this.c9;
             this.c9 = a;
             if (b != this.c9) {
-                this.cn("CheckboxUncheckedBorderColor", b, this.c9);
+                this.cr("CheckboxCheckedBackgroundColor", b, this.c9);
             }
         }
-        get w() {
-            return this.v;
+        get ds() {
+            return this.dc;
         }
-        set w(a) {
-            let b = this.v;
-            this.v = a;
-            if (b != this.v) {
-                this.cn("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.v));
+        set ds(a) {
+            let b = this.dc;
+            this.dc = a;
+            if (b != this.dc) {
+                this.cr("CheckboxUncheckedBackgroundColor", b, this.dc);
             }
         }
-        get dr() {
+        get dq() {
             return this.da;
         }
-        set dr(a) {
+        set dq(a) {
             let b = this.da;
             this.da = a;
             if (b != this.da) {
-                this.cn("ScrollbarBackground", b, this.da);
+                this.cr("CheckboxCheckedBorderColor", b, this.da);
+            }
+        }
+        get dt() {
+            return this.dd;
+        }
+        set dt(a) {
+            let b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cr("CheckboxUncheckedBorderColor", b, this.dd);
+            }
+        }
+        get y() {
+            return this.x;
+        }
+        set y(a) {
+            let b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.cr("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.x));
             }
         }
-        cn(a, b, c) {
+        get dy() {
+            return this.df;
+        }
+        set dy(a) {
+            let b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cr("ScrollbarBackground", b, this.df);
+            }
+        }
+        cr(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cs(a, b, c);
+            this.cw(a, b, c);
         }
-        cs(a, b, c) {
+        cw(a, b, c) {
             switch (a) {
                 case "ItemsSource":
                     if (this.h != null) {
@@ -874,26 +946,26 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                         }
                         if (this.h.actualDataSource != null) {
                             let 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) {
                             let 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;
@@ -903,7 +975,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     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":
@@ -918,71 +990,75 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     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":
                     let 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":
@@ -996,43 +1072,52 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        cz() {
+        c3() {
             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();
         }
-        c0() {
-            if (this.q != null) {
-                this.q.p = this.y;
+        c4() {
+            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();
         }
-        co(a, b) {
-            this.aj = true;
-            this.b7();
+        cs(a, b) {
+            this.al = true;
+            this.ca();
             if (b.schema != null) {
-                this.cq();
+                this.cu();
                 for (let 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;
         }
-        cq() {
-            if (this.ab == null && this.a2 != null && this.a2 != "") {
-                this.ab = new FastReflectionHelper(false, this.a2);
+        cu() {
+            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;
                 let a = this.h.actualDataSource.actualCount;
                 for (let b = 0; b < a; b++) {
                     let c = this.h.actualDataSource.getItemAtIndex(b);
-                    let d = this.ab.getPropertyValue(c);
+                    let d = this.ad.getPropertyValue(c);
                     if (d == true) {
                         let e = this.j(c);
                         if (!this.g.contains(e)) {
@@ -1042,24 +1127,24 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 }
             }
         }
-        c1() {
+        c5() {
             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;
             }
             let 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";
             let b = new ColumnWidth();
             b.c = false;
@@ -1067,10 +1152,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             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;
-            let c = this.h.actualDataSource.resolveSchemaPropertyType(this.a0);
+            let c = this.h.actualDataSource.resolveSchemaPropertyType(this.a2);
             let d;
             switch (c) {
                 case 8:
@@ -1093,7 +1178,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     d = new TextColumn();
                     break;
             }
-            d.i8 = this.a0;
+            d.i8 = this.a2;
             d.jz = "DataColumn";
             d.h2 = 0;
             d.e = 0;
@@ -1105,13 +1190,14 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         provideHrElement(a) {
             this.m.p(a);
         }
-        ck() {
-            let a = this.p;
-            a.changing = delegateCombine(a.changing, runOn(this, this.cc));
+        co() {
+            let a = this.r;
+            a.changing = delegateCombine(a.changing, runOn(this, this.cg));
+            this.c4();
         }
-        cc(a, b) {
+        cg(a, b) {
             let c = b.value.toLowerCase();
-            this.cj(c);
+            this.cn(c);
         }
         j(a) {
             if (this.b == null) {
@@ -1125,55 +1211,61 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return new PrimaryKeyValue(b, c);
         }
-        cw(a) {
-            this.ai = true;
+        c0(a) {
+            this.ak = true;
             let b = this.e.getItemAtIndex(a);
+            if (this.ad != null) {
+                this.ad.setPropertyValue(b, false);
+            }
             let c = this.j(b);
             this.g.remove(c);
-            this.ai = false;
+            this.ak = false;
         }
-        b5(a) {
-            this.ai = true;
+        b8(a) {
+            this.ak = true;
             let b = this.e.getItemAtIndex(a);
+            if (this.ad != null) {
+                this.ad.setPropertyValue(b, true);
+            }
             let c = this.j(b);
             this.g.add(c);
-            this.ai = false;
+            this.ak = false;
         }
-        cy() {
+        c2() {
             this.l = 0;
             this.g.clear();
-            this.cd();
+            this.ch();
             this.m.ag();
         }
-        b9() {
+        cc() {
             this.l = 1;
             this.g.clear();
-            this.cd();
+            this.ch();
             this.m.ag();
         }
-        cg(a, b, c) {
+        ck(a, b, c) {
             if (this.h != null) {
                 this.h.notifySetItem(a, b, c);
             }
         }
-        cd() {
+        ch() {
             if (this.h != null) {
                 this.h.notifyClearItems();
             }
         }
-        ce(a, b) {
+        ci(a, b) {
             if (this.h != null) {
                 this.h.notifyInsertItem(a, b);
             }
             ;
         }
-        cf(a, b) {
+        cj(a, b) {
             if (this.h != null) {
                 this.h.notifyRemoveItem(a, b);
             }
             ;
         }
-        b6(a) {
+        b9(a) {
             let b = null;
             if (this.b == null || this.b.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1185,10 +1277,15 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
             if (b != null) {
+                if (this.ad != null) {
+                    let c = this.e.indexOfKey(a);
+                    let d = this.e.getItemAtIndex(c);
+                    this.ad.setPropertyValue(d, true);
+                }
                 this.g.add(b);
             }
         }
-        cx(a) {
+        c1(a) {
             let b = null;
             if (this.b == null || this.b.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1200,85 +1297,100 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
             if (this.g.contains(b)) {
+                if (this.ad != null) {
+                    let c = this.e.indexOfKey(a);
+                    let d = this.e.getItemAtIndex(c);
+                    this.ad.setPropertyValue(d, false);
+                }
                 this.g.remove(b);
             }
         }
-        get bx() {
-            return this.bw != null ? this.bw : !stringIsNullOrWhiteSpace(this.ah.b1("Select_All")) ? this.ah.b1("Select_All") : "(Select All)";
+        get b0() {
+            return this.bz != null ? this.bz : !stringIsNullOrWhiteSpace(this.aj.b1("Select_All")) ? this.aj.b1("Select_All") : "(Select All)";
         }
-        set bx(a) {
-            if (a == this.bw) {
+        set b0(a) {
+            if (a == this.bz) {
                 return;
             }
-            let b = this.bw;
-            this.bw = a;
-            this.cn("SelectAllCaption", b, this.bw);
+            let b = this.bz;
+            this.bz = a;
+            this.cr("SelectAllCaption", b, this.bz);
         }
-        get dw() {
-            return this.df;
+        get d3() {
+            return this.dk;
         }
-        set dw(a) {
-            let b = this.df;
-            this.df = a;
-            if (b != this.df) {
-                this.cn("SelectAllCaptionTextColor", b, a);
+        set d3(a) {
+            let b = this.dk;
+            this.dk = a;
+            if (b != this.dk) {
+                this.cr("SelectAllCaptionTextColor", b, a);
             }
         }
-        get dh() {
-            return this.c3;
+        get dm() {
+            return this.c7;
         }
-        set dh(a) {
-            let b = this.c3;
-            this.c3 = a;
-            if (b != this.c3) {
-                this.cn("ActualSelectAllCaptionTextColor", b, a);
+        set dm(a) {
+            let b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.cr("ActualSelectAllCaptionTextColor", b, a);
             }
         }
-        get ao() {
-            if (-1 == this.aw) {
+        get aq() {
+            if (-1 == this.ay) {
                 return false;
             }
             let a = this.g.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.aw) {
+            if (a == this.ay) {
                 return false;
             }
             return true;
         }
-        get as() {
-            return this.ar;
+        get au() {
+            return this.at;
         }
-        set as(a) {
-            if (a == this.ar) {
+        set au(a) {
+            if (a == this.at) {
                 return;
             }
-            let b = this.ar;
-            this.ar = a;
-            this.cn("showSelectAll", b, this.ar);
+            let b = this.at;
+            this.at = a;
+            this.cr("showSelectAll", b, this.at);
         }
-        get di() {
-            return this.c4;
+        get dn() {
+            return this.c8;
         }
-        set di(a) {
-            let b = this.c4;
-            this.c4 = a;
-            if (b != this.c4) {
-                this.cn("BackgroundColor", b, a);
+        set dn(a) {
+            let b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.cr("BackgroundColor", b, a);
             }
         }
-        get dy() {
-            return this.dg;
+        get dx() {
+            return this.de;
         }
-        set dy(a) {
-            let b = this.dg;
-            this.dg = a;
-            if (b != this.dg) {
-                this.cn("TextColor", b, a);
+        set dx(a) {
+            let b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cr("RowHoverBackgroundColor", b, a);
             }
         }
-        cp(a) {
+        get d5() {
+            return this.dl;
+        }
+        set d5(a) {
+            let b = this.dl;
+            this.dl = a;
+            if (b != this.dl) {
+                this.cr("TextColor", b, a);
+            }
+        }
+        ct(a) {
             if (this.selectAllCheckboxChanged != null) {
                 this.selectAllCheckboxChanged(this, ((() => {
                     let $ret = new SelectAllCheckboxChangedEventArgs();
@@ -1287,69 +1399,70 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        al() {
-            if (-1 == this.aw) {
+        an() {
+            if (-1 == this.ay) {
                 return true;
             }
             let 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;
             }
         }
-        ak() {
-            if (-1 == this.aw) {
+        am() {
+            if (-1 == this.ay) {
                 return false;
             }
             let 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;
             }
         }
-        b7() {
+        ca() {
             let a = this.h.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
-                    this.aw = -1;
+                    this.ay = -1;
                     return;
                 }
                 let b = a.actualCount;
-                this.aw = b;
+                this.ay = b;
             }
             else {
-                this.aw = -1;
+                this.ay = -1;
             }
         }
-        get aq() {
-            return this.ap;
+        get as() {
+            return this.ar;
         }
-        set aq(a) {
-            if (a == this.ap) {
+        set as(a) {
+            if (a == this.ar) {
                 return;
             }
-            let b = this.ap;
-            this.ap = a;
-            this.cn("ShowFilter", b, this.ap);
+            let b = this.ar;
+            this.ar = a;
+            this.cr("ShowFilter", b, this.ar);
         }
-        get an() {
-            return this.am;
+        get ap() {
+            return this.ao;
         }
-        set an(a) {
-            if (a == this.am) {
+        set ap(a) {
+            if (a == this.ao) {
                 return;
             }
-            let b = this.am;
-            this.am = a;
-            this.cn("IsRowHoverEnabled", b, this.am);
+            let b = this.ao;
+            this.ao = a;
+            this.cr("IsRowHoverEnabled", b, this.ao);
         }
     }
     CheckboxList.$t = /*@__PURE__*/ markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.dx = /*@__PURE__*/ 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 = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
-    CheckboxList.dq = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.d4 = /*@__PURE__*/ 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 = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
+    CheckboxList.dv = null;
+    CheckboxList.dw = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     return CheckboxList;
 })();