igniteui-angular-data-grids 21.1.0-beta.0 → 21.1.0-beta.2

package/esm5/lib/CheckboxListView_combined.js

@@ -11,8 +11,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";
@@ -102,41 +102,39 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxListView.prototype.ad = function (a) {
         var b = a.rootWrapper.getChildAt(0);
         this.l = b;
-        this.c.y = new XInputGroup();
-        var c = a.getSubRenderer(b);
-        this.c.y.provideContainer(c);
-        var d = c.getExternal(this.c.y, c.rootWrapper, c.getExternal(this.c, null, null));
-        this.c.y.d = this.c.aa;
-        this.c.y.p = this.c.baseTheme;
-        this.c.y.t = this.c.density;
-        var e = a.createElement("div");
-        var f = a.getSubRenderer(e);
-        var g = new XPrefix();
-        g.provideContainer(f);
-        var h = f.getExternal(g, f.rootWrapper, f.getExternal(this.c, null, null));
-        var i = a.createElement("div");
-        var j = a.getSubRenderer(i);
+        var c = new XInputGroup();
+        var d = a.getSubRenderer(b);
+        c.provideContainer(d);
+        var e = d.getExternal(c, d.rootWrapper, d.getExternal(this.c, null, null));
+        this.c.ef(c);
+        var f = a.createElement("div");
+        var g = a.getSubRenderer(f);
+        var h = new XPrefix();
+        h.provideContainer(g);
+        var i = g.getExternal(h, g.rootWrapper, g.getExternal(this.c, null, null));
+        var j = a.createElement("div");
+        var 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.cw;
-        var 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);
-        var l = a.createElement("div");
-        l.setRawStyleProperty("flex-grow", "1");
-        var m = a.getSubRenderer(l);
+        this.d.svgPath = CheckboxList.cx;
+        var l = g.getExternal(this.d, k.rootWrapper, k.getExternal(this.c, null, null));
+        h.appendContentChild(j);
+        c.appendContentChild(f);
+        c.inputs.add(h);
+        var m = a.createElement("div");
+        m.setRawStyleProperty("flex-grow", "1");
+        var n = a.getSubRenderer(m);
         this.c.w = new XInput();
-        this.c.w.provideContainer(m);
+        this.c.w.provideContainer(n);
         this.c.w.b8 = "text";
-        var n = m.getExternal(this.c.w, m.rootWrapper, m.getExternal(this.c, null, null));
+        var 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.d2();
+        this.c.d3();
     };
     CheckboxListView.prototype.z = function () {
         if (this.j != null) {
@@ -187,7 +185,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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) {
@@ -209,11 +207,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             finally {
                 d.z = h;
             }
-            d.dk = this.c.e9;
-            d.dd = this.c.e7;
-            d.dl = this.c.fa;
-            d.de = this.c.e8;
-            d.dm = this.c.fb;
+            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;
         }
     };
     CheckboxListView.prototype.u = function (a, b, c, d, e, f, g, h, i, j, k) {
@@ -411,21 +409,21 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var e = c.checked;
         if (e == true) {
             if (this.c.indexType == 0) {
-                this.c.eg(d);
+                this.c.ei(d);
             }
             else {
-                this.c.da(d);
+                this.c.db(d);
             }
         }
         else {
             if (this.c.indexType == 0) {
-                this.c.da(d);
+                this.c.db(d);
             }
             else {
-                this.c.eg(d);
+                this.c.ei(d);
             }
         }
-        this.c.dy(d, e);
+        this.c.dz(d, e);
         this.an(false);
     };
     CheckboxListView.prototype.q = function () {
@@ -439,7 +437,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.c.dy(e, b);
+                    this.c.dz(e, b);
                 }
             }
         }
@@ -500,7 +498,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = this.j.getExternal(this.b, c.rootWrapper, this.j.getExternal(this.c, null, null));
         this.b.n = this.c.baseTheme;
         this.m = a.createElement("label");
-        this.m.setRawText(this.c.c0);
+        this.m.setRawText(this.c.c1);
         this.m.setStyleProperty("font-size", "13px");
         this.n.setStyleProperty("display", "flex");
         this.n.setStyleProperty("flex-direction", "row");
@@ -516,8 +514,8 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CheckboxListView.prototype.am = function () {
         if (null != this.m) {
-            this.m.setRawText(this.c.c0);
-            NativeUI.r(this.m, this.c.e5);
+            this.m.setRawText(this.c.c1);
+            NativeUI.r(this.m, this.c.e8);
         }
     };
     CheckboxListView.prototype.ap = function () {
@@ -568,12 +566,12 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (b.isChecked) {
-            this.c.ej();
-            this.c.d7(b.isChecked);
+            this.c.el();
+            this.c.d8(b.isChecked);
         }
         else {
-            this.c.dg();
-            this.c.d7(b.isChecked);
+            this.c.dh();
+            this.c.d8(b.isChecked);
         }
     };
     CheckboxListView.prototype.ak = function () {
@@ -583,7 +581,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.r(b, this.c.fp);
+            NativeUI.r(b, this.c.textColor);
             NativeUI.n(b, this.c.backgroundColor);
         }
     };
@@ -605,11 +603,11 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.b == null) {
             return;
         }
-        this.b.dk = this.c.e9;
-        this.b.dd = this.c.e7;
-        this.b.dl = this.c.fa;
-        this.b.de = this.c.e8;
-        this.b.dm = this.c.fb;
+        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;
     };
     CheckboxListView.prototype.ah = function (a) {
         if (this.k != null) {
@@ -708,30 +706,31 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.m = 1;
         _this.ae = 1;
         _this.ag = 2;
-        _this.e1 = BrushUtil.l(255, 24, 29, 31);
-        _this.ez = null;
+        _this.e4 = BrushUtil.l(255, 24, 29, 31);
+        _this.e1 = null;
         _this.ax = true;
+        _this.e5 = null;
         _this.e2 = null;
-        _this.e0 = null;
+        _this.e3 = null;
         _this.an = null;
+        _this.ew = null;
         _this.eu = null;
-        _this.es = null;
+        _this.ex = null;
         _this.ev = null;
-        _this.et = null;
-        _this.ew = null;
+        _this.ey = null;
         _this.bb = NaN;
-        _this.f = null;
+        _this.gridColumnProvider = null;
         _this.ac = 0;
-        _this.ey = null;
+        _this.e0 = null;
         _this.indexTypeChanged = null;
         _this.aw = false;
-        _this.cz = null;
-        _this.e3 = null;
-        _this.eq = CheckboxList.ff;
+        _this.c0 = null;
+        _this.e6 = null;
+        _this.es = CheckboxList.fi;
         _this.a9 = true;
-        _this.er = CheckboxList.fc;
-        _this.ex = CheckboxList.fe;
-        _this.e4 = CheckboxList.ff;
+        _this.et = CheckboxList.ff;
+        _this.ez = CheckboxList.fh;
+        _this.e7 = CheckboxList.fi;
         _this.keysCleared = null;
         _this.selectAllCheckboxChanged = null;
         _this.bm = -1;
@@ -739,8 +738,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a3 = true;
         _this.ay = false;
         var a = _this.h;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.ea));
-        _this.h.am(runOn(_this, _this.d9));
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.eb));
+        _this.h.am(runOn(_this, _this.ea));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
         b.c = _this;
@@ -814,7 +813,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.d5("PrimaryKey", b, this.a);
+                this.d6("PrimaryKey", b, this.a);
             }
         },
         enumerable: false,
@@ -835,44 +834,44 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.removeSelectedKeyAt = function (a) {
         this.keys.removeAt(a);
     };
-    CheckboxList.prototype.d9 = function () {
-        this.dq();
+    CheckboxList.prototype.ea = function () {
+        this.dr();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.ea = function (a, b) {
+    CheckboxList.prototype.eb = function (a, b) {
         if (this.e == null || this.e.actualSchema == null || this.as) {
             return;
         }
         switch (b.action) {
             case 0:
                 for (var c = 0; c < b.newItems.count; c++) {
-                    this.d3(b.newItems.item(c));
+                    this.d4(b.newItems.item(c));
                 }
                 break;
             case 1:
                 for (var d = 0; d < b.oldItems.count; d++) {
-                    this.d4(b.oldItems.item(d));
+                    this.d5(b.oldItems.item(d));
                 }
                 break;
             case 2:
                 for (var e = 0; e < b.oldItems.count; e++) {
-                    this.d4(b.oldItems.item(e));
+                    this.d5(b.oldItems.item(e));
                 }
                 for (var f = 0; f < b.newItems.count; f++) {
-                    this.d3(b.newItems.item(f));
+                    this.d4(b.newItems.item(f));
                 }
                 break;
             case 4:
                 this.view.ab(this.indexType == 0);
                 for (var g = 0; g < this.keys.ae.count; g++) {
-                    this.d3(this.keys.ae._inner[g]);
+                    this.d4(this.keys.ae._inner[g]);
                 }
                 break;
         }
     };
-    CheckboxList.prototype.d3 = function (a) {
+    CheckboxList.prototype.d4 = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
@@ -889,7 +888,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.d4 = function (a) {
+    CheckboxList.prototype.d5 = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
@@ -906,7 +905,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.dy = function (a, b) {
+    CheckboxList.prototype.dz = function (a, b) {
         if (this.checkedChanged != null && this.at == false) {
             var c_1 = null;
             if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
@@ -931,58 +930,58 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.av = false;
         if (this.g != null) {
             var a = this.g;
-            a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dk));
+            a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dl));
             var b = this.g;
-            b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dl));
+            b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dm));
             if (this.g.actualDataSource != null) {
                 var c = this.g.actualDataSource;
-                c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d6));
+                c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d7));
             }
         }
         if (this.v != null) {
             var d = this.v;
-            d.changing = delegateCombine(d.changing, runOn(this, this.dn));
+            d.changing = delegateCombine(d.changing, runOn(this, this.dp));
         }
         if (this.k != null) {
             var e = this.k;
-            e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.de));
+            e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.df));
         }
     };
     CheckboxList.prototype.onDetachedFromUI = function () {
         this.av = true;
+        this.dk();
         this.dj();
-        this.di();
     };
-    CheckboxList.prototype.dj = function () {
+    CheckboxList.prototype.dk = function () {
         if (this.g != null) {
             var a = this.g;
-            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dk));
+            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dl));
             var b = this.g;
-            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dl));
+            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dm));
             if (this.g.actualDataSource != null) {
                 var c = this.g.actualDataSource;
-                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d6));
+                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d7));
             }
         }
         if (this.v != null) {
             var d = this.v;
-            d.changing = delegateRemove(d.changing, runOn(this, this.dn));
+            d.changing = delegateRemove(d.changing, runOn(this, this.dp));
         }
     };
-    CheckboxList.prototype.di = function () {
+    CheckboxList.prototype.dj = function () {
         if (this.k != null) {
             var a = this.k;
-            a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.de));
+            a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.df));
         }
     };
     CheckboxList.prototype.destroy = function () {
         this.au = true;
         if (!this.av) {
-            this.dj();
+            this.dk();
         }
         this.provideContainer(null, null, null);
         if (!this.av) {
-            this.di();
+            this.dj();
         }
     };
     Object.defineProperty(CheckboxList.prototype, "a0", {
@@ -997,8 +996,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (null != this.g) {
             this.g.scrollbarStyle = 1;
             var d = this.g;
-            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dl));
-            this.g.scrollbarBackground = this.fi;
+            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;
@@ -1007,31 +1006,31 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.g.selectionMode = 0;
             this.g.editMode = 0;
             var e = this.g;
-            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dk));
+            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dl));
             if (this.bp != null) {
                 this.g.itemsSource = this.bp;
-                this.dd();
-                this.d8();
+                this.de();
+                this.d9();
             }
             if (this.bt != null) {
-                this.d8();
-                this.em();
+                this.d9();
+                this.eo();
             }
         }
         this.view.w(c);
-        if (this.az) {
-            this.eo();
+        if (this.checkboxAlignedRight) {
+            this.eq();
         }
         this.view.r(a);
     };
-    CheckboxList.prototype.dl = function (a, b) {
+    CheckboxList.prototype.dm = function (a, b) {
         this.g.scrollbarStyle = this.ad;
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
         this.view.w(a);
     };
-    CheckboxList.prototype.dk = function (a, b) {
-        if (!this.az && b.cellInfo.l.a5 == 0 || this.az && b.cellInfo.l.a5 == 1) {
+    CheckboxList.prototype.dl = function (a, b) {
+        if (!this.checkboxAlignedRight && b.cellInfo.l.a5 == 0 || this.checkboxAlignedRight && b.cellInfo.l.a5 == 1) {
             return;
         }
         var c = b.cellInfo.l.x;
@@ -1040,7 +1039,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var d = b.cellInfo.ij;
         var e = this.j(d);
-        if (this.a6) {
+        if (this.labelClickTriggersChange) {
             if (this.keys.contains(e)) {
                 if (this.ak != null) {
                     this.ak.setPropertyValue(d, false);
@@ -1054,9 +1053,9 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.keys.add(e);
             }
         }
-        this.dt(c, this.keys.contains(e));
+        this.du(c, this.keys.contains(e));
     };
-    CheckboxList.prototype.dt = function (a, b) {
+    CheckboxList.prototype.du = function (a, b) {
         var c = null;
         if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
             c = new Array(this.e.actualPrimaryKey.length);
@@ -1075,7 +1074,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.de = function (a, b) {
+    CheckboxList.prototype.df = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -1089,7 +1088,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.view.t(b.content.element, c, d);
     };
-    CheckboxList.prototype.en = function (a, b) {
+    CheckboxList.prototype.ep = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -1119,7 +1118,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.view.u(b.content.element, c, d, e, this.am, "Verdana", 13, this.bo, f, g, h);
     };
-    CheckboxList.prototype.d0 = function (a) {
+    CheckboxList.prototype.d1 = function (a) {
         if (this.bt != null) {
             var b = this.d.property(this.bt).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var c = b.contains(a);
@@ -1141,7 +1140,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bp;
             this.bp = a;
             if (b != this.bp) {
-                this.d5("ItemsSource", b, this.bp);
+                this.d6("ItemsSource", b, this.bp);
             }
         },
         enumerable: false,
@@ -1155,13 +1154,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bt;
             this.bt = a;
             if (b != this.bt) {
-                this.d5("DataMemberPath", b, this.bt);
+                this.d6("DataMemberPath", b, this.bt);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bq", {
+    Object.defineProperty(CheckboxList.prototype, "dataLegendTarget", {
         get: function () {
             return this.bo;
         },
@@ -1169,13 +1168,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bo;
             this.bo = a;
             if (b != this.bo) {
-                this.d5("DataLegendTarget", b, this.bo);
+                this.d6("DataLegendTarget", b, this.bo);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "c7", {
+    Object.defineProperty(CheckboxList.prototype, "subtitleMemberPath", {
         get: function () {
             return this.bx;
         },
@@ -1183,13 +1182,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bx;
             this.bx = a;
             if (b != this.bx) {
-                this.d5("SubtitleMemberPath", b, this.bx);
+                this.d6("SubtitleMemberPath", b, this.bx);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "cm", {
+    Object.defineProperty(CheckboxList.prototype, "propertyTypeMemberPath", {
         get: function () {
             return this.bv;
         },
@@ -1197,7 +1196,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bv;
             this.bv = a;
             if (b != this.bv) {
-                this.d5("PropertyTypeMemberPath", b, this.bv);
+                this.d6("PropertyTypeMemberPath", b, this.bv);
             }
         },
         enumerable: false,
@@ -1211,7 +1210,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bw;
             this.bw = a;
             if (b != this.bw) {
-                this.d5("SelectedMemberPath", b, this.bw);
+                this.d6("SelectedMemberPath", b, this.bw);
             }
         },
         enumerable: false,
@@ -1225,7 +1224,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bu;
             this.bu = a;
             if (b != this.bu) {
-                this.d5("FilterPlaceholderText", b, this.bu);
+                this.d6("FilterPlaceholderText", b, this.bu);
             }
         },
         enumerable: false,
@@ -1239,7 +1238,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.d5("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.z));
+                this.d6("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.z));
             }
         },
         enumerable: false,
@@ -1253,7 +1252,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bk;
             this.bk = a;
             if (b != this.bk) {
-                this.d5("RowHeight", b, this.bk);
+                this.d6("RowHeight", b, this.bk);
             }
         },
         enumerable: false,
@@ -1289,7 +1288,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.am;
             this.am = a;
             if (b != this.am) {
-                this.d5("CellTextStyle", b, this.am);
+                this.d6("CellTextStyle", b, this.am);
             }
         },
         enumerable: false,
@@ -1303,7 +1302,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.d5("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.m));
+                this.d6("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.m));
             }
         },
         enumerable: false,
@@ -1317,7 +1316,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.d5("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ae));
+                this.d6("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ae));
             }
         },
         enumerable: false,
@@ -1331,7 +1330,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.d5("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ag));
+                this.d6("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ag));
             }
         },
         enumerable: false,
@@ -1339,33 +1338,33 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "searchIconColor", {
         get: function () {
-            return this.e1;
+            return this.e4;
         },
         set: function (a) {
-            var b = this.e1;
-            this.e1 = a;
-            if (b != this.e1) {
-                this.d5("SearchIconColor", b, this.e1);
+            var b = this.e4;
+            this.e4 = a;
+            if (b != this.e4) {
+                this.d6("SearchIconColor", b, this.e4);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fj", {
+    Object.defineProperty(CheckboxList.prototype, "fm", {
         get: function () {
-            return this.ez;
+            return this.e1;
         },
         set: function (a) {
-            var b = this.ez;
-            this.ez = a;
-            if (b != this.ez) {
-                this.d5("SearchBackgroundColor", b, this.ez);
+            var b = this.e1;
+            this.e1 = a;
+            if (b != this.e1) {
+                this.d6("SearchBackgroundColor", b, this.e1);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a6", {
+    Object.defineProperty(CheckboxList.prototype, "labelClickTriggersChange", {
         get: function () {
             return this.ax;
         },
@@ -1373,13 +1372,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ax;
             this.ax = a;
             if (b != this.ax) {
-                this.d5("LabelClickTriggersChange", b, this.ax);
+                this.d6("LabelClickTriggersChange", b, this.ax);
             }
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "searchTextColor", {
+        get: function () {
+            return this.e5;
+        },
+        set: function (a) {
+            var b = this.e5;
+            this.e5 = a;
+            if (b != this.e5) {
+                this.d6("SearchTextColor", b, this.e5);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "searchBorderColor", {
         get: function () {
             return this.e2;
         },
@@ -1387,21 +1400,21 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.e2;
             this.e2 = a;
             if (b != this.e2) {
-                this.d5("SearchTextColor", b, this.e2);
+                this.d6("SearchBorderColor", b, this.e2);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fk", {
+    Object.defineProperty(CheckboxList.prototype, "searchFocusBorderColor", {
         get: function () {
-            return this.e0;
+            return this.e3;
         },
         set: function (a) {
-            var b = this.e0;
-            this.e0 = a;
-            if (b != this.e0) {
-                this.d5("SearchBorderColor", b, this.e0);
+            var b = this.e3;
+            this.e3 = a;
+            if (b != this.e3) {
+                this.d6("SearchFocusBorderColor", b, this.e3);
             }
         },
         enumerable: false,
@@ -1415,83 +1428,83 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.an;
             this.an = a;
             if (b != this.an) {
-                this.d5("SearchTextStyle", b, this.an);
+                this.d6("SearchTextStyle", b, this.an);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e9", {
+    Object.defineProperty(CheckboxList.prototype, "fc", {
         get: function () {
-            return this.eu;
+            return this.ew;
         },
         set: function (a) {
-            var b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.d5("CheckboxTickColor", b, this.eu);
+            var b = this.ew;
+            this.ew = a;
+            if (b != this.ew) {
+                this.d6("CheckboxTickColor", b, this.ew);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e7", {
+    Object.defineProperty(CheckboxList.prototype, "checkboxCheckedBackgroundColor", {
         get: function () {
-            return this.es;
+            return this.eu;
         },
         set: function (a) {
-            var b = this.es;
-            this.es = a;
-            if (b != this.es) {
-                this.d5("CheckboxCheckedBackgroundColor", b, this.es);
+            var b = this.eu;
+            this.eu = a;
+            if (b != this.eu) {
+                this.d6("CheckboxCheckedBackgroundColor", b, this.eu);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fa", {
+    Object.defineProperty(CheckboxList.prototype, "checkboxUncheckedBackgroundColor", {
         get: function () {
-            return this.ev;
+            return this.ex;
         },
         set: function (a) {
-            var b = this.ev;
-            this.ev = a;
-            if (b != this.ev) {
-                this.d5("CheckboxUncheckedBackgroundColor", b, this.ev);
+            var b = this.ex;
+            this.ex = a;
+            if (b != this.ex) {
+                this.d6("CheckboxUncheckedBackgroundColor", b, this.ex);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e8", {
+    Object.defineProperty(CheckboxList.prototype, "checkboxCheckedBorderColor", {
         get: function () {
-            return this.et;
+            return this.ev;
         },
         set: function (a) {
-            var b = this.et;
-            this.et = a;
-            if (b != this.et) {
-                this.d5("CheckboxCheckedBorderColor", b, this.et);
+            var b = this.ev;
+            this.ev = a;
+            if (b != this.ev) {
+                this.d6("CheckboxCheckedBorderColor", b, this.ev);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fb", {
+    Object.defineProperty(CheckboxList.prototype, "checkboxUncheckedBorderColor", {
         get: function () {
-            return this.ew;
+            return this.ey;
         },
         set: function (a) {
-            var b = this.ew;
-            this.ew = a;
-            if (b != this.ew) {
-                this.d5("CheckboxUncheckedBorderColor", b, this.ew);
+            var b = this.ey;
+            this.ey = a;
+            if (b != this.ey) {
+                this.d6("CheckboxUncheckedBorderColor", b, this.ey);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bc", {
+    Object.defineProperty(CheckboxList.prototype, "checkboxCornerRadius", {
         get: function () {
             return this.bb;
         },
@@ -1499,7 +1512,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.d5("CheckboxCornerRadius", b, this.bb);
+                this.d6("CheckboxCornerRadius", b, this.bb);
             }
         },
         enumerable: false,
@@ -1513,42 +1526,42 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.d5("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ac));
+                this.d6("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ac));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fi", {
+    Object.defineProperty(CheckboxList.prototype, "fl", {
         get: function () {
-            return this.ey;
+            return this.e0;
         },
         set: function (a) {
-            var b = this.ey;
-            this.ey = a;
-            if (b != this.ey) {
-                this.d5("ScrollbarBackground", b, this.ey);
+            var b = this.e0;
+            this.e0 = a;
+            if (b != this.e0) {
+                this.d6("ScrollbarBackground", b, this.e0);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.d5 = function (a, b, c) {
+    CheckboxList.prototype.d6 = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.eb(a, b, c);
+        this.ec(a, b, c);
     };
-    CheckboxList.prototype.eb = function (a, b, c) {
+    CheckboxList.prototype.ec = function (a, b, c) {
         switch (a) {
             case "IndexType":
                 this.keys.clear();
-                this.dq();
+                this.dr();
                 if (this.keysCleared != null) {
                     this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                 }
                 this.view.an();
-                this.d1(b, c);
+                this.d2(b, c);
                 break;
             case "ItemsSource":
                 if (this.g != null) {
@@ -1561,16 +1574,16 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     if (this.g.actualDataSource != null && !this.a0) {
                         var d = this.g.actualDataSource;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d6));
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d7));
                     }
                     this.g.itemsSource = this.bp;
-                    this.dd();
+                    this.de();
                     if (this.g.actualDataSource != null && !this.a0) {
                         var e = this.g.actualDataSource;
-                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d6));
+                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d7));
                     }
                     this.at = true;
-                    this.d8();
+                    this.d9();
                     this.at = false;
                     this.view.an();
                 }
@@ -1581,8 +1594,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "PropertyTypeMemberPath":
                 if (this.g != null) {
                     if (this.bt != null) {
-                        this.d8();
-                        this.em();
+                        this.d9();
+                        this.eo();
                     }
                 }
                 break;
@@ -1592,7 +1605,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SelectAllCaptionTextColor":
-                this.e5 = null != this.fn ? this.fn : this.fg();
+                this.e8 = null != this.selectAllCaptionTextColor ? this.selectAllCaptionTextColor : this.fj();
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
@@ -1632,7 +1645,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "RowHoverBackgroundColor":
                 var f = this.g;
                 if (null != f) {
-                    f.cellTextColor = this.fp;
+                    f.cellTextColor = this.textColor;
                     f.cellBackground = this.backgroundColor;
                     f.background = this.backgroundColor;
                     f.cellSelectedBackground = this.backgroundColor;
@@ -1641,10 +1654,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.view.ak();
                 break;
             case "BaseTheme":
-                this.el();
+                this.en();
                 break;
             case "Density":
-                this.ek();
+                this.em();
                 break;
             case "IsRowHoverEnabled":
                 if (this.g != null) {
@@ -1658,17 +1671,26 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ScrollbarBackground":
                 if (this.g != null) {
-                    this.g.scrollbarBackground = this.fi;
+                    this.g.scrollbarBackground = this.fl;
                 }
                 break;
             case "SearchIconColor":
                 this.view.ai();
                 break;
             case "SearchBackgroundColor":
-                this.y.mc = this.fj;
+                if (this.y != null) {
+                    this.y.mc = this.fm;
+                }
                 break;
             case "SearchBorderColor":
-                this.y.md = this.fk;
+                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) {
@@ -1676,7 +1698,9 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SearchTextStyle":
-                this.w.af = this.ap;
+                if (this.w != null) {
+                    this.w.af = this.ap;
+                }
                 break;
             case "CheckboxTickColor":
             case "CheckboxCheckedBackgroundColor":
@@ -1686,22 +1710,22 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "CheckboxCornerRadius":
                 this.view.af();
                 if (this.g != null) {
-                    this.g.yx();
+                    this.g.y1();
                 }
                 break;
             case "CheckboxAlignedRight":
                 if (this.g != null) {
-                    this.eo();
+                    this.eq();
                 }
                 break;
             case "DataLegendTarget":
                 if (this.g != null) {
-                    this.g.yx();
+                    this.g.y1();
                 }
                 break;
         }
     };
-    CheckboxList.prototype.eo = function () {
+    CheckboxList.prototype.eq = function () {
         if (this.g.actualColumns.count == 0) {
             return;
         }
@@ -1709,7 +1733,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = this.g.actualColumns._inner[1];
         var 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);
         }
@@ -1719,7 +1743,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         this.g.columns.add(c);
     };
-    CheckboxList.prototype.d1 = function (a, b) {
+    CheckboxList.prototype.d2 = function (a, b) {
         if (this.indexTypeChanged != null) {
             this.indexTypeChanged(this, ((function () {
                 var $ret = new CheckboxListIndexTypeChangedEventArgs();
@@ -1729,7 +1753,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.ek = function () {
+    CheckboxList.prototype.em = function () {
         if (this.g != null) {
             this.g.density = this.density;
         }
@@ -1739,7 +1763,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.ae();
         this.view.z();
     };
-    CheckboxList.prototype.el = function () {
+    CheckboxList.prototype.en = function () {
         if (this.x != null) {
             this.x.p = this.baseTheme;
         }
@@ -1748,28 +1772,28 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (this.g != null) {
             this.g.theme = this.baseTheme;
-            this.g.cellTextColor = this.fp;
+            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.e5 = this.fn != null ? this.fn : this.fg();
+        this.e8 = this.selectAllCaptionTextColor != null ? this.selectAllCaptionTextColor : this.fj();
         this.view.ag();
     };
-    CheckboxList.prototype.d6 = function (a, b) {
+    CheckboxList.prototype.d7 = function (a, b) {
         this.at = true;
-        this.dd();
+        this.de();
         if (b.schema != null) {
-            this.d8();
+            this.d9();
             for (var c = 0; c < this.keys.count; c++) {
-                this.d3(this.keys._inner[c]);
+                this.d4(this.keys._inner[c]);
             }
             this.view.an();
         }
         this.at = false;
     };
-    CheckboxList.prototype.d8 = function () {
+    CheckboxList.prototype.d9 = function () {
         if (this.ak == null && this.bw != null && this.bw != "") {
             this.ak = new FastReflectionHelper(false, this.bw);
         }
@@ -1809,7 +1833,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxList.prototype.em = function () {
+    CheckboxList.prototype.eo = function () {
         this.view.p();
         this.g.columns.clear();
         this.g.primaryKey = this.primaryKey;
@@ -1829,32 +1853,32 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.bw == null) {
             this.bw = "";
         }
-        a.nj = this.bw;
-        a.ob = "CheckboxColumn";
+        a.nl = this.bw;
+        a.od = "CheckboxColumn";
         var b = new ColumnWidth();
         b.c = false;
         b.f = 28;
         a.width = b;
         a.lm = 0;
         a.ln = 0;
-        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.de));
+        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.df));
         this.k = a;
         this.g.columns.add(a);
         var c = this.g.actualDataSource.resolveSchemaPropertyType(this.bt);
         if ((this.bx != null || this.bv != null) && (c == 0 || c == 11 || c == 2)) {
             var d = new TemplateColumn();
-            d.nj = this.bt;
-            d.ob = "DataColumn";
+            d.nl = this.bt;
+            d.od = "DataColumn";
             d.lm = 0;
             d.g = 0;
-            d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.en));
+            d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.ep));
             this.g.columns.add(d);
         }
         else {
             var e = void 0;
-            if (this.f != null) {
-                e = this.f.h1();
-                e.onAttachingOverride = delegateCombine(e.onAttachingOverride, runOn(this, this.dm));
+            if (this.gridColumnProvider != null) {
+                e = this.gridColumnProvider.h1();
+                e.onAttachingOverride = delegateCombine(e.onAttachingOverride, runOn(this, this.dn));
             }
             else {
                 switch (c) {
@@ -1879,8 +1903,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                         break;
                 }
             }
-            e.nj = this.bt;
-            e.ob = "DataColumn";
+            e.nl = this.bt;
+            e.od = "DataColumn";
             e.lm = 0;
             e.g = 0;
             this.g.columns.add(e);
@@ -1889,13 +1913,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var g = new ColumnWidth();
         g.c = false;
         g.f = 10;
-        f.nj = "PaddingColumn";
-        f.ob = "PaddingColumn";
+        f.nl = "PaddingColumn";
+        f.od = "PaddingColumn";
         f.lm = 0;
         f.width = g;
         this.g.columns.add(f);
     };
-    CheckboxList.prototype.dm = function (a, b) {
+    CheckboxList.prototype.dn = function (a, b) {
         var c = b.b;
         c.g2 = 0;
         c.g = 0;
@@ -1906,16 +1930,16 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.provideHrElement = function (a) {
         this.view.v(a);
     };
-    CheckboxList.prototype.d2 = function () {
+    CheckboxList.prototype.d3 = function () {
         if (!this.a0) {
             var a = this.w;
-            a.changing = delegateCombine(a.changing, runOn(this, this.dn));
+            a.changing = delegateCombine(a.changing, runOn(this, this.dp));
         }
-        this.el();
+        this.en();
     };
-    CheckboxList.prototype.dn = function (a, b) {
+    CheckboxList.prototype.dp = function (a, b) {
         var c = b.value.toLowerCase();
-        this.d0(c);
+        this.d1(c);
     };
     CheckboxList.prototype.j = function (a) {
         if (this.primaryKey == null) {
@@ -1929,7 +1953,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new PrimaryKeyValue(b, c);
     };
-    CheckboxList.prototype.eg = function (a) {
+    CheckboxList.prototype.ei = function (a) {
         this.as = true;
         var b = this.e.getItemAtIndex(a);
         if (this.ak != null) {
@@ -1939,7 +1963,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.keys.remove(c);
         this.as = false;
     };
-    CheckboxList.prototype.da = function (a) {
+    CheckboxList.prototype.db = function (a) {
         this.as = true;
         var b = this.e.getItemAtIndex(a);
         if (this.ak != null) {
@@ -1949,44 +1973,44 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.keys.add(c);
         this.as = false;
     };
-    CheckboxList.prototype.ej = function () {
+    CheckboxList.prototype.el = function () {
         this.indexType = 0;
         this.keys.clear();
-        this.dq();
+        this.dr();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.dg = function () {
+    CheckboxList.prototype.dh = function () {
         this.indexType = 1;
         this.keys.clear();
-        this.dq();
+        this.dr();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.dv = function (a, b, c) {
+    CheckboxList.prototype.dw = function (a, b, c) {
         if (this.g != null) {
             this.g.notifySetItem(a, b, c);
         }
     };
-    CheckboxList.prototype.dr = function () {
+    CheckboxList.prototype.ds = function () {
         if (this.g != null) {
             this.g.notifyClearItems();
         }
     };
-    CheckboxList.prototype.dq = function () {
+    CheckboxList.prototype.dr = function () {
         if (this.g != null) {
             this.g.invalidateVisibleRows();
         }
     };
-    CheckboxList.prototype.ds = function (a, b) {
+    CheckboxList.prototype.dt = function (a, b) {
         if (this.g != null) {
             this.g.notifyInsertItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.du = function (a, b) {
+    CheckboxList.prototype.dv = function (a, b) {
         if (this.g != null) {
             this.g.notifyRemoveItem(a, b);
         }
@@ -2003,7 +2027,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.aw = false;
         }
     };
-    CheckboxList.prototype.db = function (a) {
+    CheckboxList.prototype.dc = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -2023,7 +2047,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.keys.add(b);
         }
     };
-    CheckboxList.prototype.eh = function (a) {
+    CheckboxList.prototype.ej = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -2097,48 +2121,48 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.h = c.width;
         a.c = this.baseTheme;
         a.d = this.bl;
-        a.a = AppearanceHelper.a(this.e5);
+        a.a = AppearanceHelper.a(this.e8);
         a.b = AppearanceHelper.a(this.backgroundColor);
         return a;
     };
-    Object.defineProperty(CheckboxList.prototype, "c0", {
+    Object.defineProperty(CheckboxList.prototype, "c1", {
         get: function () {
-            return this.cz != null ? this.cz : !stringIsNullOrWhiteSpace(this.ar.b1("Select_All")) ? this.ar.b1("Select_All") : "(Select All)";
+            return this.c0 != null ? this.c0 : !stringIsNullOrWhiteSpace(this.ar.b1("Select_All")) ? this.ar.b1("Select_All") : "(Select All)";
         },
         set: function (a) {
-            if (a == this.cz) {
+            if (a == this.c0) {
                 return;
             }
-            var b = this.cz;
-            this.cz = a;
-            this.d5("SelectAllCaption", b, this.cz);
+            var b = this.c0;
+            this.c0 = a;
+            this.d6("SelectAllCaption", b, this.c0);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "fn", {
+    Object.defineProperty(CheckboxList.prototype, "selectAllCaptionTextColor", {
         get: function () {
-            return this.e3;
+            return this.e6;
         },
         set: function (a) {
-            var b = this.e3;
-            this.e3 = a;
-            if (b != this.e3) {
-                this.d5("SelectAllCaptionTextColor", b, a);
+            var b = this.e6;
+            this.e6 = a;
+            if (b != this.e6) {
+                this.d6("SelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "e5", {
+    Object.defineProperty(CheckboxList.prototype, "e8", {
         get: function () {
-            return this.eq;
+            return this.es;
         },
         set: function (a) {
-            var b = this.eq;
-            this.eq = a;
-            if (b != this.eq) {
-                this.d5("ActualSelectAllCaptionTextColor", b, a);
+            var b = this.es;
+            this.es = a;
+            if (b != this.es) {
+                this.d6("ActualSelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
@@ -2171,20 +2195,20 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.a9;
             this.a9 = a;
-            this.d5("showSelectAll", b, this.a9);
+            this.d6("showSelectAll", b, this.a9);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "backgroundColor", {
         get: function () {
-            return this.er;
+            return this.et;
         },
         set: function (a) {
-            var b = this.er;
-            this.er = a;
-            if (b != this.er) {
-                this.d5("BackgroundColor", b, a);
+            var b = this.et;
+            this.et = a;
+            if (b != this.et) {
+                this.d6("BackgroundColor", b, a);
             }
         },
         enumerable: false,
@@ -2192,40 +2216,40 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "rowHoverBackgroundColor", {
         get: function () {
-            return this.ex;
+            return this.ez;
         },
         set: function (a) {
-            var b = this.ex;
-            this.ex = a;
-            if (b != this.ex) {
-                this.d5("RowHoverBackgroundColor", b, a);
+            var b = this.ez;
+            this.ez = a;
+            if (b != this.ez) {
+                this.d6("RowHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.fg = function () {
+    CheckboxList.prototype.fj = function () {
         switch (this.baseTheme) {
             case 6:
-            case 4: return CheckboxList.fd;
+            case 4: return CheckboxList.fg;
         }
-        return CheckboxList.ff;
+        return CheckboxList.fi;
     };
-    Object.defineProperty(CheckboxList.prototype, "fp", {
+    Object.defineProperty(CheckboxList.prototype, "textColor", {
         get: function () {
-            return this.e4;
+            return this.e7;
         },
         set: function (a) {
-            var b = this.e4;
-            this.e4 = a;
-            if (b != this.e4) {
-                this.d5("TextColor", b, a);
+            var b = this.e7;
+            this.e7 = a;
+            if (b != this.e7) {
+                this.d6("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.d7 = function (a) {
+    CheckboxList.prototype.d8 = function (a) {
         if (this.selectAllCheckboxChanged != null) {
             this.selectAllCheckboxChanged(this, ((function () {
                 var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -2256,7 +2280,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             default: return false;
         }
     };
-    CheckboxList.prototype.dd = function () {
+    CheckboxList.prototype.de = function () {
         var a = this.g.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
@@ -2280,7 +2304,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.a7;
             this.a7 = a;
-            this.d5("ShowFilter", b, this.a7);
+            this.d6("ShowFilter", b, this.a7);
         },
         enumerable: false,
         configurable: true
@@ -2295,12 +2319,12 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.a3;
             this.a3 = a;
-            this.d5("IsRowHoverEnabled", b, this.a3);
+            this.d6("IsRowHoverEnabled", b, this.a3);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "az", {
+    Object.defineProperty(CheckboxList.prototype, "checkboxAlignedRight", {
         get: function () {
             return this.ay;
         },
@@ -2310,18 +2334,32 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             var b = this.ay;
             this.ay = a;
-            this.d5("CheckboxAlignedRight", b, this.ay);
+            this.d6("CheckboxAlignedRight", b, this.ay);
         },
         enumerable: false,
         configurable: true
     });
+    CheckboxList.prototype.ef = function (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.fo = BrushUtil.l(255, 24, 29, 31);
-    CheckboxList.cw = "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
-    CheckboxList.fc = BrushUtil.l(255, 248, 248, 248);
-    CheckboxList.fe = null;
-    CheckboxList.ff = BrushUtil.l(255, 24, 29, 31);
-    CheckboxList.fd = BrushUtil.l(255, 255, 255, 255);
+    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;
 }(Base));
 export { CheckboxList };