igniteui-webcomponents-grids 5.1.0 → 5.1.1-beta.1

package/esm2015/lib/CheckboxListView_combined.js

@@ -4,7 +4,7 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-import { Base, runOn, delegateCombine, fromEnum, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox } from "igniteui-webcomponents-core";
+import { Base, runOn, delegateCombine, fromEnum, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, EnumUtil } from "igniteui-webcomponents-core";
 import { DomWrapper_$type } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
 import { XCheckbox } from "igniteui-webcomponents-inputs";
@@ -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";
@@ -24,16 +25,17 @@ import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ScrollbarStyle_$type } from "igniteui-webcomponents-core";
 import { BrushUtil } from "igniteui-webcomponents-core";
 import { FilterFactory } from "igniteui-webcomponents-core";
+import { CheckboxListKeysClearedEventArgs } from "./CheckboxListKeysClearedEventArgs";
 import { CheckedChangedEventArgs } from "./CheckedChangedEventArgs";
 import { TemplateColumn } from "./TemplateColumn";
 import { FastReflectionHelper } from "igniteui-webcomponents-core";
 import { DataSourceSchemaPropertyType_$type } from "igniteui-webcomponents-core";
+import { CheckboxListIndexTypeChangedEventArgs } from "./CheckboxListIndexTypeChangedEventArgs";
 import { ColumnWidth } from "./ColumnWidth";
 import { DateTimeColumn } from "./DateTimeColumn";
 import { NumericColumn } from "./NumericColumn";
 import { TextColumn } from "./TextColumn";
 import { ArgumentException } from "igniteui-webcomponents-core";
-import { Size } from "igniteui-webcomponents-core";
 import { SelectAllCheckboxChangedEventArgs } from "./SelectAllCheckboxChangedEventArgs";
 import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
 /**
@@ -71,6 +73,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let c = Math.round(a.rootWrapper.height());
             this.f.rootWrapper.setStyleProperty("position", "relative");
             this.f.rootWrapper.setStyleProperty("padding-bottom", "4px");
+            this.ag();
         }
         v() {
             if (this.f != null) {
@@ -80,13 +83,13 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         w(a) {
             let b = a.rootWrapper.getChildAt(0);
             this.h = b;
-            this.b.t = new XInputGroup();
+            this.b.v = new XInputGroup();
             let c = a.getSubRenderer(b);
-            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.density;
+            this.b.v.provideContainer(c);
+            let d = c.getExternal(this.b.v, c.rootWrapper, c.getExternal(this.b, null, null));
+            this.b.v.d = this.b.x;
+            this.b.v.p = this.b.baseTheme;
+            this.b.v.t = this.b.density;
             let e = a.createElement("div");
             let f = a.getSubRenderer(e);
             let g = new XPrefix();
@@ -97,24 +100,24 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             this.c = new XIcon();
             this.c.provideContainer(j);
             this.c.fill = this.b.searchIconColor;
-            this.c.svgPath = CheckboxList.bw;
+            this.c.svgPath = CheckboxList.by;
             let k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
             g.appendContentChild(i);
-            this.b.t.appendContentChild(e);
-            this.b.t.inputs.add(g);
+            this.b.v.appendContentChild(e);
+            this.b.v.inputs.add(g);
             let l = a.createElement("div");
             l.setRawStyleProperty("flex-grow", "1");
             let m = a.getSubRenderer(l);
-            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.t = new XInput();
+            this.b.t.provideContainer(m);
+            this.b.t.b8 = "text";
+            let n = m.getExternal(this.b.t, m.rootWrapper, m.getExternal(this.b, null, null));
+            if (this.b.bk != null) {
+                this.b.t.cg = this.b.bk;
             }
-            this.b.t.appendContentChild(l);
-            this.b.t.inputs.add(this.b.r);
-            this.b.co();
+            this.b.v.appendContentChild(l);
+            this.b.v.inputs.add(this.b.t);
+            this.b.cv();
         }
         s() {
             if (this.f != null) {
@@ -127,7 +130,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 else {
                     a.setStyleProperty("height", "calc(100% - 75px");
                 }
-                if (!this.b.as && !this.b.showSelectAll) {
+                if (!this.b.au && !this.b.showSelectAll) {
                     a.setStyleProperty("height", "100%");
                 }
             }
@@ -140,7 +143,7 @@ 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.aa;
+                d.n = this.b.baseTheme;
                 d.y = true;
                 d.change = delegateCombine(d.change, runOn(this, this.k));
                 let g = this.f.createElement("div");
@@ -154,6 +157,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                     case 2:
                         a.setStyleProperty("margin-top", "-1px");
                         break;
+                    case 4:
                     case 3:
                         a.setStyleProperty("margin-top", "1px");
                         break;
@@ -169,7 +173,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                     d.z = true;
                     d.a4 = b;
                     if (c) {
-                        if (this.b.l == 0) {
+                        if (this.b.indexType == 0) {
                             d.checked = false;
                         }
                         else {
@@ -177,7 +181,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                         }
                     }
                     else {
-                        if (this.b.l == 0) {
+                        if (this.b.indexType == 0) {
                             d.checked = true;
                         }
                         else {
@@ -188,22 +192,22 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 finally {
                     d.z = h;
                 }
-                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;
+                d.dk = this.b.d0;
+                d.dd = this.b.dy;
+                d.dl = this.b.d1;
+                d.de = this.b.dz;
+                d.dm = this.b.d2;
             }
         }
         z() {
             if (this.e != null) {
                 for (let a of fromEnum(this.e)) {
                     let b = a.value;
-                    b.n = this.b.aa;
+                    b.n = this.b.baseTheme;
                 }
             }
             if (this.a != null) {
-                this.a.n = this.b.aa;
+                this.a.n = this.b.baseTheme;
             }
         }
         x() {
@@ -213,22 +217,22 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let d = parseInt(c.a4.toString());
             let e = c.checked;
             if (e == true) {
-                if (this.b.l == 0) {
-                    this.b.c0(d);
+                if (this.b.indexType == 0) {
+                    this.b.c8(d);
                 }
                 else {
-                    this.b.b8(d);
+                    this.b.ca(d);
                 }
             }
             else {
-                if (this.b.l == 0) {
-                    this.b.b8(d);
+                if (this.b.indexType == 0) {
+                    this.b.ca(d);
                 }
                 else {
-                    this.b.c0(d);
+                    this.b.c8(d);
                 }
             }
-            this.b.cm(d, e);
+            this.b.cs(d, e);
             this.ag(false);
         }
         l() {
@@ -239,7 +243,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 let e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.cm(e, b);
+                    this.b.cs(e, b);
                 }
             }
             this.ag();
@@ -266,9 +270,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.aa;
+            this.a.n = this.b.baseTheme;
             this.i = a.createElement("label");
-            this.i.setRawText(this.b.b0);
+            this.i.setRawText(this.b.b2);
             this.i.setStyleProperty("font-size", "13px");
             this.j.setStyleProperty("display", "flex");
             this.j.setStyleProperty("flex-direction", "row");
@@ -284,8 +288,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         }
         af() {
             if (null != this.i) {
-                this.i.setRawText(this.b.b0);
-                NativeUI.q(this.i, this.b.dm);
+                this.i.setRawText(this.b.b2);
+                NativeUI.q(this.i, this.b.dw);
             }
         }
         ai() {
@@ -296,10 +300,10 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         }
         ae() {
             if (this.h != null) {
-                this.h.setStyleProperty("display", this.b.as ? "block" : "none");
+                this.h.setStyleProperty("display", this.b.au ? "block" : "none");
             }
             if (this.g != null) {
-                this.g.setStyleProperty("display", this.b.as ? "block" : "none");
+                this.g.setStyleProperty("display", this.b.au ? "block" : "none");
             }
         }
         ag(a = true) {
@@ -311,16 +315,16 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let c = this.a.z;
             this.a.z = a;
             try {
-                if (this.b.aq) {
+                if (this.b.as) {
                     this.a.indeterminate = true;
                     return;
                 }
                 this.a.indeterminate = false;
-                if (this.b.l == 0) {
-                    this.a.checked = this.b.h.count == 0;
+                if (this.b.indexType == 0) {
+                    this.a.checked = this.b.keys.count == 0;
                 }
                 else {
-                    this.a.checked = this.b.h.count != 0;
+                    this.a.checked = this.b.keys.count != 0;
                 }
             }
             finally {
@@ -333,12 +337,12 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 return;
             }
             if (b.isChecked) {
-                this.b.c2();
-                this.b.ct(b.isChecked);
+                this.b.db();
+                this.b.c0(b.isChecked);
             }
             else {
-                this.b.cc();
-                this.b.ct(b.isChecked);
+                this.b.cg();
+                this.b.c0(b.isChecked);
             }
         }
         ad() {
@@ -348,7 +352,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             }
             let b = a.rootWrapper;
             if (null != b) {
-                NativeUI.q(b, this.b.d5);
+                NativeUI.q(b, this.b.ee);
                 NativeUI.m(b, this.b.backgroundColor);
             }
         }
@@ -357,9 +361,41 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 this.c.fill = this.b.searchIconColor;
             }
         }
+        getDesiredSize() {
+            let a = 248;
+            let b = 0;
+            if (this.b.itemsSource == null) {
+                return new Size(1, a, b + 158);
+            }
+            let c = 0;
+            if ((this.b.itemsSource.actualCount !== undefined)) {
+                c = (this.b.itemsSource.actualCount);
+            }
+            else {
+                c = (this.b.itemsSource.length);
+            }
+            b += 4;
+            b += 16;
+            b += 38;
+            b += 8;
+            b += 4;
+            let d = this.b.f != null ? this.b.f.actualRowHeight : 30;
+            let e = d * c;
+            if (e > 150) {
+                b += 150;
+                b += 15;
+            }
+            else {
+                b += e;
+            }
+            if (this.b.showSelectAll) {
+                b += d;
+            }
+            return new Size(1, a, b);
+        }
         ac() {
-            if (this.b.ag != null) {
-                this.i.setStyleProperty("font", this.b.ag.fontString);
+            if (this.b.ai != null) {
+                this.i.setStyleProperty("font", this.b.ai.fontString);
             }
             else {
                 this.i.setStyleProperty("font-family", "Verdana");
@@ -367,11 +403,11 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             }
         }
         y() {
-            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;
+            this.a.dk = this.b.d0;
+            this.a.dd = this.b.dy;
+            this.a.dl = this.b.d1;
+            this.a.de = this.b.dz;
+            this.a.dm = this.b.d2;
         }
         aa(a) {
             if (this.g != null) {
@@ -390,32 +426,38 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
  */
 export let CheckboxList = /*@__PURE__*/ (() => {
     class CheckboxList extends Base {
+        get view() {
+            return this._view;
+        }
+        set view(a) {
+            this._view = a;
+        }
+        get v() {
+            return this.u;
+        }
+        set v(a) {
+            this.u = a;
+        }
         get t() {
             return this.s;
         }
         set t(a) {
             this.s = a;
         }
-        get r() {
-            return this.q;
-        }
-        set r(a) {
-            this.q = a;
-        }
         get e() {
             if (this.f == null) {
                 return null;
             }
             return this.f.actualDataSource;
         }
-        get aj() {
-            if (this.ai == null) {
-                this.ai = new SRProvider(this.m.f);
-                this.ai.cb("DataGrid");
+        get al() {
+            if (this.ak == null) {
+                this.ak = new SRProvider(this.view.f);
+                this.ak.cb("DataGrid");
             }
-            return this.ai;
+            return this.ak;
         }
-        get h() {
+        get keys() {
             return this.g;
         }
         get primaryKey() {
@@ -425,104 +467,128 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cr("PrimaryKey", b, this.a);
+                this.cy("PrimaryKey", b, this.a);
             }
         }
         constructor() {
             super();
-            this.m = null;
+            this._view = null;
             this.f = null;
             this.j = null;
-            this.ad = null;
+            this.af = null;
             this.d = null;
-            this.ak = false;
+            this.am = false;
             this.c = null;
-            this.q = null;
             this.s = null;
-            this.al = false;
-            this.ai = null;
+            this.u = null;
+            this.an = false;
+            this.ak = null;
             this.g = new GridSelectedKeysCollection();
             this.a = null;
             this.propertyChanged = null;
             this.selectedKeyAdded = null;
             this.selectedKeyRemoved = null;
             this.checkedChanged = null;
-            this.a0 = null;
             this.a2 = null;
             this.a4 = null;
-            this.a3 = null;
-            this.u = 3;
-            this.aw = -1;
-            this.ae = null;
+            this.a6 = null;
+            this.a5 = null;
+            this.w = 3;
+            this.ay = -1;
+            this.ag = null;
             this.k = 1;
-            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.c9 = null;
-            this.dc = null;
-            this.da = null;
-            this.dd = null;
-            this.x = 0;
-            this.df = null;
-            this.bz = null;
+            this.ab = 1;
+            this.ad = 2;
+            this.ds = BrushUtil.h(255, 24, 29, 31);
+            this.dq = null;
+            this.dt = null;
+            this.dr = null;
+            this.ah = null;
             this.dk = null;
-            this.c7 = CheckboxList.dw;
-            this.at = true;
-            this.c8 = CheckboxList.du;
-            this.de = CheckboxList.dv;
-            this.dl = CheckboxList.dw;
+            this.di = null;
+            this.dl = null;
+            this.dj = null;
+            this.dm = null;
+            this.z = 0;
+            this.dp = null;
+            this.indexTypeChanged = null;
+            this.b1 = null;
+            this.du = null;
+            this.dg = CheckboxList.d5;
+            this.av = true;
+            this.dh = CheckboxList.d3;
+            this.dn = CheckboxList.d4;
+            this.dv = CheckboxList.d5;
+            this.keysCleared = null;
             this.selectAllCheckboxChanged = null;
-            this.ay = -1;
-            this.ar = true;
-            this.ao = true;
+            this.a0 = -1;
+            this.at = true;
+            this.aq = true;
             let a = this.g;
-            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.cv));
+            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.c3));
+            this.g.am(runOn(this, this.c2));
             this.d = new FilterFactory();
             let b = new CheckboxListView();
             b.b = this;
-            this.m = b;
-            this.m.n();
+            this.view = b;
+            this.view.n();
+        }
+        clearSelectedKeys() {
+            this.keys.clear();
+            if (this.keysCleared != null) {
+                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
+            }
+        }
+        addSelectedKey(a, b) {
+            this.keys.add(new PrimaryKeyValue(a, b));
+        }
+        insertSelectedKey(a, b, c) {
+            this.keys.insert(a, new PrimaryKeyValue(b, c));
+        }
+        removeSelectedKeyAt(a) {
+            this.keys.removeAt(a);
         }
-        cv(a, b) {
-            if (this.e == null || this.e.actualSchema == null || this.ak) {
+        c2() {
+            this.cm();
+            if (this.keysCleared != null) {
+                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
+            }
+        }
+        c3(a, b) {
+            if (this.e == null || this.e.actualSchema == null || this.am) {
                 return;
             }
             switch (b.action) {
                 case 0:
                     for (let c = 0; c < b.newItems.count; c++) {
-                        this.cp(b.newItems.item(c));
+                        this.cw(b.newItems.item(c));
                     }
                     break;
                 case 1:
                     for (let d = 0; d < b.oldItems.count; d++) {
-                        this.cq(b.oldItems.item(d));
+                        this.cx(b.oldItems.item(d));
                     }
                     break;
                 case 2:
                     for (let e = 0; e < b.oldItems.count; e++) {
-                        this.cq(b.oldItems.item(e));
+                        this.cx(b.oldItems.item(e));
                     }
                     for (let f = 0; f < b.newItems.count; f++) {
-                        this.cp(b.newItems.item(f));
+                        this.cw(b.newItems.item(f));
                     }
                     break;
                 case 4:
-                    this.m.u(this.l == 0);
-                    for (let g = 0; g < this.h.ae.count; g++) {
-                        this.cp(this.h.ae._inner[g]);
+                    this.view.u(this.indexType == 0);
+                    for (let g = 0; g < this.keys.ae.count; g++) {
+                        this.cw(this.keys.ae._inner[g]);
                     }
                     break;
             }
         }
-        cp(a) {
+        cw(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.m.t(b, this.l == 1);
+                this.view.t(b, this.indexType == 1);
             }
             if (this.selectedKeyAdded == null) {
                 return;
@@ -530,15 +596,15 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.selectedKeyAdded(this, ((() => {
                 let $ret = new CheckedChangedEventArgs();
                 $ret.c = b;
-                $ret.b = this.l == 1;
+                $ret.b = this.indexType == 1;
                 $ret.a = a.value;
                 return $ret;
             })()));
         }
-        cq(a) {
+        cx(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.m.t(b, this.l == 0);
+                this.view.t(b, this.indexType == 0);
             }
             if (this.selectedKeyRemoved == null) {
                 return;
@@ -546,13 +612,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.selectedKeyRemoved(this, ((() => {
                 let $ret = new CheckedChangedEventArgs();
                 $ret.c = b;
-                $ret.b = this.l == 0;
+                $ret.b = this.indexType == 0;
                 $ret.a = a.value;
                 return $ret;
             })()));
         }
-        cm(a, b) {
-            if (this.checkedChanged != null && this.al == false) {
+        cs(a, b) {
+            if (this.checkedChanged != null && this.an == false) {
                 let c = null;
                 if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
                     c = new Array(this.e.actualPrimaryKey.length);
@@ -570,27 +636,27 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         notifySizeChanged() {
-            this.m.l();
+            this.view.l();
         }
         destroy() {
             if (this.f != null) {
                 let a = this.f;
-                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ce));
+                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ci));
                 let b = this.f;
-                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cf));
+                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cj));
                 if (this.f.actualDataSource != null) {
                     let c = this.f.actualDataSource;
-                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cs));
+                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cz));
                 }
             }
-            if (this.q != null) {
-                let d = this.q;
-                d.change = delegateRemove(d.change, runOn(this, this.cg));
+            if (this.s != null) {
+                let d = this.s;
+                d.change = delegateRemove(d.change, runOn(this, this.ck));
             }
             this.provideContainer(null, null, null);
             if (this.j != null) {
                 let e = this.j;
-                e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cb));
+                e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.ce));
             }
         }
         provideContainer(a, b, c) {
@@ -598,8 +664,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (null != this.f) {
                 this.f.scrollbarStyle = 1;
                 let d = this.f;
-                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cf));
-                this.f.scrollbarBackground = this.dy;
+                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cj));
+                this.f.scrollbarBackground = this.d7;
                 this.f.headerHeight = 0;
                 this.f.rowSeparatorHeight = 0;
                 this.f.defaultColumnMinWidth = NaN;
@@ -607,27 +673,27 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.f.activationMode = 0;
                 this.f.editMode = 0;
                 let e = this.f;
-                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ce));
-                if (this.a0 != null) {
-                    this.f.itemsSource = this.a0;
-                    this.ca();
-                    this.cu();
-                }
+                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ci));
                 if (this.a2 != null) {
-                    this.cu();
-                    this.c5();
+                    this.f.itemsSource = this.a2;
+                    this.cd();
+                    this.c1();
+                }
+                if (this.a4 != null) {
+                    this.c1();
+                    this.de();
                 }
             }
-            this.m.q(c);
-            this.m.m(a);
+            this.view.q(c);
+            this.view.m(a);
         }
-        cf(a, b) {
-            this.f.scrollbarStyle = this.y;
+        cj(a, b) {
+            this.f.scrollbarStyle = this.aa;
         }
         provideSelectAllSection(a) {
-            this.m.q(a);
+            this.view.q(a);
         }
-        ce(a, b) {
+        ci(a, b) {
             if (b.cellInfo.l.a5 == 0) {
                 return;
             }
@@ -635,38 +701,38 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (-1 == c) {
                 return;
             }
-            let d = b.cellInfo.g4;
+            let d = b.cellInfo.hn;
             let e = this.i(d);
-            if (this.h.contains(e)) {
-                if (this.ad != null) {
-                    this.ad.setPropertyValue(d, false);
+            if (this.keys.contains(e)) {
+                if (this.af != null) {
+                    this.af.setPropertyValue(d, false);
                 }
-                this.h.remove(e);
+                this.keys.remove(e);
             }
             else {
-                if (this.ad != null) {
-                    this.ad.setPropertyValue(d, true);
+                if (this.af != null) {
+                    this.af.setPropertyValue(d, true);
                 }
-                this.h.add(e);
+                this.keys.add(e);
             }
         }
-        cb(a, b) {
+        ce(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
             }
             let d = false;
-            if (b.cellInfo.g4 != null) {
-                let e = this.i(b.cellInfo.g4);
-                if (this.h.contains(e)) {
+            if (b.cellInfo.hn != null) {
+                let e = this.i(b.cellInfo.hn);
+                if (this.keys.contains(e)) {
                     d = true;
                 }
             }
-            this.m.o(b.content.element, c, d);
+            this.view.o(b.content.element, c, d);
         }
-        cn(a) {
-            if (this.a2 != null) {
-                let b = this.d.property(this.a2).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+        ct(a) {
+            if (this.a4 != null) {
+                let b = this.d.property(this.a4).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
                 let c = b.contains(a);
                 if (!this.f.filterExpressions.k.contains(this.c)) {
                     this.c = c;
@@ -679,242 +745,251 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         get itemsSource() {
-            return this.a0;
-        }
-        set itemsSource(a) {
-            let b = this.a0;
-            this.a0 = a;
-            if (b != this.a0) {
-                this.cr("ItemsSource", b, this.a0);
-            }
-        }
-        get dataMemberPath() {
             return this.a2;
         }
-        set dataMemberPath(a) {
+        set itemsSource(a) {
             let b = this.a2;
             this.a2 = a;
             if (b != this.a2) {
-                this.cr("DataMemberPath", b, this.a2);
+                this.cy("ItemsSource", b, this.a2);
             }
         }
-        get selectedMemberPath() {
+        get dataMemberPath() {
             return this.a4;
         }
-        set selectedMemberPath(a) {
+        set dataMemberPath(a) {
             let b = this.a4;
             this.a4 = a;
             if (b != this.a4) {
-                this.cr("SelectedMemberPath", b, this.a4);
+                this.cy("DataMemberPath", b, this.a4);
+            }
+        }
+        get selectedMemberPath() {
+            return this.a6;
+        }
+        set selectedMemberPath(a) {
+            let b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.cy("SelectedMemberPath", b, this.a6);
             }
         }
-        get bi() {
-            return this.a3;
+        get bk() {
+            return this.a5;
         }
-        set bi(a) {
-            let b = this.a3;
-            this.a3 = a;
-            if (b != this.a3) {
-                this.cr("FilterPlaceholderText", b, this.a3);
+        set bk(a) {
+            let b = this.a5;
+            this.a5 = a;
+            if (b != this.a5) {
+                this.cy("FilterPlaceholderText", b, this.a5);
             }
         }
-        get v() {
-            return this.u;
+        get x() {
+            return this.w;
         }
-        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));
+        set x(a) {
+            let b = this.w;
+            this.w = a;
+            if (b != this.w) {
+                this.cy("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.w));
             }
         }
-        get az() {
-            return this.aw;
+        get a1() {
+            return this.ay;
         }
-        set az(a) {
-            let b = this.aw;
-            this.aw = a;
-            if (b != this.aw) {
-                this.cr("RowHeight", b, this.aw);
+        set a1(a) {
+            let b = this.ay;
+            this.ay = a;
+            if (b != this.ay) {
+                this.cy("RowHeight", b, this.ay);
             }
         }
-        get ax() {
+        get az() {
             if (this.f != null) {
                 return this.f.actualRowHeight;
             }
             return -1;
         }
-        get ag() {
-            return this.ae;
+        get ai() {
+            return this.ag;
         }
-        set ag(a) {
-            let b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.cr("CellTextStyle", b, this.ae);
+        set ai(a) {
+            let b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.cy("CellTextStyle", b, this.ag);
             }
         }
-        get l() {
+        get indexType() {
             return this.k;
         }
-        set l(a) {
+        set indexType(a) {
             let b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.cr("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
+                this.cy("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
             }
         }
-        get aa() {
-            return this.z;
+        get baseTheme() {
+            return this.ab;
         }
-        set aa(a) {
-            let b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.cr("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.z));
+        set baseTheme(a) {
+            let b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.cy("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ab));
             }
         }
         get density() {
-            return this.ab;
+            return this.ad;
         }
         set density(a) {
-            let b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.cr("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ab));
+            let b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.cy("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ad));
             }
         }
         get searchIconColor() {
-            return this.di;
+            return this.ds;
         }
         set searchIconColor(a) {
-            let b = this.di;
-            this.di = a;
-            if (b != this.di) {
-                this.cr("SearchIconColor", b, this.di);
+            let b = this.ds;
+            this.ds = a;
+            if (b != this.ds) {
+                this.cy("SearchIconColor", b, this.ds);
             }
         }
-        get dz() {
-            return this.dg;
+        get d8() {
+            return this.dq;
         }
-        set dz(a) {
-            let b = this.dg;
-            this.dg = a;
-            if (b != this.dg) {
-                this.cr("SearchBackgroundColor", b, this.dg);
+        set d8(a) {
+            let b = this.dq;
+            this.dq = a;
+            if (b != this.dq) {
+                this.cy("SearchBackgroundColor", b, this.dq);
             }
         }
         get searchTextColor() {
-            return this.dj;
+            return this.dt;
         }
         set searchTextColor(a) {
-            let b = this.dj;
-            this.dj = a;
-            if (b != this.dj) {
-                this.cr("SearchTextColor", b, this.dj);
+            let b = this.dt;
+            this.dt = a;
+            if (b != this.dt) {
+                this.cy("SearchTextColor", b, this.dt);
             }
         }
-        get d0() {
-            return this.dh;
+        get d9() {
+            return this.dr;
         }
-        set d0(a) {
-            let b = this.dh;
-            this.dh = a;
-            if (b != this.dh) {
-                this.cr("SearchBorderColor", b, this.dh);
+        set d9(a) {
+            let b = this.dr;
+            this.dr = a;
+            if (b != this.dr) {
+                this.cy("SearchBorderColor", b, this.dr);
             }
         }
-        get ah() {
-            return this.af;
+        get aj() {
+            return this.ah;
         }
-        set ah(a) {
-            let b = this.af;
-            this.af = a;
-            if (b != this.af) {
-                this.cr("SearchTextStyle", b, this.af);
+        set aj(a) {
+            let b = this.ah;
+            this.ah = a;
+            if (b != this.ah) {
+                this.cy("SearchTextStyle", b, this.ah);
             }
         }
-        get dr() {
-            return this.db;
+        get d0() {
+            return this.dk;
         }
-        set dr(a) {
-            let b = this.db;
-            this.db = a;
-            if (b != this.db) {
-                this.cr("CheckboxTickColor", b, this.db);
+        set d0(a) {
+            let b = this.dk;
+            this.dk = a;
+            if (b != this.dk) {
+                this.cy("CheckboxTickColor", b, this.dk);
             }
         }
-        get dp() {
-            return this.c9;
+        get dy() {
+            return this.di;
         }
-        set dp(a) {
-            let b = this.c9;
-            this.c9 = a;
-            if (b != this.c9) {
-                this.cr("CheckboxCheckedBackgroundColor", b, this.c9);
+        set dy(a) {
+            let b = this.di;
+            this.di = a;
+            if (b != this.di) {
+                this.cy("CheckboxCheckedBackgroundColor", b, this.di);
             }
         }
-        get ds() {
-            return this.dc;
+        get d1() {
+            return this.dl;
         }
-        set ds(a) {
-            let b = this.dc;
-            this.dc = a;
-            if (b != this.dc) {
-                this.cr("CheckboxUncheckedBackgroundColor", b, this.dc);
+        set d1(a) {
+            let b = this.dl;
+            this.dl = a;
+            if (b != this.dl) {
+                this.cy("CheckboxUncheckedBackgroundColor", b, this.dl);
             }
         }
-        get dq() {
-            return this.da;
+        get dz() {
+            return this.dj;
         }
-        set dq(a) {
-            let b = this.da;
-            this.da = a;
-            if (b != this.da) {
-                this.cr("CheckboxCheckedBorderColor", b, this.da);
+        set dz(a) {
+            let b = this.dj;
+            this.dj = a;
+            if (b != this.dj) {
+                this.cy("CheckboxCheckedBorderColor", b, this.dj);
             }
         }
-        get dt() {
-            return this.dd;
+        get d2() {
+            return this.dm;
         }
-        set dt(a) {
-            let b = this.dd;
-            this.dd = a;
-            if (b != this.dd) {
-                this.cr("CheckboxUncheckedBorderColor", b, this.dd);
+        set d2(a) {
+            let b = this.dm;
+            this.dm = a;
+            if (b != this.dm) {
+                this.cy("CheckboxUncheckedBorderColor", b, this.dm);
             }
         }
-        get y() {
-            return this.x;
+        get aa() {
+            return this.z;
         }
-        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));
+        set aa(a) {
+            let b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.cy("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.z));
             }
         }
-        get dy() {
-            return this.df;
+        get d7() {
+            return this.dp;
         }
-        set dy(a) {
-            let b = this.df;
-            this.df = a;
-            if (b != this.df) {
-                this.cr("ScrollbarBackground", b, this.df);
+        set d7(a) {
+            let b = this.dp;
+            this.dp = a;
+            if (b != this.dp) {
+                this.cy("ScrollbarBackground", b, this.dp);
             }
         }
-        cr(a, b, c) {
+        cy(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cw(a, b, c);
+            this.c4(a, b, c);
         }
-        cw(a, b, c) {
+        c4(a, b, c) {
             switch (a) {
+                case "IndexType":
+                    this.keys.clear();
+                    this.cm();
+                    if (this.keysCleared != null) {
+                        this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
+                    }
+                    this.view.ag();
+                    this.cu(b, c);
+                    break;
                 case "ItemsSource":
                     if (this.f != null) {
-                        this.l = 1;
+                        this.indexType = 1;
                         if (c != null) {
                             this.f.groupDescriptions.n();
                             this.f.sortDescriptions.n();
@@ -923,26 +998,26 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                         }
                         if (this.f.actualDataSource != null) {
                             let d = this.f.actualDataSource;
-                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.cs));
+                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.cz));
                         }
-                        this.f.itemsSource = this.a0;
-                        this.ca();
+                        this.f.itemsSource = this.a2;
+                        this.cd();
                         if (this.f.actualDataSource != null) {
                             let e = this.f.actualDataSource;
-                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cs));
+                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cz));
                         }
-                        this.al = true;
-                        this.cu();
-                        this.al = false;
-                        this.m.ag();
+                        this.an = true;
+                        this.c1();
+                        this.an = false;
+                        this.view.ag();
                     }
                     break;
                 case "DataMemberPath":
                 case "SelectedMemberPath":
                     if (this.f != null) {
-                        if (this.a2 != null) {
-                            this.cu();
-                            this.c5();
+                        if (this.a4 != null) {
+                            this.c1();
+                            this.de();
                         }
                     }
                     break;
@@ -952,187 +1027,197 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "SelectAllCaptionTextColor":
-                    this.dm = null != this.d3 ? this.d3 : CheckboxList.dw;
+                    this.dw = null != this.ec ? this.ec : CheckboxList.d5;
                     break;
                 case "SelectAllCaption":
                 case "ActualSelectAllCaptionTextColor":
-                    this.m.af();
+                    this.view.af();
                     break;
                 case "showSelectAll":
-                    this.m.ai();
-                    this.m.s();
+                    this.view.ai();
+                    this.view.s();
                     break;
                 case "ShowFilter":
-                    this.m.ae();
-                    this.m.s();
+                    this.view.ae();
+                    this.view.s();
                     break;
                 case "FilterPlaceholderText":
-                    if (this.q != null) {
-                        this.q.cg = this.bi;
+                    if (this.s != null) {
+                        this.s.cg = this.bk;
                     }
                     break;
                 case "SearchInputType":
-                    if (this.s != null) {
-                        this.s.d = this.v;
+                    if (this.u != null) {
+                        this.u.d = this.x;
                     }
                     break;
                 case "RowHeight":
                     if (this.f != null) {
-                        this.f.rowHeight = this.az;
+                        this.f.rowHeight = this.a1;
                     }
                     break;
                 case "CellTextStyle":
                     if (this.f != null) {
-                        this.f.cellTextStyle = this.ag;
+                        this.f.cellTextStyle = this.ai;
                     }
-                    this.m.ac();
+                    this.view.ac();
                     break;
                 case "BackgroundColor":
                 case "TextColor":
                 case "RowHoverBackgroundColor":
                     let f = this.f;
                     if (null != f) {
-                        f.cellTextColor = this.d5;
+                        f.cellTextColor = this.ee;
                         f.cellBackground = this.backgroundColor;
                         f.cellSelectedBackground = this.backgroundColor;
                         f.rowHoverBackground = this.rowHoverBackgroundColor;
                     }
-                    this.m.ad();
+                    this.view.ad();
                     break;
                 case "BaseTheme":
-                    this.c4();
+                    this.dd();
                     break;
                 case "Density":
-                    this.c3();
+                    this.dc();
                     break;
                 case "IsRowHoverEnabled":
                     if (this.f != null) {
-                        this.f.isRowHoverEnabled = this.ap;
+                        this.f.isRowHoverEnabled = this.ar;
                     }
                     break;
                 case "ScrollbarStyle":
                     if (this.f != null) {
-                        this.f.scrollbarStyle = this.y;
+                        this.f.scrollbarStyle = this.aa;
                     }
                     break;
                 case "ScrollbarBackground":
                     if (this.f != null) {
-                        this.f.scrollbarBackground = this.dy;
+                        this.f.scrollbarBackground = this.d7;
                     }
                     break;
                 case "SearchIconColor":
-                    this.m.ab();
+                    this.view.ab();
                     break;
                 case "SearchBackgroundColor":
-                    this.t.mc = this.dz;
+                    this.v.mc = this.d8;
                     break;
                 case "SearchBorderColor":
-                    this.t.md = this.d0;
+                    this.v.md = this.d9;
                     break;
                 case "SearchTextColor":
-                    if (this.r != null) {
-                        this.r.d8 = this.searchTextColor;
+                    if (this.t != null) {
+                        this.t.d8 = this.searchTextColor;
                     }
                     break;
                 case "SearchTextStyle":
-                    this.r.af = this.ah;
+                    this.t.af = this.aj;
                     break;
                 case "CheckboxTickColor":
                 case "CheckboxCheckedBackgroundColor":
                 case "CheckboxUncheckedBackgroundColor":
                 case "CheckboxCheckedBorderColor":
                 case "CheckboxUncheckedBorderColor":
-                    this.m.y();
+                    this.view.y();
                     if (this.f != null) {
-                        this.f.w9();
+                        this.f.xq();
                     }
                     break;
             }
         }
-        c3() {
+        cu(a, b) {
+            if (this.indexTypeChanged != null) {
+                this.indexTypeChanged(this, ((() => {
+                    let $ret = new CheckboxListIndexTypeChangedEventArgs();
+                    $ret.b = EnumUtil.getEnumValue(CheckboxListIndexType_$type, a);
+                    $ret.a = EnumUtil.getEnumValue(CheckboxListIndexType_$type, b);
+                    return $ret;
+                })()));
+            }
+        }
+        dc() {
             if (this.f != null) {
                 this.f.density = this.density;
             }
-            if (this.s != null) {
-                this.s.t = this.density;
+            if (this.u != null) {
+                this.u.t = this.density;
             }
-            this.m.x();
+            this.view.x();
         }
-        c4() {
-            if (this.s != null) {
-                this.s.p = this.aa;
+        dd() {
+            if (this.u != null) {
+                this.u.p = this.baseTheme;
             }
-            if (this.r != null) {
-                this.r.d8 = this.searchTextColor;
+            if (this.t != null) {
+                this.t.d8 = this.searchTextColor;
             }
             if (this.f != null) {
-                this.f.cellTextColor = this.d5;
+                this.f.cellTextColor = this.ee;
                 this.f.cellBackground = this.backgroundColor;
                 this.f.cellSelectedBackground = this.backgroundColor;
                 this.f.rowHoverBackground = this.rowHoverBackgroundColor;
             }
-            this.m.z();
+            this.view.z();
         }
-        cs(a, b) {
-            this.al = true;
-            this.ca();
+        cz(a, b) {
+            this.an = true;
+            this.cd();
             if (b.schema != null) {
-                this.cu();
-                for (let c = 0; c < this.h.count; c++) {
-                    this.cp(this.h._inner[c]);
+                this.c1();
+                for (let c = 0; c < this.keys.count; c++) {
+                    this.cw(this.keys._inner[c]);
                 }
-                this.m.ag();
+                this.view.ag();
             }
-            this.al = false;
+            this.an = false;
         }
-        cu() {
-            if (this.ad == null && this.a4 != null && this.a4 != "") {
-                this.ad = new FastReflectionHelper(false, this.a4);
+        c1() {
+            if (this.af == null && this.a6 != null && this.a6 != "") {
+                this.af = new FastReflectionHelper(false, this.a6);
             }
-            if (this.a0 != null && this.ad != null && this.f.actualDataSource.actualSchema != null) {
-                this.ad.propertyName = this.a4;
+            if (this.a2 != null && this.af != null && this.f.actualDataSource.actualSchema != null) {
+                this.af.propertyName = this.a6;
                 let a = this.f.actualDataSource.actualCount;
                 for (let b = 0; b < a; b++) {
                     let c = this.f.actualDataSource.getItemAtIndex(b);
-                    let d = this.ad.getPropertyValue(c);
+                    let d = this.af.getPropertyValue(c);
                     if (d == true) {
                         let e = this.i(c);
-                        if (!this.h.contains(e)) {
-                            this.h.add(e);
+                        if (!this.keys.contains(e)) {
+                            this.keys.add(e);
                         }
                     }
                 }
             }
         }
-        c5() {
+        de() {
             this.f.actualColumns.clear();
             this.f.primaryKey = this.primaryKey;
             this.f.isGroupRowSticky = false;
-            this.f.rowHeight = this.az;
+            this.f.rowHeight = this.a1;
             this.f.cellBackground = this.backgroundColor;
             this.f.cellSelectedBackground = this.backgroundColor;
             this.f.density = this.density;
-            this.f.isRowHoverEnabled = this.ap;
+            this.f.isRowHoverEnabled = this.ar;
             this.f.borderWidth = new Thickness(0, 0);
-            if (this.ag != null) {
-                this.f.cellTextStyle = this.ag;
+            if (this.ai != null) {
+                this.f.cellTextStyle = this.ai;
             }
             let a = new TemplateColumn();
-            if (this.a4 == null) {
-                this.a4 = "";
+            if (this.a6 == null) {
+                this.a6 = "";
             }
-            a.i8 = this.a4;
-            a.jz = "CheckboxColumn";
+            a.lo = this.a6;
+            a.mf = "CheckboxColumn";
             let b = new ColumnWidth();
             b.c = false;
             b.f = 28;
             a.width = b;
-            a.h2 = 0;
-            a.h3 = 0;
-            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.cb));
+            a.kk = 0;
+            a.kl = 0;
+            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.ce));
             this.f.columns.add(a);
             this.j = a;
-            let c = this.f.actualDataSource.resolveSchemaPropertyType(this.a2);
+            let c = this.f.actualDataSource.resolveSchemaPropertyType(this.a4);
             let d;
             switch (c) {
                 case 8:
@@ -1155,26 +1240,26 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     d = new TextColumn();
                     break;
             }
-            d.i8 = this.a2;
-            d.jz = "DataColumn";
-            d.h2 = 0;
-            d.e = 0;
+            d.lo = this.a4;
+            d.mf = "DataColumn";
+            d.kk = 0;
+            d.g = 0;
             this.f.columns.add(d);
         }
         updateHrMargin(a) {
-            this.m.aa(a);
+            this.view.aa(a);
         }
         provideHrElement(a) {
-            this.m.p(a);
+            this.view.p(a);
         }
-        co() {
-            let a = this.r;
-            a.changing = delegateCombine(a.changing, runOn(this, this.cg));
-            this.c4();
+        cv() {
+            let a = this.t;
+            a.changing = delegateCombine(a.changing, runOn(this, this.ck));
+            this.dd();
         }
-        cg(a, b) {
+        ck(a, b) {
             let c = b.value.toLowerCase();
-            this.cn(c);
+            this.ct(c);
         }
         i(a) {
             if (this.primaryKey == null) {
@@ -1188,61 +1273,70 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return new PrimaryKeyValue(b, c);
         }
-        c0(a) {
-            this.ak = true;
+        c8(a) {
+            this.am = true;
             let b = this.e.getItemAtIndex(a);
-            if (this.ad != null) {
-                this.ad.setPropertyValue(b, false);
+            if (this.af != null) {
+                this.af.setPropertyValue(b, false);
             }
             let c = this.i(b);
-            this.h.remove(c);
-            this.ak = false;
+            this.keys.remove(c);
+            this.am = false;
         }
-        b8(a) {
-            this.ak = true;
+        ca(a) {
+            this.am = true;
             let b = this.e.getItemAtIndex(a);
-            if (this.ad != null) {
-                this.ad.setPropertyValue(b, true);
+            if (this.af != null) {
+                this.af.setPropertyValue(b, true);
             }
             let c = this.i(b);
-            this.h.add(c);
-            this.ak = false;
+            this.keys.add(c);
+            this.am = false;
         }
-        c2() {
-            this.l = 0;
-            this.h.clear();
-            this.ch();
-            this.m.ag();
-        }
-        cc() {
-            this.l = 1;
-            this.h.clear();
-            this.ch();
-            this.m.ag();
-        }
-        ck(a, b, c) {
+        db() {
+            this.indexType = 0;
+            this.keys.clear();
+            this.cm();
+            if (this.keysCleared != null) {
+                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
+            }
+        }
+        cg() {
+            this.indexType = 1;
+            this.keys.clear();
+            this.cm();
+            if (this.keysCleared != null) {
+                this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
+            }
+        }
+        cq(a, b, c) {
             if (this.f != null) {
                 this.f.notifySetItem(a, b, c);
             }
         }
-        ch() {
+        cn() {
             if (this.f != null) {
                 this.f.notifyClearItems();
             }
         }
-        ci(a, b) {
+        cm() {
+            if (this.f != null) {
+                this.f.invalidateVisibleRows();
+            }
+        }
+        co(a, b) {
             if (this.f != null) {
                 this.f.notifyInsertItem(a, b);
             }
             ;
         }
-        cj(a, b) {
+        cp(a, b) {
             if (this.f != null) {
                 this.f.notifyRemoveItem(a, b);
             }
             ;
         }
-        b9(a) {
+        cb(a) {
             let b = null;
             if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1254,15 +1348,15 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
             if (b != null) {
-                if (this.ad != null) {
+                if (this.af != null) {
                     let c = this.e.indexOfKey(a);
                     let d = this.e.getItemAtIndex(c);
-                    this.ad.setPropertyValue(d, true);
+                    this.af.setPropertyValue(d, true);
                 }
-                this.h.add(b);
+                this.keys.add(b);
             }
         }
-        c1(a) {
+        c9(a) {
             let b = null;
             if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1273,13 +1367,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             else {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
-            if (this.h.contains(b)) {
-                if (this.ad != null) {
+            if (this.keys.contains(b)) {
+                if (this.af != null) {
                     let c = this.e.indexOfKey(a);
                     let d = this.e.getItemAtIndex(c);
-                    this.ad.setPropertyValue(d, false);
+                    this.af.setPropertyValue(d, false);
                 }
-                this.h.remove(b);
+                this.keys.remove(b);
             }
         }
         getDesiredSize() {
@@ -1303,94 +1397,97 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             else {
                 b += e;
             }
+            if (this.showSelectAll) {
+                b += c;
+            }
             return new Size(1, a, b);
         }
-        get b0() {
-            return this.bz != null ? this.bz : !stringIsNullOrWhiteSpace(this.aj.b1("Select_All")) ? this.aj.b1("Select_All") : "(Select All)";
+        get b2() {
+            return this.b1 != null ? this.b1 : !stringIsNullOrWhiteSpace(this.al.b1("Select_All")) ? this.al.b1("Select_All") : "(Select All)";
         }
-        set b0(a) {
-            if (a == this.bz) {
+        set b2(a) {
+            if (a == this.b1) {
                 return;
             }
-            let b = this.bz;
-            this.bz = a;
-            this.cr("SelectAllCaption", b, this.bz);
+            let b = this.b1;
+            this.b1 = a;
+            this.cy("SelectAllCaption", b, this.b1);
         }
-        get d3() {
-            return this.dk;
+        get ec() {
+            return this.du;
         }
-        set d3(a) {
-            let b = this.dk;
-            this.dk = a;
-            if (b != this.dk) {
-                this.cr("SelectAllCaptionTextColor", b, a);
+        set ec(a) {
+            let b = this.du;
+            this.du = a;
+            if (b != this.du) {
+                this.cy("SelectAllCaptionTextColor", b, a);
             }
         }
-        get dm() {
-            return this.c7;
+        get dw() {
+            return this.dg;
         }
-        set dm(a) {
-            let b = this.c7;
-            this.c7 = a;
-            if (b != this.c7) {
-                this.cr("ActualSelectAllCaptionTextColor", b, a);
+        set dw(a) {
+            let b = this.dg;
+            this.dg = a;
+            if (b != this.dg) {
+                this.cy("ActualSelectAllCaptionTextColor", b, a);
             }
         }
-        get aq() {
-            if (-1 == this.ay) {
+        get as() {
+            if (-1 == this.a0) {
                 return false;
             }
-            let a = this.h.count;
+            let a = this.keys.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.ay) {
+            if (a == this.a0) {
                 return false;
             }
             return true;
         }
         get showSelectAll() {
-            return this.at;
+            return this.av;
         }
         set showSelectAll(a) {
-            if (a == this.at) {
+            if (a == this.av) {
                 return;
             }
-            let b = this.at;
-            this.at = a;
-            this.cr("showSelectAll", b, this.at);
+            let b = this.av;
+            this.av = a;
+            this.cy("showSelectAll", b, this.av);
         }
         get backgroundColor() {
-            return this.c8;
+            return this.dh;
         }
         set backgroundColor(a) {
-            let b = this.c8;
-            this.c8 = a;
-            if (b != this.c8) {
-                this.cr("BackgroundColor", b, a);
+            let b = this.dh;
+            this.dh = a;
+            if (b != this.dh) {
+                this.cy("BackgroundColor", b, a);
             }
         }
         get rowHoverBackgroundColor() {
-            return this.de;
+            return this.dn;
         }
         set rowHoverBackgroundColor(a) {
-            let b = this.de;
-            this.de = a;
-            if (b != this.de) {
-                this.cr("RowHoverBackgroundColor", b, a);
+            let b = this.dn;
+            this.dn = a;
+            if (b != this.dn) {
+                this.cy("RowHoverBackgroundColor", b, a);
             }
         }
-        get d5() {
-            return this.dl;
+        get ee() {
+            return this.dv;
         }
-        set d5(a) {
-            let b = this.dl;
-            this.dl = a;
-            if (b != this.dl) {
-                this.cr("TextColor", b, a);
+        set ee(a) {
+            let b = this.dv;
+            this.dv = a;
+            if (b != this.dv) {
+                this.cy("TextColor", b, a);
             }
         }
-        ct(a) {
+        c0(a) {
             if (this.selectAllCheckboxChanged != null) {
                 this.selectAllCheckboxChanged(this, ((() => {
                     let $ret = new SelectAllCheckboxChangedEventArgs();
@@ -1399,70 +1496,70 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        an() {
-            if (-1 == this.ay) {
+        ap() {
+            if (-1 == this.a0) {
                 return true;
             }
-            let a = this.h.count;
-            switch (this.l) {
-                case 0: return this.ay == a;
+            let a = this.keys.count;
+            switch (this.indexType) {
+                case 0: return this.a0 == a;
                 case 1: return 0 == a;
                 default: return false;
             }
         }
-        am() {
-            if (-1 == this.ay) {
+        ao() {
+            if (-1 == this.a0) {
                 return false;
             }
-            let a = this.h.count;
-            switch (this.l) {
+            let a = this.keys.count;
+            switch (this.indexType) {
                 case 0: return 0 == a;
-                case 1: return this.ay == a;
+                case 1: return this.a0 == a;
                 default: return false;
             }
         }
-        ca() {
+        cd() {
             let a = this.f.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
-                    this.ay = -1;
+                    this.a0 = -1;
                     return;
                 }
                 let b = a.actualCount;
-                this.ay = b;
+                this.a0 = b;
             }
             else {
-                this.ay = -1;
+                this.a0 = -1;
             }
         }
-        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.cr("ShowFilter", b, this.ar);
+            let b = this.at;
+            this.at = a;
+            this.cy("ShowFilter", b, this.at);
         }
-        get ap() {
-            return this.ao;
+        get ar() {
+            return this.aq;
         }
-        set ap(a) {
-            if (a == this.ao) {
+        set ar(a) {
+            if (a == this.aq) {
                 return;
             }
-            let b = this.ao;
-            this.ao = a;
-            this.cr("IsRowHoverEnabled", b, this.ao);
+            let b = this.aq;
+            this.aq = a;
+            this.cy("IsRowHoverEnabled", b, this.aq);
         }
     }
     CheckboxList.$t = /*@__PURE__*/ markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    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);
+    CheckboxList.ed = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.by = "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.d3 = /*@__PURE__*/ BrushUtil.h(255, 248, 248, 248);
+    CheckboxList.d4 = null;
+    CheckboxList.d5 = /*@__PURE__*/ BrushUtil.h(255, 24, 29, 31);
     return CheckboxList;
 })();