igniteui-angular-data-grids 20.1.0 → 20.2.0

package/esm2015/lib/CheckboxListView_combined.js

@@ -24,6 +24,7 @@ import { Color } from "igniteui-angular-core";
 import { NativeUI } from "igniteui-angular-core";
 import { PrimaryKeyValue } from "./PrimaryKeyValue";
 import { Thickness } from "igniteui-angular-core";
+import { Size } from "igniteui-angular-core";
 import { CheckboxListIndexType_$type } from "./CheckboxListIndexType";
 import { stringIsNullOrEmpty, stringIsNullOrWhiteSpace } from "igniteui-angular-core";
 import { SRProvider } from "igniteui-angular-core";
@@ -46,8 +47,9 @@ import { DateTimeColumn } from "./DateTimeColumn";
 import { NumericColumn } from "./NumericColumn";
 import { TextColumn } from "./TextColumn";
 import { ArgumentException } from "igniteui-angular-core";
-import { Size } from "igniteui-angular-core";
 import { ComponentSizeHelpers } from "igniteui-angular-core";
+import { CheckboxListVisualModelExport } from "igniteui-angular-inputs";
+import { AppearanceHelper } from "igniteui-angular-core";
 import { SelectAllCheckboxChangedEventArgs } from "./SelectAllCheckboxChangedEventArgs";
 import { isPositiveInfinity } from "igniteui-angular-core";
 /**
@@ -57,113 +59,113 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
     class CheckboxListView extends Base {
         constructor() {
             super();
-            this.e = new Dictionary$2(DomWrapper_$type, XCheckbox.$, 0);
+            this.f = new Dictionary$2(DomWrapper_$type, XCheckbox.$, 0);
+            this.i = new Dictionary$2(DomWrapper_$type, XLabel.$, 0);
             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.g = new Dictionary$2(DomWrapper_$type, XIcon.$, 0);
+            this.n = null;
+            this.b = null;
             this.m = null;
-            this.a = null;
             this.l = null;
-            this.k = null;
+            this.d = null;
             this.c = null;
-            this.b = null;
-            this.i = null;
-            this.d = false;
             this.j = null;
+            this.e = false;
+            this.k = null;
         }
-        r() {
+        s() {
         }
-        q(a) {
+        r(a) {
             if (a == null) {
-                this.i = null;
-                this.e.clear();
+                this.j = null;
+                this.f.clear();
                 return;
             }
-            this.i = a;
-            this.ab();
-            this.ak();
-            this.an();
-            this.y();
+            this.j = a;
+            this.ac();
+            this.al();
+            this.ao();
+            this.z();
             let b = Math.round(a.rootWrapper.width());
             let c = Math.round(a.rootWrapper.height());
-            this.i.rootWrapper.setStyleProperty("position", "relative");
-            this.i.rootWrapper.setStyleProperty("padding-bottom", "4px");
-            this.am();
+            this.j.rootWrapper.setStyleProperty("position", "relative");
+            this.j.rootWrapper.setStyleProperty("padding-bottom", "4px");
+            this.an();
         }
-        ab() {
-            if (this.i != null) {
-                this.ac(this.i);
+        ac() {
+            if (this.j != null) {
+                this.ad(this.j);
             }
         }
-        ac(a) {
+        ad(a) {
             let b = a.rootWrapper.getChildAt(0);
-            this.k = b;
-            this.b.w = new XInputGroup();
+            this.l = b;
+            this.c.x = new XInputGroup();
             let c = a.getSubRenderer(b);
-            this.b.w.provideContainer(c);
-            let 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;
+            this.c.x.provideContainer(c);
+            let d = c.getExternal(this.c.x, c.rootWrapper, c.getExternal(this.c, null, null));
+            this.c.x.d = this.c.z;
+            this.c.x.p = this.c.baseTheme;
+            this.c.x.t = this.c.density;
             let e = a.createElement("div");
             let f = a.getSubRenderer(e);
             let g = new XPrefix();
             g.provideContainer(f);
-            let h = f.getExternal(g, f.rootWrapper, f.getExternal(this.b, null, null));
+            let h = f.getExternal(g, f.rootWrapper, f.getExternal(this.c, null, null));
             let i = a.createElement("div");
             let j = a.getSubRenderer(i);
-            this.c = new XIcon();
-            this.c.provideContainer(j);
-            this.c.fill = this.b.searchIconColor;
-            this.c.svgPath = CheckboxList.co;
-            let k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
+            this.d = new XIcon();
+            this.d.provideContainer(j);
+            this.d.fill = this.c.searchIconColor;
+            this.d.svgPath = CheckboxList.cr;
+            let k = f.getExternal(this.d, j.rootWrapper, j.getExternal(this.c, null, null));
             g.appendContentChild(i);
-            this.b.w.appendContentChild(e);
-            this.b.w.inputs.add(g);
+            this.c.x.appendContentChild(e);
+            this.c.x.inputs.add(g);
             let l = a.createElement("div");
             l.setRawStyleProperty("flex-grow", "1");
             let m = a.getSubRenderer(l);
-            this.b.u = new XInput();
-            this.b.u.provideContainer(m);
-            this.b.u.b8 = "text";
-            let n = m.getExternal(this.b.u, m.rootWrapper, m.getExternal(this.b, null, null));
-            if (this.b.b7 != null) {
-                this.b.u.cg = this.b.b7;
-            }
-            this.b.w.appendContentChild(l);
-            this.b.w.inputs.add(this.b.u);
-            this.b.dt();
-        }
-        y() {
-            if (this.i != null) {
-                let a = this.i.rootWrapper.getChildAt(3);
+            this.c.v = new XInput();
+            this.c.v.provideContainer(m);
+            this.c.v.b8 = "text";
+            let n = m.getExternal(this.c.v, m.rootWrapper, m.getExternal(this.c, null, null));
+            if (this.c.ca != null) {
+                this.c.v.cg = this.c.ca;
+            }
+            this.c.x.appendContentChild(l);
+            this.c.x.inputs.add(this.c.v);
+            this.c.dw();
+        }
+        z() {
+            if (this.j != null) {
+                let a = this.j.rootWrapper.getChildAt(3);
                 a.setStyleProperty("width", "100%");
                 a.setStyleProperty("margin", "4px 0px 0px 0px");
-                if (!this.b.a6 && !this.b.showSelectAll) {
+                if (!this.c.a7 && !this.c.showSelectAll) {
                     a.setStyleProperty("height", "100%");
                 }
                 else {
-                    let b = this.b.bc();
+                    let b = this.c.bd();
                     a.setStyleProperty("height", "calc(100% - " + b + "px");
                 }
             }
         }
-        s(a, b, c) {
+        t(a, b, c) {
             let d = null;
             if (a.getChildCount() == 0) {
                 d = new XCheckbox();
-                let e = this.i.getSubRenderer(a);
+                let e = this.j.getSubRenderer(a);
                 d.provideContainer(e);
-                let f = this.i.getExternal(d, e.rootWrapper, this.i.getExternal(this.b, null, null));
-                this.e.addItem(a, d);
-                d.n = this.b.baseTheme;
+                let f = this.j.getExternal(d, e.rootWrapper, this.j.getExternal(this.c, null, null));
+                this.f.addItem(a, d);
+                d.n = this.c.baseTheme;
                 d.y = true;
-                d.change = delegateCombine(d.change, runOn(this, this.n));
-                let g = this.i.createElement("div");
+                d.change = delegateCombine(d.change, runOn(this, this.o));
+                let g = this.j.createElement("div");
                 a.setStyleProperty("display", "flex");
                 a.setStyleProperty("height", "100%");
                 a.setStyleProperty("align-items", "center");
-                switch (this.b.density) {
+                switch (this.c.density) {
                     case 1:
                         a.setStyleProperty("margin-top", "-4px");
                         break;
@@ -178,16 +180,16 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 a.append(g);
             }
             else {
-                d = this.e.item(a);
+                d = this.f.item(a);
             }
             if (d != null) {
                 let h = d.z;
                 try {
                     d.z = true;
-                    d.ar = this.b.ba;
+                    d.ar = this.c.bb;
                     d.a4 = b;
                     if (c) {
-                        if (this.b.indexType == 0) {
+                        if (this.c.indexType == 0) {
                             d.checked = false;
                         }
                         else {
@@ -195,7 +197,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                         }
                     }
                     else {
-                        if (this.b.indexType == 0) {
+                        if (this.c.indexType == 0) {
                             d.checked = true;
                         }
                         else {
@@ -206,14 +208,14 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 finally {
                     d.z = h;
                 }
-                d.dk = this.b.e0;
-                d.dd = this.b.ey;
-                d.dl = this.b.e1;
-                d.de = this.b.ez;
-                d.dm = this.b.e2;
+                d.dk = this.c.e3;
+                d.dd = this.c.e1;
+                d.dl = this.c.e4;
+                d.de = this.c.e2;
+                d.dm = this.c.e5;
             }
         }
-        t(a, b, c, d, e, f, g, h, i, j, k) {
+        u(a, b, c, d, e, f, g, h, i, j, k) {
             let l = null;
             let m = null;
             let n = null;
@@ -225,24 +227,24 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 a.setStyleProperty("display", "flex");
                 a.setStyleProperty("align-items", "center");
                 a.setStyleProperty("height", "100%");
-                let p = this.i.createElement("div");
-                let q = this.i.getSubRenderer(p);
+                let p = this.j.createElement("div");
+                let q = this.j.getSubRenderer(p);
                 o.provideContainer(q);
                 o.a5 = 24;
                 o.a8 = 24;
                 p.setStyleProperty("margin-right", "10px");
-                let r = this.i.createElement("div");
-                let s = this.i.getSubRenderer(r);
+                let r = this.j.createElement("div");
+                let s = this.j.getSubRenderer(r);
                 l.provideContainer(s);
-                let t = this.i.createElement("div");
-                let u = this.i.getSubRenderer(t);
+                let t = this.j.createElement("div");
+                let u = this.j.getSubRenderer(t);
                 m.provideContainer(u);
-                this.h.addItem(a, l);
-                this.g.addItem(a, m);
-                this.f.addItem(a, o);
+                this.i.addItem(a, l);
+                this.h.addItem(a, m);
+                this.g.addItem(a, o);
                 n = new XIcon();
-                let v = this.i.createElement("div");
-                let w = this.i.getSubRenderer(v);
+                let v = this.j.createElement("div");
+                let w = this.j.getSubRenderer(v);
                 n.provideContainer(w);
                 v.setStyleProperty("height", "100%");
                 v.setStyleProperty("margin-left", "-4px");
@@ -270,9 +272,9 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 a.append(v);
             }
             else {
-                l = this.h.item(a);
-                m = this.g.item(a);
-                o = this.f.item(a);
+                l = this.i.item(a);
+                m = this.h.item(a);
+                o = this.g.item(a);
             }
             if (l != null) {
                 try {
@@ -286,7 +288,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                         return $ret;
                     })());
                     l.ak = true;
-                    l.p = this.b.baseTheme;
+                    l.p = this.c.baseTheme;
                     l.y = x;
                     l.text = c;
                     l.l = 0;
@@ -356,7 +358,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                         ah.setStyleProperty("display", "flex");
                         ai.setStyleProperty("display", "flex");
                     }
-                    m.p = this.b.baseTheme;
+                    m.p = this.c.baseTheme;
                     x.f = x.f - 2;
                     m.ak = true;
                     m.y = x;
@@ -368,206 +370,218 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        af() {
-            if (this.e != null) {
-                for (let a of fromEnum(this.e)) {
+        ag() {
+            if (this.f != null) {
+                for (let a of fromEnum(this.f)) {
                     let b = a.value;
-                    b.n = this.b.baseTheme;
+                    b.n = this.c.baseTheme;
                 }
             }
-            if (this.a != null) {
-                this.a.n = this.b.baseTheme;
+            if (this.b != null) {
+                this.b.n = this.c.baseTheme;
             }
         }
-        ad() {
+        ae() {
         }
-        n(a, b) {
+        o(a, b) {
             let c = a;
             let d = parseInt(c.a4.toString());
             let e = c.checked;
             if (e == true) {
-                if (this.b.indexType == 0) {
-                    this.b.d7(d);
+                if (this.c.indexType == 0) {
+                    this.c.ea(d);
                 }
                 else {
-                    this.b.c2(d);
+                    this.c.c5(d);
                 }
             }
             else {
-                if (this.b.indexType == 0) {
-                    this.b.c2(d);
+                if (this.c.indexType == 0) {
+                    this.c.c5(d);
                 }
                 else {
-                    this.b.d7(d);
+                    this.c.ea(d);
                 }
             }
-            this.b.dp(d, e);
-            this.am(false);
+            this.c.ds(d, e);
+            this.an(false);
         }
-        p() {
+        q() {
         }
-        z(a, b) {
-            for (let c of fromEnum(this.e)) {
+        aa(a, b) {
+            for (let c of fromEnum(this.f)) {
                 let d = c.value;
                 let e = parseInt(d.a4.toString());
                 if (e == a) {
                     d.checked = b;
-                    this.b.dp(e, b);
+                    this.c.ds(e, b);
                 }
             }
-            this.am();
+            this.an();
         }
-        aa(a) {
-            for (let b of fromEnum(this.e)) {
+        ab(a) {
+            for (let b of fromEnum(this.f)) {
                 let c = b.value;
                 c.checked = a;
             }
         }
-        v(a) {
-            this.m = a;
-            if (null != this.m) {
-                this.m.setStyleProperty("margin", "5px 0px 4px 0px");
+        w(a) {
+            this.n = a;
+            if (null != this.n) {
+                this.n.setStyleProperty("margin", "5px 0px 4px 0px");
             }
         }
-        an() {
-            let a = this.i;
-            if (null == a || null == this.m) {
+        ao() {
+            let a = this.j;
+            if (null == a || null == this.n) {
                 return;
             }
             let b = a.createElement("div");
             let c = a.getSubRenderer(b);
-            this.a = new XCheckbox();
-            this.a.provideContainer(c);
-            let d = this.i.getExternal(this.a, c.rootWrapper, this.i.getExternal(this.b, null, null));
-            this.a.n = this.b.baseTheme;
-            this.l = a.createElement("label");
-            this.l.setRawText(this.b.cs);
-            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.ao();
-            this.al();
-            let e = this.a;
-            e.change = delegateCombine(e.change, runOn(this, this.x));
-            this.a.y = true;
+            this.b = new XCheckbox();
+            this.b.provideContainer(c);
+            let d = this.j.getExternal(this.b, c.rootWrapper, this.j.getExternal(this.c, null, null));
+            this.b.n = this.c.baseTheme;
+            this.m = a.createElement("label");
+            this.m.setRawText(this.c.cv);
+            this.m.setStyleProperty("font-size", "13px");
+            this.n.setStyleProperty("display", "flex");
+            this.n.setStyleProperty("flex-direction", "row");
+            this.n.setStyleProperty("font-family", "Verdana");
+            this.n.setStyleProperty("align-items", "center");
+            this.n.append(b);
+            this.n.append(this.m);
+            this.ap();
+            this.am();
+            let e = this.b;
+            e.change = delegateCombine(e.change, runOn(this, this.y));
+            this.b.y = true;
         }
-        al() {
-            if (null != this.l) {
-                this.l.setRawText(this.b.cs);
-                NativeUI.q(this.l, this.b.ew);
+        am() {
+            if (null != this.m) {
+                this.m.setRawText(this.c.cv);
+                NativeUI.q(this.m, this.c.ez);
             }
         }
-        ao() {
-            if (null != this.l) {
-                let a = this.b.showSelectAll ? "flex" : "none";
-                this.m.setStyleProperty("display", a);
+        ap() {
+            if (null != this.m) {
+                let a = this.c.showSelectAll ? "flex" : "none";
+                this.n.setStyleProperty("display", a);
             }
         }
-        ak() {
-            if (this.k != null) {
-                this.k.setStyleProperty("display", this.b.a6 ? "block" : "none");
+        al() {
+            if (this.l != null) {
+                this.l.setStyleProperty("display", this.c.a7 ? "block" : "none");
             }
-            if (this.j != null) {
-                this.j.setStyleProperty("display", this.b.a6 ? "block" : "none");
+            if (this.k != null) {
+                this.k.setStyleProperty("display", this.c.a7 ? "block" : "none");
             }
         }
-        am(a = true) {
-            if (this.a == null) {
+        an(a = true) {
+            if (this.b == null) {
                 return;
             }
-            let b = this.d;
-            this.d = true;
-            let c = this.a.z;
-            this.a.z = a;
+            let b = this.e;
+            this.e = true;
+            let c = this.b.z;
+            this.b.z = a;
             try {
-                if (this.b.a3) {
-                    this.a.indeterminate = true;
+                if (this.c.a4) {
+                    this.b.indeterminate = true;
                     return;
                 }
-                this.a.indeterminate = false;
-                if (this.b.indexType == 0) {
-                    this.a.checked = this.b.keys.count == 0;
+                this.b.indeterminate = false;
+                if (this.c.indexType == 0) {
+                    this.b.checked = this.c.keys.count == 0;
                 }
                 else {
-                    this.a.checked = this.b.keys.count != 0;
+                    this.b.checked = this.c.keys.count != 0;
                 }
             }
             finally {
-                this.a.z = c;
-                this.d = b;
+                this.b.z = c;
+                this.e = b;
             }
         }
-        x(a, b) {
-            if (this.d || b.isIndeterminate) {
+        y(a, b) {
+            if (this.e || b.isIndeterminate) {
                 return;
             }
             if (b.isChecked) {
-                this.b.ea();
-                this.b.dy(b.isChecked);
+                this.c.ed();
+                this.c.d1(b.isChecked);
             }
             else {
-                this.b.c8();
-                this.b.dy(b.isChecked);
+                this.c.db();
+                this.c.d1(b.isChecked);
             }
         }
-        aj() {
-            let a = this.i;
+        ak() {
+            let a = this.j;
             if (null == a) {
                 return;
             }
             let b = a.rootWrapper;
             if (null != b) {
-                NativeUI.q(b, this.b.fe);
-                NativeUI.m(b, this.b.backgroundColor);
+                NativeUI.q(b, this.c.fh);
+                NativeUI.m(b, this.c.backgroundColor);
             }
         }
-        ah() {
-            if (this.c != null) {
-                this.c.fill = this.b.searchIconColor;
+        ai() {
+            if (this.d != null) {
+                this.d.fill = this.c.searchIconColor;
             }
         }
-        ai() {
-            if (this.b.am != null) {
-                this.l.setStyleProperty("font", this.b.am.fontString);
+        aj() {
+            if (this.c.an != null) {
+                this.m.setStyleProperty("font", this.c.an.fontString);
             }
             else {
-                this.l.setStyleProperty("font-family", "Verdana");
-                this.l.setStyleProperty("font-size", 13 + "px");
+                this.m.setStyleProperty("font-family", "Verdana");
+                this.m.setStyleProperty("font-size", 13 + "px");
             }
         }
-        ae() {
-            if (this.a == null) {
+        af() {
+            if (this.b == null) {
                 return;
             }
-            this.a.dk = this.b.e0;
-            this.a.dd = this.b.ey;
-            this.a.dl = this.b.e1;
-            this.a.de = this.b.ez;
-            this.a.dm = this.b.e2;
+            this.b.dk = this.c.e3;
+            this.b.dd = this.c.e1;
+            this.b.dl = this.c.e4;
+            this.b.de = this.c.e2;
+            this.b.dm = this.c.e5;
         }
-        ag(a) {
-            if (this.j != null) {
-                NativeUI.w(this.j, a);
+        ah(a) {
+            if (this.k != null) {
+                NativeUI.w(this.k, a);
             }
         }
-        u(a) {
-            this.j = a;
+        v(a) {
+            this.k = a;
+        }
+        aq() {
+            return new Size(1, this.j.rootWrapper.width(), this.j.rootWrapper.height());
         }
-        w() {
-            for (let a of fromEnum(this.f)) {
+        a() {
+            let rect_ = this.j.rootWrapper.getNativeElement().getBoundingClientRect();
+            let a = (rect_.top);
+            let b = (rect_.left);
+            let c = new Array(2);
+            c[0] = a;
+            c[1] = b;
+            return c;
+        }
+        x() {
+            for (let a of fromEnum(this.g)) {
                 a.value.df = null;
                 a.value.bf = null;
             }
         }
-        o() {
-            this.e.clear();
+        p() {
             this.f.clear();
             this.g.clear();
             this.h.clear();
+            this.i.clear();
         }
     }
     CheckboxListView.$t = markType(CheckboxListView, 'CheckboxListView');
@@ -583,17 +597,17 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this._view = null;
             this.f = null;
             this.j = null;
-            this.ai = null;
-            this.ag = null;
             this.aj = null;
             this.ah = null;
+            this.ak = null;
+            this.ai = null;
             this.d = null;
-            this.aq = false;
-            this.c = null;
-            this.t = null;
-            this.v = null;
             this.ar = false;
-            this.ao = null;
+            this.c = null;
+            this.u = null;
+            this.w = null;
+            this.as = false;
+            this.ap = null;
             this.g = new GridSelectedKeysCollection();
             this.a = null;
             this.propertyChanged = null;
@@ -601,58 +615,58 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.selectedKeyRemoved = null;
             this.checkedChanged = null;
             this.labelClicked = null;
+            this.au = false;
             this.at = false;
-            this.as = false;
+            this.bk = null;
+            this.bo = null;
             this.bj = null;
-            this.bm = null;
-            this.bi = null;
+            this.bs = null;
             this.bq = null;
-            this.bo = null;
+            this.br = null;
             this.bp = null;
-            this.bn = null;
-            this.x = 3;
-            this.be = -1;
-            this.ak = null;
-            this.k = 1;
-            this.ac = 1;
-            this.ae = 2;
-            this.es = BrushUtil.j(255, 24, 29, 31);
-            this.eq = null;
-            this.av = true;
-            this.et = null;
-            this.er = null;
+            this.y = 3;
+            this.bf = -1;
             this.al = null;
-            this.el = null;
-            this.ej = null;
+            this.l = 1;
+            this.ad = 1;
+            this.af = 2;
+            this.ev = BrushUtil.j(255, 24, 29, 31);
+            this.et = null;
+            this.aw = true;
+            this.ew = null;
+            this.eu = null;
+            this.am = null;
+            this.eo = null;
             this.em = null;
-            this.ek = null;
-            this.en = null;
-            this.a9 = NaN;
-            this.aa = 0;
             this.ep = null;
+            this.en = null;
+            this.eq = null;
+            this.ba = NaN;
+            this.ab = 0;
+            this.es = null;
             this.indexTypeChanged = null;
-            this.au = false;
-            this.cr = null;
-            this.eu = null;
-            this.eh = CheckboxList.e5;
-            this.a7 = true;
-            this.ei = CheckboxList.e3;
-            this.eo = CheckboxList.e4;
-            this.ev = CheckboxList.e5;
+            this.av = false;
+            this.cu = null;
+            this.ex = null;
+            this.ek = CheckboxList.e8;
+            this.a8 = true;
+            this.el = CheckboxList.e6;
+            this.er = CheckboxList.e7;
+            this.ey = CheckboxList.e8;
             this.keysCleared = null;
             this.selectAllCheckboxChanged = null;
-            this.bg = -1;
-            this.a5 = true;
-            this.a1 = true;
-            this.aw = false;
+            this.bh = -1;
+            this.a6 = true;
+            this.a2 = true;
+            this.ax = false;
             let a = this.g;
-            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.d1));
-            this.g.am(runOn(this, this.d0));
+            a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.d4));
+            this.g.am(runOn(this, this.d3));
             this.d = new FilterFactory();
             let b = new CheckboxListView();
-            b.b = this;
+            b.c = this;
             this.view = b;
-            this.view.r();
+            this.view.s();
         }
         get view() {
             return this._view;
@@ -660,17 +674,17 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         set view(a) {
             this._view = a;
         }
-        get w() {
-            return this.v;
+        get x() {
+            return this.w;
         }
-        set w(a) {
-            this.v = a;
+        set x(a) {
+            this.w = a;
         }
-        get u() {
-            return this.t;
+        get v() {
+            return this.u;
         }
-        set u(a) {
-            this.t = a;
+        set v(a) {
+            this.u = a;
         }
         get e() {
             if (this.f == null) {
@@ -678,12 +692,12 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return this.f.actualDataSource;
         }
-        get ap() {
-            if (this.ao == null) {
-                this.ao = new SRProvider(this.view.i);
-                this.ao.cb("DataGrid");
+        get aq() {
+            if (this.ap == null) {
+                this.ap = new SRProvider(this.view.j);
+                this.ap.cb("DataGrid");
             }
-            return this.ao;
+            return this.ap;
         }
         get keys() {
             return this.g;
@@ -695,7 +709,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.dw("PrimaryKey", b, this.a);
+                this.dz("PrimaryKey", b, this.a);
             }
         }
         clearSelectedKeys() {
@@ -713,47 +727,47 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         removeSelectedKeyAt(a) {
             this.keys.removeAt(a);
         }
-        d0() {
-            this.dg();
+        d3() {
+            this.dj();
             if (this.keysCleared != null) {
                 this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
             }
         }
-        d1(a, b) {
-            if (this.e == null || this.e.actualSchema == null || this.aq) {
+        d4(a, b) {
+            if (this.e == null || this.e.actualSchema == null || this.ar) {
                 return;
             }
             switch (b.action) {
                 case 0:
                     for (let c = 0; c < b.newItems.count; c++) {
-                        this.du(b.newItems.item(c));
+                        this.dx(b.newItems.item(c));
                     }
                     break;
                 case 1:
                     for (let d = 0; d < b.oldItems.count; d++) {
-                        this.dv(b.oldItems.item(d));
+                        this.dy(b.oldItems.item(d));
                     }
                     break;
                 case 2:
                     for (let e = 0; e < b.oldItems.count; e++) {
-                        this.dv(b.oldItems.item(e));
+                        this.dy(b.oldItems.item(e));
                     }
                     for (let f = 0; f < b.newItems.count; f++) {
-                        this.du(b.newItems.item(f));
+                        this.dx(b.newItems.item(f));
                     }
                     break;
                 case 4:
-                    this.view.aa(this.indexType == 0);
+                    this.view.ab(this.indexType == 0);
                     for (let g = 0; g < this.keys.ae.count; g++) {
-                        this.du(this.keys.ae._inner[g]);
+                        this.dx(this.keys.ae._inner[g]);
                     }
                     break;
             }
         }
-        du(a) {
+        dx(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.view.z(b, this.indexType == 1);
+                this.view.aa(b, this.indexType == 1);
             }
             if (this.selectedKeyAdded == null) {
                 return;
@@ -766,10 +780,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        dv(a) {
+        dy(a) {
             let b = this.e.indexOfKey(a.value);
             if (b >= 0) {
-                this.view.z(b, this.indexType == 0);
+                this.view.aa(b, this.indexType == 0);
             }
             if (this.selectedKeyRemoved == null) {
                 return;
@@ -782,8 +796,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        dp(a, b) {
-            if (this.checkedChanged != null && this.ar == false) {
+        ds(a, b) {
+            if (this.checkedChanged != null && this.as == false) {
                 let c = null;
                 if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
                     c = new Array(this.e.actualPrimaryKey.length);
@@ -801,76 +815,76 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         notifySizeChanged() {
-            this.view.p();
+            this.view.q();
         }
         onAttachedToUI() {
-            this.at = false;
+            this.au = false;
             if (this.f != null) {
                 let a = this.f;
-                a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.dc));
+                a.cellClicked = delegateCombine(a.cellClicked, runOn(this, this.df));
                 let b = this.f;
-                b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dd));
+                b.sizeChanged = delegateCombine(b.sizeChanged, runOn(this, this.dg));
                 if (this.f.actualDataSource != null) {
                     let c = this.f.actualDataSource;
-                    c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.dx));
+                    c.schemaChanged = delegateCombine(c.schemaChanged, runOn(this, this.d0));
                 }
             }
-            if (this.t != null) {
-                let d = this.t;
-                d.changing = delegateCombine(d.changing, runOn(this, this.de));
+            if (this.u != null) {
+                let d = this.u;
+                d.changing = delegateCombine(d.changing, runOn(this, this.dh));
             }
             if (this.j != null) {
                 let e = this.j;
-                e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.c6));
+                e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.c9));
             }
         }
         onDetachedFromUI() {
-            this.at = true;
-            this.db();
-            this.da();
+            this.au = true;
+            this.de();
+            this.dd();
         }
-        db() {
+        de() {
             if (this.f != null) {
                 let a = this.f;
-                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.dc));
+                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.df));
                 let b = this.f;
-                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dd));
+                b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.dg));
                 if (this.f.actualDataSource != null) {
                     let c = this.f.actualDataSource;
-                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.dx));
+                    c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.d0));
                 }
             }
-            if (this.t != null) {
-                let d = this.t;
-                d.changing = delegateRemove(d.changing, runOn(this, this.de));
+            if (this.u != null) {
+                let d = this.u;
+                d.changing = delegateRemove(d.changing, runOn(this, this.dh));
             }
         }
-        da() {
+        dd() {
             if (this.j != null) {
                 let a = this.j;
-                a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.c6));
+                a.cellUpdating = delegateRemove(a.cellUpdating, runOn(this, this.c9));
             }
         }
         destroy() {
-            this.as = true;
-            if (!this.at) {
-                this.db();
+            this.at = true;
+            if (!this.au) {
+                this.de();
             }
             this.provideContainer(null, null, null);
-            if (!this.at) {
-                this.da();
+            if (!this.au) {
+                this.dd();
             }
         }
-        get ay() {
-            return this.as || this.at;
+        get az() {
+            return this.at || this.au;
         }
         provideContainer(a, b, c) {
             this.f = b;
             if (null != this.f) {
                 this.f.scrollbarStyle = 1;
                 let d = this.f;
-                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dd));
-                this.f.scrollbarBackground = this.e7;
+                d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.dg));
+                this.f.scrollbarBackground = this.fa;
                 this.f.headerHeight = 0;
                 this.f.rowSeparatorHeight = 0;
                 this.f.defaultColumnMinWidth = NaN;
@@ -879,56 +893,56 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.f.selectionMode = 0;
                 this.f.editMode = 0;
                 let e = this.f;
-                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.dc));
-                if (this.bj != null) {
-                    this.f.itemsSource = this.bj;
-                    this.c5();
-                    this.dz();
+                e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.df));
+                if (this.bk != null) {
+                    this.f.itemsSource = this.bk;
+                    this.c8();
+                    this.d2();
                 }
-                if (this.bm != null) {
-                    this.dz();
-                    this.ed();
+                if (this.bo != null) {
+                    this.d2();
+                    this.eg();
                 }
             }
-            this.view.v(c);
-            if (this.ax) {
-                this.ef();
+            this.view.w(c);
+            if (this.ay) {
+                this.ei();
             }
-            this.view.q(a);
+            this.view.r(a);
         }
-        dd(a, b) {
-            this.f.scrollbarStyle = this.ab;
+        dg(a, b) {
+            this.f.scrollbarStyle = this.ac;
         }
         provideSelectAllSection(a) {
-            this.view.v(a);
+            this.view.w(a);
         }
-        dc(a, b) {
-            if (!this.ax && b.cellInfo.l.a5 == 0 || this.ax && b.cellInfo.l.a5 == 1) {
+        df(a, b) {
+            if (!this.ay && b.cellInfo.l.a5 == 0 || this.ay && b.cellInfo.l.a5 == 1) {
                 return;
             }
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
             }
-            let d = b.cellInfo.ic;
+            let d = b.cellInfo.ig;
             let e = this.i(d);
-            if (this.a4) {
+            if (this.a5) {
                 if (this.keys.contains(e)) {
-                    if (this.ai != null) {
-                        this.ai.setPropertyValue(d, false);
+                    if (this.aj != null) {
+                        this.aj.setPropertyValue(d, false);
                     }
                     this.keys.remove(e);
                 }
                 else {
-                    if (this.ai != null) {
-                        this.ai.setPropertyValue(d, true);
+                    if (this.aj != null) {
+                        this.aj.setPropertyValue(d, true);
                     }
                     this.keys.add(e);
                 }
             }
-            this.dj(c, this.keys.contains(e));
+            this.dm(c, this.keys.contains(e));
         }
-        dj(a, b) {
+        dm(a, b) {
             let c = null;
             if (this.e.actualPrimaryKey != null && this.e.actualPrimaryKey.length > 0) {
                 c = new Array(this.e.actualPrimaryKey.length);
@@ -947,21 +961,21 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return $ret;
             })()));
         }
-        c6(a, b) {
+        c9(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
             }
             let d = false;
-            if (b.cellInfo.ic != null) {
-                let e = this.i(b.cellInfo.ic);
+            if (b.cellInfo.ig != null) {
+                let e = this.i(b.cellInfo.ig);
                 if (this.keys.contains(e)) {
                     d = true;
                 }
             }
-            this.view.s(b.content.element, c, d);
+            this.view.t(b.content.element, c, d);
         }
-        ee(a, b) {
+        eh(a, b) {
             let c = b.cellInfo.l.x;
             if (-1 == c) {
                 return;
@@ -971,13 +985,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let f = null;
             let g = null;
             let h = null;
-            if (b.cellInfo.ic != null) {
-                d = this.ag.getPropertyValue(b.cellInfo.ic);
-                if (this.aj != null) {
-                    e = this.aj.getPropertyValue(b.cellInfo.ic);
+            if (b.cellInfo.ig != null) {
+                d = this.ah.getPropertyValue(b.cellInfo.ig);
+                if (this.ak != null) {
+                    e = this.ak.getPropertyValue(b.cellInfo.ig);
                 }
-                if (this.ah != null) {
-                    let i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.ah.getPropertyValue(b.cellInfo.ic));
+                if (this.ai != null) {
+                    let i = EnumUtil.getEnumValue(DataSeriesPropertyType_$type, this.ai.getPropertyValue(b.cellInfo.ig));
                     if (i == 0) {
                         h = SvgIconRegistry.instance.getSvgPathString("ChartToolbarIcons", "string-field");
                     }
@@ -989,11 +1003,11 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                 }
             }
-            this.view.t(b.content.element, c, d, e, this.ak, "Verdana", 13, this.bi, f, g, h);
+            this.view.u(b.content.element, c, d, e, this.al, "Verdana", 13, this.bj, f, g, h);
         }
-        dr(a) {
-            if (this.bm != null) {
-                let b = this.d.property(this.bm).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
+        du(a) {
+            if (this.bo != null) {
+                let b = this.d.property(this.bo).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
                 let c = b.contains(a);
                 if (!this.f.filterExpressions.k.contains(this.c)) {
                     this.c = c;
@@ -1006,101 +1020,101 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         get itemsSource() {
-            return this.bj;
+            return this.bk;
         }
         set itemsSource(a) {
-            let b = this.bj;
-            this.bj = a;
-            if (b != this.bj) {
-                this.dw("ItemsSource", b, this.bj);
+            let b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.dz("ItemsSource", b, this.bk);
             }
         }
         get dataMemberPath() {
-            return this.bm;
+            return this.bo;
         }
         set dataMemberPath(a) {
-            let b = this.bm;
-            this.bm = a;
-            if (b != this.bm) {
-                this.dw("DataMemberPath", b, this.bm);
+            let b = this.bo;
+            this.bo = a;
+            if (b != this.bo) {
+                this.dz("DataMemberPath", b, this.bo);
+            }
+        }
+        get bl() {
+            return this.bj;
+        }
+        set bl(a) {
+            let b = this.bj;
+            this.bj = a;
+            if (b != this.bj) {
+                this.dz("DataLegendTarget", b, this.bj);
             }
         }
-        get bk() {
-            return this.bi;
+        get c2() {
+            return this.bs;
         }
-        set bk(a) {
-            let b = this.bi;
-            this.bi = a;
-            if (b != this.bi) {
-                this.dw("DataLegendTarget", b, this.bi);
+        set c2(a) {
+            let b = this.bs;
+            this.bs = a;
+            if (b != this.bs) {
+                this.dz("SubtitleMemberPath", b, this.bs);
             }
         }
-        get cz() {
+        get ch() {
             return this.bq;
         }
-        set cz(a) {
+        set ch(a) {
             let b = this.bq;
             this.bq = a;
             if (b != this.bq) {
-                this.dw("SubtitleMemberPath", b, this.bq);
+                this.dz("PropertyTypeMemberPath", b, this.bq);
             }
         }
-        get ce() {
-            return this.bo;
+        get selectedMemberPath() {
+            return this.br;
         }
-        set ce(a) {
-            let b = this.bo;
-            this.bo = a;
-            if (b != this.bo) {
-                this.dw("PropertyTypeMemberPath", b, this.bo);
+        set selectedMemberPath(a) {
+            let b = this.br;
+            this.br = a;
+            if (b != this.br) {
+                this.dz("SelectedMemberPath", b, this.br);
             }
         }
-        get selectedMemberPath() {
+        get ca() {
             return this.bp;
         }
-        set selectedMemberPath(a) {
+        set ca(a) {
             let b = this.bp;
             this.bp = a;
             if (b != this.bp) {
-                this.dw("SelectedMemberPath", b, this.bp);
+                this.dz("FilterPlaceholderText", b, this.bp);
             }
         }
-        get b7() {
-            return this.bn;
+        get z() {
+            return this.y;
         }
-        set b7(a) {
-            let b = this.bn;
-            this.bn = a;
-            if (b != this.bn) {
-                this.dw("FilterPlaceholderText", b, this.bn);
+        set z(a) {
+            let b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.dz("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.y));
             }
         }
-        get y() {
-            return this.x;
+        get bi() {
+            return this.bf;
         }
-        set y(a) {
-            let b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.dw("SearchInputType", enumGetBox(InputGroupDisplayType_$type, b), enumGetBox(InputGroupDisplayType_$type, this.x));
+        set bi(a) {
+            let b = this.bf;
+            this.bf = a;
+            if (b != this.bf) {
+                this.dz("RowHeight", b, this.bf);
             }
         }
-        get bh() {
-            return this.be;
-        }
-        set bh(a) {
-            let b = this.be;
-            this.be = a;
-            if (b != this.be) {
-                this.dw("RowHeight", b, this.be);
-            }
-        }
-        get bf() {
+        get bg() {
             if (this.f != null) {
                 return this.f.actualRowHeight;
             }
-            else if (this.be != -1) {
-                return this.be;
+            else if (this.bf != -1) {
+                return this.bf;
             }
             else {
                 switch (this.density) {
@@ -1113,124 +1127,114 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return GridStyleRepository.r;
             }
         }
-        get am() {
-            return this.ak;
+        get an() {
+            return this.al;
         }
-        set am(a) {
-            let b = this.ak;
-            this.ak = a;
-            if (b != this.ak) {
-                this.dw("CellTextStyle", b, this.ak);
+        set an(a) {
+            let b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.dz("CellTextStyle", b, this.al);
             }
         }
         get indexType() {
-            return this.k;
+            return this.l;
         }
         set indexType(a) {
-            let b = this.k;
-            this.k = a;
-            if (b != this.k) {
-                this.dw("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.k));
+            let b = this.l;
+            this.l = a;
+            if (b != this.l) {
+                this.dz("IndexType", enumGetBox(CheckboxListIndexType_$type, b), enumGetBox(CheckboxListIndexType_$type, this.l));
             }
         }
         get baseTheme() {
-            return this.ac;
+            return this.ad;
         }
         set baseTheme(a) {
-            let b = this.ac;
-            this.ac = a;
-            if (b != this.ac) {
-                this.dw("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ac));
+            let b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.dz("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.ad));
             }
         }
         get density() {
-            return this.ae;
+            return this.af;
         }
         set density(a) {
-            let b = this.ae;
-            this.ae = a;
-            if (b != this.ae) {
-                this.dw("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ae));
+            let b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.dz("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.af));
             }
         }
         get searchIconColor() {
-            return this.es;
+            return this.ev;
         }
         set searchIconColor(a) {
-            let b = this.es;
-            this.es = a;
-            if (b != this.es) {
-                this.dw("SearchIconColor", b, this.es);
+            let b = this.ev;
+            this.ev = a;
+            if (b != this.ev) {
+                this.dz("SearchIconColor", b, this.ev);
             }
         }
-        get e8() {
-            return this.eq;
+        get fb() {
+            return this.et;
         }
-        set e8(a) {
-            let b = this.eq;
-            this.eq = a;
-            if (b != this.eq) {
-                this.dw("SearchBackgroundColor", b, this.eq);
+        set fb(a) {
+            let b = this.et;
+            this.et = a;
+            if (b != this.et) {
+                this.dz("SearchBackgroundColor", b, this.et);
             }
         }
-        get a4() {
-            return this.av;
+        get a5() {
+            return this.aw;
         }
-        set a4(a) {
-            let b = this.av;
-            this.av = a;
-            if (b != this.av) {
-                this.dw("LabelClickTriggersChange", b, this.av);
+        set a5(a) {
+            let b = this.aw;
+            this.aw = a;
+            if (b != this.aw) {
+                this.dz("LabelClickTriggersChange", b, this.aw);
             }
         }
         get searchTextColor() {
-            return this.et;
+            return this.ew;
         }
         set searchTextColor(a) {
-            let b = this.et;
-            this.et = a;
-            if (b != this.et) {
-                this.dw("SearchTextColor", b, this.et);
-            }
-        }
-        get e9() {
-            return this.er;
-        }
-        set e9(a) {
-            let b = this.er;
-            this.er = a;
-            if (b != this.er) {
-                this.dw("SearchBorderColor", b, this.er);
+            let b = this.ew;
+            this.ew = a;
+            if (b != this.ew) {
+                this.dz("SearchTextColor", b, this.ew);
             }
         }
-        get an() {
-            return this.al;
+        get fc() {
+            return this.eu;
         }
-        set an(a) {
-            let b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.dw("SearchTextStyle", b, this.al);
+        set fc(a) {
+            let b = this.eu;
+            this.eu = a;
+            if (b != this.eu) {
+                this.dz("SearchBorderColor", b, this.eu);
             }
         }
-        get e0() {
-            return this.el;
+        get ao() {
+            return this.am;
         }
-        set e0(a) {
-            let b = this.el;
-            this.el = a;
-            if (b != this.el) {
-                this.dw("CheckboxTickColor", b, this.el);
+        set ao(a) {
+            let b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.dz("SearchTextStyle", b, this.am);
             }
         }
-        get ey() {
-            return this.ej;
+        get e3() {
+            return this.eo;
         }
-        set ey(a) {
-            let b = this.ej;
-            this.ej = a;
-            if (b != this.ej) {
-                this.dw("CheckboxCheckedBackgroundColor", b, this.ej);
+        set e3(a) {
+            let b = this.eo;
+            this.eo = a;
+            if (b != this.eo) {
+                this.dz("CheckboxTickColor", b, this.eo);
             }
         }
         get e1() {
@@ -1240,17 +1244,17 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.em;
             this.em = a;
             if (b != this.em) {
-                this.dw("CheckboxUncheckedBackgroundColor", b, this.em);
+                this.dz("CheckboxCheckedBackgroundColor", b, this.em);
             }
         }
-        get ez() {
-            return this.ek;
+        get e4() {
+            return this.ep;
         }
-        set ez(a) {
-            let b = this.ek;
-            this.ek = a;
-            if (b != this.ek) {
-                this.dw("CheckboxCheckedBorderColor", b, this.ek);
+        set e4(a) {
+            let b = this.ep;
+            this.ep = a;
+            if (b != this.ep) {
+                this.dz("CheckboxUncheckedBackgroundColor", b, this.ep);
             }
         }
         get e2() {
@@ -1260,55 +1264,65 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.en;
             this.en = a;
             if (b != this.en) {
-                this.dw("CheckboxUncheckedBorderColor", b, this.en);
+                this.dz("CheckboxCheckedBorderColor", b, this.en);
             }
         }
-        get ba() {
-            return this.a9;
+        get e5() {
+            return this.eq;
         }
-        set ba(a) {
-            let b = this.a9;
-            this.a9 = a;
-            if (b != this.a9) {
-                this.dw("CheckboxCornerRadius", b, this.a9);
+        set e5(a) {
+            let b = this.eq;
+            this.eq = a;
+            if (b != this.eq) {
+                this.dz("CheckboxUncheckedBorderColor", b, this.eq);
             }
         }
-        get ab() {
-            return this.aa;
+        get bb() {
+            return this.ba;
         }
-        set ab(a) {
-            let b = this.aa;
-            this.aa = a;
-            if (b != this.aa) {
-                this.dw("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.aa));
+        set bb(a) {
+            let b = this.ba;
+            this.ba = a;
+            if (b != this.ba) {
+                this.dz("CheckboxCornerRadius", b, this.ba);
             }
         }
-        get e7() {
-            return this.ep;
+        get ac() {
+            return this.ab;
         }
-        set e7(a) {
-            let b = this.ep;
-            this.ep = a;
-            if (b != this.ep) {
-                this.dw("ScrollbarBackground", b, this.ep);
+        set ac(a) {
+            let b = this.ab;
+            this.ab = a;
+            if (b != this.ab) {
+                this.dz("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.ab));
+            }
+        }
+        get fa() {
+            return this.es;
+        }
+        set fa(a) {
+            let b = this.es;
+            this.es = a;
+            if (b != this.es) {
+                this.dz("ScrollbarBackground", b, this.es);
             }
         }
-        dw(a, b, c) {
+        dz(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.d2(a, b, c);
+            this.d5(a, b, c);
         }
-        d2(a, b, c) {
+        d5(a, b, c) {
             switch (a) {
                 case "IndexType":
                     this.keys.clear();
-                    this.dg();
+                    this.dj();
                     if (this.keysCleared != null) {
                         this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
                     }
-                    this.view.am();
-                    this.ds(b, c);
+                    this.view.an();
+                    this.dv(b, c);
                     break;
                 case "ItemsSource":
                     if (this.f != null) {
@@ -1319,20 +1333,20 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                             this.f.filterExpressions.clear();
                             this.f.summaryDescriptions.n();
                         }
-                        if (this.f.actualDataSource != null && !this.ay) {
+                        if (this.f.actualDataSource != null && !this.az) {
                             let d = this.f.actualDataSource;
-                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.dx));
+                            d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.d0));
                         }
-                        this.f.itemsSource = this.bj;
-                        this.c5();
-                        if (this.f.actualDataSource != null && !this.ay) {
+                        this.f.itemsSource = this.bk;
+                        this.c8();
+                        if (this.f.actualDataSource != null && !this.az) {
                             let e = this.f.actualDataSource;
-                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.dx));
+                            e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.d0));
                         }
-                        this.ar = true;
-                        this.dz();
-                        this.ar = false;
-                        this.view.am();
+                        this.as = true;
+                        this.d2();
+                        this.as = false;
+                        this.view.an();
                     }
                     break;
                 case "DataMemberPath":
@@ -1340,9 +1354,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 case "SubtitleMemberPath":
                 case "PropertyTypeMemberPath":
                     if (this.f != null) {
-                        if (this.bm != null) {
-                            this.dz();
-                            this.ed();
+                        if (this.bo != null) {
+                            this.d2();
+                            this.eg();
                         }
                     }
                     break;
@@ -1352,90 +1366,90 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "SelectAllCaptionTextColor":
-                    this.ew = null != this.fc ? this.fc : CheckboxList.e5;
+                    this.ez = null != this.ff ? this.ff : CheckboxList.e8;
                     break;
                 case "SelectAllCaption":
                 case "ActualSelectAllCaptionTextColor":
-                    this.view.al();
+                    this.view.am();
                     break;
                 case "showSelectAll":
-                    this.view.ao();
-                    this.view.y();
+                    this.view.ap();
+                    this.view.z();
                     break;
                 case "ShowFilter":
-                    this.view.ak();
-                    this.view.y();
+                    this.view.al();
+                    this.view.z();
                     break;
                 case "FilterPlaceholderText":
-                    if (this.t != null) {
-                        this.t.cg = this.b7;
+                    if (this.u != null) {
+                        this.u.cg = this.ca;
                     }
                     break;
                 case "SearchInputType":
-                    if (this.v != null) {
-                        this.v.d = this.y;
+                    if (this.w != null) {
+                        this.w.d = this.z;
                     }
                     break;
                 case "RowHeight":
                     if (this.f != null) {
-                        this.f.rowHeight = this.bh;
+                        this.f.rowHeight = this.bi;
                     }
                     break;
                 case "CellTextStyle":
                     if (this.f != null) {
-                        this.f.cellTextStyle = this.am;
+                        this.f.cellTextStyle = this.an;
                     }
-                    this.view.ai();
+                    this.view.aj();
                     break;
                 case "BackgroundColor":
                 case "TextColor":
                 case "RowHoverBackgroundColor":
                     let f = this.f;
                     if (null != f) {
-                        f.cellTextColor = this.fe;
+                        f.cellTextColor = this.fh;
                         f.cellBackground = this.backgroundColor;
                         f.cellSelectedBackground = this.backgroundColor;
                         f.rowHoverBackground = this.rowHoverBackgroundColor;
                     }
-                    this.view.aj();
+                    this.view.ak();
                     break;
                 case "BaseTheme":
-                    this.ec();
+                    this.ef();
                     break;
                 case "Density":
-                    this.eb();
+                    this.ee();
                     break;
                 case "IsRowHoverEnabled":
                     if (this.f != null) {
-                        this.f.isRowHoverEnabled = this.a2;
+                        this.f.isRowHoverEnabled = this.a3;
                     }
                     break;
                 case "ScrollbarStyle":
                     if (this.f != null) {
-                        this.f.scrollbarStyle = this.ab;
+                        this.f.scrollbarStyle = this.ac;
                     }
                     break;
                 case "ScrollbarBackground":
                     if (this.f != null) {
-                        this.f.scrollbarBackground = this.e7;
+                        this.f.scrollbarBackground = this.fa;
                     }
                     break;
                 case "SearchIconColor":
-                    this.view.ah();
+                    this.view.ai();
                     break;
                 case "SearchBackgroundColor":
-                    this.w.mc = this.e8;
+                    this.x.mc = this.fb;
                     break;
                 case "SearchBorderColor":
-                    this.w.md = this.e9;
+                    this.x.md = this.fc;
                     break;
                 case "SearchTextColor":
-                    if (this.u != null) {
-                        this.u.d8 = this.searchTextColor;
+                    if (this.v != null) {
+                        this.v.d8 = this.searchTextColor;
                     }
                     break;
                 case "SearchTextStyle":
-                    this.u.af = this.an;
+                    this.v.af = this.ao;
                     break;
                 case "CheckboxTickColor":
                 case "CheckboxCheckedBackgroundColor":
@@ -1443,14 +1457,14 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 case "CheckboxCheckedBorderColor":
                 case "CheckboxUncheckedBorderColor":
                 case "CheckboxCornerRadius":
-                    this.view.ae();
+                    this.view.af();
                     if (this.f != null) {
                         this.f.xx();
                     }
                     break;
                 case "CheckboxAlignedRight":
                     if (this.f != null) {
-                        this.ef();
+                        this.ei();
                     }
                     break;
                 case "DataLegendTarget":
@@ -1460,7 +1474,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        ef() {
+        ei() {
             if (this.f.actualColumns.count == 0) {
                 return;
             }
@@ -1468,7 +1482,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let b = this.f.actualColumns._inner[1];
             let c = this.f.actualColumns._inner[2];
             this.f.actualColumns.clear();
-            if (this.ax) {
+            if (this.ay) {
                 this.f.columns.add(b);
                 this.f.columns.add(a);
             }
@@ -1478,7 +1492,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             this.f.columns.add(c);
         }
-        ds(a, b) {
+        dv(a, b) {
             if (this.indexTypeChanged != null) {
                 this.indexTypeChanged(this, ((() => {
                     let $ret = new CheckboxListIndexTypeChangedEventArgs();
@@ -1488,71 +1502,71 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        eb() {
+        ee() {
             if (this.f != null) {
                 this.f.density = this.density;
             }
-            if (this.v != null) {
-                this.v.t = this.density;
+            if (this.w != null) {
+                this.w.t = this.density;
             }
-            this.view.ad();
+            this.view.ae();
         }
-        ec() {
-            if (this.v != null) {
-                this.v.p = this.baseTheme;
+        ef() {
+            if (this.w != null) {
+                this.w.p = this.baseTheme;
             }
-            if (this.u != null) {
-                this.u.d8 = this.searchTextColor;
+            if (this.v != null) {
+                this.v.d8 = this.searchTextColor;
             }
             if (this.f != null) {
-                this.f.cellTextColor = this.fe;
+                this.f.cellTextColor = this.fh;
                 this.f.cellBackground = this.backgroundColor;
                 this.f.cellSelectedBackground = this.backgroundColor;
                 this.f.rowHoverBackground = this.rowHoverBackgroundColor;
             }
-            this.view.af();
+            this.view.ag();
         }
-        dx(a, b) {
-            this.ar = true;
-            this.c5();
+        d0(a, b) {
+            this.as = true;
+            this.c8();
             if (b.schema != null) {
-                this.dz();
+                this.d2();
                 for (let c = 0; c < this.keys.count; c++) {
-                    this.du(this.keys._inner[c]);
+                    this.dx(this.keys._inner[c]);
                 }
-                this.view.am();
+                this.view.an();
             }
-            this.ar = false;
+            this.as = false;
         }
-        dz() {
-            if (this.ai == null && this.bp != null && this.bp != "") {
-                this.ai = new FastReflectionHelper(false, this.bp);
-            }
-            if (this.ag == null && this.bm != null && this.bm != "") {
-                this.ag = new FastReflectionHelper(false, this.bm);
-            }
-            if (this.aj == null && this.bq != null && this.bq != "") {
-                this.aj = new FastReflectionHelper(false, this.bq);
+        d2() {
+            if (this.aj == null && this.br != null && this.br != "") {
+                this.aj = new FastReflectionHelper(false, this.br);
             }
             if (this.ah == null && this.bo != null && this.bo != "") {
                 this.ah = new FastReflectionHelper(false, this.bo);
             }
-            if (this.ag != null) {
-                this.ag.propertyName = this.bm;
+            if (this.ak == null && this.bs != null && this.bs != "") {
+                this.ak = new FastReflectionHelper(false, this.bs);
             }
-            if (this.aj != null) {
-                this.aj.propertyName = this.bq;
+            if (this.ai == null && this.bq != null && this.bq != "") {
+                this.ai = new FastReflectionHelper(false, this.bq);
             }
             if (this.ah != null) {
                 this.ah.propertyName = this.bo;
             }
-            if (this.bj != null && this.ai != null && this.f.actualDataSource.actualSchema != null) {
-                this.ai.propertyName = this.bp;
+            if (this.ak != null) {
+                this.ak.propertyName = this.bs;
+            }
+            if (this.ai != null) {
+                this.ai.propertyName = this.bq;
+            }
+            if (this.bk != null && this.aj != null && this.f.actualDataSource.actualSchema != null) {
+                this.aj.propertyName = this.br;
                 let a = this.f.actualDataSource.actualCount;
                 for (let b = 0; b < a; b++) {
                     let c = this.f.actualDataSource.getItemAtIndex(b);
                     let d = this.i(c);
-                    let e = this.ai.getPropertyValue(c);
+                    let e = this.aj.getPropertyValue(c);
                     if (e == true) {
                         if (!this.keys.contains(d)) {
                             this.keys.add(d);
@@ -1564,43 +1578,43 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ed() {
-            this.view.o();
+        eg() {
+            this.view.p();
             this.f.columns.clear();
             this.f.primaryKey = this.primaryKey;
             this.f.isGroupRowSticky = false;
-            this.f.rowHeight = this.bh;
+            this.f.rowHeight = this.bi;
             this.f.cellBackground = this.backgroundColor;
             this.f.cellSelectedBackground = this.backgroundColor;
             this.f.density = this.density;
-            this.f.isRowHoverEnabled = this.a2;
+            this.f.isRowHoverEnabled = this.a3;
             this.f.borderWidth = new Thickness(0, 0);
-            if (this.am != null) {
-                this.f.cellTextStyle = this.am;
+            if (this.an != null) {
+                this.f.cellTextStyle = this.an;
             }
             let a = new TemplateColumn();
-            if (this.bp == null) {
-                this.bp = "";
+            if (this.br == null) {
+                this.br = "";
             }
-            a.l5 = this.bp;
-            a.mw = "CheckboxColumn";
+            a.l7 = this.br;
+            a.my = "CheckboxColumn";
             let b = new ColumnWidth();
             b.c = false;
             b.f = 28;
             a.width = b;
-            a.ky = 0;
-            a.kz = 0;
-            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.c6));
+            a.k0 = 0;
+            a.k1 = 0;
+            a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.c9));
             this.j = a;
             this.f.columns.add(a);
-            let c = this.f.actualDataSource.resolveSchemaPropertyType(this.bm);
-            if ((this.bq != null || this.bo != null) && (c == 0 || c == 11 || c == 2)) {
+            let c = this.f.actualDataSource.resolveSchemaPropertyType(this.bo);
+            if ((this.bs != null || this.bq != null) && (c == 0 || c == 11 || c == 2)) {
                 let d = new TemplateColumn();
-                d.l5 = this.bm;
-                d.mw = "DataColumn";
-                d.ky = 0;
+                d.l7 = this.bo;
+                d.my = "DataColumn";
+                d.k0 = 0;
                 d.g = 0;
-                d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.ee));
+                d.cellUpdating = delegateCombine(d.cellUpdating, runOn(this, this.eh));
                 this.f.columns.add(d);
             }
             else {
@@ -1626,9 +1640,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                         e = new TextColumn();
                         break;
                 }
-                e.l5 = this.bm;
-                e.mw = "DataColumn";
-                e.ky = 0;
+                e.l7 = this.bo;
+                e.my = "DataColumn";
+                e.k0 = 0;
                 e.g = 0;
                 this.f.columns.add(e);
             }
@@ -1636,28 +1650,28 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let g = new ColumnWidth();
             g.c = false;
             g.f = 10;
-            f.l5 = "PaddingColumn";
-            f.mw = "PaddingColumn";
-            f.ky = 0;
+            f.l7 = "PaddingColumn";
+            f.my = "PaddingColumn";
+            f.k0 = 0;
             f.width = g;
             this.f.columns.add(f);
         }
         updateHrMargin(a) {
-            this.view.ag(a);
+            this.view.ah(a);
         }
         provideHrElement(a) {
-            this.view.u(a);
+            this.view.v(a);
         }
-        dt() {
-            if (!this.ay) {
-                let a = this.u;
-                a.changing = delegateCombine(a.changing, runOn(this, this.de));
+        dw() {
+            if (!this.az) {
+                let a = this.v;
+                a.changing = delegateCombine(a.changing, runOn(this, this.dh));
             }
-            this.ec();
+            this.ef();
         }
-        de(a, b) {
+        dh(a, b) {
             let c = b.value.toLowerCase();
-            this.dr(c);
+            this.du(c);
         }
         i(a) {
             if (this.primaryKey == null) {
@@ -1671,81 +1685,81 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return new PrimaryKeyValue(b, c);
         }
-        d7(a) {
-            this.aq = true;
+        ea(a) {
+            this.ar = true;
             let b = this.e.getItemAtIndex(a);
-            if (this.ai != null) {
-                this.ai.setPropertyValue(b, false);
+            if (this.aj != null) {
+                this.aj.setPropertyValue(b, false);
             }
             let c = this.i(b);
             this.keys.remove(c);
-            this.aq = false;
+            this.ar = false;
         }
-        c2(a) {
-            this.aq = true;
+        c5(a) {
+            this.ar = true;
             let b = this.e.getItemAtIndex(a);
-            if (this.ai != null) {
-                this.ai.setPropertyValue(b, true);
+            if (this.aj != null) {
+                this.aj.setPropertyValue(b, true);
             }
             let c = this.i(b);
             this.keys.add(c);
-            this.aq = false;
+            this.ar = false;
         }
-        ea() {
+        ed() {
             this.indexType = 0;
             this.keys.clear();
-            this.dg();
+            this.dj();
             if (this.keysCleared != null) {
                 this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
             }
         }
-        c8() {
+        db() {
             this.indexType = 1;
             this.keys.clear();
-            this.dg();
+            this.dj();
             if (this.keysCleared != null) {
                 this.keysCleared(this, new CheckboxListKeysClearedEventArgs());
             }
         }
-        dl(a, b, c) {
+        dp(a, b, c) {
             if (this.f != null) {
                 this.f.notifySetItem(a, b, c);
             }
         }
-        dh() {
+        dk() {
             if (this.f != null) {
                 this.f.notifyClearItems();
             }
         }
-        dg() {
+        dj() {
             if (this.f != null) {
                 this.f.invalidateVisibleRows();
             }
         }
-        di(a, b) {
+        dl(a, b) {
             if (this.f != null) {
                 this.f.notifyInsertItem(a, b);
             }
             ;
         }
-        dk(a, b) {
+        dn(a, b) {
             if (this.f != null) {
                 this.f.notifyRemoveItem(a, b);
             }
             ;
         }
         refresh() {
-            if (this.au) {
+            if (this.av) {
                 return;
             }
             if (this.f != null) {
-                this.au = true;
-                this.view.w();
+                this.av = true;
+                this.view.x();
                 this.f.refresh();
-                this.au = false;
+                this.av = false;
             }
         }
-        c3(a) {
+        c6(a) {
             let b = null;
             if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1757,15 +1771,15 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
             if (b != null) {
-                if (this.ai != null) {
+                if (this.aj != null) {
                     let c = this.e.indexOfKey(a);
                     let d = this.e.getItemAtIndex(c);
-                    this.ai.setPropertyValue(d, true);
+                    this.aj.setPropertyValue(d, true);
                 }
                 this.keys.add(b);
             }
         }
-        d8(a) {
+        eb(a) {
             let b = null;
             if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
@@ -1777,10 +1791,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
             if (this.keys.contains(b)) {
-                if (this.ai != null) {
+                if (this.aj != null) {
                     let c = this.e.indexOfKey(a);
                     let d = this.e.getItemAtIndex(c);
-                    this.ai.setPropertyValue(d, false);
+                    this.aj.setPropertyValue(d, false);
                 }
                 this.keys.remove(b);
             }
@@ -1788,13 +1802,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         getDesiredSize(a) {
             let b = 248;
             let c = 0;
-            let d = this.bc();
+            let d = this.bd();
             let e = 5;
             if (this.f != null && this.f.actualDataSource != null && this.f.actualDataSource.actualCount > 0) {
                 e = this.f.actualDataSource.actualCount;
             }
-            let f = this.bf * e;
-            let g = this.bf * (this.showSelectAll ? 4 : 5);
+            let f = this.bg * e;
+            let g = this.bg * (this.showSelectAll ? 4 : 5);
             let h = f > g ? g : f;
             let i = d + h;
             if (isPositiveInfinity(a.height)) {
@@ -1811,104 +1825,125 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return new Size(1, b, c);
         }
-        bc() {
+        bd() {
             let 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.bf;
+                a += this.bg;
             }
             a += 4;
             return a;
         }
-        get cs() {
-            return this.cr != null ? this.cr : !stringIsNullOrWhiteSpace(this.ap.b1("Select_All")) ? this.ap.b1("Select_All") : "(Select All)";
+        bm() {
+            return this.k();
+        }
+        b9() {
+            let a = this.k();
+            return a.i();
+        }
+        k() {
+            let a = new CheckboxListVisualModelExport();
+            let b = this.view.a();
+            a.g = b[0];
+            a.f = b[1];
+            let c = this.view.aq();
+            a.e = c.height;
+            a.h = c.width;
+            a.c = this.baseTheme;
+            a.d = this.bg;
+            a.a = AppearanceHelper.a(this.ez);
+            a.b = AppearanceHelper.a(this.backgroundColor);
+            return a;
         }
-        set cs(a) {
-            if (a == this.cr) {
+        get cv() {
+            return this.cu != null ? this.cu : !stringIsNullOrWhiteSpace(this.aq.b1("Select_All")) ? this.aq.b1("Select_All") : "(Select All)";
+        }
+        set cv(a) {
+            if (a == this.cu) {
                 return;
             }
-            let b = this.cr;
-            this.cr = a;
-            this.dw("SelectAllCaption", b, this.cr);
+            let b = this.cu;
+            this.cu = a;
+            this.dz("SelectAllCaption", b, this.cu);
         }
-        get fc() {
-            return this.eu;
+        get ff() {
+            return this.ex;
         }
-        set fc(a) {
-            let b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.dw("SelectAllCaptionTextColor", b, a);
+        set ff(a) {
+            let b = this.ex;
+            this.ex = a;
+            if (b != this.ex) {
+                this.dz("SelectAllCaptionTextColor", b, a);
             }
         }
-        get ew() {
-            return this.eh;
+        get ez() {
+            return this.ek;
         }
-        set ew(a) {
-            let b = this.eh;
-            this.eh = a;
-            if (b != this.eh) {
-                this.dw("ActualSelectAllCaptionTextColor", b, a);
+        set ez(a) {
+            let b = this.ek;
+            this.ek = a;
+            if (b != this.ek) {
+                this.dz("ActualSelectAllCaptionTextColor", b, a);
             }
         }
-        get a3() {
-            if (-1 == this.bg) {
+        get a4() {
+            if (-1 == this.bh) {
                 return false;
             }
             let a = this.keys.count;
             if (0 == a) {
                 return false;
             }
-            if (a == this.bg) {
+            if (a == this.bh) {
                 return false;
             }
             return true;
         }
         get showSelectAll() {
-            return this.a7;
+            return this.a8;
         }
         set showSelectAll(a) {
-            if (a == this.a7) {
+            if (a == this.a8) {
                 return;
             }
-            let b = this.a7;
-            this.a7 = a;
-            this.dw("showSelectAll", b, this.a7);
+            let b = this.a8;
+            this.a8 = a;
+            this.dz("showSelectAll", b, this.a8);
         }
         get backgroundColor() {
-            return this.ei;
+            return this.el;
         }
         set backgroundColor(a) {
-            let b = this.ei;
-            this.ei = a;
-            if (b != this.ei) {
-                this.dw("BackgroundColor", b, a);
+            let b = this.el;
+            this.el = a;
+            if (b != this.el) {
+                this.dz("BackgroundColor", b, a);
             }
         }
         get rowHoverBackgroundColor() {
-            return this.eo;
+            return this.er;
         }
         set rowHoverBackgroundColor(a) {
-            let b = this.eo;
-            this.eo = a;
-            if (b != this.eo) {
-                this.dw("RowHoverBackgroundColor", b, a);
+            let b = this.er;
+            this.er = a;
+            if (b != this.er) {
+                this.dz("RowHoverBackgroundColor", b, a);
             }
         }
-        get fe() {
-            return this.ev;
+        get fh() {
+            return this.ey;
         }
-        set fe(a) {
-            let b = this.ev;
-            this.ev = a;
-            if (b != this.ev) {
-                this.dw("TextColor", b, a);
+        set fh(a) {
+            let b = this.ey;
+            this.ey = a;
+            if (b != this.ey) {
+                this.dz("TextColor", b, a);
             }
         }
-        dy(a) {
+        d1(a) {
             if (this.selectAllCheckboxChanged != null) {
                 this.selectAllCheckboxChanged(this, ((() => {
                     let $ret = new SelectAllCheckboxChangedEventArgs();
@@ -1917,81 +1952,81 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        a0() {
-            if (-1 == this.bg) {
+        a1() {
+            if (-1 == this.bh) {
                 return true;
             }
             let a = this.keys.count;
             switch (this.indexType) {
-                case 0: return this.bg == a;
+                case 0: return this.bh == a;
                 case 1: return 0 == a;
                 default: return false;
             }
         }
-        az() {
-            if (-1 == this.bg) {
+        a0() {
+            if (-1 == this.bh) {
                 return false;
             }
             let a = this.keys.count;
             switch (this.indexType) {
                 case 0: return 0 == a;
-                case 1: return this.bg == a;
+                case 1: return this.bh == a;
                 default: return false;
             }
         }
-        c5() {
+        c8() {
             let a = this.f.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
-                    this.bg = -1;
+                    this.bh = -1;
                     return;
                 }
                 let b = a.actualCount;
-                this.bg = b;
+                this.bh = b;
             }
             else {
-                this.bg = -1;
+                this.bh = -1;
             }
         }
-        get a6() {
-            return this.a5;
+        get a7() {
+            return this.a6;
         }
-        set a6(a) {
-            if (a == this.a5) {
+        set a7(a) {
+            if (a == this.a6) {
                 return;
             }
-            let b = this.a5;
-            this.a5 = a;
-            this.dw("ShowFilter", b, this.a5);
+            let b = this.a6;
+            this.a6 = a;
+            this.dz("ShowFilter", b, this.a6);
         }
-        get a2() {
-            return this.a1;
+        get a3() {
+            return this.a2;
         }
-        set a2(a) {
-            if (a == this.a1) {
+        set a3(a) {
+            if (a == this.a2) {
                 return;
             }
-            let b = this.a1;
-            this.a1 = a;
-            this.dw("IsRowHoverEnabled", b, this.a1);
+            let b = this.a2;
+            this.a2 = a;
+            this.dz("IsRowHoverEnabled", b, this.a2);
         }
-        get ax() {
-            return this.aw;
+        get ay() {
+            return this.ax;
         }
-        set ax(a) {
-            if (a == this.aw) {
+        set ay(a) {
+            if (a == this.ax) {
                 return;
             }
-            let b = this.aw;
-            this.aw = a;
-            this.dw("CheckboxAlignedRight", b, this.aw);
+            let b = this.ax;
+            this.ax = a;
+            this.dz("CheckboxAlignedRight", b, this.ax);
         }
     }
     CheckboxList.$t = markType(CheckboxList, 'CheckboxList', Base.$, [INotifyPropertyChanged_$type]);
-    CheckboxList.fd = BrushUtil.j(255, 24, 29, 31);
-    CheckboxList.co = "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.e3 = BrushUtil.j(255, 248, 248, 248);
-    CheckboxList.e4 = null;
-    CheckboxList.e5 = BrushUtil.j(255, 24, 29, 31);
+    CheckboxList.fg = BrushUtil.j(255, 24, 29, 31);
+    CheckboxList.cr = "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.e6 = BrushUtil.j(255, 248, 248, 248);
+    CheckboxList.e7 = null;
+    CheckboxList.e8 = BrushUtil.j(255, 24, 29, 31);
     return CheckboxList;
 })();