igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.1

package/esm2015/lib/CheckboxListView_combined.js

@@ -10,8 +10,8 @@ import { Dictionary$2 } from "igniteui-angular-core";
 import { XCheckbox } from "igniteui-angular-inputs";
 import { XLabel } from "igniteui-angular-inputs";
 import { XIcon } from "igniteui-angular-inputs";
-import { XPrefix } from "igniteui-angular-inputs";
 import { XInputGroup } from "igniteui-angular-inputs";
+import { XPrefix } from "igniteui-angular-inputs";
 import { XInput } from "igniteui-angular-inputs";
 import { ControlDisplayDensity_$type } from "igniteui-angular-core";
 import { FontInfo } from "igniteui-angular-core";
@@ -100,47 +100,44 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         ad(a) {
             let b = a.rootWrapper.getChildAt(0);
             this.l = b;
-            this.c.y = new XInputGroup();
-            let c = a.getSubRenderer(b);
-            this.c.y.provideContainer(c);
-            let d = c.getExternal(this.c.y, c.rootWrapper, c.getExternal(this.c, null, null));
-            this.c.y.d = this.c.aa;
-            this.c.y.p = this.c.baseTheme;
-            this.c.y.t = this.c.density;
-            let e = a.createElement("div");
-            let f = a.getSubRenderer(e);
-            let g = new XPrefix();
-            g.provideContainer(f);
-            let h = f.getExternal(g, f.rootWrapper, f.getExternal(this.c, null, null));
-            let i = a.createElement("div");
-            let j = a.getSubRenderer(i);
+            let c = new XInputGroup();
+            let d = a.getSubRenderer(b);
+            c.provideContainer(d);
+            let e = d.getExternal(c, d.rootWrapper, d.getExternal(this.c, null, null));
+            this.c.ef(c);
+            let f = a.createElement("div");
+            let g = a.getSubRenderer(f);
+            let h = new XPrefix();
+            h.provideContainer(g);
+            let i = g.getExternal(h, g.rootWrapper, g.getExternal(this.c, null, null));
+            let j = a.createElement("div");
+            let k = a.getSubRenderer(j);
             this.d = new XIcon();
-            this.d.provideContainer(j);
+            this.d.provideContainer(k);
             this.d.fill = this.c.searchIconColor;
-            this.d.svgPath = CheckboxList.cs;
-            let k = f.getExternal(this.d, j.rootWrapper, j.getExternal(this.c, null, null));
-            g.appendContentChild(i);
-            this.c.y.appendContentChild(e);
-            this.c.y.inputs.add(g);
-            let l = a.createElement("div");
-            l.setRawStyleProperty("flex-grow", "1");
-            let m = a.getSubRenderer(l);
+            this.d.svgPath = CheckboxList.cx;
+            let l = g.getExternal(this.d, k.rootWrapper, k.getExternal(this.c, null, null));
+            h.appendContentChild(j);
+            c.appendContentChild(f);
+            c.inputs.add(h);
+            let m = a.createElement("div");
+            m.setRawStyleProperty("flex-grow", "1");
+            let n = a.getSubRenderer(m);
             this.c.w = new XInput();
-            this.c.w.provideContainer(m);
+            this.c.w.provideContainer(n);
             this.c.w.b8 = "text";
-            let n = m.getExternal(this.c.w, m.rootWrapper, m.getExternal(this.c, null, null));
-            if (this.c.cb != null) {
-                this.c.w.cg = this.c.cb;
+            let o = n.getExternal(this.c.w, n.rootWrapper, n.getExternal(this.c, null, null));
+            if (this.c.cf != null) {
+                this.c.w.cg = this.c.cf;
             }
-            this.c.y.appendContentChild(l);
+            this.c.y.appendContentChild(m);
             this.c.y.inputs.add(this.c.w);
-            this.c.dy();
+            this.c.d3();
         }
         z() {
             if (this.j != null) {
                 let a = this.j.rootWrapper.getChildAt(3);
                 a.setStyleProperty("width", "100%");
-                a.setStyleProperty("margin", "4px 0px 0px 0px");
                 if (!this.c.a8 && !this.c.showSelectAll) {
                     a.setStyleProperty("height", "100%");
                 }
@@ -186,7 +183,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 let h = d.z;
                 try {
                     d.z = true;
-                    d.ar = this.c.bc;
+                    d.ar = this.c.checkboxCornerRadius;
                     d.a4 = b;
                     if (c) {
                         if (this.c.indexType == 0) {
@@ -208,11 +205,11 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 finally {
                     d.z = h;
                 }
-                d.dk = this.c.e5;
-                d.dd = this.c.e3;
-                d.dl = this.c.e6;
-                d.de = this.c.e4;
-                d.dm = this.c.e7;
+                d.dk = this.c.fc;
+                d.dd = this.c.checkboxCheckedBackgroundColor;
+                d.dl = this.c.checkboxUncheckedBackgroundColor;
+                d.de = this.c.checkboxCheckedBorderColor;
+                d.dm = this.c.checkboxUncheckedBorderColor;
             }
         }
         u(a, b, c, d, e, f, g, h, i, j, k) {
@@ -279,8 +276,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             if (l != null) {
                 try {
                     o.svg = null;
-                    o.df = null;
-                    o.bf = null;
+                    o.bg = null;
+                    o.bh = null;
                     let x = e != null ? e : ((() => {
                         let $ret = new FontInfo();
                         $ret.f = g;
@@ -298,7 +295,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                     y.setStyleProperty("width", z ? "24px" : "0px");
                     if (i != null) {
                         aa = true;
-                        o.df = i;
+                        o.bg = i;
                         let ab = ((() => {
                             let $ret = new DataContext();
                             $ret.series = this;
@@ -311,7 +308,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                             })());
                             return $ret;
                         })());
-                        o.bf = ab;
+                        o.bh = ab;
                     }
                     else if (h != null) {
                         let ac = typeCast(IDataLegendTarget_$type, h);
@@ -322,8 +319,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                                 let ag = af.getDataLegendSeriesTitle();
                                 if (c == ag || c + " " + d == ag) {
                                     aa = true;
-                                    o.df = af.getDataLegendBadge();
-                                    o.bf = af.getDataLegendBadgeContext();
+                                    o.bg = af.getDataLegendBadge();
+                                    o.bh = af.getDataLegendBadgeContext();
                                     break;
                                 }
                             }
@@ -382,6 +379,9 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             }
         }
         ae() {
+            if (this.n != null) {
+                this.n.setStyleProperty("height", this.c.bl + "px");
+            }
         }
         o(a, b) {
             let c = a;
@@ -389,21 +389,21 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let e = c.checked;
             if (e == true) {
                 if (this.c.indexType == 0) {
-                    this.c.ec(d);
+                    this.c.ei(d);
                 }
                 else {
-                    this.c.c6(d);
+                    this.c.db(d);
                 }
             }
             else {
                 if (this.c.indexType == 0) {
-                    this.c.c6(d);
+                    this.c.db(d);
                 }
                 else {
-                    this.c.ec(d);
+                    this.c.ei(d);
                 }
             }
-            this.c.du(d, e);
+            this.c.dz(d, e);
             this.an(false);
         }
         q() {
@@ -414,7 +414,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 let e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.c.du(e, b);
+                    this.c.dz(e, b);
                 }
             }
             this.an();
@@ -428,7 +428,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         w(a) {
             this.n = a;
             if (null != this.n) {
-                this.n.setStyleProperty("margin", "5px 0px 4px 0px");
+                this.n.setStyleProperty("margin", 0 + "px 0px " + 0 + "px 0px");
+                this.ae();
             }
         }
         ao() {
@@ -443,7 +444,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let d = this.j.getExternal(this.b, c.rootWrapper, this.j.getExternal(this.c, null, null));
             this.b.n = this.c.baseTheme;
             this.m = a.createElement("label");
-            this.m.setRawText(this.c.cw);
+            this.m.setRawText(this.c.c1);
             this.m.setStyleProperty("font-size", "13px");
             this.n.setStyleProperty("display", "flex");
             this.n.setStyleProperty("flex-direction", "row");
@@ -459,8 +460,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         }
         am() {
             if (null != this.m) {
-                this.m.setRawText(this.c.cw);
-                NativeUI.q(this.m, this.c.e1);
+                this.m.setRawText(this.c.c1);
+                NativeUI.r(this.m, this.c.e8);
             }
         }
         ap() {
@@ -508,12 +509,12 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 return;
             }
             if (b.isChecked) {
-                this.c.ef();
-                this.c.d3(b.isChecked);
+                this.c.el();
+                this.c.d8(b.isChecked);
             }
             else {
-                this.c.dc();
-                this.c.d3(b.isChecked);
+                this.c.dh();
+                this.c.d8(b.isChecked);
             }
         }
         ak() {
@@ -523,8 +524,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             }
             let b = a.rootWrapper;
             if (null != b) {
-                NativeUI.q(b, this.c.fl);
-                NativeUI.m(b, this.c.backgroundColor);
+                NativeUI.r(b, this.c.textColor);
+                NativeUI.n(b, this.c.backgroundColor);
             }
         }
         ai() {
@@ -545,19 +546,20 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             if (this.b == null) {
                 return;
             }
-            this.b.dk = this.c.e5;
-            this.b.dd = this.c.e3;
-            this.b.dl = this.c.e6;
-            this.b.de = this.c.e4;
-            this.b.dm = this.c.e7;
+            this.b.dk = this.c.fc;
+            this.b.dd = this.c.checkboxCheckedBackgroundColor;
+            this.b.dl = this.c.checkboxUncheckedBackgroundColor;
+            this.b.de = this.c.checkboxCheckedBorderColor;
+            this.b.dm = this.c.checkboxUncheckedBorderColor;
         }
         ah(a) {
             if (this.k != null) {
-                NativeUI.w(this.k, a);
+                NativeUI.y(this.k, a);
             }
         }
         v(a) {
             this.k = a;
+            this.ah(new Thickness(1, 0, DeviceUtils.g(3), 0, DeviceUtils.g(0)));
         }
         aq() {
             return new Size(1, this.j.rootWrapper.width(), this.j.rootWrapper.height());
@@ -573,8 +575,8 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         }
         x() {
             for (let a of fromEnum(this.g)) {
-                a.value.df = null;
-                a.value.bf = null;
+                a.value.bg = null;
+                a.value.bh = null;
             }
         }
         p() {
@@ -617,52 +619,53 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.labelClicked = null;
             this.av = false;
             this.au = false;
-            this.bl = null;
             this.bp = null;
-            this.bk = null;
             this.bt = null;
-            this.br = null;
-            this.bs = null;
-            this.bq = null;
+            this.bo = null;
+            this.bx = null;
+            this.bv = null;
+            this.bw = null;
+            this.bu = null;
             this.z = 3;
-            this.bg = -1;
+            this.bk = -1;
             this.am = null;
             this.m = 1;
             this.ae = 1;
             this.ag = 2;
-            this.ex = BrushUtil.l(255, 24, 29, 31);
-            this.ev = null;
+            this.e4 = BrushUtil.l(255, 24, 29, 31);
+            this.e1 = null;
             this.ax = true;
-            this.ey = null;
-            this.ew = null;
+            this.e5 = null;
+            this.e2 = null;
+            this.e3 = null;
             this.an = null;
-            this.eq = null;
-            this.eo = null;
-            this.er = null;
-            this.ep = null;
-            this.es = null;
+            this.ew = null;
+            this.eu = null;
+            this.ex = null;
+            this.ev = null;
+            this.ey = null;
             this.bb = NaN;
-            this.f = null;
+            this.gridColumnProvider = null;
             this.ac = 0;
-            this.eu = null;
+            this.e0 = null;
             this.indexTypeChanged = null;
             this.aw = false;
-            this.cv = null;
-            this.ez = null;
-            this.em = CheckboxList.fb;
+            this.c0 = null;
+            this.e6 = null;
+            this.es = CheckboxList.fi;
             this.a9 = true;
-            this.en = CheckboxList.e8;
-            this.et = CheckboxList.fa;
-            this.e0 = CheckboxList.fb;
+            this.et = CheckboxList.ff;
+            this.ez = CheckboxList.fh;
+            this.e7 = CheckboxList.fi;
             this.keysCleared = null;
             this.selectAllCheckboxChanged = null;
-            this.bi = -1;
+            this.bm = -1;
             this.a7 = true;
             this.a3 = true;
             this.ay = false;
             let a = this.h;
-            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.d6));
-            this.h.am(runOn(this, this.d5));
+            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.eb));
+            this.h.am(runOn(this, this.ea));
             this.d = new FilterFactory();
             let b = new CheckboxListView();
             b.c = this;
@@ -710,7 +713,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.d1("PrimaryKey", b, this.a);
+                this.d6("PrimaryKey", b, this.a);
             }
         }
         clearSelectedKeys() {
@@ -728,44 +731,44 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         removeSelectedKeyAt(a) {
             this.keys.removeAt(a);
         }
-        d5() {
-            this.dl();
+        ea() {
+            this.dr();
             if (this.keysCleared != null) {
                 this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
             }
         }
-        d6(a, b) {
+        eb(a, b) {
             if (this.e == null || this.e.actualSchema == null || this.as) {
                 return;
             }
             switch (b.action) {
                 case 0:
                     for (let c = 0; c < b.newItems.count; c++) {
-                        this.dz(b.newItems.item(c));
+                        this.d4(b.newItems.item(c));
                     }
                     break;
                 case 1:
                     for (let d = 0; d < b.oldItems.count; d++) {
-                        this.d0(b.oldItems.item(d));
+                        this.d5(b.oldItems.item(d));
                     }
                     break;
                 case 2:
                     for (let e = 0; e < b.oldItems.count; e++) {
-                        this.d0(b.oldItems.item(e));
+                        this.d5(b.oldItems.item(e));
                     }
                     for (let f = 0; f < b.newItems.count; f++) {
-                        this.dz(b.newItems.item(f));
+                        this.d4(b.newItems.item(f));
                     }
                     break;
                 case 4:
                     this.view.ab(this.indexType == 0);
                     for (let g = 0; g < this.keys.ae.count; g++) {
-                        this.dz(this.keys.ae._inner[g]);
+                        this.d4(this.keys.ae._inner[g]);
                     }
                     break;
             }
         }
-        dz(a) {
+        d4(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
                 this.view.aa(b, this.indexType == 1);
@@ -781,7 +784,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        d0(a) {
+        d5(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
                 this.view.aa(b, this.indexType == 0);
@@ -797,7 +800,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        du(a, b) {
+        dz(a, b) {
             if (this.checkedChanged != null && this.at == false) {
                 let c = null;
                 if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
@@ -822,58 +825,58 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.av = false;
             if (this.g != null) {
                 let a = this.g;
-                a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dg));
+                a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dl));
                 let b = this.g;
-                b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dh));
+                b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dm));
                 if (this.g.actualDataSource != null) {
                     let c = this.g.actualDataSource;
-                    c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d2));
+                    c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d7));
                 }
             }
             if (this.v != null) {
                 let d = this.v;
-                d.changing = delegateCombine(d.changing, runOn(this, this.dj));
+                d.changing = delegateCombine(d.changing, runOn(this, this.dp));
             }
             if (this.k != null) {
                 let e = this.k;
-                e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.da));
+                e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.df));
             }
         }
         onDetachedFromUI() {
             this.av = true;
-            this.df();
-            this.de();
+            this.dk();
+            this.dj();
         }
-        df() {
+        dk() {
             if (this.g != null) {
                 let a = this.g;
-                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dg));
+                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dl));
                 let b = this.g;
-                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dh));
+                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dm));
                 if (this.g.actualDataSource != null) {
                     let c = this.g.actualDataSource;
-                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d2));
+                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d7));
                 }
             }
             if (this.v != null) {
                 let d = this.v;
-                d.changing = delegateRemove(d.changing, runOn(this, this.dj));
+                d.changing = delegateRemove(d.changing, runOn(this, this.dp));
             }
         }
-        de() {
+        dj() {
             if (this.k != null) {
                 let a = this.k;
-                a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.da));
+                a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.df));
             }
         }
         destroy() {
             this.au = true;
             if (!this.av) {
-                this.df();
+                this.dk();
             }
             this.provideContainer(null, null, null);
             if (!this.av) {
-                this.de();
+                this.dj();
             }
         }
         get a0() {
@@ -884,8 +887,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (null != this.g) {
                 this.g.scrollbarStyle = 1;
                 let d = this.g;
-                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dh));
-                this.g.scrollbarBackground = this.fe;
+                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dm));
+                this.g.scrollbarBackground = this.fl;
                 this.g.headerHeight = 0;
                 this.g.rowSeparatorHeight = 0;
                 this.g.defaultColumnMinWidth = NaN;
@@ -894,40 +897,40 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.g.selectionMode = 0;
                 this.g.editMode = 0;
                 let e = this.g;
-                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dg));
-                if (this.bl != null) {
-                    this.g.itemsSource = this.bl;
-                    this.c9();
-                    this.d4();
-                }
+                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dl));
                 if (this.bp != null) {
-                    this.d4();
-                    this.ei();
+                    this.g.itemsSource = this.bp;
+                    this.de();
+                    this.d9();
+                }
+                if (this.bt != null) {
+                    this.d9();
+                    this.eo();
                 }
             }
             this.view.w(c);
-            if (this.az) {
-                this.ek();
+            if (this.checkboxAlignedRight) {
+                this.eq();
             }
             this.view.r(a);
         }
-        dh(a, b) {
+        dm(a, b) {
             this.g.scrollbarStyle = this.ad;
         }
         provideSelectAllSection(a) {
             this.view.w(a);
         }
-        dg(a, b) {
-            if (!this.az && b.cellInfo.l.a5 == 0 || this.az && b.cellInfo.l.a5 == 1) {
+        dl(a, b) {
+            if (!this.checkboxAlignedRight && b.cellInfo.l.a5 == 0 || this.checkboxAlignedRight && b.cellInfo.l.a5 == 1) {
                 return;
             }
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
             }
-            let d = b.cellInfo.ig;
+            let d = b.cellInfo.ij;
             let e = this.j(d);
-            if (this.a6) {
+            if (this.labelClickTriggersChange) {
                 if (this.keys.contains(e)) {
                     if (this.ak != null) {
                         this.ak.setPropertyValue(d, false);
@@ -941,9 +944,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     this.keys.add(e);
                 }
             }
-            this.dp(c, this.keys.contains(e));
+            this.du(c, this.keys.contains(e));
         }
-        dp(a, b) {
+        du(a, b) {
             let c = null;
             if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
                 c = new Array(this.e.actualPrimaryKey.length);
@@ -962,21 +965,21 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        da(a, b) {
+        df(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
             }
             let d = false;
-            if (b.cellInfo.ig != null) {
-                let e = this.j(b.cellInfo.ig);
+            if (b.cellInfo.ij != null) {
+                let e = this.j(b.cellInfo.ij);
                 if (this.keys.contains(e)) {
                     d = true;
                 }
             }
             this.view.t(b.content.element, c, d);
         }
-        ej(a, b) {
+        ep(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
@@ -986,13 +989,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let f = null;
             let g = null;
             let h = null;
-            if (b.cellInfo.ig != null) {
-                d = this.ai.getPropertyValue(b.cellInfo.ig);
+            if (b.cellInfo.ij != null) {
+                d = this.ai.getPropertyValue(b.cellInfo.ij);
                 if (this.al != null) {
-                    e = this.al.getPropertyValue(b.cellInfo.ig);
+                    e = this.al.getPropertyValue(b.cellInfo.ij);
                 }
                 if (this.aj != null) {
-                    let i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.aj.getPropertyValue(b.cellInfo.ig));
+                    let i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.aj.getPropertyValue(b.cellInfo.ij));
                     if (i == 0) {
                         h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "string-field");
                     }
@@ -1004,11 +1007,11 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            this.view.u(b.content.element, c, d, e, this.am, "Verdana", 13, this.bk, f, g, h);
+            this.view.u(b.content.element, c, d, e, this.am, "Verdana", 13, this.bo, f, g, h);
         }
-        dw(a) {
-            if (this.bp != null) {
-                let b = this.d.property(this.bp).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+        d1(a) {
+            if (this.bt != null) {
+                let b = this.d.property(this.bt).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
                 let c = b.contains(a);
                 if (!this.g.filterExpressions.k.contains(this.c)) {
                     this.c = c;
@@ -1021,73 +1024,73 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         get itemsSource() {
-            return this.bl;
+            return this.bp;
         }
         set itemsSource(a) {
-            let b = this.bl;
-            this.bl = a;
-            if (b != this.bl) {
-                this.d1("ItemsSource", b, this.bl);
+            let b = this.bp;
+            this.bp = a;
+            if (b != this.bp) {
+                this.d6("ItemsSource", b, this.bp);
             }
         }
         get dataMemberPath() {
-            return this.bp;
+            return this.bt;
         }
         set dataMemberPath(a) {
-            let b = this.bp;
-            this.bp = a;
-            if (b != this.bp) {
-                this.d1("DataMemberPath", b, this.bp);
+            let b = this.bt;
+            this.bt = a;
+            if (b != this.bt) {
+                this.d6("DataMemberPath", b, this.bt);
             }
         }
-        get bm() {
-            return this.bk;
+        get dataLegendTarget() {
+            return this.bo;
         }
-        set bm(a) {
-            let b = this.bk;
-            this.bk = a;
-            if (b != this.bk) {
-                this.d1("DataLegendTarget", b, this.bk);
+        set dataLegendTarget(a) {
+            let b = this.bo;
+            this.bo = a;
+            if (b != this.bo) {
+                this.d6("DataLegendTarget", b, this.bo);
             }
         }
-        get c3() {
-            return this.bt;
+        get subtitleMemberPath() {
+            return this.bx;
         }
-        set c3(a) {
-            let b = this.bt;
-            this.bt = a;
-            if (b != this.bt) {
-                this.d1("SubtitleMemberPath", b, this.bt);
+        set subtitleMemberPath(a) {
+            let b = this.bx;
+            this.bx = a;
+            if (b != this.bx) {
+                this.d6("SubtitleMemberPath", b, this.bx);
             }
         }
-        get ci() {
-            return this.br;
+        get propertyTypeMemberPath() {
+            return this.bv;
         }
-        set ci(a) {
-            let b = this.br;
-            this.br = a;
-            if (b != this.br) {
-                this.d1("PropertyTypeMemberPath", b, this.br);
+        set propertyTypeMemberPath(a) {
+            let b = this.bv;
+            this.bv = a;
+            if (b != this.bv) {
+                this.d6("PropertyTypeMemberPath", b, this.bv);
             }
         }
         get selectedMemberPath() {
-            return this.bs;
+            return this.bw;
         }
         set selectedMemberPath(a) {
-            let b = this.bs;
-            this.bs = a;
-            if (b != this.bs) {
-                this.d1("SelectedMemberPath", b, this.bs);
+            let b = this.bw;
+            this.bw = a;
+            if (b != this.bw) {
+                this.d6("SelectedMemberPath", b, this.bw);
             }
         }
-        get cb() {
-            return this.bq;
+        get cf() {
+            return this.bu;
         }
-        set cb(a) {
-            let b = this.bq;
-            this.bq = a;
-            if (b != this.bq) {
-                this.d1("FilterPlaceholderText", b, this.bq);
+        set cf(a) {
+            let b = this.bu;
+            this.bu = a;
+            if (b != this.bu) {
+                this.d6("FilterPlaceholderText", b, this.bu);
             }
         }
         get aa() {
@@ -1097,25 +1100,25 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.d1("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.z));
+                this.d6("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.z));
             }
         }
-        get bj() {
-            return this.bg;
+        get bn() {
+            return this.bk;
         }
-        set bj(a) {
-            let b = this.bg;
-            this.bg = a;
-            if (b != this.bg) {
-                this.d1("RowHeight", b, this.bg);
+        set bn(a) {
+            let b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.d6("RowHeight", b, this.bk);
             }
         }
-        get bh() {
+        get bl() {
             if (this.g != null) {
                 return this.g.actualRowHeight;
             }
-            else if (this.bg != -1) {
-                return this.bg;
+            else if (this.bk != -1) {
+                return this.bk;
             }
             else {
                 switch (this.density) {
@@ -1135,7 +1138,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.am;
             this.am = a;
             if (b != this.am) {
-                this.d1("CellTextStyle", b, this.am);
+                this.d6("CellTextStyle", b, this.am);
             }
         }
         get indexType() {
@@ -1145,7 +1148,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.d1("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.m));
+                this.d6("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.m));
             }
         }
         get baseTheme() {
@@ -1155,7 +1158,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.d1("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ae));
+                this.d6("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ae));
             }
         }
         get density() {
@@ -1165,57 +1168,67 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.d1("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ag));
+                this.d6("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ag));
             }
         }
         get searchIconColor() {
-            return this.ex;
+            return this.e4;
         }
         set searchIconColor(a) {
-            let b = this.ex;
-            this.ex = a;
-            if (b != this.ex) {
-                this.d1("SearchIconColor", b, this.ex);
+            let b = this.e4;
+            this.e4 = a;
+            if (b != this.e4) {
+                this.d6("SearchIconColor", b, this.e4);
             }
         }
-        get ff() {
-            return this.ev;
+        get fm() {
+            return this.e1;
         }
-        set ff(a) {
-            let b = this.ev;
-            this.ev = a;
-            if (b != this.ev) {
-                this.d1("SearchBackgroundColor", b, this.ev);
+        set fm(a) {
+            let b = this.e1;
+            this.e1 = a;
+            if (b != this.e1) {
+                this.d6("SearchBackgroundColor", b, this.e1);
             }
         }
-        get a6() {
+        get labelClickTriggersChange() {
             return this.ax;
         }
-        set a6(a) {
+        set labelClickTriggersChange(a) {
             let b = this.ax;
             this.ax = a;
             if (b != this.ax) {
-                this.d1("LabelClickTriggersChange", b, this.ax);
+                this.d6("LabelClickTriggersChange", b, this.ax);
             }
         }
         get searchTextColor() {
-            return this.ey;
+            return this.e5;
         }
         set searchTextColor(a) {
-            let b = this.ey;
-            this.ey = a;
-            if (b != this.ey) {
-                this.d1("SearchTextColor", b, this.ey);
+            let b = this.e5;
+            this.e5 = a;
+            if (b != this.e5) {
+                this.d6("SearchTextColor", b, this.e5);
             }
         }
-        get fg() {
-            return this.ew;
+        get searchBorderColor() {
+            return this.e2;
         }
-        set fg(a) {
-            let b = this.ew;
-            this.ew = a;
-            if (b != this.ew) {
-                this.d1("SearchBorderColor", b, this.ew);
+        set searchBorderColor(a) {
+            let b = this.e2;
+            this.e2 = a;
+            if (b != this.e2) {
+                this.d6("SearchBorderColor", b, this.e2);
+            }
+        }
+        get searchFocusBorderColor() {
+            return this.e3;
+        }
+        set searchFocusBorderColor(a) {
+            let b = this.e3;
+            this.e3 = a;
+            if (b != this.e3) {
+                this.d6("SearchFocusBorderColor", b, this.e3);
             }
         }
         get ap() {
@@ -1225,67 +1238,67 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.an;
             this.an = a;
             if (b != this.an) {
-                this.d1("SearchTextStyle", b, this.an);
+                this.d6("SearchTextStyle", b, this.an);
             }
         }
-        get e5() {
-            return this.eq;
+        get fc() {
+            return this.ew;
         }
-        set e5(a) {
-            let b = this.eq;
-            this.eq = a;
-            if (b != this.eq) {
-                this.d1("CheckboxTickColor", b, this.eq);
+        set fc(a) {
+            let b = this.ew;
+            this.ew = a;
+            if (b != this.ew) {
+                this.d6("CheckboxTickColor", b, this.ew);
             }
         }
-        get e3() {
-            return this.eo;
+        get checkboxCheckedBackgroundColor() {
+            return this.eu;
         }
-        set e3(a) {
-            let b = this.eo;
-            this.eo = a;
-            if (b != this.eo) {
-                this.d1("CheckboxCheckedBackgroundColor", b, this.eo);
+        set checkboxCheckedBackgroundColor(a) {
+            let b = this.eu;
+            this.eu = a;
+            if (b != this.eu) {
+                this.d6("CheckboxCheckedBackgroundColor", b, this.eu);
             }
         }
-        get e6() {
-            return this.er;
+        get checkboxUncheckedBackgroundColor() {
+            return this.ex;
         }
-        set e6(a) {
-            let b = this.er;
-            this.er = a;
-            if (b != this.er) {
-                this.d1("CheckboxUncheckedBackgroundColor", b, this.er);
+        set checkboxUncheckedBackgroundColor(a) {
+            let b = this.ex;
+            this.ex = a;
+            if (b != this.ex) {
+                this.d6("CheckboxUncheckedBackgroundColor", b, this.ex);
             }
         }
-        get e4() {
-            return this.ep;
+        get checkboxCheckedBorderColor() {
+            return this.ev;
         }
-        set e4(a) {
-            let b = this.ep;
-            this.ep = a;
-            if (b != this.ep) {
-                this.d1("CheckboxCheckedBorderColor", b, this.ep);
+        set checkboxCheckedBorderColor(a) {
+            let b = this.ev;
+            this.ev = a;
+            if (b != this.ev) {
+                this.d6("CheckboxCheckedBorderColor", b, this.ev);
             }
         }
-        get e7() {
-            return this.es;
+        get checkboxUncheckedBorderColor() {
+            return this.ey;
         }
-        set e7(a) {
-            let b = this.es;
-            this.es = a;
-            if (b != this.es) {
-                this.d1("CheckboxUncheckedBorderColor", b, this.es);
+        set checkboxUncheckedBorderColor(a) {
+            let b = this.ey;
+            this.ey = a;
+            if (b != this.ey) {
+                this.d6("CheckboxUncheckedBorderColor", b, this.ey);
             }
         }
-        get bc() {
+        get checkboxCornerRadius() {
             return this.bb;
         }
-        set bc(a) {
+        set checkboxCornerRadius(a) {
             let b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.d1("CheckboxCornerRadius", b, this.bb);
+                this.d6("CheckboxCornerRadius", b, this.bb);
             }
         }
         get ad() {
@@ -1295,35 +1308,35 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.d1("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ac));
+                this.d6("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ac));
             }
         }
-        get fe() {
-            return this.eu;
+        get fl() {
+            return this.e0;
         }
-        set fe(a) {
-            let b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.d1("ScrollbarBackground", b, this.eu);
+        set fl(a) {
+            let b = this.e0;
+            this.e0 = a;
+            if (b != this.e0) {
+                this.d6("ScrollbarBackground", b, this.e0);
             }
         }
-        d1(a, b, c) {
+        d6(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.d7(a, b, c);
+            this.ec(a, b, c);
         }
-        d7(a, b, c) {
+        ec(a, b, c) {
             switch (a) {
                 case "IndexType":
                     this.keys.clear();
-                    this.dl();
+                    this.dr();
                     if (this.keysCleared != null) {
                         this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                     }
                     this.view.an();
-                    this.dx(b, c);
+                    this.d2(b, c);
                     break;
                 case "ItemsSource":
                     if (this.g != null) {
@@ -1336,16 +1349,16 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                         }
                         if (this.g.actualDataSource != null && !this.a0) {
                             let d = this.g.actualDataSource;
-                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d2));
+                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d7));
                         }
-                        this.g.itemsSource = this.bl;
-                        this.c9();
+                        this.g.itemsSource = this.bp;
+                        this.de();
                         if (this.g.actualDataSource != null && !this.a0) {
                             let e = this.g.actualDataSource;
-                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d2));
+                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d7));
                         }
                         this.at = true;
-                        this.d4();
+                        this.d9();
                         this.at = false;
                         this.view.an();
                     }
@@ -1355,9 +1368,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 case "SubtitleMemberPath":
                 case "PropertyTypeMemberPath":
                     if (this.g != null) {
-                        if (this.bp != null) {
-                            this.d4();
-                            this.ei();
+                        if (this.bt != null) {
+                            this.d9();
+                            this.eo();
                         }
                     }
                     break;
@@ -1367,7 +1380,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "SelectAllCaptionTextColor":
-                    this.e1 = null != this.fj ? this.fj : this.fc();
+                    this.e8 = null != this.selectAllCaptionTextColor ? this.selectAllCaptionTextColor : this.fj();
                     break;
                 case "SelectAllCaption":
                 case "ActualSelectAllCaptionTextColor":
@@ -1383,7 +1396,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case "FilterPlaceholderText":
                     if (this.v != null) {
-                        this.v.cg = this.cb;
+                        this.v.cg = this.cf;
                     }
                     break;
                 case "SearchInputType":
@@ -1393,7 +1406,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case "RowHeight":
                     if (this.g != null) {
-                        this.g.rowHeight = this.bj;
+                        this.g.rowHeight = this.bn;
                     }
                     break;
                 case "CellTextStyle":
@@ -1407,7 +1420,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 case "RowHoverBackgroundColor":
                     let f = this.g;
                     if (null != f) {
-                        f.cellTextColor = this.fl;
+                        f.cellTextColor = this.textColor;
                         f.cellBackground = this.backgroundColor;
                         f.background = this.backgroundColor;
                         f.cellSelectedBackground = this.backgroundColor;
@@ -1416,10 +1429,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     this.view.ak();
                     break;
                 case "BaseTheme":
-                    this.eh();
+                    this.en();
                     break;
                 case "Density":
-                    this.eg();
+                    this.em();
                     break;
                 case "IsRowHoverEnabled":
                     if (this.g != null) {
@@ -1433,17 +1446,26 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case "ScrollbarBackground":
                     if (this.g != null) {
-                        this.g.scrollbarBackground = this.fe;
+                        this.g.scrollbarBackground = this.fl;
                     }
                     break;
                 case "SearchIconColor":
                     this.view.ai();
                     break;
                 case "SearchBackgroundColor":
-                    this.y.mc = this.ff;
+                    if (this.y != null) {
+                        this.y.mc = this.fm;
+                    }
                     break;
                 case "SearchBorderColor":
-                    this.y.md = this.fg;
+                    if (this.y != null) {
+                        this.y.md = this.searchBorderColor;
+                    }
+                    break;
+                case "SearchFocusBorderColor":
+                    if (this.y != null) {
+                        this.y.no = this.searchFocusBorderColor;
+                    }
                     break;
                 case "SearchTextColor":
                     if (this.w != null) {
@@ -1451,7 +1473,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "SearchTextStyle":
-                    this.w.af = this.ap;
+                    if (this.w != null) {
+                        this.w.af = this.ap;
+                    }
                     break;
                 case "CheckboxTickColor":
                 case "CheckboxCheckedBackgroundColor":
@@ -1461,22 +1485,22 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 case "CheckboxCornerRadius":
                     this.view.af();
                     if (this.g != null) {
-                        this.g.x9();
+                        this.g.y1();
                     }
                     break;
                 case "CheckboxAlignedRight":
                     if (this.g != null) {
-                        this.ek();
+                        this.eq();
                     }
                     break;
                 case "DataLegendTarget":
                     if (this.g != null) {
-                        this.g.x9();
+                        this.g.y1();
                     }
                     break;
             }
         }
-        ek() {
+        eq() {
             if (this.g.actualColumns.count == 0) {
                 return;
             }
@@ -1484,7 +1508,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.g.actualColumns._inner[1];
             let c = this.g.actualColumns._inner[2];
             this.g.actualColumns.clear();
-            if (this.az) {
+            if (this.checkboxAlignedRight) {
                 this.g.columns.add(b);
                 this.g.columns.add(a);
             }
@@ -1494,7 +1518,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             this.g.columns.add(c);
         }
-        dx(a, b) {
+        d2(a, b) {
             if (this.indexTypeChanged != null) {
                 this.indexTypeChanged(this, ((() => {
                     let $ret = new CheckboxListIndexTypeChangedEventArgs();
@@ -1504,7 +1528,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        eg() {
+        em() {
             if (this.g != null) {
                 this.g.density = this.density;
             }
@@ -1512,8 +1536,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.x.t = this.density;
             }
             this.view.ae();
+            this.view.z();
         }
-        eh() {
+        en() {
             if (this.x != null) {
                 this.x.p = this.baseTheme;
             }
@@ -1522,51 +1547,51 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             if (this.g != null) {
                 this.g.theme = this.baseTheme;
-                this.g.cellTextColor = this.fl;
+                this.g.cellTextColor = this.textColor;
                 this.g.cellBackground = this.backgroundColor;
                 this.g.cellSelectedBackground = this.backgroundColor;
                 this.g.rowHoverBackground = this.rowHoverBackgroundColor;
                 this.g.background = this.backgroundColor;
             }
-            this.e1 = this.fj != null ? this.fj : this.fc();
+            this.e8 = this.selectAllCaptionTextColor != null ? this.selectAllCaptionTextColor : this.fj();
             this.view.ag();
         }
-        d2(a, b) {
+        d7(a, b) {
             this.at = true;
-            this.c9();
+            this.de();
             if (b.schema != null) {
-                this.d4();
+                this.d9();
                 for (let c = 0; c < this.keys.count; c++) {
-                    this.dz(this.keys._inner[c]);
+                    this.d4(this.keys._inner[c]);
                 }
                 this.view.an();
             }
             this.at = false;
         }
-        d4() {
-            if (this.ak == null && this.bs != null && this.bs != "") {
-                this.ak = new FastReflectionHelper(false, this.bs);
+        d9() {
+            if (this.ak == null && this.bw != null && this.bw != "") {
+                this.ak = new FastReflectionHelper(false, this.bw);
             }
-            if (this.ai == null && this.bp != null && this.bp != "") {
-                this.ai = new FastReflectionHelper(false, this.bp);
+            if (this.ai == null && this.bt != null && this.bt != "") {
+                this.ai = new FastReflectionHelper(false, this.bt);
             }
-            if (this.al == null && this.bt != null && this.bt != "") {
-                this.al = new FastReflectionHelper(false, this.bt);
+            if (this.al == null && this.bx != null && this.bx != "") {
+                this.al = new FastReflectionHelper(false, this.bx);
             }
-            if (this.aj == null && this.br != null && this.br != "") {
-                this.aj = new FastReflectionHelper(false, this.br);
+            if (this.aj == null && this.bv != null && this.bv != "") {
+                this.aj = new FastReflectionHelper(false, this.bv);
             }
             if (this.ai != null) {
-                this.ai.propertyName = this.bp;
+                this.ai.propertyName = this.bt;
             }
             if (this.al != null) {
-                this.al.propertyName = this.bt;
+                this.al.propertyName = this.bx;
             }
             if (this.aj != null) {
-                this.aj.propertyName = this.br;
+                this.aj.propertyName = this.bv;
             }
-            if (this.bl != null && this.ak != null && this.g.actualDataSource.actualSchema != null) {
-                this.ak.propertyName = this.bs;
+            if (this.bp != null && this.ak != null && this.g.actualDataSource.actualSchema != null) {
+                this.ak.propertyName = this.bw;
                 let a = this.g.actualDataSource.actualCount;
                 for (let b = 0; b < a; b++) {
                     let c = this.g.actualDataSource.getItemAtIndex(b);
@@ -1583,12 +1608,12 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ei() {
+        eo() {
             this.view.p();
             this.g.columns.clear();
             this.g.primaryKey = this.primaryKey;
             this.g.isGroupRowSticky = false;
-            this.g.rowHeight = this.bj;
+            this.g.rowHeight = this.bn;
             this.g.background = this.backgroundColor;
             this.g.cellBackground = this.backgroundColor;
             this.g.cellSelectedBackground = this.backgroundColor;
@@ -1600,35 +1625,35 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.g.cellTextStyle = this.ao;
             }
             let a = new TemplateColumn();
-            if (this.bs == null) {
-                this.bs = "";
+            if (this.bw == null) {
+                this.bw = "";
             }
-            a.mr = this.bs;
-            a.ni = "CheckboxColumn";
+            a.nl = this.bw;
+            a.od = "CheckboxColumn";
             let b = new ColumnWidth();
             b.c = false;
             b.f = 28;
             a.width = b;
-            a.k7 = 0;
-            a.k8 = 0;
-            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.da));
+            a.lm = 0;
+            a.ln = 0;
+            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.df));
             this.k = a;
             this.g.columns.add(a);
-            let c = this.g.actualDataSource.resolveSchemaPropertyType(this.bp);
-            if ((this.bt != null || this.br != null) && (c == 0 || c == 11 || c == 2)) {
+            let c = this.g.actualDataSource.resolveSchemaPropertyType(this.bt);
+            if ((this.bx != null || this.bv != null) && (c == 0 || c == 11 || c == 2)) {
                 let d = new TemplateColumn();
-                d.mr = this.bp;
-                d.ni = "DataColumn";
-                d.k7 = 0;
+                d.nl = this.bt;
+                d.od = "DataColumn";
+                d.lm = 0;
                 d.g = 0;
-                d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.ej));
+                d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.ep));
                 this.g.columns.add(d);
             }
             else {
                 let e;
-                if (this.f != null) {
-                    e = this.f.h0();
-                    e.onAttachingOverride = delegateCombine(e.onAttachingOverride, runOn(this, this.di));
+                if (this.gridColumnProvider != null) {
+                    e = this.gridColumnProvider.h1();
+                    e.onAttachingOverride = delegateCombine(e.onAttachingOverride, runOn(this, this.dn));
                 }
                 else {
                     switch (c) {
@@ -1653,9 +1678,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                             break;
                     }
                 }
-                e.mr = this.bp;
-                e.ni = "DataColumn";
-                e.k7 = 0;
+                e.nl = this.bt;
+                e.od = "DataColumn";
+                e.lm = 0;
                 e.g = 0;
                 this.g.columns.add(e);
             }
@@ -1663,15 +1688,16 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let g = new ColumnWidth();
             g.c = false;
             g.f = 10;
-            f.mr = "PaddingColumn";
-            f.ni = "PaddingColumn";
-            f.k7 = 0;
+            f.nl = "PaddingColumn";
+            f.od = "PaddingColumn";
+            f.lm = 0;
             f.width = g;
             this.g.columns.add(f);
         }
-        di(a, b) {
+        dn(a, b) {
             let c = b.b;
-            c.g0 = 0;
+            c.g2 = 0;
+            c.g = 0;
         }
         updateHrMargin(a) {
             this.view.ah(a);
@@ -1679,16 +1705,16 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         provideHrElement(a) {
             this.view.v(a);
         }
-        dy() {
+        d3() {
             if (!this.a0) {
                 let a = this.w;
-                a.changing = delegateCombine(a.changing, runOn(this, this.dj));
+                a.changing = delegateCombine(a.changing, runOn(this, this.dp));
             }
-            this.eh();
+            this.en();
         }
-        dj(a, b) {
+        dp(a, b) {
             let c = b.value.toLowerCase();
-            this.dw(c);
+            this.d1(c);
         }
         j(a) {
             if (this.primaryKey == null) {
@@ -1702,7 +1728,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return new PrimaryKeyValue(b, c);
         }
-        ec(a) {
+        ei(a) {
             this.as = true;
             let b = this.e.getItemAtIndex(a);
             if (this.ak != null) {
@@ -1712,7 +1738,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.keys.remove(c);
             this.as = false;
         }
-        c6(a) {
+        db(a) {
             this.as = true;
             let b = this.e.getItemAtIndex(a);
             if (this.ak != null) {
@@ -1722,44 +1748,44 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.keys.add(c);
             this.as = false;
         }
-        ef() {
+        el() {
             this.indexType = 0;
             this.keys.clear();
-            this.dl();
+            this.dr();
             if (this.keysCleared != null) {
                 this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
             }
         }
-        dc() {
+        dh() {
             this.indexType = 1;
             this.keys.clear();
-            this.dl();
+            this.dr();
             if (this.keysCleared != null) {
                 this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
             }
         }
-        dr(a, b, c) {
+        dw(a, b, c) {
             if (this.g != null) {
                 this.g.notifySetItem(a, b, c);
             }
         }
-        dm() {
+        ds() {
             if (this.g != null) {
                 this.g.notifyClearItems();
             }
         }
-        dl() {
+        dr() {
             if (this.g != null) {
                 this.g.invalidateVisibleRows();
             }
         }
-        dn(a, b) {
+        dt(a, b) {
             if (this.g != null) {
                 this.g.notifyInsertItem(a, b);
             }
             ;
         }
-        dq(a, b) {
+        dv(a, b) {
             if (this.g != null) {
                 this.g.notifyRemoveItem(a, b);
             }
@@ -1776,7 +1802,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.aw = false;
             }
         }
-        c7(a) {
+        dc(a) {
             let b = null;
             if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1796,7 +1822,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.keys.add(b);
             }
         }
-        ed(a) {
+        ej(a) {
             let b = null;
             if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1817,15 +1843,15 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         getDesiredSize(a) {
-            let b = 248;
+            let b = 200;
             let c = 0;
             let d = this.be();
             let e = 5;
             if (this.g != null && this.g.actualDataSource != null && this.g.actualDataSource.actualCount > 0) {
                 e = this.g.actualDataSource.actualCount;
             }
-            let f = this.bh * e;
-            let g = this.bh * (this.showSelectAll ? 4 : 5);
+            let f = this.bl * e;
+            let g = this.bl * (this.showSelectAll ? 4 : 5);
             let h = f > g ? g : f;
             let i = d + h;
             if (isPositiveInfinity(a.height)) {
@@ -1846,18 +1872,17 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let a = 0;
             a += ComponentSizeHelpers.d(this.density, this.baseTheme);
             a += ComponentSizeHelpers.c(this.density, this.baseTheme);
-            a += (0.8 + 6);
-            a += 4;
+            a += (1 + 3 + 0);
             if (this.showSelectAll) {
-                a += this.bh;
+                a += this.bl + 0 + 0;
             }
             a += 4;
             return a;
         }
-        bn() {
+        br() {
             return this.l();
         }
-        ca() {
+        ce() {
             let a = this.l();
             return a.i();
         }
@@ -1870,51 +1895,51 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             a.e = c.height;
             a.h = c.width;
             a.c = this.baseTheme;
-            a.d = this.bh;
-            a.a = AppearanceHelper.a(this.e1);
+            a.d = this.bl;
+            a.a = AppearanceHelper.a(this.e8);
             a.b = AppearanceHelper.a(this.backgroundColor);
             return a;
         }
-        get cw() {
-            return this.cv != null ? this.cv : !stringIsNullOrWhiteSpace(this.ar.b1("Select_All")) ? this.ar.b1("Select_All") : "(Select All)";
+        get c1() {
+            return this.c0 != null ? this.c0 : !stringIsNullOrWhiteSpace(this.ar.b1("Select_All")) ? this.ar.b1("Select_All") : "(Select All)";
         }
-        set cw(a) {
-            if (a == this.cv) {
+        set c1(a) {
+            if (a == this.c0) {
                 return;
             }
-            let b = this.cv;
-            this.cv = a;
-            this.d1("SelectAllCaption", b, this.cv);
+            let b = this.c0;
+            this.c0 = a;
+            this.d6("SelectAllCaption", b, this.c0);
         }
-        get fj() {
-            return this.ez;
+        get selectAllCaptionTextColor() {
+            return this.e6;
         }
-        set fj(a) {
-            let b = this.ez;
-            this.ez = a;
-            if (b != this.ez) {
-                this.d1("SelectAllCaptionTextColor", b, a);
+        set selectAllCaptionTextColor(a) {
+            let b = this.e6;
+            this.e6 = a;
+            if (b != this.e6) {
+                this.d6("SelectAllCaptionTextColor", b, a);
             }
         }
-        get e1() {
-            return this.em;
+        get e8() {
+            return this.es;
         }
-        set e1(a) {
-            let b = this.em;
-            this.em = a;
-            if (b != this.em) {
-                this.d1("ActualSelectAllCaptionTextColor", b, a);
+        set e8(a) {
+            let b = this.es;
+            this.es = a;
+            if (b != this.es) {
+                this.d6("ActualSelectAllCaptionTextColor", b, a);
             }
         }
         get a5() {
-            if (-1 == this.bi) {
+            if (-1 == this.bm) {
                 return false;
             }
             let a = this.keys.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.bi) {
+            if (a == this.bm) {
                 return false;
             }
             return true;
@@ -1928,46 +1953,46 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             let b = this.a9;
             this.a9 = a;
-            this.d1("showSelectAll", b, this.a9);
+            this.d6("showSelectAll", b, this.a9);
         }
         get backgroundColor() {
-            return this.en;
+            return this.et;
         }
         set backgroundColor(a) {
-            let b = this.en;
-            this.en = a;
-            if (b != this.en) {
-                this.d1("BackgroundColor", b, a);
+            let b = this.et;
+            this.et = a;
+            if (b != this.et) {
+                this.d6("BackgroundColor", b, a);
             }
         }
         get rowHoverBackgroundColor() {
-            return this.et;
+            return this.ez;
         }
         set rowHoverBackgroundColor(a) {
-            let b = this.et;
-            this.et = a;
-            if (b != this.et) {
-                this.d1("RowHoverBackgroundColor", b, a);
+            let b = this.ez;
+            this.ez = a;
+            if (b != this.ez) {
+                this.d6("RowHoverBackgroundColor", b, a);
             }
         }
-        fc() {
+        fj() {
             switch (this.baseTheme) {
                 case 6:
-                case 4: return CheckboxList.e9;
+                case 4: return CheckboxList.fg;
             }
-            return CheckboxList.fb;
+            return CheckboxList.fi;
         }
-        get fl() {
-            return this.e0;
+        get textColor() {
+            return this.e7;
         }
-        set fl(a) {
-            let b = this.e0;
-            this.e0 = a;
-            if (b != this.e0) {
-                this.d1("TextColor", b, a);
+        set textColor(a) {
+            let b = this.e7;
+            this.e7 = a;
+            if (b != this.e7) {
+                this.d6("TextColor", b, a);
             }
         }
-        d3(a) {
+        d8(a) {
             if (this.selectAllCheckboxChanged != null) {
                 this.selectAllCheckboxChanged(this, ((() => {
                     let $ret = new SelectAllCheckboxChangedEventArgs();
@@ -1977,39 +2002,39 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         a2() {
-            if (-1 == this.bi) {
+            if (-1 == this.bm) {
                 return true;
             }
             let a = this.keys.count;
             switch (this.indexType) {
-                case 0: return this.bi == a;
+                case 0: return this.bm == a;
                 case 1: return 0 == a;
                 default: return false;
             }
         }
         a1() {
-            if (-1 == this.bi) {
+            if (-1 == this.bm) {
                 return false;
             }
             let a = this.keys.count;
             switch (this.indexType) {
                 case 0: return 0 == a;
-                case 1: return this.bi == a;
+                case 1: return this.bm == a;
                 default: return false;
             }
         }
-        c9() {
+        de() {
             let a = this.g.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
-                    this.bi = -1;
+                    this.bm = -1;
                     return;
                 }
                 let b = a.actualCount;
-                this.bi = b;
+                this.bm = b;
             }
             else {
-                this.bi = -1;
+                this.bm = -1;
             }
         }
         get a8() {
@@ -2021,7 +2046,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             let b = this.a7;
             this.a7 = a;
-            this.d1("ShowFilter", b, this.a7);
+            this.d6("ShowFilter", b, this.a7);
         }
         get a4() {
             return this.a3;
@@ -2032,26 +2057,40 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             let b = this.a3;
             this.a3 = a;
-            this.d1("IsRowHoverEnabled", b, this.a3);
+            this.d6("IsRowHoverEnabled", b, this.a3);
         }
-        get az() {
+        get checkboxAlignedRight() {
             return this.ay;
         }
-        set az(a) {
+        set checkboxAlignedRight(a) {
             if (a == this.ay) {
                 return;
             }
             let b = this.ay;
             this.ay = a;
-            this.d1("CheckboxAlignedRight", b, this.ay);
+            this.d6("CheckboxAlignedRight", b, this.ay);
+        }
+        ef(a) {
+            this.y = a;
+            if (a == null) {
+                return;
+            }
+            this.y.d = this.aa;
+            this.y.p = this.baseTheme;
+            this.y.t = this.density;
+            this.y.mc = this.fm;
+            this.y.md = this.searchBorderColor;
+            this.y.no = this.searchFocusBorderColor;
+            this.y.n6 = BrushUtil.l(0, 0, 0, 0);
+            this.y.np = BrushUtil.l(0, 0, 0, 0);
         }
     }
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.fk = BrushUtil.l(255, 24, 29, 31);
-    CheckboxList.cs = "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.e8 = BrushUtil.l(255, 248, 248, 248);
-    CheckboxList.fa = null;
-    CheckboxList.fb = BrushUtil.l(255, 24, 29, 31);
-    CheckboxList.e9 = BrushUtil.l(255, 255, 255, 255);
+    CheckboxList.fs = BrushUtil.l(255, 24, 29, 31);
+    CheckboxList.cx = "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.ff = BrushUtil.l(255, 248, 248, 248);
+    CheckboxList.fh = null;
+    CheckboxList.fi = BrushUtil.l(255, 24, 29, 31);
+    CheckboxList.fg = BrushUtil.l(255, 255, 255, 255);
     return CheckboxList;
 })();