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

package/esm5/lib/CheckboxListView_combined.js

@@ -16,7 +16,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";
@@ -35,6 +34,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";
 /**
@@ -88,7 +88,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var 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;
         var e = a.createElement("div");
         var f = a.getSubRenderer(e);
         var g = new XPrefix();
@@ -98,7 +98,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var 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;
         var k = f.getExternal(this.c, j.rootWrapper, j.getExternal(this.b, null, null));
         g.appendContentChild(i);
@@ -123,13 +123,13 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             var 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%");
             }
         }
@@ -149,7 +149,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             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;
@@ -343,7 +343,7 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     CheckboxListView.prototype.ai = function () {
         if (null != this.i) {
-            var a = this.b.au ? "flex" : "none";
+            var a = this.b.showSelectAll ? "flex" : "none";
             this.j.setStyleProperty("display", a);
         }
     };
@@ -373,10 +373,10 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             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 {
@@ -405,37 +405,14 @@ var CheckboxListView = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = a.rootWrapper;
         if (null != b) {
             NativeUI.q(b, this.b.d5);
-            NativeUI.m(b, this.b.dn);
+            NativeUI.m(b, this.b.backgroundColor);
         }
     };
     CheckboxListView.prototype.ab = function () {
         if (this.c != null) {
-            this.c.fill = this.b.d1;
+            this.c.fill = this.b.searchIconColor;
         }
     };
-    CheckboxListView.prototype.aj = function () {
-        var a = 248;
-        var b = 0;
-        if (this.b.itemsSource == null) {
-            return new Size(1, a, b + 158);
-        }
-        var c = (this.b.itemsSource.length);
-        b += 4;
-        b += 16;
-        b += 38;
-        b += 8;
-        b += 4;
-        var d = this.b.h != null ? this.b.h.actualRowHeight : 30;
-        var e = d * c;
-        if (e > 150) {
-            b += 150;
-            b += 15;
-        }
-        else {
-            b += e;
-        }
-        return new Size(1, a, b);
-    };
     CheckboxListView.prototype.ac = function () {
         if (this.b.ag != null) {
             this.i.setStyleProperty("font", this.b.ag.fontString);
@@ -472,8 +449,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     function CheckboxList() {
         var _this = _super.call(this) || this;
         _this.m = null;
-        _this.h = null;
-        _this.i = null;
+        _this.f = null;
+        _this.j = null;
         _this.ad = null;
         _this.d = null;
         _this.ak = false;
@@ -482,7 +459,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _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;
@@ -521,7 +498,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.ay = -1;
         _this.ar = true;
         _this.ao = true;
-        var a = _this.f;
+        var a = _this.g;
         a.collectionChanged = delegateCombine(a.collectionChanged, runOn(_this, _this.cv));
         _this.d = new FilterFactory();
         var b = new CheckboxListView();
@@ -552,10 +529,10 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "e", {
         get: function () {
-            if (this.h == null) {
+            if (this.f == null) {
                 return null;
             }
-            return this.h.actualDataSource;
+            return this.f.actualDataSource;
         },
         enumerable: false,
         configurable: true
@@ -571,14 +548,14 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "g", {
+    Object.defineProperty(CheckboxList.prototype, "h", {
         get: function () {
-            return this.f;
+            return this.g;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "b", {
+    Object.defineProperty(CheckboxList.prototype, "primaryKey", {
         get: function () {
             return this.a;
         },
@@ -617,8 +594,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case 4:
                 this.m.u(this.l == 0);
-                for (var g = 0; g < this.g.ae.count; g++) {
-                    this.cp(this.g.ae._inner[g]);
+                for (var g = 0; g < this.h.ae.count; g++) {
+                    this.cp(this.h.ae._inner[g]);
                 }
                 break;
         }
@@ -679,13 +656,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.m.l();
     };
     CheckboxList.prototype.destroy = function () {
-        if (this.h != null) {
-            var a = this.h;
+        if (this.f != null) {
+            var a = this.f;
             a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.ce));
-            var b = this.h;
+            var b = this.f;
             b.sizeChanged = delegateRemove(b.sizeChanged, runOn(this, this.cf));
-            if (this.h.actualDataSource != null) {
-                var c = this.h.actualDataSource;
+            if (this.f.actualDataSource != null) {
+                var c = this.f.actualDataSource;
                 c.schemaChanged = delegateRemove(c.schemaChanged, runOn(this, this.cs));
             }
         }
@@ -694,28 +671,28 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             d.change = delegateRemove(d.change, runOn(this, this.cg));
         }
         this.provideContainer(null, null, null);
-        if (this.i != null) {
-            var e = this.i;
+        if (this.j != null) {
+            var e = this.j;
             e.cellUpdating = delegateRemove(e.cellUpdating, runOn(this, this.cb));
         }
     };
     CheckboxList.prototype.provideContainer = function (a, b, c) {
-        this.h = b;
-        if (null != this.h) {
-            this.h.scrollbarStyle = 1;
-            var d = this.h;
+        this.f = b;
+        if (null != this.f) {
+            this.f.scrollbarStyle = 1;
+            var 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;
-            var 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;
+            var 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();
             }
@@ -728,7 +705,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.m.m(a);
     };
     CheckboxList.prototype.cf = function (a, b) {
-        this.h.scrollbarStyle = this.y;
+        this.f.scrollbarStyle = this.y;
     };
     CheckboxList.prototype.provideSelectAllSection = function (a) {
         this.m.q(a);
@@ -742,18 +719,18 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         var d = b.cellInfo.g4;
-        var e = this.j(d);
-        if (this.g.contains(e)) {
+        var 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);
         }
     };
     CheckboxList.prototype.cb = function (a, b) {
@@ -763,8 +740,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var d = false;
         if (b.cellInfo.g4 != null) {
-            var e = this.j(b.cellInfo.g4);
-            if (this.g.contains(e)) {
+            var e = this.i(b.cellInfo.g4);
+            if (this.h.contains(e)) {
                 d = true;
             }
         }
@@ -774,13 +751,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.a2 != null) {
             var b = this.d.property(this.a2).cast(enumGetBox(DataSourceSchemaPropertyType_$type, 0)).toLower();
             var 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 {
-                var d = this.h.filterExpressions.k.indexOf(this.c);
-                this.h.filterExpressions.k.item(d, this.c = c);
+                var d = this.f.filterExpressions.k.indexOf(this.c);
+                this.f.filterExpressions.k.item(d, this.c = c);
             }
         }
     };
@@ -798,7 +775,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "be", {
+    Object.defineProperty(CheckboxList.prototype, "dataMemberPath", {
         get: function () {
             return this.a2;
         },
@@ -812,7 +789,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "b3", {
+    Object.defineProperty(CheckboxList.prototype, "selectedMemberPath", {
         get: function () {
             return this.a4;
         },
@@ -870,8 +847,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(CheckboxList.prototype, "ax", {
         get: function () {
-            if (this.h != null) {
-                return this.h.actualRowHeight;
+            if (this.f != null) {
+                return this.f.actualRowHeight;
             }
             return -1;
         },
@@ -920,7 +897,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "ac", {
+    Object.defineProperty(CheckboxList.prototype, "density", {
         get: function () {
             return this.ab;
         },
@@ -934,7 +911,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d1", {
+    Object.defineProperty(CheckboxList.prototype, "searchIconColor", {
         get: function () {
             return this.di;
         },
@@ -962,7 +939,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "d2", {
+    Object.defineProperty(CheckboxList.prototype, "searchTextColor", {
         get: function () {
             return this.dj;
         },
@@ -1111,22 +1088,22 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
     CheckboxList.prototype.cw = function (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) {
-                        var d = this.h.actualDataSource;
+                    if (this.f.actualDataSource != null) {
+                        var 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) {
-                        var e = this.h.actualDataSource;
+                    if (this.f.actualDataSource != null) {
+                        var e = this.f.actualDataSource;
                         e.schemaChanged = delegateCombine(e.schemaChanged, runOn(this, this.cs));
                     }
                     this.al = true;
@@ -1137,7 +1114,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "DataMemberPath":
             case "SelectedMemberPath":
-                if (this.h != null) {
+                if (this.f != null) {
                     if (this.a2 != null) {
                         this.cu();
                         this.c5();
@@ -1145,8 +1122,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 break;
             case "PrimaryKey":
-                if (this.h != null) {
-                    this.h.primaryKey = this.b;
+                if (this.f != null) {
+                    this.f.primaryKey = this.primaryKey;
                 }
                 break;
             case "SelectAllCaptionTextColor":
@@ -1175,25 +1152,25 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 }
                 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":
-                var f = this.h;
+                var 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;
@@ -1204,18 +1181,18 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 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":
@@ -1229,7 +1206,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "SearchTextColor":
                 if (this.r != null) {
-                    this.r.d8 = this.d2;
+                    this.r.d8 = this.searchTextColor;
                 }
                 break;
             case "SearchTextStyle":
@@ -1241,18 +1218,18 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             case "CheckboxCheckedBorderColor":
             case "CheckboxUncheckedBorderColor":
                 this.m.y();
-                if (this.h != null) {
-                    this.h.w9();
+                if (this.f != null) {
+                    this.f.w9();
                 }
                 break;
         }
     };
     CheckboxList.prototype.c3 = function () {
-        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();
     };
@@ -1261,13 +1238,13 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             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();
     };
@@ -1276,8 +1253,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         this.ca();
         if (b.schema != null) {
             this.cu();
-            for (var c = 0; c < this.g.count; c++) {
-                this.cp(this.g._inner[c]);
+            for (var c = 0; c < this.h.count; c++) {
+                this.cp(this.h._inner[c]);
             }
             this.m.ag();
         }
@@ -1287,33 +1264,33 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         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;
-            var a = this.h.actualDataSource.actualCount;
+            var a = this.f.actualDataSource.actualCount;
             for (var b = 0; b < a; b++) {
-                var c = this.h.actualDataSource.getItemAtIndex(b);
+                var c = this.f.actualDataSource.getItemAtIndex(b);
                 var d = this.ad.getPropertyValue(c);
                 if (d == true) {
-                    var e = this.j(c);
-                    if (!this.g.contains(e)) {
-                        this.g.add(e);
+                    var e = this.i(c);
+                    if (!this.h.contains(e)) {
+                        this.h.add(e);
                     }
                 }
             }
         }
     };
     CheckboxList.prototype.c5 = function () {
-        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;
         }
         var a = new TemplateColumn();
         if (this.a4 == null) {
@@ -1328,9 +1305,9 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         a.h2 = 0;
         a.h3 = 0;
         a.cellUpdating = delegateCombine(a.cellUpdating, runOn(this, this.cb));
-        this.h.columns.add(a);
-        this.i = a;
-        var c = this.h.actualDataSource.resolveSchemaPropertyType(this.a2);
+        this.f.columns.add(a);
+        this.j = a;
+        var c = this.f.actualDataSource.resolveSchemaPropertyType(this.a2);
         var d;
         switch (c) {
             case 8:
@@ -1357,7 +1334,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         d.jz = "DataColumn";
         d.h2 = 0;
         d.e = 0;
-        this.h.columns.add(d);
+        this.f.columns.add(d);
     };
     CheckboxList.prototype.updateHrMargin = function (a) {
         this.m.aa(a);
@@ -1374,14 +1351,14 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         var c = b.value.toLowerCase();
         this.cn(c);
     };
-    CheckboxList.prototype.j = function (a) {
-        if (this.b == null) {
+    CheckboxList.prototype.i = function (a) {
+        if (this.primaryKey == null) {
             return PrimaryKeyValue.createIdentityKey(a);
         }
-        var b = new Array(this.b.length);
-        var c = new Array(this.b.length);
+        var b = new Array(this.primaryKey.length);
+        var c = new Array(this.primaryKey.length);
         for (var 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);
@@ -1392,8 +1369,8 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.ad != null) {
             this.ad.setPropertyValue(b, false);
         }
-        var c = this.j(b);
-        this.g.remove(c);
+        var c = this.i(b);
+        this.h.remove(c);
         this.ak = false;
     };
     CheckboxList.prototype.b8 = function (a) {
@@ -1402,51 +1379,51 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.ad != null) {
             this.ad.setPropertyValue(b, true);
         }
-        var c = this.j(b);
-        this.g.add(c);
+        var c = this.i(b);
+        this.h.add(c);
         this.ak = false;
     };
     CheckboxList.prototype.c2 = function () {
         this.l = 0;
-        this.g.clear();
+        this.h.clear();
         this.ch();
         this.m.ag();
     };
     CheckboxList.prototype.cc = function () {
         this.l = 1;
-        this.g.clear();
+        this.h.clear();
         this.ch();
         this.m.ag();
     };
     CheckboxList.prototype.ck = function (a, b, c) {
-        if (this.h != null) {
-            this.h.notifySetItem(a, b, c);
+        if (this.f != null) {
+            this.f.notifySetItem(a, b, c);
         }
     };
     CheckboxList.prototype.ch = function () {
-        if (this.h != null) {
-            this.h.notifyClearItems();
+        if (this.f != null) {
+            this.f.notifyClearItems();
         }
     };
     CheckboxList.prototype.ci = function (a, b) {
-        if (this.h != null) {
-            this.h.notifyInsertItem(a, b);
+        if (this.f != null) {
+            this.f.notifyInsertItem(a, b);
         }
         ;
     };
     CheckboxList.prototype.cj = function (a, b) {
-        if (this.h != null) {
-            this.h.notifyRemoveItem(a, b);
+        if (this.f != null) {
+            this.f.notifyRemoveItem(a, b);
         }
         ;
     };
     CheckboxList.prototype.b9 = function (a) {
         var 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");
@@ -1457,29 +1434,52 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
                 var d = this.e.getItemAtIndex(c);
                 this.ad.setPropertyValue(d, true);
             }
-            this.g.add(b);
+            this.h.add(b);
         }
     };
     CheckboxList.prototype.c1 = function (a) {
         var 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) {
                 var c = this.e.indexOfKey(a);
                 var d = this.e.getItemAtIndex(c);
                 this.ad.setPropertyValue(d, false);
             }
-            this.g.remove(b);
+            this.h.remove(b);
         }
     };
+    CheckboxList.prototype.getDesiredSize = function () {
+        var a = 248;
+        var b = 0;
+        if (this.itemsSource == null) {
+            return new Size(1, a, b + 158);
+        }
+        b += 4;
+        b += 16;
+        b += 38;
+        b += 8;
+        b += 4;
+        var c = this.f != null ? this.f.actualRowHeight : 30;
+        var d = (this.itemsSource.length);
+        var e = c * d;
+        if (e > 150) {
+            b += 150;
+            b += 15;
+        }
+        else {
+            b += e;
+        }
+        return new Size(1, a, b);
+    };
     Object.defineProperty(CheckboxList.prototype, "b0", {
         get: function () {
             return this.bz != null ? this.bz : !stringIsNullOrWhiteSpace(this.aj.b1("Select_All")) ? this.aj.b1("Select_All") : "(Select All)";
@@ -1528,7 +1528,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
             if (-1 == this.ay) {
                 return false;
             }
-            var a = this.g.count;
+            var a = this.h.count;
             if (0 == a) {
                 return false;
             }
@@ -1540,7 +1540,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "au", {
+    Object.defineProperty(CheckboxList.prototype, "showSelectAll", {
         get: function () {
             return this.at;
         },
@@ -1555,7 +1555,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dn", {
+    Object.defineProperty(CheckboxList.prototype, "backgroundColor", {
         get: function () {
             return this.c8;
         },
@@ -1569,7 +1569,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(CheckboxList.prototype, "dx", {
+    Object.defineProperty(CheckboxList.prototype, "rowHoverBackgroundColor", {
         get: function () {
             return this.de;
         },
@@ -1610,7 +1610,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (-1 == this.ay) {
             return true;
         }
-        var a = this.g.count;
+        var a = this.h.count;
         switch (this.l) {
             case 0: return this.ay == a;
             case 1: return 0 == a;
@@ -1621,7 +1621,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         if (-1 == this.ay) {
             return false;
         }
-        var a = this.g.count;
+        var a = this.h.count;
         switch (this.l) {
             case 0: return 0 == a;
             case 1: return this.ay == a;
@@ -1629,7 +1629,7 @@ var CheckboxList = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     CheckboxList.prototype.ca = function () {
-        var a = this.h.actualDataSource;
+        var a = this.f.actualDataSource;
         if (null != a) {
             if (null == a.actualSchema) {
                 this.ay = -1;