igniteui-webcomponents-grids 5.3.0 → 5.4.0

package/esm5/lib/CheckboxListView_combined.js

@@ -5,31 +5,41 @@ https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
 import { __extends, __values } from "tslib";
-import { Base, runOn, delegateCombine, fromEnum, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, EnumUtil } from "igniteui-webcomponents-core";
+import { Base, runOn, delegateCombine, typeCast, fromEnum, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, EnumUtil, enumGetBox } from "igniteui-webcomponents-core";
 import { DomWrapper_$type } from "igniteui-webcomponents-core";
 import { Dictionary$2 } from "igniteui-webcomponents-core";
 import { XCheckbox } from "igniteui-webcomponents-inputs";
+import { XLabel } from "igniteui-webcomponents-inputs";
+import { XIcon } from "igniteui-webcomponents-inputs";
 import { XPrefix } from "igniteui-webcomponents-inputs";
 import { XInputGroup } from "igniteui-webcomponents-inputs";
-import { XIcon } from "igniteui-webcomponents-inputs";
 import { XInput } from "igniteui-webcomponents-inputs";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
+import { FontInfo } from "igniteui-webcomponents-core";
+import { DataContext } from "igniteui-webcomponents-core";
+import { IDataLegendTarget_$type } from "igniteui-webcomponents-core";
+import { BrushUtil } from "igniteui-webcomponents-core";
+import { DeviceUtils } from "igniteui-webcomponents-core";
+import { Brush } from "igniteui-webcomponents-core";
+import { Color } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { PrimaryKeyValue } from "./PrimaryKeyValue";
 import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxListIndexType_$type } from "./CheckboxListIndexType";
+import { stringIsNullOrEmpty, stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
 import { SRProvider } from "igniteui-webcomponents-core";
 import { GridSelectedKeysCollection } from "./GridSelectedKeysCollection";
 import { InputGroupDisplayType_$type } from "igniteui-webcomponents-inputs";
 import { GridStyleRepository } from "./GridStyleRepository";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { ScrollbarStyle_$type } from "igniteui-webcomponents-core";
-import { BrushUtil } from "igniteui-webcomponents-core";
 import { FilterFactory } from "igniteui-webcomponents-core";
 import { CheckboxListKeysClearedEventArgs } from "./CheckboxListKeysClearedEventArgs";
 import { CheckedChangedEventArgs } from "./CheckedChangedEventArgs";
 import { TemplateColumn } from "./TemplateColumn";
 import { FastReflectionHelper } from "igniteui-webcomponents-core";
+import { DataSeriesPropertyType_$type } from "igniteui-webcomponents-core";
+import { SvgIconRegistry } from "igniteui-webcomponents-core";
 import { DataSourceSchemaPropertyType_$type } from "igniteui-webcomponents-core";
 import { CheckboxListIndexTypeChangedEventArgs } from "./CheckboxListIndexTypeChangedEventArgs";
 import { ColumnWidth } from "./ColumnWidth";
@@ -41,7 +51,6 @@ import { Size } from "igniteui-webcomponents-core";
 import { ComponentSizeHelpers } from "igniteui-webcomponents-core";
 import { SelectAllCheckboxChangedEventArgs } from "./SelectAllCheckboxChangedEventArgs";
 import { isPositiveInfinity } from "igniteui-webcomponents-core";
-import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
 /**
  * @hidden
  */
@@ -50,51 +59,54 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     function CheckboxListView() {
         var _this = _super.call(this) || this;
         _this.e = new Dictionary$2(DomWrapper_$type, XCheckbox.$, 0);
-        _this.j = null;
+        _this.h = new Dictionary$2(DomWrapper_$type, XLabel.$, 0);
+        _this.g = new Dictionary$2(DomWrapper_$type, XLabel.$, 0);
+        _this.f = new Dictionary$2(DomWrapper_$type, XIcon.$, 0);
+        _this.m = null;
         _this.a = null;
-        _this.i = null;
-        _this.h = null;
+        _this.l = null;
+        _this.k = null;
         _this.c = null;
         _this.b = null;
-        _this.f = null;
+        _this.i = null;
         _this.d = false;
-        _this.g = null;
+        _this.j = null;
         return _this;
     }
-    CheckboxListView.prototype.n = function () {
+    CheckboxListView.prototype.q = function () {
     };
-    CheckboxListView.prototype.m = function (a) {
+    CheckboxListView.prototype.p = function (a) {
         if (a == null) {
-            this.f = null;
+            this.i = null;
             this.e.clear();
             return;
         }
-        this.f = a;
-        this.v();
-        this.ae();
-        this.ah();
-        this.s();
+        this.i = a;
+        this.aa();
+        this.aj();
+        this.am();
+        this.x();
         var b = Math.round(a.rootWrapper.width());
         var c = Math.round(a.rootWrapper.height());
-        this.f.rootWrapper.setStyleProperty("position", "relative");
-        this.f.rootWrapper.setStyleProperty("padding-bottom", "4px");
-        this.ag();
+        this.i.rootWrapper.setStyleProperty("position", "relative");
+        this.i.rootWrapper.setStyleProperty("padding-bottom", "4px");
+        this.al();
     };
-    CheckboxListView.prototype.v = function () {
-        if (this.f != null) {
-            this.w(this.f);
+    CheckboxListView.prototype.aa = function () {
+        if (this.i != null) {
+            this.ab(this.i);
         }
     };
-    CheckboxListView.prototype.w = function (a) {
+    CheckboxListView.prototype.ab = function (a) {
         var b = a.rootWrapper.getChildAt(0);
-        this.h = b;
-        this.b.v = new XInputGroup();
+        this.k = b;
+        this.b.w = new XInputGroup();
         var c = a.getSubRenderer(b);
-        this.b.v.provideContainer(c);
-        var d = c.getExternal(this.b.v, c.rootWrapper, c.getExternal(this.b, null, null));
-        this.b.v.d = this.b.x;
-        this.b.v.p = this.b.baseTheme;
-        this.b.v.t = this.b.density;
+        this.b.w.provideContainer(c);
+        var d = c.getExternal(this.b.w, c.rootWrapper, c.getExternal(this.b, null, null));
+        this.b.w.d = this.b.y;
+        this.b.w.p = this.b.baseTheme;
+        this.b.w.t = this.b.density;
         var e = a.createElement("div");
         var f = a.getSubRenderer(e);
         var g = new XPrefix();
@@ -105,51 +117,51 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.c = new XIcon();
         this.c.provideContainer(j);
         this.c.fill = this.b.searchIconColor;
-        this.c.svgPath = CheckboxList.b0;
+        this.c.svgPath = CheckboxList.cl;
         var k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
         g.appendContentChild(i);
-        this.b.v.appendContentChild(e);
-        this.b.v.inputs.add(g);
+        this.b.w.appendContentChild(e);
+        this.b.w.inputs.add(g);
         var l = a.createElement("div");
         l.setRawStyleProperty("flex-grow", "1");
         var m = a.getSubRenderer(l);
-        this.b.t = new XInput();
-        this.b.t.provideContainer(m);
-        this.b.t.b8 = "text";
-        var n = m.getExternal(this.b.t, m.rootWrapper, m.getExternal(this.b, null, null));
-        if (this.b.bm != null) {
-            this.b.t.cg = this.b.bm;
-        }
-        this.b.v.appendContentChild(l);
-        this.b.v.inputs.add(this.b.t);
-        this.b.cx();
-    };
-    CheckboxListView.prototype.s = function () {
-        if (this.f != null) {
-            var a = this.f.rootWrapper.getChildAt(3);
+        this.b.u = new XInput();
+        this.b.u.provideContainer(m);
+        this.b.u.b8 = "text";
+        var n = m.getExternal(this.b.u, m.rootWrapper, m.getExternal(this.b, null, null));
+        if (this.b.b4 != null) {
+            this.b.u.cg = this.b.b4;
+        }
+        this.b.w.appendContentChild(l);
+        this.b.w.inputs.add(this.b.u);
+        this.b.dl();
+    };
+    CheckboxListView.prototype.x = function () {
+        if (this.i != null) {
+            var a = this.i.rootWrapper.getChildAt(3);
             a.setStyleProperty("width", "100%");
             a.setStyleProperty("margin", "4px 0px 0px 0px");
-            if (!this.b.au && !this.b.showSelectAll) {
+            if (!this.b.a3 && !this.b.showSelectAll) {
                 a.setStyleProperty("height", "100%");
             }
             else {
-                var b = this.b.ay();
+                var b = this.b.a9();
                 a.setStyleProperty("height", "calc(100% - " + b + "px");
             }
         }
     };
-    CheckboxListView.prototype.o = function (a, b, c) {
+    CheckboxListView.prototype.r = function (a, b, c) {
         var d = null;
         if (a.getChildCount() == 0) {
             d = new XCheckbox();
-            var e = this.f.getSubRenderer(a);
+            var e = this.i.getSubRenderer(a);
             d.provideContainer(e);
-            var f = this.f.getExternal(d, e.rootWrapper, this.f.getExternal(this.b, null, null));
+            var f = this.i.getExternal(d, e.rootWrapper, this.i.getExternal(this.b, null, null));
             this.e.addItem(a, d);
             d.n = this.b.baseTheme;
             d.y = true;
-            d.change = delegateCombine(d.change, runOn(this, this.k));
-            var g = this.f.createElement("div");
+            d.change = delegateCombine(d.change, runOn(this, this.n));
+            var g = this.i.createElement("div");
             a.setStyleProperty("display", "flex");
             a.setStyleProperty("height", "100%");
             a.setStyleProperty("align-items", "center");
@@ -174,6 +186,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             var h = d.z;
             try {
                 d.z = true;
+                d.ar = this.b.a7;
                 d.a4 = b;
                 if (c) {
                     if (this.b.indexType == 0) {
@@ -195,14 +208,170 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             finally {
                 d.z = h;
             }
-            d.dk = this.b.d2;
-            d.dd = this.b.d0;
-            d.dl = this.b.d3;
-            d.de = this.b.d1;
-            d.dm = this.b.d4;
+            d.dk = this.b.et;
+            d.dd = this.b.er;
+            d.dl = this.b.eu;
+            d.de = this.b.es;
+            d.dm = this.b.ev;
         }
     };
-    CheckboxListView.prototype.z = function () {
+    CheckboxListView.prototype.s = function (a, b, c, d, e, f, g, h, i, j, k) {
+        var _this = this;
+        var l = null;
+        var m = null;
+        var n = null;
+        var o = null;
+        if (a.getChildCount() == 0) {
+            o = new XIcon();
+            l = new XLabel();
+            m = new XLabel();
+            a.setStyleProperty("display", "flex");
+            a.setStyleProperty("align-items", "center");
+            a.setStyleProperty("height", "100%");
+            var p = this.i.createElement("div");
+            var q = this.i.getSubRenderer(p);
+            o.provideContainer(q);
+            o.ap = 24;
+            o.as = 24;
+            p.setStyleProperty("margin-right", "10px");
+            var r = this.i.createElement("div");
+            var s = this.i.getSubRenderer(r);
+            l.provideContainer(s);
+            var t = this.i.createElement("div");
+            var u = this.i.getSubRenderer(t);
+            m.provideContainer(u);
+            this.h.addItem(a, l);
+            this.g.addItem(a, m);
+            this.f.addItem(a, o);
+            n = new XIcon();
+            var v = this.i.createElement("div");
+            var w = this.i.getSubRenderer(v);
+            n.provideContainer(w);
+            v.setStyleProperty("height", "100%");
+            v.setStyleProperty("margin-left", "-4px");
+            n.al = 16;
+            n.at = 16;
+            n.ap = 16;
+            n.as = 16;
+            n.ar = 2;
+            n.svgPath = "<svg width=\"16\" height=\"16\" viewBox=\"0 2 24 24\" fill=\"none\" stroke=\"rgba(0, 0, 0, 255)\" xmlns=\"http://www.w3.org/2000/svg\">\r\n" + "<path d=\"M20 11.1205L16.2166 14.8795L12.4575 11.1205\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n" + "</svg>\r\n";
+            n.dp = BrushUtil.h(120, 0, 0, 0);
+            n.ao = DeviceUtils.g(1);
+            r.setStyleProperty("display", "flex");
+            r.setStyleProperty("height", "100%");
+            r.setStyleProperty("align-items", "center");
+            r.setStyleProperty("justify-content", "start");
+            r.setStyleProperty("flex", "auto");
+            t.setStyleProperty("display", "flex");
+            t.setStyleProperty("height", "100%");
+            t.setStyleProperty("align-items", "center");
+            t.setStyleProperty("justify-content", "center");
+            t.setStyleProperty("flex-direction", "column");
+            a.append(p);
+            a.append(r);
+            a.append(t);
+            a.append(v);
+        }
+        else {
+            l = this.h.item(a);
+            m = this.g.item(a);
+            o = this.f.item(a);
+        }
+        if (l != null) {
+            try {
+                o.svg = null;
+                o.cu = null;
+                o.az = null;
+                var x = e != null ? e : ((function () {
+                    var $ret = new FontInfo();
+                    $ret.f = g;
+                    $ret.q = f;
+                    return $ret;
+                })());
+                l.ak = true;
+                l.p = this.b.baseTheme;
+                l.y = x;
+                l.text = c;
+                l.l = 0;
+                var y = a.getChildAt(0);
+                var z = h != null || i != null || k != null;
+                var aa = false;
+                y.setStyleProperty("width", z ? "24px" : "0px");
+                if (i != null) {
+                    aa = true;
+                    o.cu = i;
+                    var ab = ((function () {
+                        var $ret = new DataContext();
+                        $ret.series = _this;
+                        $ret.item = null;
+                        $ret.itemBrush = ((function () {
+                            var $ret = new Brush();
+                            $ret.color = Color.u(255, 0, 0, 0);
+                            $ret.fill = "black";
+                            return $ret;
+                        })());
+                        return $ret;
+                    })());
+                    o.az = ab;
+                }
+                else if (h != null) {
+                    var ac = typeCast(IDataLegendTarget_$type, h);
+                    var ad = ac.getDataLegendSeries();
+                    if (ad != null) {
+                        for (var ae = 0; ae < ad.length; ae++) {
+                            var af = ad[ae];
+                            var ag = af.getDataLegendSeriesTitle();
+                            if (c == ag || c + " " + d == ag) {
+                                aa = true;
+                                o.cu = af.getDataLegendBadge();
+                                o.az = af.getDataLegendBadgeContext();
+                                break;
+                            }
+                        }
+                    }
+                    y.setStyleProperty("padding-bottom", "6px");
+                }
+                else if (k != null) {
+                    aa = true;
+                    o.aq = 0;
+                    o.ar = 0;
+                    o.al = 24;
+                    o.at = 24;
+                    o.ap = 24;
+                    o.as = 24;
+                    o.dh = BrushUtil.h(0, 255, 255, 255);
+                    o.fill = BrushUtil.h(0, 255, 255, 255);
+                    o.dp = BrushUtil.h(0, 255, 255, 255);
+                    o.di = BrushUtil.h(0, 255, 255, 255);
+                    o.svg = k;
+                }
+                if (!aa) {
+                    o.view.af();
+                }
+                var ah = a.getChildAt(2);
+                var ai = a.getChildAt(3);
+                if (stringIsNullOrEmpty(d)) {
+                    ah.setStyleProperty("display", "none");
+                    ai.setStyleProperty("display", "none");
+                    return;
+                }
+                else {
+                    ah.setStyleProperty("display", "flex");
+                    ai.setStyleProperty("display", "flex");
+                }
+                m.p = this.b.baseTheme;
+                x.f = x.f - 2;
+                m.ak = true;
+                m.y = x;
+                m.text = d;
+                m.dj = BrushUtil.h(180, 0, 0, 0);
+                m.l = 0;
+            }
+            finally {
+            }
+        }
+    };
+    CheckboxListView.prototype.ae = function () {
         var e_1, _a;
         if (this.e != null) {
             try {
@@ -230,34 +399,34 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.a.n = this.b.baseTheme;
         }
     };
-    CheckboxListView.prototype.x = function () {
+    CheckboxListView.prototype.ac = function () {
     };
-    CheckboxListView.prototype.k = function (a, b) {
+    CheckboxListView.prototype.n = function (a, b) {
         var c = a;
         var d = parseInt(c.a4.toString());
         var e = c.checked;
         if (e == true) {
             if (this.b.indexType == 0) {
-                this.b.da(d);
+                this.b.d0(d);
             }
             else {
-                this.b.cc(d);
+                this.b.cz(d);
             }
         }
         else {
             if (this.b.indexType == 0) {
-                this.b.cc(d);
+                this.b.cz(d);
             }
             else {
-                this.b.da(d);
+                this.b.d0(d);
             }
         }
-        this.b.cu(d, e);
-        this.ag(false);
+        this.b.di(d, e);
+        this.al(false);
     };
-    CheckboxListView.prototype.l = function () {
+    CheckboxListView.prototype.o = function () {
     };
-    CheckboxListView.prototype.t = function (a, b) {
+    CheckboxListView.prototype.y = function (a, b) {
         var e_2, _a;
         try {
             for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -266,7 +435,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                 var e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.cu(e, b);
+                    this.b.di(e, b);
                 }
             }
         }
@@ -283,9 +452,9 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
                     throw e_2.error;
             }
         }
-        this.ag();
+        this.al();
     };
-    CheckboxListView.prototype.u = function (a) {
+    CheckboxListView.prototype.z = function (a) {
         var e_3, _a;
         try {
             for (var _b = __values(fromEnum(this.e)), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -308,59 +477,59 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    CheckboxListView.prototype.q = function (a) {
-        this.j = a;
-        if (null != this.j) {
-            this.j.setStyleProperty("margin", "5px 0px 4px 0px");
+    CheckboxListView.prototype.u = function (a) {
+        this.m = a;
+        if (null != this.m) {
+            this.m.setStyleProperty("margin", "5px 0px 4px 0px");
         }
     };
-    CheckboxListView.prototype.ah = function () {
-        var a = this.f;
-        if (null == a || null == this.j) {
+    CheckboxListView.prototype.am = function () {
+        var a = this.i;
+        if (null == a || null == this.m) {
             return;
         }
         var b = a.createElement("div");
         var c = a.getSubRenderer(b);
         this.a = new XCheckbox();
         this.a.provideContainer(c);
-        var d = this.f.getExternal(this.a, c.rootWrapper, this.f.getExternal(this.b, null, null));
+        var d = this.i.getExternal(this.a, c.rootWrapper, this.i.getExternal(this.b, null, null));
         this.a.n = this.b.baseTheme;
-        this.i = a.createElement("label");
-        this.i.setRawText(this.b.b4);
-        this.i.setStyleProperty("font-size", "13px");
-        this.j.setStyleProperty("display", "flex");
-        this.j.setStyleProperty("flex-direction", "row");
-        this.j.setStyleProperty("font-family", "Verdana");
-        this.j.setStyleProperty("align-items", "center");
-        this.j.append(b);
-        this.j.append(this.i);
-        this.ai();
-        this.af();
+        this.l = a.createElement("label");
+        this.l.setRawText(this.b.cp);
+        this.l.setStyleProperty("font-size", "13px");
+        this.m.setStyleProperty("display", "flex");
+        this.m.setStyleProperty("flex-direction", "row");
+        this.m.setStyleProperty("font-family", "Verdana");
+        this.m.setStyleProperty("align-items", "center");
+        this.m.append(b);
+        this.m.append(this.l);
+        this.an();
+        this.ak();
         var e = this.a;
-        e.change = delegateCombine(e.change, runOn(this, this.r));
+        e.change = delegateCombine(e.change, runOn(this, this.w));
         this.a.y = true;
     };
-    CheckboxListView.prototype.af = function () {
-        if (null != this.i) {
-            this.i.setRawText(this.b.b4);
-            NativeUI.q(this.i, this.b.dy);
+    CheckboxListView.prototype.ak = function () {
+        if (null != this.l) {
+            this.l.setRawText(this.b.cp);
+            NativeUI.q(this.l, this.b.ep);
         }
     };
-    CheckboxListView.prototype.ai = function () {
-        if (null != this.i) {
+    CheckboxListView.prototype.an = function () {
+        if (null != this.l) {
             var a = this.b.showSelectAll ? "flex" : "none";
-            this.j.setStyleProperty("display", a);
+            this.m.setStyleProperty("display", a);
         }
     };
-    CheckboxListView.prototype.ae = function () {
-        if (this.h != null) {
-            this.h.setStyleProperty("display", this.b.au ? "block" : "none");
+    CheckboxListView.prototype.aj = function () {
+        if (this.k != null) {
+            this.k.setStyleProperty("display", this.b.a3 ? "block" : "none");
         }
-        if (this.g != null) {
-            this.g.setStyleProperty("display", this.b.au ? "block" : "none");
+        if (this.j != null) {
+            this.j.setStyleProperty("display", this.b.a3 ? "block" : "none");
         }
     };
-    CheckboxListView.prototype.ag = function (a) {
+    CheckboxListView.prototype.al = function (a) {
         if (a === void 0) {
             a = true;
         }
@@ -372,7 +541,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = this.a.z;
         this.a.z = a;
         try {
-            if (this.b.as) {
+            if (this.b.a0) {
                 this.a.indeterminate = true;
                 return;
             }
@@ -389,58 +558,84 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d = b;
         }
     };
-    CheckboxListView.prototype.r = function (a, b) {
+    CheckboxListView.prototype.w = function (a, b) {
         if (this.d || b.isIndeterminate) {
             return;
         }
         if (b.isChecked) {
-            this.b.dd();
-            this.b.c2(b.isChecked);
+            this.b.d3();
+            this.b.dr(b.isChecked);
         }
         else {
-            this.b.ci();
-            this.b.c2(b.isChecked);
+            this.b.c5();
+            this.b.dr(b.isChecked);
         }
     };
-    CheckboxListView.prototype.ad = function () {
-        var a = this.f;
+    CheckboxListView.prototype.ai = function () {
+        var a = this.i;
         if (null == a) {
             return;
         }
         var b = a.rootWrapper;
         if (null != b) {
-            NativeUI.q(b, this.b.eg);
+            NativeUI.q(b, this.b.e7);
             NativeUI.m(b, this.b.backgroundColor);
         }
     };
-    CheckboxListView.prototype.ab = function () {
+    CheckboxListView.prototype.ag = function () {
         if (this.c != null) {
             this.c.fill = this.b.searchIconColor;
         }
     };
-    CheckboxListView.prototype.ac = function () {
-        if (this.b.ai != null) {
-            this.i.setStyleProperty("font", this.b.ai.fontString);
+    CheckboxListView.prototype.ah = function () {
+        if (this.b.am != null) {
+            this.l.setStyleProperty("font", this.b.am.fontString);
         }
         else {
-            this.i.setStyleProperty("font-family", "Verdana");
-            this.i.setStyleProperty("font-size", 13 + "px");
+            this.l.setStyleProperty("font-family", "Verdana");
+            this.l.setStyleProperty("font-size", 13 + "px");
         }
     };
-    CheckboxListView.prototype.y = function () {
-        this.a.dk = this.b.d2;
-        this.a.dd = this.b.d0;
-        this.a.dl = this.b.d3;
-        this.a.de = this.b.d1;
-        this.a.dm = this.b.d4;
+    CheckboxListView.prototype.ad = function () {
+        if (this.a == null) {
+            return;
+        }
+        this.a.dk = this.b.et;
+        this.a.dd = this.b.er;
+        this.a.dl = this.b.eu;
+        this.a.de = this.b.es;
+        this.a.dm = this.b.ev;
     };
-    CheckboxListView.prototype.aa = function (a) {
-        if (this.g != null) {
-            NativeUI.w(this.g, a);
+    CheckboxListView.prototype.af = function (a) {
+        if (this.j != null) {
+            NativeUI.w(this.j, a);
         }
     };
-    CheckboxListView.prototype.p = function (a) {
-        this.g = a;
+    CheckboxListView.prototype.t = function (a) {
+        this.j = a;
+    };
+    CheckboxListView.prototype.v = function () {
+        var e_4, _a;
+        try {
+            for (var _b = __values(fromEnum(this.f)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var a = _c.value;
+                a.value.cu = null;
+                a.value.az = null;
+            }
+        }
+        catch (e_4_1) {
+            e_4 = { error: e_4_1 };
+        }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return))
+                    _a.call(_b);
+            }
+            finally {
+                if (e_4)
+                    throw e_4.error;
+            }
+        }
     };
     CheckboxListView.$t = markType(CheckboxListView, 'CheckboxListView');
     return CheckboxListView;
@@ -456,63 +651,74 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._view = null;
         _this.f = null;
         _this.j = null;
-        _this.af = null;
+        _this.ai = null;
+        _this.ag = null;
+        _this.aj = null;
+        _this.ah = null;
         _this.d = null;
-        _this.am = false;
+        _this.aq = false;
         _this.c = null;
-        _this.s = null;
-        _this.u = null;
-        _this.an = false;
-        _this.ak = null;
+        _this.t = null;
+        _this.v = null;
+        _this.ar = false;
+        _this.ao = null;
         _this.g = new GridSelectedKeysCollection();
         _this.a = null;
         _this.propertyChanged = null;
         _this.selectedKeyAdded = null;
         _this.selectedKeyRemoved = null;
         _this.checkedChanged = null;
-        _this.a4 = null;
-        _this.a6 = null;
-        _this.a8 = null;
-        _this.a7 = null;
-        _this.w = 3;
-        _this.a0 = -1;
-        _this.ag = null;
+        _this.labelClicked = null;
+        _this.bg = null;
+        _this.bj = null;
+        _this.bf = null;
+        _this.bn = null;
+        _this.bl = null;
+        _this.bm = null;
+        _this.bk = null;
+        _this.x = 3;
+        _this.bb = -1;
+        _this.ak = null;
         _this.k = 1;
-        _this.ab = 1;
-        _this.ad = 2;
-        _this.du = BrushUtil.h(255, 24, 29, 31);
-        _this.ds = null;
-        _this.dv = null;
-        _this.dt = null;
-        _this.ah = null;
-        _this.dm = null;
-        _this.dk = null;
-        _this.dn = null;
-        _this.dl = null;
-        _this.dp = null;
-        _this.z = 0;
-        _this.dr = null;
+        _this.ac = 1;
+        _this.ae = 2;
+        _this.el = BrushUtil.h(255, 24, 29, 31);
+        _this.ej = null;
+        _this.at = true;
+        _this.em = null;
+        _this.ek = null;
+        _this.al = null;
+        _this.ee = null;
+        _this.ec = null;
+        _this.ef = null;
+        _this.ed = null;
+        _this.eg = null;
+        _this.a6 = NaN;
+        _this.aa = 0;
+        _this.ei = null;
         _this.indexTypeChanged = null;
-        _this.b3 = null;
-        _this.dw = null;
-        _this.di = CheckboxList.d7;
-        _this.av = true;
-        _this.dj = CheckboxList.d5;
-        _this.dq = CheckboxList.d6;
-        _this.dx = CheckboxList.d7;
+        _this.as = false;
+        _this.co = null;
+        _this.en = null;
+        _this.ea = CheckboxList.ey;
+        _this.a4 = true;
+        _this.eb = CheckboxList.ew;
+        _this.eh = CheckboxList.ex;
+        _this.eo = CheckboxList.ey;
         _this.keysCleared = null;
         _this.selectAllCheckboxChanged = null;
-        _this.a2 = -1;
-        _this.at = true;
-        _this.aq = true;
+        _this.bd = -1;
+        _this.a2 = true;
+        _this.ay = true;
+        _this.au = false;
         var a = _this.g;
-        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.c5));
-        _this.g.am(runOn(_this, _this.c4));
+        a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.du));
+        _this.g.am(runOn(_this, _this.dt));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
         b.b = _this;
         _this.view = b;
-        _this.view.n();
+        _this.view.q();
         return _this;
     }
     Object.defineProperty(CheckboxList.prototype, "view", {
@@ -525,22 +731,22 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "v", {
+    Object.defineProperty(CheckboxList.prototype, "w", {
         get: function () {
-            return this.u;
+            return this.v;
         },
         set: function (a) {
-            this.u = a;
+            this.v = a;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "t", {
+    Object.defineProperty(CheckboxList.prototype, "u", {
         get: function () {
-            return this.s;
+            return this.t;
         },
         set: function (a) {
-            this.s = a;
+            this.t = a;
         },
         enumerable: false,
         configurable: true
@@ -555,13 +761,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "al", {
+    Object.defineProperty(CheckboxList.prototype, "ap", {
         get: function () {
-            if (this.ak == null) {
-                this.ak = new SRProvider(this.view.f);
-                this.ak.cb("DataGrid");
+            if (this.ao == null) {
+                this.ao = new SRProvider(this.view.i);
+                this.ao.cb("DataGrid");
             }
-            return this.ak;
+            return this.ao;
         },
         enumerable: false,
         configurable: true
@@ -581,7 +787,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.c0("PrimaryKey", b, this.a);
+                this.dp("PrimaryKey", b, this.a);
             }
         },
         enumerable: false,
@@ -602,48 +808,48 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.removeSelectedKeyAt = function (a) {
         this.keys.removeAt(a);
     };
-    CheckboxList.prototype.c4 = function () {
-        this.co();
+    CheckboxList.prototype.dt = function () {
+        this.db();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.c5 = function (a, b) {
-        if (this.e == null || this.e.actualSchema == null || this.am) {
+    CheckboxList.prototype.du = function (a, b) {
+        if (this.e == null || this.e.actualSchema == null || this.aq) {
             return;
         }
         switch (b.action) {
             case 0:
                 for (var c = 0; c < b.newItems.count; c++) {
-                    this.cy(b.newItems.item(c));
+                    this.dm(b.newItems.item(c));
                 }
                 break;
             case 1:
                 for (var d = 0; d < b.oldItems.count; d++) {
-                    this.cz(b.oldItems.item(d));
+                    this.dn(b.oldItems.item(d));
                 }
                 break;
             case 2:
                 for (var e = 0; e < b.oldItems.count; e++) {
-                    this.cz(b.oldItems.item(e));
+                    this.dn(b.oldItems.item(e));
                 }
                 for (var f = 0; f < b.newItems.count; f++) {
-                    this.cy(b.newItems.item(f));
+                    this.dm(b.newItems.item(f));
                 }
                 break;
             case 4:
-                this.view.u(this.indexType == 0);
+                this.view.z(this.indexType == 0);
                 for (var g = 0; g < this.keys.ae.count; g++) {
-                    this.cy(this.keys.ae._inner[g]);
+                    this.dm(this.keys.ae._inner[g]);
                 }
                 break;
         }
     };
-    CheckboxList.prototype.cy = function (a) {
+    CheckboxList.prototype.dm = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
-            this.view.t(b, this.indexType == 1);
+            this.view.y(b, this.indexType == 1);
         }
         if (this.selectedKeyAdded == null) {
             return;
@@ -656,11 +862,11 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.cz = function (a) {
+    CheckboxList.prototype.dn = function (a) {
         var _this = this;
         var b = this.e.indexOfKey(a.value);
         if (b >= 0) {
-            this.view.t(b, this.indexType == 0);
+            this.view.y(b, this.indexType == 0);
         }
         if (this.selectedKeyRemoved == null) {
             return;
@@ -673,8 +879,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return $ret;
         })()));
     };
-    CheckboxList.prototype.cu = function (a, b) {
-        if (this.checkedChanged != null && this.an == false) {
+    CheckboxList.prototype.di = function (a, b) {
+        if (this.checkedChanged != null && this.ar == false) {
             var c_1 = null;
             if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
                 c_1 = new Array(this.e.actualPrimaryKey.length);
@@ -692,27 +898,27 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxList.prototype.notifySizeChanged = function () {
-        this.view.l();
+        this.view.o();
     };
     CheckboxList.prototype.destroy = function () {
         if (this.f != null) {
             var a = this.f;
-            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ck));
+            a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.c7));
             var b = this.f;
-            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cl));
+            b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.c8));
             if (this.f.actualDataSource != null) {
                 var c = this.f.actualDataSource;
-                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.c1));
+                c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.dq));
             }
         }
-        if (this.s != null) {
-            var d = this.s;
-            d.change = delegateRemove(d.change, runOn(this, this.cm));
+        if (this.t != null) {
+            var d = this.t;
+            d.change = delegateRemove(d.change, runOn(this, this.c9));
         }
         this.provideContainer(null, null, null);
         if (this.j != null) {
             var e = this.j;
-            e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cg));
+            e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.c3));
         }
     };
     CheckboxList.prototype.provideContainer = function (a, b, c) {
@@ -720,8 +926,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (null != this.f) {
             this.f.scrollbarStyle = 1;
             var d = this.f;
-            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cl));
-            this.f.scrollbarBackground = this.d9;
+            d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.c8));
+            this.f.scrollbarBackground = this.e0;
             this.f.headerHeight = 0;
             this.f.rowSeparatorHeight = 0;
             this.f.defaultColumnMinWidth = NaN;
@@ -729,28 +935,31 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             this.f.activationMode = 0;
             this.f.editMode = 0;
             var e = this.f;
-            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ck));
-            if (this.a4 != null) {
-                this.f.itemsSource = this.a4;
-                this.cf();
-                this.c3();
+            e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.c7));
+            if (this.bg != null) {
+                this.f.itemsSource = this.bg;
+                this.c2();
+                this.ds();
             }
-            if (this.a6 != null) {
-                this.c3();
-                this.dg();
+            if (this.bj != null) {
+                this.ds();
+                this.d6();
             }
         }
-        this.view.q(c);
-        this.view.m(a);
+        this.view.u(c);
+        if (this.av) {
+            this.d8();
+        }
+        this.view.p(a);
     };
-    CheckboxList.prototype.cl = function (a, b) {
-        this.f.scrollbarStyle = this.aa;
+    CheckboxList.prototype.c8 = function (a, b) {
+        this.f.scrollbarStyle = this.ab;
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
-        this.view.q(a);
+        this.view.u(a);
     };
-    CheckboxList.prototype.ck = function (a, b) {
-        if (b.cellInfo.l.a5 == 0) {
+    CheckboxList.prototype.c7 = function (a, b) {
+        if (!this.av && b.cellInfo.l.a5 == 0 || this.av && b.cellInfo.l.a5 == 1) {
             return;
         }
         var c = b.cellInfo.l.x;
@@ -759,20 +968,42 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var d = b.cellInfo.hn;
         var e = this.i(d);
-        if (this.keys.contains(e)) {
-            if (this.af != null) {
-                this.af.setPropertyValue(d, false);
+        if (this.a1) {
+            if (this.keys.contains(e)) {
+                if (this.ai != null) {
+                    this.ai.setPropertyValue(d, false);
+                }
+                this.keys.remove(e);
+            }
+            else {
+                if (this.ai != null) {
+                    this.ai.setPropertyValue(d, true);
+                }
+                this.keys.add(e);
             }
-            this.keys.remove(e);
         }
-        else {
-            if (this.af != null) {
-                this.af.setPropertyValue(d, true);
+        this.de(c, this.keys.contains(e));
+    };
+    CheckboxList.prototype.de = function (a, b) {
+        var c = null;
+        if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
+            c = new Array(this.e.actualPrimaryKey.length);
+            for (var d = 0; d < this.e.actualPrimaryKey.length; d++) {
+                c[d] = this.e.getItemPropertyAtIndex(a, this.e.actualPrimaryKey[d]);
             }
-            this.keys.add(e);
         }
+        if (this.labelClicked == null) {
+            return;
+        }
+        this.labelClicked(this, ((function () {
+            var $ret = new CheckedChangedEventArgs();
+            $ret.c = a;
+            $ret.b = b;
+            $ret.a = c;
+            return $ret;
+        })()));
     };
-    CheckboxList.prototype.cg = function (a, b) {
+    CheckboxList.prototype.c3 = function (a, b) {
         var c = b.cellInfo.l.x;
         if (-1 == c) {
             return;
@@ -784,11 +1015,41 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 d = true;
             }
         }
-        this.view.o(b.content.element, c, d);
+        this.view.r(b.content.element, c, d);
+    };
+    CheckboxList.prototype.d7 = function (a, b) {
+        var c = b.cellInfo.l.x;
+        if (-1 == c) {
+            return;
+        }
+        var d = null;
+        var e = null;
+        var f = null;
+        var g = null;
+        var h = null;
+        if (b.cellInfo.hn != null) {
+            d = this.ag.getPropertyValue(b.cellInfo.hn);
+            if (this.aj != null) {
+                e = this.aj.getPropertyValue(b.cellInfo.hn);
+            }
+            if (this.ah != null) {
+                var i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.ah.getPropertyValue(b.cellInfo.hn));
+                if (i == 0) {
+                    h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "string-field");
+                }
+                else if (i == 2) {
+                    h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "numeric-field");
+                }
+                else if (i == 1) {
+                    h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "date-time-field");
+                }
+            }
+        }
+        this.view.s(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bf, f, g, h);
     };
-    CheckboxList.prototype.cv = function (a) {
-        if (this.a6 != null) {
-            var b = this.d.property(this.a6).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+    CheckboxList.prototype.dj = function (a) {
+        if (this.bj != null) {
+            var b = this.d.property(this.bj).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var c = b.contains(a);
             if (!this.f.filterExpressions.k.contains(this.c)) {
                 this.c = c;
@@ -802,13 +1063,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Object.defineProperty(CheckboxList.prototype, "itemsSource", {
         get: function () {
-            return this.a4;
+            return this.bg;
         },
         set: function (a) {
-            var b = this.a4;
-            this.a4 = a;
-            if (b != this.a4) {
-                this.c0("ItemsSource", b, this.a4);
+            var b = this.bg;
+            this.bg = a;
+            if (b != this.bg) {
+                this.dp("ItemsSource", b, this.bg);
             }
         },
         enumerable: false,
@@ -816,13 +1077,55 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "dataMemberPath", {
         get: function () {
-            return this.a6;
+            return this.bj;
         },
         set: function (a) {
-            var b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.c0("DataMemberPath", b, this.a6);
+            var b = this.bj;
+            this.bj = a;
+            if (b != this.bj) {
+                this.dp("DataMemberPath", b, this.bj);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "bh", {
+        get: function () {
+            return this.bf;
+        },
+        set: function (a) {
+            var b = this.bf;
+            this.bf = a;
+            if (b != this.bf) {
+                this.dp("DataLegendTarget", b, this.bf);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "cw", {
+        get: function () {
+            return this.bn;
+        },
+        set: function (a) {
+            var b = this.bn;
+            this.bn = a;
+            if (b != this.bn) {
+                this.dp("SubtitleMemberPath", b, this.bn);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "cb", {
+        get: function () {
+            return this.bl;
+        },
+        set: function (a) {
+            var b = this.bl;
+            this.bl = a;
+            if (b != this.bl) {
+                this.dp("PropertyTypeMemberPath", b, this.bl);
             }
         },
         enumerable: false,
@@ -830,67 +1133,67 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "selectedMemberPath", {
         get: function () {
-            return this.a8;
+            return this.bm;
         },
         set: function (a) {
-            var b = this.a8;
-            this.a8 = a;
-            if (b != this.a8) {
-                this.c0("SelectedMemberPath", b, this.a8);
+            var b = this.bm;
+            this.bm = a;
+            if (b != this.bm) {
+                this.dp("SelectedMemberPath", b, this.bm);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "bm", {
+    Object.defineProperty(CheckboxList.prototype, "b4", {
         get: function () {
-            return this.a7;
+            return this.bk;
         },
         set: function (a) {
-            var b = this.a7;
-            this.a7 = a;
-            if (b != this.a7) {
-                this.c0("FilterPlaceholderText", b, this.a7);
+            var b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.dp("FilterPlaceholderText", b, this.bk);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "x", {
+    Object.defineProperty(CheckboxList.prototype, "y", {
         get: function () {
-            return this.w;
+            return this.x;
         },
         set: function (a) {
-            var b = this.w;
-            this.w = a;
-            if (b != this.w) {
-                this.c0("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.w));
+            var b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.dp("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.x));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a3", {
+    Object.defineProperty(CheckboxList.prototype, "be", {
         get: function () {
-            return this.a0;
+            return this.bb;
         },
         set: function (a) {
-            var b = this.a0;
-            this.a0 = a;
-            if (b != this.a0) {
-                this.c0("RowHeight", b, this.a0);
+            var b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.dp("RowHeight", b, this.bb);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "a1", {
+    Object.defineProperty(CheckboxList.prototype, "bc", {
         get: function () {
             if (this.f != null) {
                 return this.f.actualRowHeight;
             }
-            else if (this.a0 != -1) {
-                return this.a0;
+            else if (this.bb != -1) {
+                return this.bb;
             }
             else {
                 switch (this.density) {
@@ -906,15 +1209,15 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ai", {
+    Object.defineProperty(CheckboxList.prototype, "am", {
         get: function () {
-            return this.ag;
+            return this.ak;
         },
         set: function (a) {
-            var b = this.ag;
-            this.ag = a;
-            if (b != this.ag) {
-                this.c0("CellTextStyle", b, this.ag);
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.dp("CellTextStyle", b, this.ak);
             }
         },
         enumerable: false,
@@ -928,7 +1231,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.c0("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
+                this.dp("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
             }
         },
         enumerable: false,
@@ -936,13 +1239,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "baseTheme", {
         get: function () {
-            return this.ab;
+            return this.ac;
         },
         set: function (a) {
-            var b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.c0("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ab));
+            var b = this.ac;
+            this.ac = a;
+            if (b != this.ac) {
+                this.dp("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ac));
             }
         },
         enumerable: false,
@@ -950,13 +1253,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "density", {
         get: function () {
-            return this.ad;
+            return this.ae;
         },
         set: function (a) {
-            var b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.c0("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ad));
+            var b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.dp("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ae));
             }
         },
         enumerable: false,
@@ -964,27 +1267,41 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "searchIconColor", {
         get: function () {
-            return this.du;
+            return this.el;
+        },
+        set: function (a) {
+            var b = this.el;
+            this.el = a;
+            if (b != this.el) {
+                this.dp("SearchIconColor", b, this.el);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "e1", {
+        get: function () {
+            return this.ej;
         },
         set: function (a) {
-            var b = this.du;
-            this.du = a;
-            if (b != this.du) {
-                this.c0("SearchIconColor", b, this.du);
+            var b = this.ej;
+            this.ej = a;
+            if (b != this.ej) {
+                this.dp("SearchBackgroundColor", b, this.ej);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ea", {
+    Object.defineProperty(CheckboxList.prototype, "a1", {
         get: function () {
-            return this.ds;
+            return this.at;
         },
         set: function (a) {
-            var b = this.ds;
-            this.ds = a;
-            if (b != this.ds) {
-                this.c0("SearchBackgroundColor", b, this.ds);
+            var b = this.at;
+            this.at = a;
+            if (b != this.at) {
+                this.dp("LabelClickTriggersChange", b, this.at);
             }
         },
         enumerable: false,
@@ -992,160 +1309,174 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "searchTextColor", {
         get: function () {
-            return this.dv;
+            return this.em;
         },
         set: function (a) {
-            var b = this.dv;
-            this.dv = a;
-            if (b != this.dv) {
-                this.c0("SearchTextColor", b, this.dv);
+            var b = this.em;
+            this.em = a;
+            if (b != this.em) {
+                this.dp("SearchTextColor", b, this.em);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "eb", {
+    Object.defineProperty(CheckboxList.prototype, "e2", {
         get: function () {
-            return this.dt;
+            return this.ek;
         },
         set: function (a) {
-            var b = this.dt;
-            this.dt = a;
-            if (b != this.dt) {
-                this.c0("SearchBorderColor", b, this.dt);
+            var b = this.ek;
+            this.ek = a;
+            if (b != this.ek) {
+                this.dp("SearchBorderColor", b, this.ek);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "aj", {
+    Object.defineProperty(CheckboxList.prototype, "an", {
         get: function () {
-            return this.ah;
+            return this.al;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.c0("SearchTextStyle", b, this.ah);
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.dp("SearchTextStyle", b, this.al);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d2", {
+    Object.defineProperty(CheckboxList.prototype, "et", {
         get: function () {
-            return this.dm;
+            return this.ee;
         },
         set: function (a) {
-            var b = this.dm;
-            this.dm = a;
-            if (b != this.dm) {
-                this.c0("CheckboxTickColor", b, this.dm);
+            var b = this.ee;
+            this.ee = a;
+            if (b != this.ee) {
+                this.dp("CheckboxTickColor", b, this.ee);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d0", {
+    Object.defineProperty(CheckboxList.prototype, "er", {
         get: function () {
-            return this.dk;
+            return this.ec;
         },
         set: function (a) {
-            var b = this.dk;
-            this.dk = a;
-            if (b != this.dk) {
-                this.c0("CheckboxCheckedBackgroundColor", b, this.dk);
+            var b = this.ec;
+            this.ec = a;
+            if (b != this.ec) {
+                this.dp("CheckboxCheckedBackgroundColor", b, this.ec);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d3", {
+    Object.defineProperty(CheckboxList.prototype, "eu", {
         get: function () {
-            return this.dn;
+            return this.ef;
         },
         set: function (a) {
-            var b = this.dn;
-            this.dn = a;
-            if (b != this.dn) {
-                this.c0("CheckboxUncheckedBackgroundColor", b, this.dn);
+            var b = this.ef;
+            this.ef = a;
+            if (b != this.ef) {
+                this.dp("CheckboxUncheckedBackgroundColor", b, this.ef);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d1", {
+    Object.defineProperty(CheckboxList.prototype, "es", {
         get: function () {
-            return this.dl;
+            return this.ed;
         },
         set: function (a) {
-            var b = this.dl;
-            this.dl = a;
-            if (b != this.dl) {
-                this.c0("CheckboxCheckedBorderColor", b, this.dl);
+            var b = this.ed;
+            this.ed = a;
+            if (b != this.ed) {
+                this.dp("CheckboxCheckedBorderColor", b, this.ed);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d4", {
+    Object.defineProperty(CheckboxList.prototype, "ev", {
         get: function () {
-            return this.dp;
+            return this.eg;
         },
         set: function (a) {
-            var b = this.dp;
-            this.dp = a;
-            if (b != this.dp) {
-                this.c0("CheckboxUncheckedBorderColor", b, this.dp);
+            var b = this.eg;
+            this.eg = a;
+            if (b != this.eg) {
+                this.dp("CheckboxUncheckedBorderColor", b, this.eg);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "aa", {
+    Object.defineProperty(CheckboxList.prototype, "a7", {
         get: function () {
-            return this.z;
+            return this.a6;
         },
         set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.c0("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.z));
+            var b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.dp("CheckboxCornerRadius", b, this.a6);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "ab", {
+        get: function () {
+            return this.aa;
+        },
+        set: function (a) {
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.dp("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.aa));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d9", {
+    Object.defineProperty(CheckboxList.prototype, "e0", {
         get: function () {
-            return this.dr;
+            return this.ei;
         },
         set: function (a) {
-            var b = this.dr;
-            this.dr = a;
-            if (b != this.dr) {
-                this.c0("ScrollbarBackground", b, this.dr);
+            var b = this.ei;
+            this.ei = a;
+            if (b != this.ei) {
+                this.dp("ScrollbarBackground", b, this.ei);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.c0 = function (a, b, c) {
+    CheckboxList.prototype.dp = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.c6(a, b, c);
+        this.dv(a, b, c);
     };
-    CheckboxList.prototype.c6 = function (a, b, c) {
+    CheckboxList.prototype.dv = function (a, b, c) {
         switch (a) {
             case "IndexType":
                 this.keys.clear();
-                this.co();
+                this.db();
                 if (this.keysCleared != null) {
                     this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                 }
-                this.view.ag();
-                this.cw(b, c);
+                this.view.al();
+                this.dk(b, c);
                 break;
             case "ItemsSource":
                 if (this.f != null) {
@@ -1158,26 +1489,28 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                     if (this.f.actualDataSource != null) {
                         var d = this.f.actualDataSource;
-                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.c1));
+                        d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.dq));
                     }
-                    this.f.itemsSource = this.a4;
-                    this.cf();
+                    this.f.itemsSource = this.bg;
+                    this.c2();
                     if (this.f.actualDataSource != null) {
                         var e = this.f.actualDataSource;
-                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.c1));
+                        e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.dq));
                     }
-                    this.an = true;
-                    this.c3();
-                    this.an = false;
-                    this.view.ag();
+                    this.ar = true;
+                    this.ds();
+                    this.ar = false;
+                    this.view.al();
                 }
                 break;
             case "DataMemberPath":
             case "SelectedMemberPath":
+            case "SubtitleMemberPath":
+            case "PropertyTypeMemberPath":
                 if (this.f != null) {
-                    if (this.a6 != null) {
-                        this.c3();
-                        this.dg();
+                    if (this.bj != null) {
+                        this.ds();
+                        this.d6();
                     }
                 }
                 break;
@@ -1187,104 +1520,133 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "SelectAllCaptionTextColor":
-                this.dy = null != this.ee ? this.ee : CheckboxList.d7;
+                this.ep = null != this.e5 ? this.e5 : CheckboxList.ey;
                 break;
             case "SelectAllCaption":
             case "ActualSelectAllCaptionTextColor":
-                this.view.af();
+                this.view.ak();
                 break;
             case "showSelectAll":
-                this.view.ai();
-                this.view.s();
+                this.view.an();
+                this.view.x();
                 break;
             case "ShowFilter":
-                this.view.ae();
-                this.view.s();
+                this.view.aj();
+                this.view.x();
                 break;
             case "FilterPlaceholderText":
-                if (this.s != null) {
-                    this.s.cg = this.bm;
+                if (this.t != null) {
+                    this.t.cg = this.b4;
                 }
                 break;
             case "SearchInputType":
-                if (this.u != null) {
-                    this.u.d = this.x;
+                if (this.v != null) {
+                    this.v.d = this.y;
                 }
                 break;
             case "RowHeight":
                 if (this.f != null) {
-                    this.f.rowHeight = this.a3;
+                    this.f.rowHeight = this.be;
                 }
                 break;
             case "CellTextStyle":
                 if (this.f != null) {
-                    this.f.cellTextStyle = this.ai;
+                    this.f.cellTextStyle = this.am;
                 }
-                this.view.ac();
+                this.view.ah();
                 break;
             case "BackgroundColor":
             case "TextColor":
             case "RowHoverBackgroundColor":
                 var f = this.f;
                 if (null != f) {
-                    f.cellTextColor = this.eg;
+                    f.cellTextColor = this.e7;
                     f.cellBackground = this.backgroundColor;
                     f.cellSelectedBackground = this.backgroundColor;
                     f.rowHoverBackground = this.rowHoverBackgroundColor;
                 }
-                this.view.ad();
+                this.view.ai();
                 break;
             case "BaseTheme":
-                this.df();
+                this.d5();
                 break;
             case "Density":
-                this.de();
+                this.d4();
                 break;
             case "IsRowHoverEnabled":
                 if (this.f != null) {
-                    this.f.isRowHoverEnabled = this.ar;
+                    this.f.isRowHoverEnabled = this.az;
                 }
                 break;
             case "ScrollbarStyle":
                 if (this.f != null) {
-                    this.f.scrollbarStyle = this.aa;
+                    this.f.scrollbarStyle = this.ab;
                 }
                 break;
             case "ScrollbarBackground":
                 if (this.f != null) {
-                    this.f.scrollbarBackground = this.d9;
+                    this.f.scrollbarBackground = this.e0;
                 }
                 break;
             case "SearchIconColor":
-                this.view.ab();
+                this.view.ag();
                 break;
             case "SearchBackgroundColor":
-                this.v.mc = this.ea;
+                this.w.mc = this.e1;
                 break;
             case "SearchBorderColor":
-                this.v.md = this.eb;
+                this.w.md = this.e2;
                 break;
             case "SearchTextColor":
-                if (this.t != null) {
-                    this.t.d8 = this.searchTextColor;
+                if (this.u != null) {
+                    this.u.d8 = this.searchTextColor;
                 }
                 break;
             case "SearchTextStyle":
-                this.t.af = this.aj;
+                this.u.af = this.an;
                 break;
             case "CheckboxTickColor":
             case "CheckboxCheckedBackgroundColor":
             case "CheckboxUncheckedBackgroundColor":
             case "CheckboxCheckedBorderColor":
             case "CheckboxUncheckedBorderColor":
-                this.view.y();
+            case "CheckboxCornerRadius":
+                this.view.ad();
+                if (this.f != null) {
+                    this.f.xq();
+                }
+                break;
+            case "CheckboxAlignedRight":
+                if (this.f != null) {
+                    this.d8();
+                }
+                break;
+            case "DataLegendTarget":
                 if (this.f != null) {
                     this.f.xq();
                 }
                 break;
         }
     };
-    CheckboxList.prototype.cw = function (a, b) {
+    CheckboxList.prototype.d8 = function () {
+        if (this.f.actualColumns.count == 0) {
+            return;
+        }
+        var a = this.f.actualColumns._inner[0];
+        var b = this.f.actualColumns._inner[1];
+        var c = this.f.actualColumns._inner[2];
+        this.f.actualColumns.clear();
+        if (this.av) {
+            this.f.columns.add(b);
+            this.f.columns.add(a);
+        }
+        else {
+            this.f.columns.add(a);
+            this.f.columns.add(b);
+        }
+        this.f.columns.add(c);
+    };
+    CheckboxList.prototype.dk = function (a, b) {
         if (this.indexTypeChanged != null) {
             this.indexTypeChanged(this, ((function () {
                 var $ret = new CheckboxListIndexTypeChangedEventArgs();
@@ -1294,79 +1656,100 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.de = function () {
+    CheckboxList.prototype.d4 = function () {
         if (this.f != null) {
             this.f.density = this.density;
         }
-        if (this.u != null) {
-            this.u.t = this.density;
+        if (this.v != null) {
+            this.v.t = this.density;
         }
-        this.view.x();
+        this.view.ac();
     };
-    CheckboxList.prototype.df = function () {
-        if (this.u != null) {
-            this.u.p = this.baseTheme;
+    CheckboxList.prototype.d5 = function () {
+        if (this.v != null) {
+            this.v.p = this.baseTheme;
         }
-        if (this.t != null) {
-            this.t.d8 = this.searchTextColor;
+        if (this.u != null) {
+            this.u.d8 = this.searchTextColor;
         }
         if (this.f != null) {
-            this.f.cellTextColor = this.eg;
+            this.f.cellTextColor = this.e7;
             this.f.cellBackground = this.backgroundColor;
             this.f.cellSelectedBackground = this.backgroundColor;
             this.f.rowHoverBackground = this.rowHoverBackgroundColor;
         }
-        this.view.z();
+        this.view.ae();
     };
-    CheckboxList.prototype.c1 = function (a, b) {
-        this.an = true;
-        this.cf();
+    CheckboxList.prototype.dq = function (a, b) {
+        this.ar = true;
+        this.c2();
         if (b.schema != null) {
-            this.c3();
+            this.ds();
             for (var c = 0; c < this.keys.count; c++) {
-                this.cy(this.keys._inner[c]);
+                this.dm(this.keys._inner[c]);
             }
-            this.view.ag();
+            this.view.al();
         }
-        this.an = false;
+        this.ar = false;
     };
-    CheckboxList.prototype.c3 = function () {
-        if (this.af == null && this.a8 != null && this.a8 != "") {
-            this.af = new FastReflectionHelper(false, this.a8);
+    CheckboxList.prototype.ds = function () {
+        if (this.ai == null && this.bm != null && this.bm != "") {
+            this.ai = new FastReflectionHelper(false, this.bm);
         }
-        if (this.a4 != null && this.af != null && this.f.actualDataSource.actualSchema != null) {
-            this.af.propertyName = this.a8;
+        if (this.ag == null && this.bj != null && this.bj != "") {
+            this.ag = new FastReflectionHelper(false, this.bj);
+        }
+        if (this.aj == null && this.bn != null && this.bn != "") {
+            this.aj = new FastReflectionHelper(false, this.bn);
+        }
+        if (this.ah == null && this.bl != null && this.bl != "") {
+            this.ah = new FastReflectionHelper(false, this.bl);
+        }
+        if (this.ag != null) {
+            this.ag.propertyName = this.bj;
+        }
+        if (this.aj != null) {
+            this.aj.propertyName = this.bn;
+        }
+        if (this.ah != null) {
+            this.ah.propertyName = this.bl;
+        }
+        if (this.bg != null && this.ai != null && this.f.actualDataSource.actualSchema != null) {
+            this.ai.propertyName = this.bm;
             var a = this.f.actualDataSource.actualCount;
             for (var b = 0; b < a; b++) {
                 var c = this.f.actualDataSource.getItemAtIndex(b);
-                var d = this.af.getPropertyValue(c);
-                if (d == true) {
-                    var e = this.i(c);
-                    if (!this.keys.contains(e)) {
-                        this.keys.add(e);
+                var d = this.i(c);
+                var e = this.ai.getPropertyValue(c);
+                if (e == true) {
+                    if (!this.keys.contains(d)) {
+                        this.keys.add(d);
                     }
                 }
+                else if (this.keys.contains(d)) {
+                    this.keys.remove(d);
+                }
             }
         }
     };
-    CheckboxList.prototype.dg = function () {
+    CheckboxList.prototype.d6 = function () {
         this.f.actualColumns.clear();
         this.f.primaryKey = this.primaryKey;
         this.f.isGroupRowSticky = false;
-        this.f.rowHeight = this.a3;
+        this.f.rowHeight = this.be;
         this.f.cellBackground = this.backgroundColor;
         this.f.cellSelectedBackground = this.backgroundColor;
         this.f.density = this.density;
-        this.f.isRowHoverEnabled = this.ar;
+        this.f.isRowHoverEnabled = this.az;
         this.f.borderWidth = new Thickness(0, 0);
-        if (this.ai != null) {
-            this.f.cellTextStyle = this.ai;
+        if (this.am != null) {
+            this.f.cellTextStyle = this.am;
         }
         var a = new TemplateColumn();
-        if (this.a8 == null) {
-            this.a8 = "";
+        if (this.bm == null) {
+            this.bm = "";
         }
-        a.lo = this.a8;
+        a.lo = this.bm;
         a.mf = "CheckboxColumn";
         var b = new ColumnWidth();
         b.c = false;
@@ -1374,52 +1757,72 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.width = b;
         a.kk = 0;
         a.kl = 0;
-        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.cg));
-        this.f.columns.add(a);
+        a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.c3));
         this.j = a;
-        var c = this.f.actualDataSource.resolveSchemaPropertyType(this.a6);
-        var d;
-        switch (c) {
-            case 8:
-            case 9:
-                d = new DateTimeColumn();
-                break;
-            case 1:
-            case 3:
-            case 4:
-            case 5:
-            case 6:
-            case 7:
-            case 10:
-                d = new NumericColumn();
-                break;
-            case 2:
-            case 11:
-            case 0:
-            default:
-                d = new TextColumn();
-                break;
+        this.f.columns.add(a);
+        var c = this.f.actualDataSource.resolveSchemaPropertyType(this.bj);
+        if ((this.bn != null || this.bl != null) && (c == 0 || c == 11 || c == 2)) {
+            var d = new TemplateColumn();
+            d.lo = this.bj;
+            d.mf = "DataColumn";
+            d.kk = 0;
+            d.g = 0;
+            d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.d7));
+            this.f.columns.add(d);
         }
-        d.lo = this.a6;
-        d.mf = "DataColumn";
-        d.kk = 0;
-        d.g = 0;
-        this.f.columns.add(d);
+        else {
+            var e = void 0;
+            switch (c) {
+                case 8:
+                case 9:
+                    e = new DateTimeColumn();
+                    break;
+                case 1:
+                case 3:
+                case 4:
+                case 5:
+                case 6:
+                case 7:
+                case 10:
+                    e = new NumericColumn();
+                    break;
+                case 2:
+                case 11:
+                case 0:
+                default:
+                    e = new TextColumn();
+                    break;
+            }
+            e.lo = this.bj;
+            e.mf = "DataColumn";
+            e.kk = 0;
+            e.g = 0;
+            this.f.columns.add(e);
+        }
+        var f = new TemplateColumn();
+        var g = new ColumnWidth();
+        g.c = false;
+        g.f = 10;
+        f.lo = "PaddingColumn";
+        f.mf = "PaddingColumn";
+        f.kk = 0;
+        f.width = g;
+        this.f.columns.add(f);
     };
     CheckboxList.prototype.updateHrMargin = function (a) {
-        this.view.aa(a);
+        this.view.af(a);
     };
     CheckboxList.prototype.provideHrElement = function (a) {
-        this.view.p(a);
+        this.view.t(a);
     };
-    CheckboxList.prototype.cx = function () {
-        var a = this.t;
-        a.changing = delegateCombine(a.changing, runOn(this, this.cm));
-        this.df();
+    CheckboxList.prototype.dl = function () {
+        var a = this.u;
+        a.changing = delegateCombine(a.changing, runOn(this, this.c9));
+        this.d5();
     };
-    CheckboxList.prototype.cm = function (a, b) {
+    CheckboxList.prototype.c9 = function (a, b) {
         var c = b.value.toLowerCase();
-        this.cv(c);
+        this.dj(c);
     };
     CheckboxList.prototype.i = function (a) {
         if (this.primaryKey == null) {
@@ -1433,70 +1836,81 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new PrimaryKeyValue(b, c);
     };
-    CheckboxList.prototype.da = function (a) {
-        this.am = true;
+    CheckboxList.prototype.d0 = function (a) {
+        this.aq = true;
         var b = this.e.getItemAtIndex(a);
-        if (this.af != null) {
-            this.af.setPropertyValue(b, false);
+        if (this.ai != null) {
+            this.ai.setPropertyValue(b, false);
         }
         var c = this.i(b);
         this.keys.remove(c);
-        this.am = false;
+        this.aq = false;
     };
-    CheckboxList.prototype.cc = function (a) {
-        this.am = true;
+    CheckboxList.prototype.cz = function (a) {
+        this.aq = true;
         var b = this.e.getItemAtIndex(a);
-        if (this.af != null) {
-            this.af.setPropertyValue(b, true);
+        if (this.ai != null) {
+            this.ai.setPropertyValue(b, true);
         }
         var c = this.i(b);
         this.keys.add(c);
-        this.am = false;
+        this.aq = false;
     };
-    CheckboxList.prototype.dd = function () {
+    CheckboxList.prototype.d3 = function () {
         this.indexType = 0;
         this.keys.clear();
-        this.co();
+        this.db();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.ci = function () {
+    CheckboxList.prototype.c5 = function () {
         this.indexType = 1;
         this.keys.clear();
-        this.co();
+        this.db();
         if (this.keysCleared != null) {
             this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
         }
     };
-    CheckboxList.prototype.cs = function (a, b, c) {
+    CheckboxList.prototype.dg = function (a, b, c) {
         if (this.f != null) {
             this.f.notifySetItem(a, b, c);
         }
     };
-    CheckboxList.prototype.cp = function () {
+    CheckboxList.prototype.dc = function () {
         if (this.f != null) {
             this.f.notifyClearItems();
         }
     };
-    CheckboxList.prototype.co = function () {
+    CheckboxList.prototype.db = function () {
         if (this.f != null) {
             this.f.invalidateVisibleRows();
         }
     };
-    CheckboxList.prototype.cq = function (a, b) {
+    CheckboxList.prototype.dd = function (a, b) {
         if (this.f != null) {
             this.f.notifyInsertItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.cr = function (a, b) {
+    CheckboxList.prototype.df = function (a, b) {
         if (this.f != null) {
             this.f.notifyRemoveItem(a, b);
         }
         ;
     };
-    CheckboxList.prototype.cd = function (a) {
+    CheckboxList.prototype.refresh = function () {
+        if (this.as) {
+            return;
+        }
+        if (this.f != null) {
+            this.as = true;
+            this.view.v();
+            this.f.refresh();
+            this.as = false;
+        }
+    };
+    CheckboxList.prototype.c0 = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -1508,15 +1922,15 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             throw new ArgumentException(1, "value length must match PrimaryKey length");
         }
         if (b != null) {
-            if (this.af != null) {
+            if (this.ai != null) {
                 var c = this.e.indexOfKey(a);
                 var d = this.e.getItemAtIndex(c);
-                this.af.setPropertyValue(d, true);
+                this.ai.setPropertyValue(d, true);
             }
             this.keys.add(b);
         }
     };
-    CheckboxList.prototype.db = function (a) {
+    CheckboxList.prototype.d1 = function (a) {
         var b = null;
         if (this.primaryKey == null || this.primaryKey.length == 0) {
             b = new PrimaryKeyValue(null, a);
@@ -1528,10 +1942,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             throw new ArgumentException(1, "value length must match PrimaryKey length");
         }
         if (this.keys.contains(b)) {
-            if (this.af != null) {
+            if (this.ai != null) {
                 var c = this.e.indexOfKey(a);
                 var d = this.e.getItemAtIndex(c);
-                this.af.setPropertyValue(d, false);
+                this.ai.setPropertyValue(d, false);
             }
             this.keys.remove(b);
         }
@@ -1539,13 +1953,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.getDesiredSize = function (a) {
         var b = 248;
         var c = 0;
-        var d = this.ay();
+        var d = this.a9();
         var e = 5;
         if (this.f != null && this.f.actualDataSource != null && this.f.actualDataSource.actualCount > 0) {
             e = this.f.actualDataSource.actualCount;
         }
-        var f = this.a1 * e;
-        var g = this.a1 * (this.showSelectAll ? 4 : 5);
+        var f = this.bc * e;
+        var g = this.bc * (this.showSelectAll ? 4 : 5);
         var h = f > g ? g : f;
         var i = d + h;
         if (isPositiveInfinity(a.height)) {
@@ -1562,71 +1976,71 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return new Size(1, b, c);
     };
-    CheckboxList.prototype.ay = function () {
+    CheckboxList.prototype.a9 = function () {
         var a = 0;
         a += ComponentSizeHelpers.d(this.density, this.baseTheme);
         a += ComponentSizeHelpers.c(this.density, this.baseTheme);
         a += (0.8 + 6);
         a += 4;
         if (this.showSelectAll) {
-            a += this.a1;
+            a += this.bc;
         }
         a += 4;
         return a;
     };
-    Object.defineProperty(CheckboxList.prototype, "b4", {
+    Object.defineProperty(CheckboxList.prototype, "cp", {
         get: function () {
-            return this.b3 != null ? this.b3 : !stringIsNullOrWhiteSpace(this.al.b1("Select_All")) ? this.al.b1("Select_All") : "(Select All)";
+            return this.co != null ? this.co : !stringIsNullOrWhiteSpace(this.ap.b1("Select_All")) ? this.ap.b1("Select_All") : "(Select All)";
         },
         set: function (a) {
-            if (a == this.b3) {
+            if (a == this.co) {
                 return;
             }
-            var b = this.b3;
-            this.b3 = a;
-            this.c0("SelectAllCaption", b, this.b3);
+            var b = this.co;
+            this.co = a;
+            this.dp("SelectAllCaption", b, this.co);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ee", {
+    Object.defineProperty(CheckboxList.prototype, "e5", {
         get: function () {
-            return this.dw;
+            return this.en;
         },
         set: function (a) {
-            var b = this.dw;
-            this.dw = a;
-            if (b != this.dw) {
-                this.c0("SelectAllCaptionTextColor", b, a);
+            var b = this.en;
+            this.en = a;
+            if (b != this.en) {
+                this.dp("SelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dy", {
+    Object.defineProperty(CheckboxList.prototype, "ep", {
         get: function () {
-            return this.di;
+            return this.ea;
         },
         set: function (a) {
-            var b = this.di;
-            this.di = a;
-            if (b != this.di) {
-                this.c0("ActualSelectAllCaptionTextColor", b, a);
+            var b = this.ea;
+            this.ea = a;
+            if (b != this.ea) {
+                this.dp("ActualSelectAllCaptionTextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "as", {
+    Object.defineProperty(CheckboxList.prototype, "a0", {
         get: function () {
-            if (-1 == this.a2) {
+            if (-1 == this.bd) {
                 return false;
             }
             var a = this.keys.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.a2) {
+            if (a == this.bd) {
                 return false;
             }
             return true;
@@ -1636,28 +2050,28 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "showSelectAll", {
         get: function () {
-            return this.av;
+            return this.a4;
         },
         set: function (a) {
-            if (a == this.av) {
+            if (a == this.a4) {
                 return;
             }
-            var b = this.av;
-            this.av = a;
-            this.c0("showSelectAll", b, this.av);
+            var b = this.a4;
+            this.a4 = a;
+            this.dp("showSelectAll", b, this.a4);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(CheckboxList.prototype, "backgroundColor", {
         get: function () {
-            return this.dj;
+            return this.eb;
         },
         set: function (a) {
-            var b = this.dj;
-            this.dj = a;
-            if (b != this.dj) {
-                this.c0("BackgroundColor", b, a);
+            var b = this.eb;
+            this.eb = a;
+            if (b != this.eb) {
+                this.dp("BackgroundColor", b, a);
             }
         },
         enumerable: false,
@@ -1665,33 +2079,33 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "rowHoverBackgroundColor", {
         get: function () {
-            return this.dq;
+            return this.eh;
         },
         set: function (a) {
-            var b = this.dq;
-            this.dq = a;
-            if (b != this.dq) {
-                this.c0("RowHoverBackgroundColor", b, a);
+            var b = this.eh;
+            this.eh = a;
+            if (b != this.eh) {
+                this.dp("RowHoverBackgroundColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "eg", {
+    Object.defineProperty(CheckboxList.prototype, "e7", {
         get: function () {
-            return this.dx;
+            return this.eo;
         },
         set: function (a) {
-            var b = this.dx;
-            this.dx = a;
-            if (b != this.dx) {
-                this.c0("TextColor", b, a);
+            var b = this.eo;
+            this.eo = a;
+            if (b != this.eo) {
+                this.dp("TextColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    CheckboxList.prototype.c2 = function (a) {
+    CheckboxList.prototype.dr = function (a) {
         if (this.selectAllCheckboxChanged != null) {
             this.selectAllCheckboxChanged(this, ((function () {
                 var $ret = new SelectAllCheckboxChangedEventArgs();
@@ -1700,78 +2114,93 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    CheckboxList.prototype.ap = function () {
-        if (-1 == this.a2) {
+    CheckboxList.prototype.ax = function () {
+        if (-1 == this.bd) {
             return true;
         }
         var a = this.keys.count;
         switch (this.indexType) {
-            case 0: return this.a2 == a;
+            case 0: return this.bd == a;
             case 1: return 0 == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.ao = function () {
-        if (-1 == this.a2) {
+    CheckboxList.prototype.aw = function () {
+        if (-1 == this.bd) {
             return false;
         }
         var a = this.keys.count;
         switch (this.indexType) {
             case 0: return 0 == a;
-            case 1: return this.a2 == a;
+            case 1: return this.bd == a;
             default: return false;
         }
     };
-    CheckboxList.prototype.cf = function () {
+    CheckboxList.prototype.c2 = function () {
         var a = this.f.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
-                this.a2 = -1;
+                this.bd = -1;
                 return;
             }
             var b = a.actualCount;
-            this.a2 = b;
+            this.bd = b;
         }
         else {
-            this.a2 = -1;
+            this.bd = -1;
         }
     };
-    Object.defineProperty(CheckboxList.prototype, "au", {
+    Object.defineProperty(CheckboxList.prototype, "a3", {
         get: function () {
-            return this.at;
+            return this.a2;
         },
         set: function (a) {
-            if (a == this.at) {
+            if (a == this.a2) {
                 return;
             }
-            var b = this.at;
-            this.at = a;
-            this.c0("ShowFilter", b, this.at);
+            var b = this.a2;
+            this.a2 = a;
+            this.dp("ShowFilter", b, this.a2);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(CheckboxList.prototype, "az", {
+        get: function () {
+            return this.ay;
+        },
+        set: function (a) {
+            if (a == this.ay) {
+                return;
+            }
+            var b = this.ay;
+            this.ay = a;
+            this.dp("IsRowHoverEnabled", b, this.ay);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ar", {
+    Object.defineProperty(CheckboxList.prototype, "av", {
         get: function () {
-            return this.aq;
+            return this.au;
         },
         set: function (a) {
-            if (a == this.aq) {
+            if (a == this.au) {
                 return;
             }
-            var b = this.aq;
-            this.aq = a;
-            this.c0("IsRowHoverEnabled", b, this.aq);
+            var b = this.au;
+            this.au = a;
+            this.dp("CheckboxAlignedRight", b, this.au);
         },
         enumerable: false,
         configurable: true
     });
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.ef = BrushUtil.h(255, 24, 29, 31);
-    CheckboxList.b0 = "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.d5 = BrushUtil.h(255, 248, 248, 248);
-    CheckboxList.d6 = null;
-    CheckboxList.d7 = BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.e6 = BrushUtil.h(255, 24, 29, 31);
+    CheckboxList.cl = "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.ew = BrushUtil.h(255, 248, 248, 248);
+    CheckboxList.ex = null;
+    CheckboxList.ey = BrushUtil.h(255, 24, 29, 31);
     return CheckboxList;
 }(Base));
 export { CheckboxList };