igniteui-webcomponents-grids 5.0.0 → 5.0.2-beta.0

package/esm2015/lib/CheckboxListView_combined.js

@@ -15,7 +15,6 @@ import { XInput } from "igniteui-webcomponents-inputs";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { NativeUI } from "igniteui-webcomponents-core";
 import { PrimaryKeyValue } from "./PrimaryKeyValue";
-import { Size } from "igniteui-webcomponents-core";
 import { Thickness } from "igniteui-webcomponents-core";
 import { CheckboxListIndexType_$type } from "./CheckboxListIndexType";
 import { SRProvider } from "igniteui-webcomponents-core";
@@ -34,6 +33,7 @@ import { DateTimeColumn } from "./DateTimeColumn";
 import { NumericColumn } from "./NumericColumn";
 import { TextColumn } from "./TextColumn";
 import { ArgumentException } from "igniteui-webcomponents-core";
+import { Size } from "igniteui-webcomponents-core";
 import { SelectAllCheckboxChangedEventArgs } from "./SelectAllCheckboxChangedEventArgs";
 import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
 /**
@@ -86,7 +86,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let d = c.getExternal(this.b.t, c.rootWrapper, c.getExternal(this.b, null, null));
             this.b.t.d = this.b.v;
             this.b.t.p = this.b.aa;
-            this.b.t.t = this.b.ac;
+            this.b.t.t = this.b.density;
             let e = a.createElement("div");
             let f = a.getSubRenderer(e);
             let g = new XPrefix();
@@ -96,7 +96,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let j = a.getSubRenderer(i);
             this.c = new XIcon();
             this.c.provideContainer(j);
-            this.c.fill = this.b.d1;
+            this.c.fill = this.b.searchIconColor;
             this.c.svgPath = CheckboxList.bw;
             let k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
             g.appendContentChild(i);
@@ -121,13 +121,13 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 let a = this.f.rootWrapper.getChildAt(3);
                 a.setStyleProperty("width", "100%");
                 a.setStyleProperty("margin", "4px 0px 0px 0px");
-                if (this.b.au == false) {
+                if (this.b.showSelectAll == false) {
                     a.setStyleProperty("height", "calc(100% - 50px");
                 }
                 else {
                     a.setStyleProperty("height", "calc(100% - 75px");
                 }
-                if (!this.b.as && !this.b.au) {
+                if (!this.b.as && !this.b.showSelectAll) {
                     a.setStyleProperty("height", "100%");
                 }
             }
@@ -147,7 +147,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 a.setStyleProperty("display", "flex");
                 a.setStyleProperty("height", "100%");
                 a.setStyleProperty("align-items", "center");
-                switch (this.b.ac) {
+                switch (this.b.density) {
                     case 1:
                         a.setStyleProperty("margin-top", "-4px");
                         break;
@@ -290,7 +290,7 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
         }
         ai() {
             if (null != this.i) {
-                let a = this.b.au ? "flex" : "none";
+                let a = this.b.showSelectAll ? "flex" : "none";
                 this.j.setStyleProperty("display", a);
             }
         }
@@ -317,10 +317,10 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
                 }
                 this.a.indeterminate = false;
                 if (this.b.l == 0) {
-                    this.a.checked = this.b.g.count == 0;
+                    this.a.checked = this.b.h.count == 0;
                 }
                 else {
-                    this.a.checked = this.b.g.count != 0;
+                    this.a.checked = this.b.h.count != 0;
                 }
             }
             finally {
@@ -349,37 +349,14 @@ export let CheckboxListView = /*@__PURE__*/ (() => {
             let b = a.rootWrapper;
             if (null != b) {
                 NativeUI.q(b, this.b.d5);
-                NativeUI.m(b, this.b.dn);
+                NativeUI.m(b, this.b.backgroundColor);
             }
         }
         ab() {
             if (this.c != null) {
-                this.c.fill = this.b.d1;
+                this.c.fill = this.b.searchIconColor;
             }
         }
-        aj() {
-            let a = 248;
-            let b = 0;
-            if (this.b.itemsSource == null) {
-                return new Size(1, a, b + 158);
-            }
-            let c = (this.b.itemsSource.length);
-            b += 4;
-            b += 16;
-            b += 38;
-            b += 8;
-            b += 4;
-            let d = this.b.h != null ? this.b.h.actualRowHeight : 30;
-            let e = d * c;
-            if (e > 150) {
-                b += 150;
-                b += 15;
-            }
-            else {
-                b += e;
-            }
-            return new Size(1, a, b);
-        }
         ac() {
             if (this.b.ag != null) {
                 this.i.setStyleProperty("font", this.b.ag.fontString);
@@ -426,10 +403,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.q = a;
         }
         get e() {
-            if (this.h == null) {
+            if (this.f == null) {
                 return null;
             }
-            return this.h.actualDataSource;
+            return this.f.actualDataSource;
         }
         get aj() {
             if (this.ai == null) {
@@ -438,13 +415,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return this.ai;
         }
-        get g() {
-            return this.f;
+        get h() {
+            return this.g;
         }
-        get b() {
+        get primaryKey() {
             return this.a;
         }
-        set b(a) {
+        set primaryKey(a) {
             let b = this.a;
             this.a = a;
             if (b != this.a) {
@@ -454,8 +431,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         constructor() {
             super();
             this.m = null;
-            this.h = null;
-            this.i = null;
+            this.f = null;
+            this.j = null;
             this.ad = null;
             this.d = null;
             this.ak = false;
@@ -464,7 +441,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.s = null;
             this.al = false;
             this.ai = null;
-            this.f = new GridSelectedKeysCollection();
+            this.g = new GridSelectedKeysCollection();
             this.a = null;
             this.propertyChanged = null;
             this.selectedKeyAdded = null;
@@ -503,7 +480,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.ay = -1;
             this.ar = true;
             this.ao = true;
-            let a = this.f;
+            let a = this.g;
             a.collectionChanged = delegateCombine(a.collectionChanged, runOn(this, this.cv));
             this.d = new FilterFactory();
             let b = new CheckboxListView();
@@ -536,8 +513,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case 4:
                     this.m.u(this.l == 0);
-                    for (let g = 0; g < this.g.ae.count; g++) {
-                        this.cp(this.g.ae._inner[g]);
+                    for (let g = 0; g < this.h.ae.count; g++) {
+                        this.cp(this.h.ae._inner[g]);
                     }
                     break;
             }
@@ -596,13 +573,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.m.l();
         }
         destroy() {
-            if (this.h != null) {
-                let a = this.h;
+            if (this.f != null) {
+                let a = this.f;
                 a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ce));
-                let b = this.h;
+                let b = this.f;
                 b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cf));
-                if (this.h.actualDataSource != null) {
-                    let c = this.h.actualDataSource;
+                if (this.f.actualDataSource != null) {
+                    let c = this.f.actualDataSource;
                     c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cs));
                 }
             }
@@ -611,28 +588,28 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 d.change = delegateRemove(d.change, runOn(this, this.cg));
             }
             this.provideContainer(null, null, null);
-            if (this.i != null) {
-                let e = this.i;
+            if (this.j != null) {
+                let e = this.j;
                 e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cb));
             }
         }
         provideContainer(a, b, c) {
-            this.h = b;
-            if (null != this.h) {
-                this.h.scrollbarStyle = 1;
-                let d = this.h;
+            this.f = b;
+            if (null != this.f) {
+                this.f.scrollbarStyle = 1;
+                let d = this.f;
                 d.sizeChanged = delegateCombine(d.sizeChanged, runOn(this, this.cf));
-                this.h.scrollbarBackground = this.dy;
-                this.h.headerHeight = 0;
-                this.h.rowSeparatorHeight = 0;
-                this.h.defaultColumnMinWidth = NaN;
-                this.h.autoGenerateColumns = false;
-                this.h.activationMode = 0;
-                this.h.editMode = 0;
-                let e = this.h;
+                this.f.scrollbarBackground = this.dy;
+                this.f.headerHeight = 0;
+                this.f.rowSeparatorHeight = 0;
+                this.f.defaultColumnMinWidth = NaN;
+                this.f.autoGenerateColumns = false;
+                this.f.activationMode = 0;
+                this.f.editMode = 0;
+                let e = this.f;
                 e.cellClicked = delegateCombine(e.cellClicked, runOn(this, this.ce));
                 if (this.a0 != null) {
-                    this.h.itemsSource = this.a0;
+                    this.f.itemsSource = this.a0;
                     this.ca();
                     this.cu();
                 }
@@ -645,7 +622,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.m.m(a);
         }
         cf(a, b) {
-            this.h.scrollbarStyle = this.y;
+            this.f.scrollbarStyle = this.y;
         }
         provideSelectAllSection(a) {
             this.m.q(a);
@@ -659,18 +636,18 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 return;
             }
             let d = b.cellInfo.g4;
-            let e = this.j(d);
-            if (this.g.contains(e)) {
+            let e = this.i(d);
+            if (this.h.contains(e)) {
                 if (this.ad != null) {
                     this.ad.setPropertyValue(d, false);
                 }
-                this.g.remove(e);
+                this.h.remove(e);
             }
             else {
                 if (this.ad != null) {
                     this.ad.setPropertyValue(d, true);
                 }
-                this.g.add(e);
+                this.h.add(e);
             }
         }
         cb(a, b) {
@@ -680,8 +657,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             let d = false;
             if (b.cellInfo.g4 != null) {
-                let e = this.j(b.cellInfo.g4);
-                if (this.g.contains(e)) {
+                let e = this.i(b.cellInfo.g4);
+                if (this.h.contains(e)) {
                     d = true;
                 }
             }
@@ -691,13 +668,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (this.a2 != null) {
                 let b = this.d.property(this.a2).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
                 let c = b.contains(a);
-                if (!this.h.filterExpressions.k.contains(this.c)) {
+                if (!this.f.filterExpressions.k.contains(this.c)) {
                     this.c = c;
-                    this.h.filterExpressions.add(this.c);
+                    this.f.filterExpressions.add(this.c);
                 }
                 else {
-                    let d = this.h.filterExpressions.k.indexOf(this.c);
-                    this.h.filterExpressions.k.item(d, this.c = c);
+                    let d = this.f.filterExpressions.k.indexOf(this.c);
+                    this.f.filterExpressions.k.item(d, this.c = c);
                 }
             }
         }
@@ -711,20 +688,20 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.cr("ItemsSource", b, this.a0);
             }
         }
-        get be() {
+        get dataMemberPath() {
             return this.a2;
         }
-        set be(a) {
+        set dataMemberPath(a) {
             let b = this.a2;
             this.a2 = a;
             if (b != this.a2) {
                 this.cr("DataMemberPath", b, this.a2);
             }
         }
-        get b3() {
+        get selectedMemberPath() {
             return this.a4;
         }
-        set b3(a) {
+        set selectedMemberPath(a) {
             let b = this.a4;
             this.a4 = a;
             if (b != this.a4) {
@@ -762,8 +739,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         get ax() {
-            if (this.h != null) {
-                return this.h.actualRowHeight;
+            if (this.f != null) {
+                return this.f.actualRowHeight;
             }
             return -1;
         }
@@ -797,20 +774,20 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.cr("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.z));
             }
         }
-        get ac() {
+        get density() {
             return this.ab;
         }
-        set ac(a) {
+        set density(a) {
             let b = this.ab;
             this.ab = a;
             if (b != this.ab) {
                 this.cr("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.ab));
             }
         }
-        get d1() {
+        get searchIconColor() {
             return this.di;
         }
-        set d1(a) {
+        set searchIconColor(a) {
             let b = this.di;
             this.di = a;
             if (b != this.di) {
@@ -827,10 +804,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.cr("SearchBackgroundColor", b, this.dg);
             }
         }
-        get d2() {
+        get searchTextColor() {
             return this.dj;
         }
-        set d2(a) {
+        set searchTextColor(a) {
             let b = this.dj;
             this.dj = a;
             if (b != this.dj) {
@@ -936,22 +913,22 @@ export let CheckboxList = /*@__PURE__*/ (() => {
         cw(a, b, c) {
             switch (a) {
                 case "ItemsSource":
-                    if (this.h != null) {
+                    if (this.f != null) {
                         this.l = 1;
                         if (c != null) {
-                            this.h.groupDescriptions.n();
-                            this.h.sortDescriptions.n();
-                            this.h.filterExpressions.clear();
-                            this.h.summaryDescriptions.n();
+                            this.f.groupDescriptions.n();
+                            this.f.sortDescriptions.n();
+                            this.f.filterExpressions.clear();
+                            this.f.summaryDescriptions.n();
                         }
-                        if (this.h.actualDataSource != null) {
-                            let d = this.h.actualDataSource;
+                        if (this.f.actualDataSource != null) {
+                            let d = this.f.actualDataSource;
                             d.schemaChanged = delegateRemove(d.schemaChanged, runOn(this, this.cs));
                         }
-                        this.h.itemsSource = this.a0;
+                        this.f.itemsSource = this.a0;
                         this.ca();
-                        if (this.h.actualDataSource != null) {
-                            let e = this.h.actualDataSource;
+                        if (this.f.actualDataSource != null) {
+                            let e = this.f.actualDataSource;
                             e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cs));
                         }
                         this.al = true;
@@ -962,7 +939,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case "DataMemberPath":
                 case "SelectedMemberPath":
-                    if (this.h != null) {
+                    if (this.f != null) {
                         if (this.a2 != null) {
                             this.cu();
                             this.c5();
@@ -970,8 +947,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "PrimaryKey":
-                    if (this.h != null) {
-                        this.h.primaryKey = this.b;
+                    if (this.f != null) {
+                        this.f.primaryKey = this.primaryKey;
                     }
                     break;
                 case "SelectAllCaptionTextColor":
@@ -1000,25 +977,25 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     }
                     break;
                 case "RowHeight":
-                    if (this.h != null) {
-                        this.h.rowHeight = this.az;
+                    if (this.f != null) {
+                        this.f.rowHeight = this.az;
                     }
                     break;
                 case "CellTextStyle":
-                    if (this.h != null) {
-                        this.h.cellTextStyle = this.ag;
+                    if (this.f != null) {
+                        this.f.cellTextStyle = this.ag;
                     }
                     this.m.ac();
                     break;
                 case "BackgroundColor":
                 case "TextColor":
                 case "RowHoverBackgroundColor":
-                    let f = this.h;
+                    let f = this.f;
                     if (null != f) {
                         f.cellTextColor = this.d5;
-                        f.cellBackground = this.dn;
-                        f.cellSelectedBackground = this.dn;
-                        f.rowHoverBackground = this.dx;
+                        f.cellBackground = this.backgroundColor;
+                        f.cellSelectedBackground = this.backgroundColor;
+                        f.rowHoverBackground = this.rowHoverBackgroundColor;
                     }
                     this.m.ad();
                     break;
@@ -1029,18 +1006,18 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     this.c3();
                     break;
                 case "IsRowHoverEnabled":
-                    if (this.h != null) {
-                        this.h.isRowHoverEnabled = this.ap;
+                    if (this.f != null) {
+                        this.f.isRowHoverEnabled = this.ap;
                     }
                     break;
                 case "ScrollbarStyle":
-                    if (this.h != null) {
-                        this.h.scrollbarStyle = this.y;
+                    if (this.f != null) {
+                        this.f.scrollbarStyle = this.y;
                     }
                     break;
                 case "ScrollbarBackground":
-                    if (this.h != null) {
-                        this.h.scrollbarBackground = this.dy;
+                    if (this.f != null) {
+                        this.f.scrollbarBackground = this.dy;
                     }
                     break;
                 case "SearchIconColor":
@@ -1054,7 +1031,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     break;
                 case "SearchTextColor":
                     if (this.r != null) {
-                        this.r.d8 = this.d2;
+                        this.r.d8 = this.searchTextColor;
                     }
                     break;
                 case "SearchTextStyle":
@@ -1066,18 +1043,18 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 case "CheckboxCheckedBorderColor":
                 case "CheckboxUncheckedBorderColor":
                     this.m.y();
-                    if (this.h != null) {
-                        this.h.w9();
+                    if (this.f != null) {
+                        this.f.w9();
                     }
                     break;
             }
         }
         c3() {
-            if (this.h != null) {
-                this.h.density = this.ac;
+            if (this.f != null) {
+                this.f.density = this.density;
             }
             if (this.s != null) {
-                this.s.t = this.ac;
+                this.s.t = this.density;
             }
             this.m.x();
         }
@@ -1086,13 +1063,13 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                 this.s.p = this.aa;
             }
             if (this.r != null) {
-                this.r.d8 = this.d2;
+                this.r.d8 = this.searchTextColor;
             }
-            if (this.h != null) {
-                this.h.cellTextColor = this.d5;
-                this.h.cellBackground = this.dn;
-                this.h.cellSelectedBackground = this.dn;
-                this.h.rowHoverBackground = this.dx;
+            if (this.f != null) {
+                this.f.cellTextColor = this.d5;
+                this.f.cellBackground = this.backgroundColor;
+                this.f.cellSelectedBackground = this.backgroundColor;
+                this.f.rowHoverBackground = this.rowHoverBackgroundColor;
             }
             this.m.z();
         }
@@ -1101,8 +1078,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.ca();
             if (b.schema != null) {
                 this.cu();
-                for (let c = 0; c < this.g.count; c++) {
-                    this.cp(this.g._inner[c]);
+                for (let c = 0; c < this.h.count; c++) {
+                    this.cp(this.h._inner[c]);
                 }
                 this.m.ag();
             }
@@ -1112,33 +1089,33 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (this.ad == null && this.a4 != null && this.a4 != "") {
                 this.ad = new FastReflectionHelper(false, this.a4);
             }
-            if (this.a0 != null && this.ad != null && this.h.actualDataSource.actualSchema != null) {
+            if (this.a0 != null && this.ad != null && this.f.actualDataSource.actualSchema != null) {
                 this.ad.propertyName = this.a4;
-                let a = this.h.actualDataSource.actualCount;
+                let a = this.f.actualDataSource.actualCount;
                 for (let b = 0; b < a; b++) {
-                    let c = this.h.actualDataSource.getItemAtIndex(b);
+                    let c = this.f.actualDataSource.getItemAtIndex(b);
                     let d = this.ad.getPropertyValue(c);
                     if (d == true) {
-                        let e = this.j(c);
-                        if (!this.g.contains(e)) {
-                            this.g.add(e);
+                        let e = this.i(c);
+                        if (!this.h.contains(e)) {
+                            this.h.add(e);
                         }
                     }
                 }
             }
         }
         c5() {
-            this.h.actualColumns.clear();
-            this.h.primaryKey = this.b;
-            this.h.isGroupRowSticky = false;
-            this.h.rowHeight = this.az;
-            this.h.cellBackground = this.dn;
-            this.h.cellSelectedBackground = this.dn;
-            this.h.density = this.ac;
-            this.h.isRowHoverEnabled = this.ap;
-            this.h.borderWidth = new Thickness(0, 0);
+            this.f.actualColumns.clear();
+            this.f.primaryKey = this.primaryKey;
+            this.f.isGroupRowSticky = false;
+            this.f.rowHeight = this.az;
+            this.f.cellBackground = this.backgroundColor;
+            this.f.cellSelectedBackground = this.backgroundColor;
+            this.f.density = this.density;
+            this.f.isRowHoverEnabled = this.ap;
+            this.f.borderWidth = new Thickness(0, 0);
             if (this.ag != null) {
-                this.h.cellTextStyle = this.ag;
+                this.f.cellTextStyle = this.ag;
             }
             let a = new TemplateColumn();
             if (this.a4 == null) {
@@ -1153,9 +1130,9 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             a.h2 = 0;
             a.h3 = 0;
             a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.cb));
-            this.h.columns.add(a);
-            this.i = a;
-            let c = this.h.actualDataSource.resolveSchemaPropertyType(this.a2);
+            this.f.columns.add(a);
+            this.j = a;
+            let c = this.f.actualDataSource.resolveSchemaPropertyType(this.a2);
             let d;
             switch (c) {
                 case 8:
@@ -1182,7 +1159,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             d.jz = "DataColumn";
             d.h2 = 0;
             d.e = 0;
-            this.h.columns.add(d);
+            this.f.columns.add(d);
         }
         updateHrMargin(a) {
             this.m.aa(a);
@@ -1199,14 +1176,14 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             let c = b.value.toLowerCase();
             this.cn(c);
         }
-        j(a) {
-            if (this.b == null) {
+        i(a) {
+            if (this.primaryKey == null) {
                 return PrimaryKeyValue.createIdentityKey(a);
             }
-            let b = new Array(this.b.length);
-            let c = new Array(this.b.length);
+            let b = new Array(this.primaryKey.length);
+            let c = new Array(this.primaryKey.length);
             for (let d = 0; d < b.length; d++) {
-                b[d] = this.b[d];
+                b[d] = this.primaryKey[d];
                 c[d] = this.e.getItemProperty(a, b[d]);
             }
             return new PrimaryKeyValue(b, c);
@@ -1217,8 +1194,8 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (this.ad != null) {
                 this.ad.setPropertyValue(b, false);
             }
-            let c = this.j(b);
-            this.g.remove(c);
+            let c = this.i(b);
+            this.h.remove(c);
             this.ak = false;
         }
         b8(a) {
@@ -1227,51 +1204,51 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (this.ad != null) {
                 this.ad.setPropertyValue(b, true);
             }
-            let c = this.j(b);
-            this.g.add(c);
+            let c = this.i(b);
+            this.h.add(c);
             this.ak = false;
         }
         c2() {
             this.l = 0;
-            this.g.clear();
+            this.h.clear();
             this.ch();
             this.m.ag();
         }
         cc() {
             this.l = 1;
-            this.g.clear();
+            this.h.clear();
             this.ch();
             this.m.ag();
         }
         ck(a, b, c) {
-            if (this.h != null) {
-                this.h.notifySetItem(a, b, c);
+            if (this.f != null) {
+                this.f.notifySetItem(a, b, c);
             }
         }
         ch() {
-            if (this.h != null) {
-                this.h.notifyClearItems();
+            if (this.f != null) {
+                this.f.notifyClearItems();
             }
         }
         ci(a, b) {
-            if (this.h != null) {
-                this.h.notifyInsertItem(a, b);
+            if (this.f != null) {
+                this.f.notifyInsertItem(a, b);
             }
             ;
         }
         cj(a, b) {
-            if (this.h != null) {
-                this.h.notifyRemoveItem(a, b);
+            if (this.f != null) {
+                this.f.notifyRemoveItem(a, b);
             }
             ;
         }
         b9(a) {
             let b = null;
-            if (this.b == null || this.b.length == 0) {
+            if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
             }
-            else if (this.b.length == a.length) {
-                b = new PrimaryKeyValue(this.b, a);
+            else if (this.primaryKey.length == a.length) {
+                b = new PrimaryKeyValue(this.primaryKey, a);
             }
             else {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
@@ -1282,28 +1259,51 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     let d = this.e.getItemAtIndex(c);
                     this.ad.setPropertyValue(d, true);
                 }
-                this.g.add(b);
+                this.h.add(b);
             }
         }
         c1(a) {
             let b = null;
-            if (this.b == null || this.b.length == 0) {
+            if (this.primaryKey == null || this.primaryKey.length == 0) {
                 b = new PrimaryKeyValue(null, a);
             }
-            else if (this.b.length == a.length) {
-                b = new PrimaryKeyValue(this.b, a);
+            else if (this.primaryKey.length == a.length) {
+                b = new PrimaryKeyValue(this.primaryKey, a);
             }
             else {
                 throw new ArgumentException(1, "value length must match PrimaryKey length");
             }
-            if (this.g.contains(b)) {
+            if (this.h.contains(b)) {
                 if (this.ad != null) {
                     let c = this.e.indexOfKey(a);
                     let d = this.e.getItemAtIndex(c);
                     this.ad.setPropertyValue(d, false);
                 }
-                this.g.remove(b);
+                this.h.remove(b);
+            }
+        }
+        getDesiredSize() {
+            let a = 248;
+            let b = 0;
+            if (this.itemsSource == null) {
+                return new Size(1, a, b + 158);
             }
+            b += 4;
+            b += 16;
+            b += 38;
+            b += 8;
+            b += 4;
+            let c = this.f != null ? this.f.actualRowHeight : 30;
+            let d = (this.itemsSource.length);
+            let e = c * d;
+            if (e > 150) {
+                b += 150;
+                b += 15;
+            }
+            else {
+                b += e;
+            }
+            return new Size(1, a, b);
         }
         get b0() {
             return this.bz != null ? this.bz : !stringIsNullOrWhiteSpace(this.aj.b1("Select_All")) ? this.aj.b1("Select_All") : "(Select All)";
@@ -1340,7 +1340,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (-1 == this.ay) {
                 return false;
             }
-            let a = this.g.count;
+            let a = this.h.count;
             if (0 == a) {
                 return false;
             }
@@ -1349,10 +1349,10 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
             return true;
         }
-        get au() {
+        get showSelectAll() {
             return this.at;
         }
-        set au(a) {
+        set showSelectAll(a) {
             if (a == this.at) {
                 return;
             }
@@ -1360,20 +1360,20 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             this.at = a;
             this.cr("showSelectAll", b, this.at);
         }
-        get dn() {
+        get backgroundColor() {
             return this.c8;
         }
-        set dn(a) {
+        set backgroundColor(a) {
             let b = this.c8;
             this.c8 = a;
             if (b != this.c8) {
                 this.cr("BackgroundColor", b, a);
             }
         }
-        get dx() {
+        get rowHoverBackgroundColor() {
             return this.de;
         }
-        set dx(a) {
+        set rowHoverBackgroundColor(a) {
             let b = this.de;
             this.de = a;
             if (b != this.de) {
@@ -1403,7 +1403,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (-1 == this.ay) {
                 return true;
             }
-            let a = this.g.count;
+            let a = this.h.count;
             switch (this.l) {
                 case 0: return this.ay == a;
                 case 1: return 0 == a;
@@ -1414,7 +1414,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             if (-1 == this.ay) {
                 return false;
             }
-            let a = this.g.count;
+            let a = this.h.count;
             switch (this.l) {
                 case 0: return 0 == a;
                 case 1: return this.ay == a;
@@ -1422,7 +1422,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
             }
         }
         ca() {
-            let a = this.h.actualDataSource;
+            let a = this.f.actualDataSource;
             if (null != a) {
                 if (null == a.actualSchema) {
                     this.ay = -1;